@charset "utf-8";

@import url("/contents/style/base.css");

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer{ background:url(../images/bg_wrap2-outer.gif) repeat-y center top; width:100%; min-width:950px;}
#wrap-outer2{ background:url(../images/wrap-outer.jpg) no-repeat center top; width:100%; min-width:950px;}
#wrap-outer3 {background:url(../images/wrap-outer3.gif) no-repeat center top;}

#wrap-outer_2nd { background:url(../images/bg_wrap2-outer.gif) repeat-y center top; width:100%; min-width:950px;}

#wrap-outer_2nd #wrap-outer2 {background:url(../images/wrap2-outer.gif) no-repeat center top; width:100%;}
#wrap-outer_2nd #wrap-outer3 {background:url(../images/wrap2-outer.gif) no-repeat center top;}

#wrap{ width:950px; margin:0px auto; text-align:left;background:url(../images/wrap.gif) no-repeat center top; position:relative;}
#wrap2{ width:950px; margin:0px auto;text-align:left; position:relative;}
#wrap3{ }


h1 {
margin:0;
color:#bbb;
font-size:12px;
position:absolute;
top:13px;
left:0;
font-weight:normal;
z-index:10;
}

h2{
position: relative;
letter-spacing:0.1em;
margin:0 0 20px 0; 
padding:10px 20px 7px 25px;
color:#FFF;
font-size:20px;
font-weight:bold;
background-color:#01a0c7;
}

h2:before {
position: absolute;
top: .5em;
left: 9px;
content: '';
width: 3px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #fff;
}

h3{
position: relative;
letter-spacing:0.1em;
padding:10px 15px 7px 15px;
background-color:#f0f0f0;
color:#333333;
margin:20px 0 20px 0; 
}

h3 span {
display:inline-block;
margin-right:.5em;
color:#06C;
}
h3 a{
color:inherit;
text-decoration:none;
}

h4{
letter-spacing:0.1em;
margin:0 0 5px 0;  
padding:6px 0 0px 1px;
color:#038;
font-size:18px;
font-weight:bold;
border-bottom:1px solid #eee;
}

h5 {color:#F60; font-size:18px; font-weight:bold; margin:0 0 20px 0;}


/*↓ブログ用*/
#contents-inner-blog h3 {margin-top:0;}
#contents-inner-blog h3 a {color:#69605c; text-decoration:none;}

/*-------------------------------------------- header ----------------------------------------*/
#header {width:950px; height:100px; margin:0 auto; position:relative;}
#header .logo {position:absolute; top:38px; left:0px;}
#header .text {position:absolute; top:57px; left:250px; color:#e7e7e0; font-size:12px; line-height:1.2em;}
#header .tel {position:absolute; top:42px; right:0px;}

#header ul.gmenu01 {position:absolute;top:10px;right:0px;}
#header ul.gmenu01 li { display:inline-block; margin:0 0px 0 10px; font-size:12px;}
#header ul.gmenu01 li a{ color:#bbb; text-decoration:none }

#header ul.gmenu02 {position:absolute; top:100px; left:0px;}
#header ul.gmenu02 li{ float:left;}

#header .read {position:absolute; top:0px; left:0px; }



/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{width:230px; margin:20px 0 50px 0px; padding:0; float:left;}

#wrap #gnavi{margin:344px 0 50px 0px; }


#gnavi li{}
#gnavi li img {vertical-align:top;}

#gnavi .kodawari_sale ul,
#gnavi .kodawari_rent ul{ margin:12px 0 0px 25px;}

#gnavi .kodawari_sale li,
#gnavi .kodawari_rent li{ font-size:12px; line-height:1.3em; background:url(../images/indent.gif) no-repeat 0 2px;
padding:0 0 0 15px; margin:0 0 12px 0;}

#gnavi .kodawari_sale a,
#gnavi .kodawari_rent a{ color:#666;}
#gnavi .kodawari_sale a:hover,
#gnavi .kodawari_rent a:hover{ color:#2f2f2f;}


#gnavi .kodawari{
background:url(../images/menu/kodawari-bg.gif) no-repeat bottom left;
padding:0 0 15px 0;
}

#gnavi .kodawari ul{ margin:0 0 0 20px;}

#gnavi .kodawari li{
font-size:12px;
line-height:1.3em;
margin:10px 0 6px 0;
background:url(../images/menu/indent.gif) no-repeat 0 4px;
padding:0 0 0 10px;
}

#gnavi .kodawari li a{ color:#000; text-decoration:none;}
#gnavi .kodawari li a:hover{ color:#666; text-decoration:underline;}


#gnavi .kokuchi{background:url(../images/menu/kodawari-bg.gif) no-repeat bottom left; padding:0 0 15px 0; margin:0 0 10px;}
#gnavi .kokuchi ul{height:131px; margin:0 20px 0 20px; overflow-x: hidden; overflow-y: auto;}
#gnavi .kokuchi li{font-size:12px; line-height:1.3em; margin:10px 0 10px 0; padding:0;}
#gnavi .kokuchi li a{ color:#000; text-decoration:none;}

