@charset "utf-8";

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

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer, #wrap-outer_2nd, #wrap-outer_map {background:#FCFCFA;}

#wrap-outer2 {background:url(../images/bg_wrap-outer2.png) repeat-x center top;}
#wrap-outer3 {}
#wrap-outer_2nd #wrap-outer3 {background:url(../images/bg_wrap-outer3_2nd.png) repeat-y center top;}
#wrap-outer4 {background:url(../images/bg_wrap-outer4.png) repeat-x center top;}
#wrap-outer5 {}


#wrap {margin:0 auto 0 auto; padding:0 0 50px 0; text-align:left; position:relative; width:1000px;}
#wrap:after {content:""; display:block; clear:both;}

#wrap2 {margin:0 auto 0 auto; padding:0 0 50px 0; text-align:left; position:relative; width:1000px;}



h1 {
margin:0;
color:#333;
font-size:14px;
position:absolute;
top:15px;
left:0;
font-weight:normal;
z-index:10;
font-family:"HanSerif Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

h2{
letter-spacing:0.1em;
margin:0 0 20px 0; 
padding:11px 15px 7px 15px;
color:#FFF;
font-size:25px;
font-weight:bold;
border-radius:8px;
background-color:#5A5;
line-height:1.2;
}

h3{
position: relative;
padding:12px 10px 9px 15px;
border: 1px solid #CCC;
border-radius: 5px;
letter-spacing:0.1em;
margin:0 0 20px 0; 
line-height:1.2;
background-color:#FFF;
background:-moz-linear-gradient(top, #FFF, #F7F7F7);
background:-webkit-linear-gradient(top, #FFF, #F7F7F7);
background:linear-gradient(to bottom, #FFF, #F7F7F7);
-pie-background:linear-gradient(top, #FFF, #F7F7F7);

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/
}
h3:before {
position: absolute;
top: .5em;
left: 0;
content: '';
width: 6px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #5A5;
}
/*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 {height:185px; margin:0 auto 0 auto; position:relative;}
#header .logo {position:absolute; top:45px; left:0;}
#header .id {position:absolute; top:50px; left:150px;}
#header .tel {position:absolute; top:44px; right:0;}

#header .sale_bn {position:absolute; top:29px; right:254px;}

#header ul.gmenu01 {position:absolute; top:100px;left:0;}
#header ul.gmenu01:after {content:""; display:block; clear:both;}
#header ul.gmenu01 li {float:left;}
#header ul.gmenu01 li img {vertical-align:bottom;}

#header ul.gmenu02 {position:absolute; top:15px; right:0; font-size:14px; line-height:1;}
#header ul.gmenu02 li {float:left; padding:0 0 0 15px; margin-right:10px; background:url(../images/indent.png) no-repeat left center;}
#header ul.gmenu02 li:last-child {border-right:none; padding-right:0; margin-right:0;}
#header ul.gmenu02 li a {color:#00F; text-decoration:underline;}

#header .mylist{
background:url(../images/header/my_list_bg.png) no-repeat top;
height:35px;
width:310px;
position:absolute;
top:0;
right:0;
font-size:15px;
font-weight:bold;
}
#header .mylist a{ color:#0000ff;}
#header .mylist .mark{ position:absolute;top:8px; right:150px;}
#header .mylist .condition{ position:absolute;top:8px; right:27px;}



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

#gnavi ul {margin:30px 0 0 0;}
#gnavi ul li {margin-bottom:10px;}
#gnavi ul li img {vertical-align:bottom;
/* 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 ul li.h img {box-shadow:none;}


#gnavi ul li ul {margin:20px 0 0 0;}
#gnavi ul li ul li {}

#wrap-outer_2nd #gnavi ul.bnr {margin-top:20px;}


#gnavi ul.search_develop {
width:240px; height:150px; background:url(/contents/images/menu/develop_bg.png) no-repeat left top;
margin:0; padding:46px 0 0 0; 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 ul.search_develop:after {content:""; display:block; clear:both;}
#gnavi ul.search_develop li {float:left; margin-left:10px;}


#gnavi ul.search_map {
width:240px; height:110px; background:url(/contents/images/menu/search_map_bg.png) no-repeat left top;
margin-top:20px; padding:72px 0 0 0; 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 ul.search_map:after {content:""; display:block; clear:both;}
#gnavi ul.search_map li {float:left; margin-left:10px;}


#gnavi ul.search_area {}
#gnavi ul.search_area:after {content:""; display:block; clear:both;}
#gnavi ul.search_area li {float:left;}
#gnavi ul.search_area li:nth-child(2n) {margin-right:10px;}
#gnavi ul.search_area li:last-child {margin:0;}


#gnavi .cmnt {
font-size:14px;
color:#666;
width:240px;
margin:20px 0 0 0;
padding:10px;
border:1px solid #D9D8D2;
background:#FFF;
box-sizing:border-box;
}



/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{
width:240px; height:300px; margin:0 0 40px 0; padding:0;
background:url(../images/menu/count_h.png) no-repeat left top;
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;
}
#wrap-outer_2nd #gnavi .count {margin-bottom:20px;}
#gnavi .count table{}
#gnavi .count .large{font-size:20px; font-weight:bold; line-height:1.3; background:url(../images/menu/count_ken.png) no-repeat right center; padding:0 17px 0 0;}
#gnavi .count .vis{color:#3BC;}
#gnavi .count .mem{color:#F33;}

#gnavi .count .count_total{background:#F2F2F2; width:210px; margin:0 auto 10px auto; padding:7px 10px 7px 10px; border-radius:3px; box-sizing:border-box;}
#gnavi .count .count_tb{margin:0; padding:0; border-collapse: collapse;}
#gnavi .count .count_tb img{margin: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-top:155px; 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:4px;}

#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;
}



/*-------------------------------------------- gnavi_right -----------------------------------------*/
#gnavi_right {margin:20px 0 0 0; width:240px; position:absolute; right:0;}
#wrap-outer_2nd #gnavi_right {margin-top:20px;}


#gnavi_right ul {margin:30px 0 0 0;}
#gnavi_right ul li {margin-bottom:10px;}
#gnavi_right ul li img {vertical-align:bottom;
/* 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_right ul li.h img {box-shadow:none;}
#gnavi_right ul li.nosdw img {box-shadow:none;}

#gnavi_right ul.shop_link {margin-top:10px;}
#gnavi_right ul.bnr_mansion {margin-top:10px;}
#wrap-outer_2nd #gnavi_right ul.bnr {margin-top:10px;}

#gnavi_right .photogallery {
width:240px; height:210px; margin:0 0 10px 0; padding:9px;
border:1px solid #DDD;
background:#FFF;
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_right .photogallery .pic {width:220px; height:148px; background:#F2F2F2;}

#gnavi_right .raiten {
width:240px; height:320px; margin:0; padding:0;
border-radius:6px;
border:1px solid #DDD;
background:#FFF;
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_right .raiten ul {
width:210px;
margin:0 auto 0 auto;
}
#gnavi_right .raiten ul li {margin-bottom:12px; line-height:0;}
#gnavi_right .raiten ul li img {box-shadow:none; vertical-align:bottom;}

#gnavi_right .shop_h {margin-top:30px;}
#gnavi_right .shop {
width:240px; margin:10px 0 0 0; padding:14px;
border:1px solid #DDD;
background:#FFF;
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_right .shop ul {
margin:0;
padding:0;
border-top:none;
text-align:center;
}
#gnavi_right .shop ul li:first-child {margin-bottom:10px;}
#gnavi_right .shop ul li:last-child {margin-bottom:0;}
#gnavi_right .shop ul li img {box-shadow:none;}

/* Twitter */
#gnavi .twitter,
#gnavi_right .twitter{
width:240px;
margin:10px 0 0 0;
padding:10px 0 0 0;
border:1px solid #DDD;
background:#FFF;
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 .twitter .h,
#gnavi_right .twitter .h {
color:#1AF;
line-height:1.2;
margin:0 10px 0 10px;
padding:0 0 7px 35px ;
background:url(../images/ext/twitter_logo.png) no-repeat left 2px;
}
#gnavi .twitter .widget,
#gnavi_right .twitter .widget {
border-top:3px solid #1AF;
margin:0 auto 0 auto;
padding:0;
}


#gnavi_right .cmnt {
font-size:14px;
color:#666;
width:240px; margin:30px 0 0 0; padding:14px;
border:1px solid #DDD;
background:#FFF;
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;
}



/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {margin:50px auto 0 auto; background:#5A5; box-sizing:border-box; color:#FFF;}
#footer-outer2 {}
#footer {width:1000px; height:500px; margin:0 auto 0 auto; text-align:left; position:relative;}

#footer .footer-inner {padding:35px 0 0 0; box-sizing:border-box;}

#footer ul {margin:0;}
#footer .site_link li { padding:0 0 0 16px; margin:0 0 10px 0; background:url(../images/indent_f.png) 0px 6px no-repeat;}

#footer a {color:#FFF; text-decoration:none;}
#footer a:hover {color:#FFF;}

#footer .Left_td {width:350px; border-right:1px solid rgba(15,136,51,1); box-shadow:1px 0 0 rgba(255,255,255,.3);}
#footer .Left_td .store{ margin:0;}
#footer .Left_td .store img{margin:0;}
#footer .Left_td .store .logo {
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0 0 3px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 3px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 3px 0;
}
#footer .Left_td .tel{font-size:30px;}
#footer .Left_td .address {margin:20px 0 0 0;}
#footer .Left_td .address .name {margin-bottom:10px; font-weight:bold;}
#footer .Left_td .address .shop {margin-bottom:20px;}
#footer .Left_td .address .shop strong {font-weight:bold; display:block;}

#footer .Right_td {padding:0 0 0 50px;}
#footer .Right_td .site_link {margin:0;}
#footer .Right_td .site_link td {white-space:nowrap;}
/*#footer .Right_td .site_link td:first-child {width:40%}*/
#footer .Right_td .dn {margin:30px 0 0 0;}
#footer .Right_td .dn th {}
#footer .Right_td .dn td {padding-bottom:15px;}
#footer .Right_td .dn span {font-weight:bold;}

#footer .slogan {}
#footer .copyright {color:#FFF; font-family:"Century Gothic",Verdana,Arial,sans-serif; font-size:12px; position:absolute; bottom:11px; left:0;width:100%;text-align: center;}
#footer .infoarc_link {font-family:Arial; font-size:12px; font-weight:bold; position:absolute; bottom:11px; right:0;}
#footer .infoarc_link a {color:#FFF;}



/*------------------------------------------ contents ----------------------------------------*/
#contents{width:740px; margin:20px 0 0 0; float:right; min-height:2200px;}

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


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