﻿/* ::::: http://www.forrent.jp/jj/jjcommon/css/top.css ::::: */

/* ::::: http://www.forrent.jp/jj/jjcommon/css/main.css ::::: */

/* ::::: http://www.forrent.jp/jj/jjcommon/css/global.css ::::: */

* { margin: 0pt; padding: 0pt;  text-align: left; line-height: 140% ; }
.main{background: url(bg.jpg) repeat-x;}
body { color: rgb(51, 51, 51); font-size: 12px; font-family: "MS PGothic","Hiragino Kaku Gothic Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro W4","Helvetica","Verdana",sans-serif; text-align: center; }
h1{ color:#999; font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none outside none; }
table { border-collapse: collapse; border-spacing: 0pt; }
th, td { vertical-align: top; }
a, img { border: 0pt none; }
a { color: rgb(0, 102, 204); }
a:link { color: rgb(0, 102, 204); }
a:visited { color: rgb(0, 102, 204); }
a:hover, a:active { color: rgb(0, 128, 255); }
a img, a:link img, a:visited img, a:hover img, a:active img { border: medium none; text-decoration: none; }
body, x:-moz-broken { margin-left: -1px; }
#wrapper { width: 950px; padding: 0pt 2px; margin: 0pt auto; }
#header { width: 950px; padding-top: 10px; background: url('bg_header.gif') repeat scroll 0% 0% transparent; }
#contents { margin: 10px 15px 0pt; }
h1 { font-size: 120%; font-weight: bold; background: url('bg_h1_title.gif') no-repeat scroll left bottom transparent; width: 905px; padding-left: 3px; padding-bottom: 7px; line-height: 1.2; }
h3 { font-size: 117%; font-weight: bold; color: rgb(61, 153, 115); border-left: 3px solid rgb(61, 153, 115); padding-left: 5px; padding-top: 1px; padding-bottom: 1px; }
#contents h2 { background: url('bg_h2_title_inner.gif') no-repeat scroll left bottom transparent; margin-top: 10px; }
#contents p { margin-top: 10px; }
#footer { margin: 20px 5px 0pt; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #F90; }
#header .sub_section #myarea_section a:hover, a:active { color: rgb(0, 128, 255); }
#header_area .sub_section #myarea_section a:hover, a:active { color: rgb(0, 128, 255); }
/* ::::: http://www.forrent.jp/edit/include/top/css/edit_style.css ::::: */

#footer_seo a:hover, a:active { color: rgb(180, 180, 180); }

:first-child + html .ui-tabs-nav { display: inline-block; }
/* ::::: http://www.forrent.jp/jj/jjcommon/css/global_attic.css ::::: */

#footer { margin: 20px 15px 0pt; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #C93; clear: both; }

/* ::::: http://www.forrent.jp/edit/forrent/common/css/initialize.css ::::: */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0pt; margin: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
fieldset, img { border: 0pt none; }
ol, ul { list-style: none outside none; }
/* ::::: http://www.forrent.jp/edit/forrent/common/css/style.css ::::: */


#wrapper { width: 950px; height: auto; margin: 0pt auto; padding: 0px; background-color: rgb(255, 255, 255); border-left: 1px solid rgb(199, 193, 173); border-right: 1px solid rgb(199, 193, 173); }
#header { width: 950px; height: 97px; margin: 7px 0px 0px 0px; padding: 0px; background-image: url('header_bg.gif'); background-repeat: repeat-x; border-bottom: 1px solid #C96; text-align: left; overflow: hidden; }

#header h1 { width: 935px; height: 18px; margin: 0px; padding: 3px 0px 0px 15px; background-color: rgb(229, 229, 229); }
#header #hd_logo { float: left; margin-right: 30px; }
#header ul#topics { margin: 13px 0px 0px; padding: 0px; list-style-type: none; float: left; }
#header ul#topics li { margin: 0px; padding: 0px; background-image: url('header_arrow.gif'); background-repeat: no-repeat; background-position: 0pt 2px; text-indent: 15px; font-size: 100%; }
#header ul#topics a{text-decoration:none;}
#header #hd_produce { clear: right; margin: 22px 15px 0px 0px; float: right; }
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clear { clear: both; }
.mgnT7 { margin-top: 7px ! important; }
.mgnT20 { margin-top: 20px ! important; }
a { color: rgb(0, 102, 204); }
a:link { color: rgb(0, 102, 204); }
a:visited { color: rgb(0, 102, 204); }
a:hover, a:active { color: rgb(0, 128, 255); }
a img, a:link img, a:visited img, a:hover img, a:active img { border: medium none; text-decoration: none; }
ul#head_pan { clear: both; padding: 10px 0pt 0pt 15px; margin: 0px 0px 30px; list-style-type: none; }
ul#head_pan li { padding: 3px 10px 0pt 0pt; float: left; }
ul#foot_pan { clear: both; padding: 10px 0pt 0pt 15px; list-style-type: none; }
ul#foot_pan li { padding: 3px 10px 0pt 0pt; float: left; }
#footer { width: 920px; height: auto; border-bottom: 4px solid #C96; padding: 30px 0px 0px; margin: 0px; text-align: left; }
#foot1 { border-top: 1px solid rgb(204, 204, 204); clear: both; padding: 6px 0px 10px; width: 920px; }
#foot2 { border-top: 1px solid rgb(204, 204, 204); clear: both; padding: 6px 0px 10px; width: 920px; }
#foot1 p.foot01 { padding-top: 2px; padding-bottom: 9px; }
#foot1 a{ color:F60; }
#foot1 :visited{ color:F60; }
#foot1 :link{ color:F60; }
#foot1 p.foot01 span { margin-left: 6px; margin-right: 5px; }
#foot2 p.foot03 span { margin-left: 7px; margin-right: 5px; }
#foot1 .related { background-color: rgb(227, 227, 227); line-height: 1.5em; padding: 1em; }
#foot1 .related2 { line-height: 2em; padding-top: 10px; padding-bottom: 5px; }
#foot1 .related .bld { font-weight: 700; text-align: left; }
.small { line-height: 140%; }

#contents {  width: 920px; height: auto; margin: 0px 15px; padding: 0px; text-align: left; }

#main_left{ float:right; width:195px;}

#contents #main_left { width: 195px; height: auto; margin: 0px 0px 0px 0px; padding: 0px;  float: right; }
#mainpart{width:380px; margin:0 8px;}

#contents #main_cent {
	width: 395px; 
	height: auto; 
	margin: 0 13px;
	padding: 0px;
	float: left;
}
#contents #main_right { width: 300px; height: auto; margin: 0px; padding: 0px; float: left; }
#main_left{float:left; width:200px;}
#main_left .box01 h2 { width: 195px; height: 28px; background-image: url('left_h2_bg01.gif'); background-repeat: no-repeat; vertical-align: top; overflow: hidden; }

