@charset "utf-8";

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

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer {background-image:url(../images/main_bg.png); background-position: center top; background-repeat:repeat-y;}
#wrap-outer #wrap-outer2 {background-image:url(../images/main_bg_top.png); background-position: center 582px; background-repeat:no-repeat;}
#wrap-outer #wrap-outer3 {background-image:url(../images/bg_wrap.png); background-position: center top; background-repeat:repeat-x;}
#wrap-outer4 {background:url(../images/header/menu_bg.png) no-repeat; background-position: center top;}

#wrap-outer_2nd { background:url(../images/wrap-outer-2.gif) repeat-y center top;}
#wrap-outer_2nd #wrap-outer2 {background-image:url(../images/bg_wrap_2nd.png); background-position: center top; background-repeat:repeat-x;}

#wrap-outer #wrap-outer5{background-image:url(../images/top/mainimg.jpg); background-position:center 165px; background-repeat:no-repeat; width:100%;}

#wrap-outer_map { }
#wrap-outer_map #wrap-outer2 {/*background:url(../images/bg_wrap-outer_map.gif) no-repeat top center;*/}
#wrap-outer_map #wrap-outer4 {background:url(../images/header/menu_bg_1col2.png) no-repeat; background-position: center top;}

#wrap-outer_1col { /*background:url(../images/wrap-outer-2_1col.gif) repeat-y center top;*/}
#wrap-outer_1col #wrap-outer2 {background-image:url(../images/bg_wrap_2nd.png); background-position: center top; background-repeat:repeat-x;}
#wrap-outer_1col #wrap-outer4 {background:url(../images/header/menu_bg_1col.png) no-repeat; background-position: center top;}


#wrap {width:950px; margin:0px auto; text-align:left; background:url() no-repeat; position:relative;}
#wrap2 {width:950px; margin:0px auto; text-align:left; background:url() no-repeat; position:relative;}

#wrap-outer_map #wrap2 { margin-bottom:-35px;}

