@charset "utf-8";

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

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer, #wrap-outer_2nd, #wrap-outer_map, #wrap-outer_1col {background:#FFF url(../images/bg_wrap-outer.jpg) repeat-x center 170px; width:100%; min-width:1210px;}

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

#wrap-outer_map #wrap-outer4 {background:url(../images/bg_wrap-outer4_map.png) no-repeat top center;}

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



h1 {
margin:0;
color:#333;
font-size:14px;
position:absolute;
top:18px;
left:0;
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 #039;
background-color:#039;
background:-moz-linear-gradient(top, #0d4fab, #002787);
background:-webkit-linear-gradient(top, #0d4fab, #002787);	
background:linear-gradient(to bottom, #0d4fab, #002787);
-pie-background:linear-gradient(top, #0d4fab, #002787);

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

h3{
letter-spacing:0.1em;
margin:0 0 20px 0; 
padding:10px 0 5px 20px;
color:#555;
font-size:20px;
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 a{
	color:inherit;
	text-decoration:none;
}

h4{
letter-spacing:0.1em;
margin:0 0 10px 0; 
padding:3px 0 0px 10px;
color:#000;
font-size:18px;
font-weight:bold;
border-left:5px solid #CCC;
/*border-radius:5px;
background-color:#FFF;
background:-moz-linear-gradient(top, #FFF, #fef9ef);
background:-webkit-linear-gradient(top, #FFF, #fef9ef);
background:linear-gradient(to bottom, #FFF, #fef9ef);
-pie-background:linear-gradient(top, #FFF, #fef9ef);*/

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

}


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


/*-------------------------------------------- header ----------------------------------------*/
#header {height:170px; margin:0 auto 0 auto; position:relative;}
#header .text {margin:0; color:#666; font-size:12px; position:absolute; top:24px; left:-5px; font-weight:normal;}
#header .logo {position:absolute; top:0; left:0;}
#header .id {position:absolute; top:54px; left:0;}
#header .tel {position:absolute; top:45px; right:0;}

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

#header ul.gmenu01 {position:absolute;top:110px;left:0; background:url(../images/header/navi_vline.gif) no-repeat top right;}
#header ul.gmenu01 li {float:left; background:url(../images/header/navi_vline.gif) no-repeat top left;}

#header ul.gmenu02 {position:absolute; top:18px; right:0; font-size:14px;}
#header ul.gmenu02 li {float:left; border-right:1px solid #ddd; padding-right:5px; margin-right:5px;}
#header ul.gmenu02 li:last-child {border-right:none; padding-right:0; margin-right:0;}
#header ul.gmenu02 li a {color:#333; text-decoration:none;}
/*#header ul.gmenu02 li a:hover {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; min-height:2350px;}

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


#gnavi ul.search {
width:240px;
margin:20px 0 0 0;
padding:2px 0 10px 0;
text-align:center;
border-radius:5px;
border:1px solid #DDD;
background:#F2F2F2;
box-sizing:border-box;
/* 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;
}
#gnavi ul.search li {margin-bottom:5px; line-height:1;}
#gnavi ul.search li:first-child {margin-bottom:10px;}
#gnavi ul.search li:last-child {margin-bottom:0;}
#gnavi ul.search li ul li:first-child {margin-bottom:5px;}
#gnavi ul.search li ul.group {margin-top:20px;}
#gnavi ul.search li ul.single {margin-top:0;}
#gnavi ul.search li ul.single li {margin-bottom:0;}

#gnavi ul.search li ul li img {
/* 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;
}


#gnavi .cmnt {
	font-size:14px;
	color:#666;
width:240px;
margin:20px 0 0 0;
padding:10px;
border-radius:5px;
border:1px solid #DDD;
background:#FFF;
box-sizing:border-box;
/* 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;
}

/* board_infomation ----------------------------------------------------------------------------------------------*/
#gnavi .board_infomation {margin: 0px 0px 20px 0px; padding: 12px 0px 10px 0px; border: 1px solid #eaeaea; text-align:center;}
#gnavi .board_infomation a {color: #0000FF; text-decoration:underline; font-size:13px;}


/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{width:240px; height:320px; padding:2px 2px 0 2px; margin:0;
border-radius:5px;
border:1px solid #DDD;
background:#F2F2F2;
box-sizing:border-box;
/* 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;
}
#gnavi .count table{}
#gnavi .count .large{font-size:20px; font-weight:bold; line-height:1.3; background:url(../images/menu/count_ken.gif) no-repeat right center; padding:0 15px 0 0;}
#gnavi .count .vis{color:#3BC;}
#gnavi .count .mem{color:#F90;}

#gnavi .count .count_total{background:#FFF; width:210px; margin:10px 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:0; margin:0; text-align:center;}
#wrap-outer_2nd #gnavi .member ul{margin:0;}
#gnavi .member li:first-child{margin-bottom:4px;}



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

#gnavi_right ul {margin:20px 0 20px 0;}
#gnavi_right ul li {margin-bottom:5px; line-height:1;}
#gnavi_right ul li:last-child {margin-bottom:0;}
#gnavi_right ul li img {vertical-align:top;}

#gnavi_right ul.bnr {}
#gnavi_right ul.bnr li {margin-bottom:10px;}
#gnavi_right ul.bnr li ul li {margin-bottom:10px;}
#gnavi_right ul.bnr li ul li:last-child {margin-bottom:0;}

#gnavi_right ul li img,
#gnavi_right ul.bnr li img {
/* 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;
}


#gnavi_right .news {
width:240px; height:320px;
margin:0;
padding:2px 0 0 0;
text-align:center;
border-radius:5px;
border:1px solid #d9d8d2;
background:#FFF;
box-sizing:border-box;
/* 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;
}
#gnavi_right .news ul {
height:260px;
margin:0;
padding-right:10px;
overflow-x:hidden;
overflow-y:scroll;
text-align:left;
padding:15px;
box-sizing:border-box;
}
#gnavi_right .news ul li {
border-bottom:1px dotted #DDD;
margin-bottom:15px;
padding-bottom:15px;
line-height:1.4;
}
#gnavi_right .news ul li a {
	color:#00F;
}


#gnavi_right .shop {
width:240px;
margin:20px 0 0 0;
padding:2px 0 0 0;
text-align:center;
border-radius:5px;
border:1px solid #d9d8d2;
background:#FFF;
box-sizing:border-box;
/* 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;
}
#gnavi_right .shop img {margin-bottom:15px;}

#gnavi_right .twitter{
width:240px;
margin:20px 0 0 0;
padding:10px;
border-radius:5px;
border:1px solid #DDD;
background:#FFF;
box-sizing:border-box;
/* 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;
}
#gnavi_right .twitter .h {
color:#06C;
font-weight:bold;
padding:0 15px 7px 35px ;
border-bottom:3px solid #06C;
background:url(../images/ext/twitter_logo.png) no-repeat left 2px;
}
#gnavi_right .twitter .widget{
margin:0;
padding:0;
}


/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {margin:50px auto 0 auto; background:#F2F2F2 url(../images/bg_footer-outer.gif) repeat-x left bottom; box-sizing:border-box;
border-top:5px solid #039;}
#footer-outer2 {}
#footer {width:1210px; height:415px; margin:0 auto 0 auto; text-align:left; position:relative;}

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

#footer .slogan {margin-top:20px;}

#footer ul {margin:0;}
/*#footer .site_link li { padding:0 0 0 16px; margin:0 0px 10px 0; background:url(../images/indent.png) left center no-repeat;}*/
#footer .site_link li { padding:0 0 0 16px; margin:0 0 10px 0; background:url(../images/indent.png) 0px 5px no-repeat;}

#footer a {color:#333; text-decoration:none;}
#footer a:hover {color:#00F;}

#footer .Left_td {width:340px; border-right:1px solid rgba(194,194,194,1); box-shadow:1px 0 0 rgba(255,255,255,1);}
#footer .Left_td .store{ margin:0;}
#footer .Left_td .store img{margin: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 .Right_td {padding:0 0 0 80px;}
#footer .Right_td .site_link {margin:0;}
#footer .Right_td .site_link td {width:33%;}
/*#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 .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;}



/*------------------------------------------ contents ----------------------------------------*/
#contents{width:690px; margin:0 260px 0 0; float:right; /*min-height:1400px;*/}

#wrap2 #contents{width:690px; margin:0 260px 0 0; padding:20px 0 0 0;}

#wrap-outer_1col #wrap2 #contents {width:830px; margin:20px auto 50px auto; padding:0; float:none; /*border:1px solid #f00;*/}

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