@charset "utf-8";

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

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer, #wrap-outer_2nd {background:url(/contents/images/bg_wrap-outer.png) repeat left top;}
#wrap-outer2 {background:url(/contents/images/bg_wrap-outer2.png) repeat-y center top;}
#wrap-outer3 {background:url(/contents/images/bg_wrap-outer3.png) repeat-x left top; margin-top: 83px;}
#wrap {width:950px; margin:0px auto; text-align:left; position:relative; }
#wrap2 {width:950px; margin:0px auto; text-align:left; position:relative; }

#header .caution_txt{background-color: #ffdddd;width: 100%;height: 83px; position: fixed;top:0;left: 0;z-index: 9999999;font-size: 24px; font-weight:bold; text-align:center; box-sizing: border-box;letter-spacing: 0.1em;}
#header .caution_txt .inn{ width: 950px; margin: auto; padding-top: 13px;}


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

h2 {
letter-spacing:0.1em;
line-height:1.2;
margin:0 0 20px 0; 
padding:9px 0 6px 15px;
color:#FFF;
font-size:26px;
font-weight:bold;
border-radius:5px;
text-shadow:0 0 2px rgba(0,0,0,0.3);
background-color:#027;
background:-moz-linear-gradient(top, #038, #016);
background:-webkit-linear-gradient(top, #038, #016);	
background:linear-gradient(to bottom, #038, #016);
-pie-background:linear-gradient(top, #038, #016);

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/
}

h3{
letter-spacing:0.1em;
line-height:1.2;
margin:0 0 20px 0; 
padding:10px 0 5px 20px;
color:#000;
font-size:24px;
font-weight:bold;
border:1px solid #CCC;
border-radius:5px;
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{
content:'';
height:30px;
width:6px;
display:block;
position:absolute;
top:7px;
left:0;
background-color:#027;
border-left:1px solid #027;
}

h3 a{
color:inherit;
text-decoration:none;
}

h4{
letter-spacing:0.1em;
margin:0 0 20px 0; 
padding:0 0 5px 0;
color:#06C;
font-size:20px;
font-weight:bold;
border-bottom:2px solid #026;
}



/*-------------------------------------------- header ----------------------------------------*/
#header {width:950px; height:110px; margin:0 auto; position:relative;}
#header h1 {margin:0; color:#666; font-size:10px; font-weight: normal; letter-spacing:0px; position:absolute; top:17px; left:0px;}
#header h1 span{font-weight:bold; color:#002171; margin-right:7px;}
#header .logo {position:absolute; top:51px; left:0px;}
#header .tel {position:absolute; top:54px; right:0px;}

#header ul.gmenu01 {position:absolute; top:5px; right:0px;}
#header ul.gmenu01 li {float:left; margin:0 0 0 0px;}
#header ul.gmenu01 .fav{margin-left:3px;}

#header ul.gmenu02 {position:absolute; top:107px; right:0px;}
#header ul.gmenu02 li { float:left; margin:0; font-size:0; line-height:0px;}



/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {margin:50px auto 0 auto; box-sizing:border-box;}
#footer-outer .repeatwari {width:950px; margin:20px auto 20px auto; text-align:right;}

#footer-outer2 {background:#EEE;}
#footer-outer2 .link {width:950px; margin:0 auto 0 auto; padding:20px 0 8px 0; box-sizing:border-box; text-align:center;}
#footer-outer2 .link img { display:inline-block; margin:0 2px 5px 2px;}

#footer {background:#027; color:#FFF;}

#footer .footer-inner {width:950px; height:39px; margin:0 auto 0 auto; text-align:left; position:relative; 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(/contents/images/indent_f.png) 0 4px no-repeat;}
#footer .site_link li:last-child {margin-bottom:0;}

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

#footer .Left_td {width:240px; border-right:1px solid rgba(0,0,0,0.5); box-shadow:1px 0 0 rgba(255,255,255,0.7);}
#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.1) 0 0 3px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 3px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 3px 0;
}
#footer .Left_td .tel{ color:#f7ab00; font-size:30px;}
#footer .Left_td .address {margin:20px 0 0 0;}
#footer .Left_td .address strong {display:inline-block; margin-bottom:5px;}

#footer .Right_td {padding:0 0 0 50px;}
#footer .Right_td .site_link {margin:0;}
#footer .Right_td .site_link td {width:30%; 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 {font-weight:normal;}
#footer .Right_td .dn th span {font-weight:bold;}

#footer .Right_td .outside_link {margin:30px 0 0 0; padding:20px 0 20px 0; border:1px dotted rgba(0, 0, 0, 0.2); border-right:none; border-left:none;}
#footer .Right_td .outside_link ul {overflow:hidden;}
#footer .Right_td .outside_link ul li {float:left; padding:0 0 0 16px; margin:0 10px 0 0; background:url(/contents/images/indent_f.png) 0 4px no-repeat;}
#footer .Right_td .outside_link ul li ul {float:right; margin-left:10px;}
#footer .Right_td .outside_link ul li ul li {background:none; padding-left:0; margin-right:8px;}

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



/*---------------------------------------- bread crumbs --------------------------------------*/
.breadcrumbs{ color:#666; margin:0px 0px 12px 0px;}
.breadcrumbs a{ color:#000;}



/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{width:220px; padding:0; float:left;}

#gnavi li{ font-size:0;}

#gnavi .li1{ margin:0 0 10px 10px;}

#gnavi .line{height:1px;background-image:url(../images/line_dotted_cccccc.gif);margin:7px 0px 23px 0px;}

#gnavi .newEstate{width:230px; height:80px; background:url(../images/menu/13.gif) left top no-repeat; position:relative;}

#gnavi .newEstate ul{ position:absolute; top:49px; left:63px;}

#gnavi .newEstate ul li{float:left; margin:0 5px 0 0;}

#gnavi .expires{font-size:12px; margin:20px 0 5px 12px; color:#666;}

/*------------------------------------------ contents ----------------------------------------*/
#contents {width:710px; margin:0px; float:right; _margin:0 -10px 0 0px;}

#wrap2 #contents {width:710px; margin:28px 0 0 0; /*IE6ハック*/ _margin:15px 0px 0 0px;}


/*--------------------------------------------- pages ------------------------------------------*/
#contents-inner-pages{ width:710px; }

/*--------------------------------------------- SP ------------------------------------------*/
.to_sp { 
	padding:30px 0 30px 0;
	font-size:28px;
	background:#f4f4f4;
	opacity:0.8;
	}

.to_sp a{
	display:block;
	width:95%;/*260px*/
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:20px 0 20px 0;
/*background: -webkit-gradient(linear, left top, left bottom, from(#eb5505), to(#eb5505));*/
background: -webkit-gradient(linear, left top, left bottom, from(#0098bf), to(#00295c));
	border: 1px #006699 solid;
	color: #fff;
	-webkit-appearance: none;
	/*-webkit-border-radius: 5px;
	-webkit-box-shadow: 0 2px 2px #CCC;
	text-shadow: 1px 2px 3px #999;*/
	text-decoration:none;

}