#gnavi .twitter{width:225px; border:1px solid #00aced; background:#FFF; box-sizing:border-box;border:1px solid #00aced;}
#gnavi .twitter .h{margin:12px 10px 10px;}
/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{
width:225px; height:322px; margin:0 0 10px 0; padding:0;
background:url(../images/menu/count_back.png) no-repeat top left;
box-sizing:border-box;
}
#gnavi .count > img{ display:block; margin:0 auto 0 auto;}
#gnavi .count table{}
#gnavi .count .large{font-size:20px; font-weight:bold; background:url(../images/menu/count_ken.png) no-repeat right center; padding:0 17px 3px 0; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; line-height: 1.15;}
#gnavi .count .vis{color:#01a0c7;}
#gnavi .count .mem{color:#fe0000;}

#gnavi .count .count_total{background:#ffffff; width:200px; margin:0 auto 11px auto; padding:6px 15px 3px 15px; border-radius:0; box-sizing:border-box;}
#gnavi .count .count_tb{margin:0; padding:0; border-collapse: collapse;}
#gnavi .count .count_tb img{margin:0 0 3px 0; vertical-align:top;}
#gnavi .count .count_tb tr,
#gnavi .count .count_tb td {margin:0; padding:0;}

#gnavi .count .count_detail{width:200px; margin:9px 20px 0 20px; color:#000;}
#gnavi .count .count_detail table th,
#gnavi .count .count_detail table td{padding:0; font-weight:bold; color:#000;}

#gnavi .count .count_line{width:200px; margin:0 0 0 20px;}
#gnavi .count .count_detail .count_line{margin:4px 0 -2px 0;}

#gnavi .count .count_detail .dotted_line{ border-top:1px dotted #ccc; height:1px; margin:4px 0 3px 0;}


#gnavi .member {margin:0;}
#gnavi .member ul {padding:0; margin:0; text-align:center;}
#gnavi .member ul li {}
#gnavi .member ul li img {box-shadow:none;}
#wrap-outer_2nd #gnavi .member ul {margin:0;}
#gnavi .member li:first-child {margin-bottom:1px;}
#gnavi .member li:last-child {margin-right:6px;}

#gnavi #member_registration {
/*display:none;*/
/*height:210px;*/
width:220px;
padding:1px 1px 6px 1px;
margin:0;
border-radius:5px;
border:1px solid #60b325;
background:#6fcc2b;
box-sizing:border-box;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 5px 0;
}
#gnavi #member_registration img.close {
position:absolute;
top:-14px;
right:-14px;
z-index:100;
}
#gnavi #member_registration .inn {
margin:0 5px 0 5px;
border-radius:5px;
background:#FFF;
box-sizing:border-box;
}
#gnavi #member_registration .inn p {
padding:10px;
font-size:11px;
color:#333;
}
#gnavi #member_registration .inn ul {
margin:0 auto 0 auto;
padding:0 0 10px 0;
text-align:center;
}
#gnavi #member_registration .inn ul li {}
#gnavi #member_registration .inn ul li:first-child {
margin-bottom:5px;
}
#gnavi #member_registration .inn ul li img {
vertical-align:top;
}

/*-footer-*/

#footer-outer { background:url(../images/footer-wrap-outer.gif) no-repeat bottom;}
#footer-outer2 {}
#footer {width:950px; margin:0px auto 0px auto; text-align:left;font-size:12px; color:#666; height:350px; position:relative;}

#footer .footer-inner{padding:52px 0 0 0; }

#footer .page_top{ text-align:right; color:#666; margin:0px 0 50px 0;}


#footer ul { margin:0px 0 0px 0;}
#footer a {color:#e7e7e0; text-decoration:none;}
#footer a:hover {color:#ccc; text-decoration:underline;}

#footer .Right_td{/*border-left:1px dotted #cdcdcd; */padding:0 0 0 30px;}
#footer .site_link ul{margin:15px 0 0 0;}
#footer .site_link li { padding:0 0 0 16px; margin:0px 15px 8px 0;background:url(../images/footer/indent.gif) 0 3px no-repeat;}

#footer .store{ margin:15px 0 0px 0; color:#e7e7e0;}
#footer .name{margin:10px 0 0px 0; font-size:14px;font-weight:bold;}
#footer .address{ font-size:12px; }

#footer .dn table{border-left:3px solid #ff9a00; padding:0 0 0 0px; margin:0 0 20px 0;}
#footer .dn table th{padding:3px 5px 0 5px; color:#ff9a00; text-align:left;}
#footer .dn table td{padding:3px 5px; font-size:12px;}

#footer .slogan{ text-align:center; color:#666; margin:0px 0 0px 0; padding:8px 0 40px 0;}
#footer .copyright{color:#e7e7e0; font-family:Arial; font-size:12px;position:absolute; bottom:3px; left:270px;}
#footer .copyright a{color:#000; font-weight:bold;}

#footer .infoarc_link{color:#ccc; font-family:Arial; font-size:12px; font-weight:bold; position:absolute; bottom:3px; right:20px;}
#footer .infoarc_link a{color:#666;}


/*------------------------------------------ contents ----------------------------------------*/

#contents {width:700px; margin:0px 0px 50px 0px; float:right;}

#wrap2 #contents { width:700px; margin:20px 0px 50px 0px;}


.info2{
	/*width:178px;*/
	padding:10px 0 10px 0;
	margin:0 0 20px 0px;
	border:5px solid #ffcd00;
	text-align:center;
	font-weight:bold;
	color:#cc0000;
	background-color:#fffdf1;
	font-size:16px;
}

.clearfix:before,
.clearfix:after{
	display:block;
	content:"";
	clear:both;
}