@charset "utf-8";

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

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

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

#wrap-outer_map #wrap-outer4 {}

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



h1 {
margin:0;
color:#666;
font-size:14px;
position:absolute;
top:75px;
left:130px;
font-weight:normal;
z-index:10;
font-family:"HanSerif Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

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 #E55;
background-color:#E55;
text-shadow:1px 1px 0 rgba(228,34,34,1);
}

h3 {
position: relative;
padding:12px 10px 9px 15px;
border: 1px solid #ccc;
border-radius: 5px;
letter-spacing:0.1em;
margin:0 0 20px 0; 
line-height:1.2;
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 {
position: absolute;
top: .5em;
left: 0;
content: '';
width: 6px;
height: -webkit-calc(100% - 1em);
height: calc(100% - 1em);
background-color: #E00;
}

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

h4:not(.h_txt):not(.num):not(.step) {
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:-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*/

}


h5 {
color:#E55;
font-size:18px;
font-weight:bold;
margin:0 0 20px 0;
}


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


/*-------------------------------------------- header ----------------------------------------*/
#header {height:157px; 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:20px; left:0;}
#header .id {position:absolute; top:40px; left:130px;}
#header .tel {position:absolute; top:43px; right:0;}

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

#header ul.gmenu01 {position:absolute; bottom:0; left:0;}
#header ul.gmenu01 li {float:left;}
#header ul.gmenu01 li img {vertical-align:bottom;}

#header ul.gmenu02 {position:absolute; top:15px; right:0; font-size:14px;}
#header ul.gmenu02 li {float:left; border-right:1px solid #ddd; padding-right:9px; margin-right:9px;}
#header ul.gmenu02 li:last-child {border-right:none; padding-right:0; margin-right:0;}
#header ul.gmenu02 li a {color:#00F; text-decoration:underline;}
/*#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:1600px;}

#gnavi ul {}
#gnavi ul li {margin:0 0 10px 0;}
#gnavi ul li img {
vertical-align:top;
/* 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 ul.search {width:240px; margin:0;}
#gnavi ul.search li ul {margin:20px 0 0 0;}
#gnavi ul.search li {}

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

#gnavi .shop {
width:240px;
margin:20px 0 10px 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 .shop ul li {margin:10px 0 0 0;}
#gnavi .shop ul li img {box-shadow:none;}

#gnavi .cmnt {
width:240px;
margin:20px 0 0 0;
padding:14px;
font-size: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 .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.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:#19E;
font-weight:bold;
padding:0 15px 7px 35px ;
border-bottom:3px solid #19E;
background:url(/contents/images/ext/twitter_logo.png) no-repeat left 2px;
}
#gnavi .twitter .widget{
margin:0;
padding:0;
}



/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{width:240px; height:320px; padding:5px 0 0 0; margin:0 0 20px 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 .count table{}
#gnavi .count .large{font-size:20px; font-weight:bold; line-height:1.3; background:url(../images/menu/count_ken.png) no-repeat right center; padding:0 18px 0 0;}
#gnavi .count .vis{color:#1da0b6;}
#gnavi .count .mem{color:#ff3800;}

#gnavi .count .count_total{background:#EEE; width:210px; margin:0 auto 10px auto; padding: 7px 10px 7px 10px; border-radius:3px; box-sizing:border-box; border-radius:5px;}
#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 th,
#gnavi .count .count_tb td {margin:0; padding:0;}

#gnavi .count .count_detail{width:216px; margin:0 auto 10px; padding:7px 12px; border-radius:5px; background:#EEE; line-height:1.3;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;}
#gnavi .count_detail table th{padding:0;}
#gnavi .count_detail table td{padding:0; font-weight:bold; color:#444; font-size:13px;}
#gnavi .count_detail table.gt {border-top:1px dotted #CCC; margin-top:4px;}

#gnavi .member{margin:0;}
#gnavi .member ul{padding:0; margin:0; text-align:center;}
#gnavi .member ul li {}
#gnavi .member ul li img {box-shadow:none;}
#wrap-outer_2nd #gnavi .member ul{margin:0;}
#gnavi .member li:first-child{margin-bottom:4px;}




#gnavi #member_registration {
	/*display:none;*/
width:220px;
/*height:210px;*/
padding:1px 1px 6px 1px;
margin:0;
border-radius:5px;
border:1px solid #60b325;
background:#6fcc2b;
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;
position:relative;
}
#gnavi #member_registration img.close {
position:absolute;
top:-14px;
right:-14px;
z-index:100;
}
#gnavi #member_registration .inn {
margin:0 5px 0 5px;
border-radius:5px;
background:#FFF;
box-sizing:border-box;
}
#gnavi #member_registration .inn p {
padding:10px;
font-size:11px;
color:#333;
}
#gnavi #member_registration .inn ul {
margin:0 auto 0 auto;
padding:0 0 10px 0;
text-align:center;
}
#gnavi #member_registration .inn ul li {}
#gnavi #member_registration .inn ul li:first-child {
margin-bottom:5px;
}
#gnavi #member_registration .inn ul li img {
vertical-align:top;
}