#main_left .box01 img { float: left; }

#main_left .bdr_rbl { clear: both; width: 183px; height: auto; border:#C93;border-style:solid; border-width:1px; margin: 0px; padding: 5px; list-style-type: none; }
#main_left ul.piclist li { display:block; clear: both; min-height: 60px; padding-top: 5px; border-top: 1px dotted rgb(204, 204, 204); font-size:10px; margin-left:auto; margin-right:auto; text-align:center;}
#main_left ul.piclist li.top { display: block; clear: both; min-height: 60px; padding-bottom: 5px; border: medium none; }
#main_left ul.piclist li img { padding-right: 5px; float: left; }
#main_left ul.piclist li a:hover img { opacity: 0.8; }
#main_left ul.piclist li p { width: 128px; margin-right: -3px; float: left; }
#main_cent .box01 h2, #main_cent .box02 h2 { clear: both; width: 395px; height: 28px; background-image: url('center_h2_bg01.gif'); background-repeat: no-repeat; vertical-align: top; overflow: hidden; }
#main_cent　{margin-left:0px; position:static;}
#mainpart { font-size:14px;}
#main_cent .box01 { padding: 0px 0px 20px; }
#main_cent .box01 h2 img { float: left; }
#main_cent .box02 h3 { clear: both; width: 395px; height: 28px; vertical-align: top; }
#main_cent #map_top { width: 385px; height: 750px;  margin-top: 5px; padding: 5px; }


