@charset "utf-8";

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

/*--- wrap ---*/
#wrap-outer { }
#wrap-outer-2 { }

#wrap-outer2 {background:url(../images/bg_wrap-outer.gif) no-repeat center top;}
#wrap-outer2-2, #wrap-outer_2nd #wrap-outer2, #wrap-outer_result #wrap-outer2,#wrap-outer_detail #wrap-outer2 {
background:url(../images/bg_wrap-outer-2.gif) no-repeat center top;}

#wrap-outer3 {}
#wrap {margin:0px auto; text-align:left; position:relative;}
#wrap2 {margin:0px auto; text-align:left; position:relative;}
#wrap3 {margin:0px auto; text-align:left; position:relative;}

/*--- contents ---*/
#contents{width:690px; margin:0 260px 0 0; float:right; }
#wrap2 #contents{width:680px; margin:0 270px 0 0; padding:20px 0 0 0;}
#wrap-outer_result #contents{width:940px; margin:0 0px 0 0; padding:20px 0 0 0;}
#wrap-outer_detail #contents{width:680px; margin:0 270px 0 0; padding:20px 0 0 0;min-height: 1800px;}


h1 {
margin:0;
color:#333;
font-size:14px;
position:absolute;
top:40px;
left:320px;
font-weight:normal;
z-index:10;
}

h2{
letter-spacing:0.1em;
margin:0 0 20px 0; 
padding:9px 0 6px 15px;
color:#FFF;
font-size:20px;
font-weight:bold;
border-radius:5px;
border:1px solid #80bb25;
background-color:#80bb25;
}

