@charset "utf-8";

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer {background:url(../images/bg_wrap-outer.png) repeat-x left top; clear:both;}
#wrap-outer2 {background:url(../images/bg_wrap-outer2.gif) no-repeat center 150px;}
#wrap-outer3 {background:url(../images/bg_wrap-outer3.png) repeat-x left top;}

#wrap-outer_2nd {background:url(../images/bg_wrap-outer.png) repeat-x left top; clear:both;}
#wrap-outer_2nd #wrap-outer2 {background:url(../images/bg_2nd_wrap-outer2.gif) no-repeat center 150px;}
#wrap-outer_2nd #wrap-outer3 {background:url(../images/bg_wrap-outer3.png) repeat-x left top;}

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





/*
#wrap-outer, #wrap-outer_2nd, #wrap-outer_map {background:url(../images/bg_wrap-outer.gif) repeat-x left top;}

#wrap-outer #wrap-outer2 {}
#wrap-outer_2nd #wrap-outer2 {background:url(../images/bg_wrap-outer2.gif) repeat-y center top;}

#wrap-outer3 {background:url(../images/bg_wrap-outer3.gif) repeat-x left top;}

#wrap {margin:0 auto 0 auto; text-align:left; position:relative;}
#wrap2{margin:0 auto 0 auto; text-align:left; position:relative;}
*/

h1 {margin:0; color:#666; font-size:11px; position:absolute; top:14px; left:0; font-weight:normal;}

h2{
letter-spacing:0.1em;
margin:0px 0 20px 0; 
padding:9px 0 6px 20px;
color:#555;
font-size:20px;
font-weight:bold;
border:1px solid #DDD;
border-radius:3px;
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*/
}

h2:before{
content:'';
height:30px;
width:3px;
display:block;
position:absolute;
top:7px;
left:0;
background-color:#3ea3e5;
border-left:1px solid #3ea3e5;
}


h3 {
letter-spacing:0.1em;
margin:0px 0 20px 0; 
padding:9px 0 6px 15px;
color:#FFF;
font-size:18px;
font-weight:bold;
border:1px solid #3da2e4;
border-radius:3px;
background-color:#3da2e4;
background:-moz-linear-gradient(top, #63bbec, #237fd6);
background:-webkit-linear-gradient(top, #63bbec, #237fd6);
background:linear-gradient(to bottom, #63bbec, #237fd6);
-pie-background:linear-gradient(top, #63bbec, #237fd6);

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

/*h3 {
position:relative;
padding:10px 10px 8px 20px;
margin:20px 0 20px 0;
line-height:1em;
font-weight: bold;
font-size: 18px;
color: #fff;
border:1px solid #069;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color: #FFF;
background-image: -moz-linear-gradient(top, #069, #069);
background-image: -webkit-linear-gradient(top,  #069, #069);
background-image: linear-gradient(to bottom,  #069, #069);
}

h3:before{
content:'';
height:26px;
width:2px;
display:block;
position:absolute;
top:5px;
left:8px;
background-color:#f4f4f4;
border-left: 4px solid #f4f4f4;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}*/

h4 {
letter-spacing:0.1em;
margin:0px 0 10px 0; 
color:#000;
font-size:20px;
}

/*-------------------------------------------- header ----------------------------------------*/
#header {width:1000px; height:150px; margin:0 auto; position:relative;}


#header .logo {position:absolute; top:40px; left:0;}
#header .name {position:absolute; top:55px; left:155px;}
#header .tel {position:absolute; top:40px; right:0;}
#header .character {position:absolute; top:0px; left:444px;}
#header .sale_bn {position:absolute; top:29px; right:254px;}

#header ul.gmenu01 {position:absolute; top:14px; right:0; font-size:11px;}
#header ul.gmenu01 li {float:left; border-right:1px solid #999; padding-right:5px; margin-right:5px;}
#header ul.gmenu01 li:last-child {border-right:none; padding-right:0; margin-right:0;}
#header ul.gmenu01 li a {color:#666; text-decoration:none;}
#header ul.gmenu01 li a:hover {color:#1493e5; text-decoration:underline;}

#header ul.gmenu02 {position:absolute; bottom:0; left:0; display:table;}
#header ul.gmenu02 li {display:table-cell;}

/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {margin:50px auto 0; background:#F5F5F5 url(../images/bg_footer-outer.gif) repeat-x left bottom;}
#footer-outer2 {}
#footer {width:1000px; margin:0 auto 0 auto; text-align:left; position:relative;}

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

#footer .slogan{ height:23px; text-align:center; color:#fff; margin:0 0 20px 0; padding:7px 0 0 0;}

#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 a {color:#555; text-decoration:none;}
#footer a:hover {color:#1493e5; text-decoration:underline;}

#footer .Left_td {width:300px; border-right:1px solid rgba(0,0,0,0.2); box-shadow:1px 0 0 rgba(255,255,255,1);}
#footer .Left_td .store{ margin:0px 0 20px 0;}
#footer .Left_td .store img{margin:0 0 15px 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:0px 0 0 0;}
#footer .Right_td .site_link td {width:33%;}
#footer .Right_td .dn {margin:30px 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;}

#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 3px; font-size:14px;}
.breadcrumbs div{ float:left;}
.breadcrumbs a{ color:#000;}
.breadcrumbs strong{ font-size:14px; color:#cc0000; text-decoration:none;}

/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{width:250px; margin:20px 0px 0 0; padding:0; float:left;}
#wrap #gnavi{}

#gnavi ul {margin:0;/*60px 0 0 0;*/}
#gnavi ul li{margin-bottom:10px;}
#gnavi ul li img {vertical-align:top;}

#gnavi ul li.store {margin-bottom:0;}
#gnavi ul li.store ul {margin:20px 0 20px 0;}
#gnavi ul li.store ul li {margin-bottom:0;}

#wrap-outer_2nd #gnavi ul {margin:0 0 0 0;}
#wrap-outer_2nd #gnavi ul li.store ul {margin:20px 0 20px 0;}


/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{width:250px; height:320px; padding:120px 8px 15px 8px; margin:0;
background:url(../images/menu/count_bg.gif) left top no-repeat; box-sizing:border-box;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 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 20px 0 0;}
#gnavi .count .vis{color:#f39237;}
#gnavi .count .mem{color:#05C;}

#gnavi .count .count_total{background:#FFF; width:220px; margin:0 auto 10px; 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 0px 20px; color:#000;}
#gnavi .count .count_detail table th,
#gnavi .count .count_detail table td{padding:0 0 0px 0; font-weight:bold; color:#000;}

#gnavi .count .count_line{width:200px; margin:0px 0 0 20px;}
#gnavi .count .count_detail .count_line{margin:4px 0 -2px 0px;}

#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;}
#wrap-outer_2nd #gnavi .member ul{margin:0;}
#gnavi .member li{margin:0;}

/*------------------------------------------ contents ----------------------------------------*/
#contents {width:710px; margin:20px 0 0 0; float:right;}
#wrap2 #contents {width:720px; margin:20px 0 0 0;}



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