h1 {margin:0; color:#000; font-size:12px; font-weight:normal; position:absolute; top:16px; left:0px;}

h2{
letter-spacing:0.05em;
margin:10px 0 20px 0; 
padding:13px 0 10px 5px;
color:#000;
font-size:20px;
font-weight:bold;
border-bottom:1px solid #000;
/*border:1px solid #cbb595;
border-radius:5px;
background-image: -moz-linear-gradient(top, #e3d6c5, #e3d6c5);
background-image: -webkit-linear-gradient(top, #e3d6c5, #e3d6c5);
background-image: linear-gradient(to bottom, #e3d6c5, #e3d6c5);*/
}


#wrap-outer_2nd h2,
#wrap-outer_map h2{color:#fff; border:none; font-size:26px; display:table-cell; vertical-align:middle; /*text-align:center;*/ height:110px; padding:5px 0 14px 0; box-sizing:border-box;}

#wrap-outer_2nd h2.txt{color:#fff; border:none; font-size:26px; display:table-cell; vertical-align:middle; /*text-align:center;*/ height:110px; padding:5px 0 14px 0; box-sizing:border-box;}

h3{
margin:10px 0 20px 0; 
padding:13px 0 10px 15px;
color:#454239;
font-size:20px;
border:1px solid #d9d8d2;
border-radius:5px;
background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
background-image: linear-gradient(to bottom, #fff, #f3f3f3);
-pie-background:linear-gradient(top, #fff, #f3f3f3);

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

}

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


#contents-inner-page .netde h2,#contents-inner-page .netde h3{background:none; padding:0; line-height:1; border:none; text-align:center;}
#contents-inner-page .netde h2{box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; margin-bottom:0;}
#contents-inner-page .netde h2:after{display:none;}
#contents-inner-page .netde h3:before{display:none;}

#contents-inner-page .netde h4{font-size:24px; color:#333333; font-weight:bold; padding:0; border:none; letter-spacing: 0;}

#contents-inner-page .netde #about h3{margin-bottom:27px;}
#contents-inner-page .netde #about h4{margin-bottom:25px;}
#contents-inner-page .netde #about h4 strong{color:#b80000;}
#contents-inner-page .netde #about h4 span{display:block;}

#contents-inner-page .netde #method h4{font-size:30px; font-weight:bold; margin-bottom:20px; padding-left:90px; line-height:1.4; text-shadow:2px 2px 0 rgba(255,255,255,1);}
#contents-inner-page .netde #method h4 span{font-size:18px; display:block;}
#contents-inner-page .netde #method .num01 h4{padding-top:21px; background:url(../images/escape/wan1.png) no-repeat left center; background-size:82px auto; height:104px; box-sizing:border-box;}
#contents-inner-page .netde #method .num02 h4{padding-top:21px; background:url(../images/escape/wan2.png) no-repeat left center; background-size:82px auto; height:104px; box-sizing:border-box;}
#contents-inner-page .netde #method .num03 h4{padding-top:21px; background:url(../images/escape/wan3.png) no-repeat left center; background-size:82px auto; height:104px; box-sizing:border-box;}
#contents-inner-page .netde #method .num04 h4{padding-top:21px; background:url(../images/escape/wan4.png) no-repeat left center; background-size:82px auto; height:104px; box-sizing:border-box;}

#contents-inner-page .netde #method .num01 h4 strong,#contents-inner-page .netde #method .num02 h4 strong,
#contents-inner-page .netde #method .num03 h4 strong,#contents-inner-page .netde #method .num04 h4 strong{color:#dd4236;}


/*-------------------------------------------- header ----------------------------------------*/
#header {width:950px; height:165px; margin:0 auto; position:relative;}
#header .logo {width:451px; /*height:89px;*/ position:absolute; top:54px; left:0px;}
#header .storename { position:absolute; top:41px; left:156px; display:none;}
#header .tel {position:absolute; top:50px; right:0px;}
#header .link {position:absolute; top:0; right:0;}


#header ul.gmenu {position:absolute; top:15px; right:150px;}
#header ul.gmenu  li {margin:0px; padding:0 10px 0 10px; float:left; display:block; /*background:url(../images/header/indent.gif) no-repeat 0 2px;*/}
#header ul.gmenu  li:first-child{border-right:2px solid #c7c7c7;}
#header ul.gmenu li a{font-size:11px; color:#666666; text-decoration:none;}
/*#header ul.gmenu li.gmenu-02{width:90px;}
#header ul.gmenu li.gmenu-03{width:94px;}*/

#header .gmenu02{height:35px; width:950px;position:absolute;top:114px;right:0;}
#header .gmenu02 ul{position:absolute; right:0px;}
#header .gmenu02 li{float:left; text-align:center; border-right:1px solid rgba(255, 255, 255, 0.3);}
#header .gmenu02 li:first-child{border-left:1px solid rgba(255, 255, 255, 0.3);}
#header .gmenu02 li a{display:block; width:157px; height:50px; }
#header .gmenu02 li img{padding-top:15px;}

#header .h_sns_btn {position:absolute; top:51px;right:326px;}
#header .h_sns_btn ul li {float:left; margin-left:12px;}

/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{width:250px; margin:0 0 0 0; padding:0;}
#wrap-outer_2nd #gnavi{width:250px; margin:11px 0 0 0; padding:0;}

#gnavi ul {margin:0; padding:0; line-height:0px; font-size: 0px;}
#gnavi ul li {margin:0; display:block; text-align:center;}
#gnavi ul li img {vertical-align:bottom;}

#gnavi ul.search {/*margin-top:9px;*/}
#wrap-outer_2nd #gnavi ul.search {/*margin-top:9px;*/padding-top:13px;}

#gnavi ul.search li {}
#gnavi ul.search li ul {overflow:hidden;}
#gnavi ul.search li ul li {float:left;}

#gnavi .area table{margin:0; padding:0; line-height:0px; font-size: 0px;}

#gnavi .ranking{ background:url(../images/menu/bg_ranking.gif) no-repeat; height:201px;
padding:79px 0 0 60px; margin-bottom:0px;}

#gnavi .ranking p{margin-bottom:23px; font-size:12px;}

#gnavi .ranking a{letter-spacing:-1px;}

#gnavi .twitter{
background: url(../images/ext/twitter_logo_dark.png) no-repeat 8px 8px #444;
width:230px;
margin:7px 0 0px 10px;
padding:10px 0 8px 10px;
font-weight:bold;
color:#fff;
font-size:12px;
box-sizing:border-box;
}
#gnavi .twitter_widget{margin:0px 0 5px 10px; background-color:#eeeff0;width:230px; border-radius:0px 0px 12px 12px;}

#gnavi .bn_store{ margin:6px 0 0 0;}
#gnavi .bn_store li{ margin:0px 0 -1px 0;}

#gnavi .sns{ text-align:center; margin-top: 5px; }
#gnavi .sns ul li { display:inline-block; margin:10px 7px 10px 7px;}
#gnavi .sns ul li img{width: 46px !important;}

/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {margin:50px auto 0 auto; background:#fff; box-sizing:border-box; border-top:5px solid #FA0; color:#000;}
#footer {width:950px; margin:0 auto 0 auto; text-align:left; position:relative;}

#footer .footer-inner {padding:20px 0 100px 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.png) 0px 4px no-repeat;}

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

#footer .Left_td {width:315px; padding-right:30px; box-sizing:border-box; border-right:1px solid #ccc; box-shadow:1px 0 0 rgba(0,0,0,0.1);}
#footer .Left_td .store {margin:0;}
#footer .Left_td .store .logo {margin:19px 0 0px 0;
/* box-shadow */
/*box-shadow:rgba(0, 0, 0, 0.15) 0 0 3px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 3px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.15) 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; font-family: '小塚ゴシック Pro','Kozuka Gothic Pro',"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";}
#footer .Left_td .address .name {color:#FA0; font-weight:bold;}
#footer .Left_td .slogan {margin-top:20px;}

#footer .Right_td {padding-left:30px; padding-top:18px;}
#footer .Right_td .site_link {margin:0;}
#footer .Right_td .site_link td {width:50%;}
/*#footer .Right_td .site_link td:first-child {width:45%}
#footer .Right_td .site_link td:last-child {width:31%}*/
#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 .copyright {color:#FFF; font-family:Arial; 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;}

#footer .sns{ margin:25px 0 0 0;}
#footer .sns ul li { display:inline-block; margin-right:20px;}

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

#contents {width:680px; float:right;margin:0 10px 0 0; padding:0;}

/*#wrap-outer_2nd .breadcrumbs,
#wrap-outer_2nd .breadcrumbs {margin-top:27px;}*/



#wrap2 #contents {width:680px; margin:0 0 0 0;}

#wrap-outer_1col #contents {width:910px; margin:0 0 0 20px;float:none;}

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

#srchBox
{
width:250px;
margin-bottom:0px;
background-color:#999999;
color:#000000;
text-align:left;
}

#srchBox a img
{
border:none;
}
#srchBox #srch
{
padding:10px 10px 0 10px;
}
#srchBox #srch #srchForm
{
white-space:nowrap;
margin-bottom:3px;
}
#srchBox #srchInput
{
margin:0;
width:180px;
margin-right:6px;
vertical-align:bottom;
background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat !important;
}
#srchBox #srchBtn
{
margin:0;
width:40px;
}
*html #srchBox #srchBtn
{
padding-top:2px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:inline;
zoom:1;
padding-right:10px;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:right;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
/*padding-bottom: 4px;*/
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #a5acb2;
background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}

.siteSearch{ font-size:10px; color:#FFFFFF; margin-left:10px;}




/*--------------------------------------------- SNS  ------------------------------------------*/
.bookmarkArea{width:100%; position:relative; height:21px; margin:0 0 13px 0; /margin:-2px 0 15px 0;}

#bookMarks{position:absolute; right:0;}
#bookMarks li{display:inline; float: left;}
#bookMarks .twitter{margin:0 5px 0 0;}
#bookMarks .google { margin:0 0px 0 0px;}
#bookMarks .facebook{ margin:0 0px 0 -10px;}
#bookMarks .facebook iframe{ width:114px; height:21px; overflow:hidden; margin:0 0 -1px 0;}
#bookMarks .hatena { margin:0px 14px 0 0;}
#bookMarks .mixi { margin:2px 0 0 0;}

/*--------------------------------------------- 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;

}


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