#main_cent ul.piclist li { display: block; width: 192px; min-height: 60px; padding-top: 5px; margin: 5px 0px 0px; float: left; }
#main_cent ul.piclist li img { padding-right: 5px; float: left; }
#main_cent ul.piclist li a:hover img { opacity: 0.8; }
#main_cent ul.piclist li p { width: 115px; margin-right: -3px; padding-right: 5px; float: left; }
.pref_area li { display: block; width: auto; margin: 3px 15px 0px 0px; white-space: nowrap; float: left; }

#main_right #serchmap { width: 300px; height: auto; overflow: hidden; float:left; }
#main_right .inner{ border:#C93;border-style:solid; border-width:1px;}

#main_right .bdr_green { clear: both; width: 298px; height: auto; margin: 0px 0px 15px; padding: 0px 0px 10px; }
#main_right ul#contmenu { font-size:13px; width: 295px; height: auto; display: block; list-style-type: none;  border:#C93;border-style:solid; border-width:1px;}
#main_right ul#contmenu li {display: block;	margin: 5px 5px 0px 10px;	clear: both;}
#main_right ul#contmenu li img { margin: 0px 10px 10px 5px; float: left; }

#main_right ul#contmenu li p.line2 { margin: 0px 5px 0px 0px; float: left; }
#main_right .bdr_gray { clear: both; width: 298px; height: auto; border: 1px solid rgb(210, 210, 210); margin: 0px 0px 15px; padding: 0px 0px 10px; }
#main_right ul#recomend { width: 298px; height: auto; display: block; list-style-type: none; overflow: hidden;  border:#C93;border-style:solid; border-width:1px;}
#main_right ul#recomend li { display: block; margin: 10px 5px 0px 10px; clear: both; }
#main_right ul#recomend li p { margin: 0px 5px 0px 0px; font-size: 100%; float: left; }
#main_right ul#recomend li p.freepaper { width: 190px; margin: 0px 5px 0px 0px; font-size: 100%; float: left; }
#main_right ul#recomend li p a { font-size: 100%; }
#main_right ul#recomend li img { margin: 0px 10px 10px 5px; float: left; }
#main_right .etc { clear: both; width: 300px; height: 110px; margin: 0px 0px 15px; padding: 0px 0px 10px; border:#C93;border-style:solid; border-width:1px;}
#main_right ul#etc_area { width: 298px; height: auto; display: block; margin: 0px 0px 15px; list-style-type: none; }
#main_right ul#etc_area li { display: block; margin: 10px 5px 0px 10px; clear: both; }
#main_right ul#etc_area li p { margin: 0px 5px 0px 0px; font-size: 100%; float: left; }
#main_right ul#etc_area li p.etc_txt { width: 185px; float: left; }
#main_right ul#etc_area li img { margin: 0px 10px 10px 5px; float: left; }
#main_right .free_txt { clear: both; width: 300px; height: auto; font-size: 100%; margin: 0px 0px 15px; }
#contents h2 { clear: both; margin: 0px; padding: 0px; }
h1 { background: none repeat scroll 0% 0% transparent; }
h2 { background: none repeat scroll 0% 0% transparent; }
h3 { border-left: medium none; }
#footer { border-top: medium none; clear: none; width:950px; padding-left:15px; }
#foot2 { padding-left:0px; font-size:11px;}
#foot2 a{ text-decoration:none; color:#F60;}
#maivisual{width:920px; background-image:url(main2.jpg); height:190px; margin:10px 15px 0 15px; position:static;}
.areachoice li {float:left; margin:30px 5px; font-size:20px; }
.shopImg{float:right;}
.area_link_block{border-bottom:#999; border-bottom-style:dotted; border-bottom-width:1px;}

.0123{	width:200px;	float:right;	}
.box{ margin-left:15px; margin-top:10px;}
.f-size{ font-size:16px;}
.hide a{ color:#999; font-size:8px;}
.cent{ text-align:center;}
#join{ text-align:center; margin-left:auto; margin-right:auto;}

.frt-l{float:left; width:195px; padding-left:0px;}
#cnt{ margin:25px 50px 0 0; float:right; }
.blown{ color:#F60;}
.blown:link{ color:#F60;}
.blown:visited{ color:#F60;}
.piclist a:link{ border:none; text-decoration:none; border-bottom-color:#FFF;}

#tweet{ float:right; margin-:60px 10px 0 0;}