/*-------------------------------------------- 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 {}
#gnavi_right ul li {}
#gnavi_right ul li img {vertical-align:top;}

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

#gnavi_right .raiten {
width:240px;
margin:0 0 20px 0;
border-radius:5px;
border:1px solid #D9D8D2;
background:#EDEDE6;
box-sizing:border-box;
}
#gnavi_right .raiten ul {
width:216px;
margin:11px auto 11px auto;
}
#gnavi_right .raiten ul li {margin-bottom:8px;}
#gnavi_right .raiten ul li:nth-child(1),
#gnavi_right .raiten ul li:nth-child(4) {margin-bottom:11px;}
#gnavi_right .raiten ul li:last-child {margin-bottom:0;}

#gnavi_right .news {
width:240px;
margin:20px 0 0 0;
box-sizing:border-box;
}
#gnavi_right .news ul {
height:295px;
margin:0;
padding:5px;
overflow-x:hidden;
overflow-y:scroll;
border:1px solid #DDD;
box-sizing:border-box;
}
#gnavi_right .news ul li {
border-bottom:1px dotted #DDD;
margin-bottom:15px;
padding-bottom:15px;
font-size:14px;
}
#gnavi_right .news ul li a {color:#620;}

#gnavi_right .shop {
width:240px;
margin:20px 0 0 0;
box-sizing:border-box;
}
#gnavi_right .shop ul {
margin:0;
padding:11px 0 11px 0;
border:1px solid #DDD;
border-top:none;
text-align:center;
}
#gnavi_right .shop ul li:first-child {margin-bottom:11px;}

#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:#FFF; box-sizing:border-box; border-top:2px solid #EEE;}
#footer-outer2 {}
#footer {width:1000px; height:360px; margin:0 auto 0 auto; text-align:left; position:relative;}

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

#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_f.png) 0px 5px no-repeat;}

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

#footer .Left_td {width:235px; border-right:1px solid rgba(221,221,221,1); box-shadow:1px 0 0 rgba(242,242,242,1);}
#footer .Left_td .store{ margin:0;}
#footer .Left_td .store img{margin:0;}
#footer .Left_td .store .logo {}
#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 60px;}
#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 .slogan {bottom:12px; left:0; position: absolute;}
#footer .copyright {color:#AAA; font-family:"Century Gothic",Verdana,Arial,sans-serif; font-size:12px; position:absolute; bottom:20px; left:0;text-align:center;width:100%;}
#footer .infoarc_link {font-family:Arial; font-size:12px; font-weight:bold; position:absolute; bottom:20px; right:0;}
#footer .infoarc_link a {color:#AAA;}



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

#wrap2 #contents {width:740px; margin:20px 0 0 20px; float:right;}


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