h3{
letter-spacing:0.1em;
margin:40px 0 20px 0; 
padding:10px 0 5px 20px;
color:#555;
font-size:20px;
font-weight:bold;
border:1px solid #80bb25;
border-radius:5px;
background-color:#FFF;
background:linear-gradient(to bottom, #FFF, #F7F7F7);
position:relative;

}
h3:before{
content:'';
height:30px;
width:6px;
display:block;
position:absolute;
top:7px;
left:0;
background-color:#80bb25;
border-left:1px solid #80bb25;
}

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

h4{
letter-spacing:0.1em;
margin:0 0 20px 0; 
padding:10px 0 7px 10px;
color:#555;
font-size:16px;
font-weight:bold;
border:1px solid #CCC;
border-radius:5px;
background-color:#FFF;
background:linear-gradient(to bottom, #FFF, #fef9ef);
}


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


/*-------------------------------------------- header ----------------------------------------*/
#header {width:1220px; height:/*160px*/110px; margin:0 auto; position:relative;}
#wrap3 #header{height:110px; }
#header .logo {position:absolute; height:96px; top:0px; left:0; border-bottom:4px solid #80bb25;}
#header .logo_img { margin:20px 0 0 0;}
#header .tel {/*width:245px; height:50px;*/ position:absolute; top:37px; right:0;}
#header ul.gmenu01 {width:370px; height:25px; position:absolute; top:17px; right:0; text-align:right;}
#header ul.gmenu01 li {margin:0; padding:0 0 0 3px; display:inline;}
#header ul.gmenu01 li a{ font-size:12px; color:#666;padding:0 5px 0 0;}
/*#header ul.gmenu02 {width:695px; height:33px; position:absolute; top:86px; right:0;}
#header ul.gmenu02  li {margin:0; padding:0; float:left; display:block;}*/
#header .im1 {/*width:245px; height:50px;*/ position:absolute; top:37px; right:0;}

#header .advertisement ul{ position:absolute; left:0; top:112px;}
#header .advertisement li{ margin:0 12px 0 0; float:left;}


#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{width:250px; margin:10px 0 50px 0; padding:0; float:left;}

#gnavi ul {margin:0 0 20px 0;}
#gnavi li { font-size:0; line-height:0;}

#gnavi .area {width:250px;background:url(../images/menu/area_bg_bottom.gif) no-repeat bottom;margin:0 0 20px 0;padding-bottom:5px;}
#gnavi .area_bg {width:250px;background:url(../images/menu/area_bg_top.gif) no-repeat top; padding-top:60px;}

#gnavi .area ul{ width:230px; margin:0 0 0 10px;}

#gnavi .area .ul1 {height:49px;background:url(../images/menu/area_bg_tokai.gif?t=2) no-repeat; margin:0 0 10px 10px; padding:35px 0 0 6px;}
/*#gnavi .area .ul1 li {display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_01.gif) no-repeat 0px 3px;}*/
#gnavi .area .ul1 li {margin:0 0 8px 0; display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_01.gif) no-repeat 0px 3px;}

#gnavi .area .ul2 {height:49px;background:url(../images/menu/area_bg_kinki.gif) no-repeat; margin:0 0 10px 10px; padding:35px 0 0 6px;}
#gnavi .area .ul2 li { margin:0 0 8px 0; display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_02.gif) no-repeat 0px 3px;}

#gnavi .area .ul3 {height:49px;background:url(../images/menu/area_bg_chugoku.gif) no-repeat; margin:0 0 10px 10px; padding:35px 0 0 6px;}
#gnavi .area .ul3 li { margin:0 0 8px 0; display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_03.gif) no-repeat 0px 3px;}

#gnavi .area .ul4 {height:72px;background:url(../images/menu/area_bg_kanto.gif) no-repeat; margin:0 0 10px 10px; padding:35px 0 0 6px;}
#gnavi .area .ul4 li { margin:0 0 8px 0; display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_04.gif) no-repeat 0px 3px;}

#gnavi .area .ul5 {height:49px;background:url(../images/menu/area_bg_koshinetu-hokuriku.gif) no-repeat; margin:0 0 10px 10px; padding:35px 0 0 6px;}
#gnavi .area .ul5 li {margin:0 0 8px 0; display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_05.gif) no-repeat 0px 3px;}

#gnavi .area .ul6 {height:49px;background:url(../images/menu/area_bg_kyushu.gif?t=3) no-repeat; margin:0 0 10px 10px; padding:35px 0 23px 6px;}
#gnavi .area .ul6 li {margin:0 0 8px 0; display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_06.gif) no-repeat 0px 3px;}

#gnavi .area .ul7 {height:49px;background:url(../images/menu/area_bg_hokkaido.gif?t=3) no-repeat; margin:0 0 10px 10px; padding:35px 0 0 6px;}
#gnavi .area .ul7 li {margin:0 0 8px 0; display:block; float:left; width:42px; padding:0 0 0 14px;background:url(../images/menu/arrow_07.gif) no-repeat 0px 3px;}
#gnavi .area .ul7 li:first-child {width:63px;}

#gnavi .area .ul8 {height:30px;background:url(../images/menu/area_bg_tohoku.gif) no-repeat; margin:0 0 10px 10px; padding:35px 0 0 6px;}
#gnavi .area .ul8 li {margin:0 0 8px 0; display:block; float:left; width:45px; padding:0 0 0 14px;background:url(../images/menu/arrow_08.gif) no-repeat 0px 3px;}

#gnavi .banner{ margin:0;}
#gnavi .banner li{ margin:10px 0 0 0;}

#gnavi .banner .li1{ margin:10px 0 0 21px;}
#gnavi .banner .li1 img{ padding:3px; border:1px solid #ccc;}

#gnavi .kodawari li{ font-size:0; line-height:0;}


#gnavi .company{margin:20px 0 0 0;}
#gnavi .company li{ margin:10px 0 0 0;}

#gnavi .cmnt{ margin:20px 0 0 4px; font-size:12px;}

#gnavi .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 {
color:#06C;
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_right .twitter .widget{
border-top:3px solid #06C;
margin:0 auto 0 auto;
padding:0;
}


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



#gnavi_right .cmnt{ margin:20px 0 0 4px; font-size:12px;}


#gnavi_right{margin:0px 0 50px 0; width:250px; /*height:1800px;*/ position:absolute; top:120px; right:0; }

#gnavi_right .demo{margin:20px 10px 0px 10px; color:#aaa; }

#gnavi_right .similar_list{border:1px solid #ccc; background-color:#f9f9f9;border-radius:5px;box-sizing:border-box; margin-bottom:20px;}

#gnavi_right .inner2 ul{ margin:0 0 10px 0 ;}
#gnavi_right .inner2 li{line-height:0;}

#gnavi_right .banner li{ margin:0 0 10px 0 ;}

#gnavi_right .to_marked_list{ margin:10px 0 20px 0px; text-align:center;}


/*------------------------------------------- footer -----------------------------------------*/
/* 書籍のご案内 */
#book { position:fixed; top:130px; right:0;}

/* 加盟店募集 */
#recruitment { position:fixed; top:360px; right:0;}

#footer-outer {/*background:url() no-repeat center top;*/ margin:80px 0 0 0;}
#footer-outer2 { background:url(../images/bg_footer-outer.gif) repeat-x center top; text-align:left;}
#footer {width:1210px;height:200px; margin:0 auto; position:relative;}

#footer ul.gmenu {position:absolute; top:-23px; right:0;}
#footer ul.gmenu li {margin:0 0px 0 20px; padding:0 0 0 15px; display:inline; background:url(../images/footer/footermenu_indent.gif) left 6px no-repeat;}

#footer .pagetop { height:9px; position:absolute; top:0; right:0;color:#fff;}


#footer .separateTable{padding:24px 0 0 0;}
#footer .separateTable td{vertical-align:top;}
#footer .separateTable .store{
background:url(../images/footer/back_footer_info.gif) repeat-y center top;
color:#fff;
font-size:12px;
width:530px;
padding:0 0 40px 0;
}
#footer .separateTable .store strong{ color:#fff; font-size:14px;}



/*#footer .copyright {width:297px; height:9px; position:absolute; bottom:1em; right:0;}*/
#footer a {color:#666; text-decoration:none;}
#footer a:hover {color:#333; text-decoration:underline;}
#footer address{ position:absolute; bottom:15px; right:0;color:#666; font-family:Arial; font-size:10px; letter-spacing:0.05em}

#footer .area a {color:#fff; text-decoration:none; font-size:12px;}
#footer .area a:hover {color:#fff; text-decoration:underline;}

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