@charset "utf-8";

/*-----------------------------------------------------

下層ページ用スタイル

YUI Font-size Adjustment
10px = 77%     11px = 85%	  12px = 93%     13px = 100%
14px = 108%	   15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/

/* =========================================================
◆base
========================================================= */

#Cont. {}
#Cont a img:hover,
#Cont input[type="image"]:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	}
	
#Cont.lower{ margin-bottom:70px;}
#Cont.lower a{ color:#683F22; text-decoration:underline;}
#Cont.lower a:hover{ text-decoration:none;}
#Cont.lower #dirPath{ margin-bottom:30px;}
#Cont.lower  h1{padding:0px 0 40px; position:relative;}
#Cont .contInner{ width:940px; margin:0 auto;}

/* =========================================================
◆parts
========================================================= */

/*.blankImg{ border:1px solid #F00;}*/

#Cont .bold { font-weight:bold !important; }
#Cont .weightNormal { font-weight:normal !important; }
#Cont .blue { color:#1E49B9;}
#Cont .pink { color:#EC6F91; }
#Cont .yellow { color:#ecd60c; }
#Cont .orange { color:#ff6500; }
#Cont .red,
#Cont .red a{ color:#cc0000;}

.tx100{ font-size:100% !important;}

input[type="checkbox"],
input[type="radio"]{ vertical-align:middle;}

a{ cursor:pointer;}
 
.infoTxt{ margin-bottom:25px; position:relative;}
.pdWrap{ position:relative;}

/* headdng */
h2.bgLine{ background:url(/shop/_shared/images/common/bg_h2Line_001.gif) left bottom no-repeat; padding-bottom:10px; color:#000; font-weight:bold; font-size:133.3%; margin-bottom:40px;}
#Cont .contInner h3{ font-weight:bold; font-size:	116.7%; margin-bottom:20px;}
#Cont .contInner h3.ico_attention{ background:url(/shop/_shared/images/common/ico_004.png) left center no-repeat; padding-left:28px;}

/* box */
.grayBox {
    border: 1px solid #D1D1D1;
    padding: 15px 20px;
}

	/* ico */
.ico_arrow a{ color:#683f22; text-decoration:underline; background:url(/shop/_shared/images/common/ico_001.gif) left center no-repeat; padding-left:10px;}
.ico_arrow a:hover{ text-decoration:none;}

/* list */
#Cont .btnArea li{ display:inline-block;}
#Cont .btnArea li:first-child{ margin-right:40px;}
#Cont .btnArea li input[type="image"]{ vertical-align:baseline;}
#Cont .btnAreaR{ text-align:right;}
#Cont .btnAreaR li{ display:inline-block;}
#Cont .btnAreaR li:first-child{ margin-right:20px;}
#Cont .btnAreaR li:last-child{ margin-right:0px;}

.indent{}
.indent li{ text-indent:-1em; padding-left:1em;}

/*line*/
.lineBlackBtm{ border-bottom:1px solid #333333;}
.bdrRNone{ border-right:none !important;}
.bdrGray{ border:1px solid #CCC;}

/* =========================================================
◆common section
========================================================= */

table th,
table td{word-break: break-all; word-wrap: break-word;}

/* carousel style */
.carousel6c{ position:relative; margin-bottom:35px;}
.carousel6c h1{ margin-bottom:20px;}
.carousel6c h2{color:#231815; font-weight:bold; font-size:116.7%; border-bottom:1px solid #BFBFBF; border-top:1px solid #693F23; padding:8px 0 7px; position:relative; margin-bottom:10px;}
.carousel6c h2 span.right{ position:absolute; right:0; top:13px; font-size:71.4%; font-weight:normal; color:#333;}

.carousel6c .bx-wrapper{ margin:0 auto;}
.carousel6c .item p{ text-align:center; margin-bottom:15px; height:151px; overflow:hidden;}
.carousel6c .item dl{ padding:0 10px; line-height:1.5;}
.carousel6c .item dl dt { font-size:91.7%; margin-bottom:5px;}
.carousel6c .item dl dt span{ display:block;}
.carousel6c .item dl dd.price{ font-weight:bold;}
.carousel6c .bx-prev{ position:absolute; top:50%; left:0; text-indent:-9999px; background:url(../images/common/slide_arrow_left.gif) left top no-repeat; width:15px; height:27px;}
.carousel6c .bx-next{ position:absolute; top:50%; right:0; text-indent:-9999px; background:url(../images/common/slide_arrow_right.gif) left top no-repeat; width:15px; height:27px;}
.carousel6c h2{ position:relative;}
.carousel6c .pageWrap{ position:absolute; top:14px; right:1em; font-size:80.4%; z-index:80; display:block; min-width: 15em; text-align:right;}
.carousel6c .bx-pager{ display:inline; padding:0 3px;}

/* form style */

.formArea input{ /*color:#333;*/ outline: none; }
.formArea table{ width:100%; margin-bottom:35px;}
.formArea table th,
.formArea table td{ padding:15px 10px; vertical-align:top; text-align:left;}
.formArea table th{ border-bottom:1px solid #333333; font-weight:bold; width:200px;}
.formArea table td{ border-bottom:1px solid #bfbfbf}

.formArea table td p{ margin-bottom:5px;}
.formArea table td dl{ display:table; margin-bottom:5px;}
.formArea table td dl dt,
.formArea table td dl dd{ display:table-cell; vertical-align:middle;}
.formArea table td dl dt { width:120px;}
.formArea table td dl dd input{ width:400px;}
.formArea table td label{ padding-right:1em;}
.formArea table td input[type="checkbox"],
.formArea table td input[type="radio"]{ margin-right:5px;}

.formArea table td img{ vertical-align:middle;}
.formArea table td span{ font-size:83%;}
.ie8 .formArea table td span{ font-size:90%;}
.formArea table td span span{ font-size:100%;}

.formArea table td input.long{ width:400px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.hissu{ color:#cc0000;}
#Cont.lower .formArea .red a{ text-decoration:none;}
#Cont.lower .formArea .red a:hover{ text-decoration: underline;}

#Cont.ListPage aside dl{color:#333333; }
#Cont.ListPage aside dl dt{ background:url(/shop/_shared/images/news/ico_003.gif) left center no-repeat; padding:3px 0 3px 15px; cursor:pointer;}
#Cont.ListPage aside dl dt.close{background:url(/shop/_shared/images/news/ico_006.gif) left center no-repeat;}
#Cont.ListPage aside dl dd{ padding-left:15px; margin-bottom:3px;}


.column2GrayBdr{border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; padding: 2px 19px 0;}
.column2GrayBdr .left{float: left; width:440px;}
.column2GrayBdr .right{float: right; border-left: 1px solid #DDDDDD; width:440px; padding-left:19px; border-left: 1px solid #DDDDDD;}

/* =========================================================
◆about
========================================================= */

.imgLBox{ padding:0 20px; display:table; width:100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.imgLBox p.imgL{ width:180px; text-align:center; display:table-cell; vertical-align:middle;}
.imgLBox .txtR{ width:670px; display:table-cell; vertical-align:middle; padding-left:40px;}
.imgLBox .txtR h2{ margin-bottom:20px;}
#Cont .contInner .imgLBox .txtR h3{ font-weight:bold; margin-bottom:10px;}

.imgLBox.about{ padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #DDD;}

/* =========================================================
◆other
========================================================= */
.policyArea{ width:940px; margin:0 auto 40px; line-height:1.7;}
.policyArea p{ margin-bottom:1em;}
.policyArea dl.blownTtl{}
.policyArea dl.blownTtl dt,
.policyArea .blownTtl_ttl{ font-weight:bold; font-size:	108.3%; margin-bottom:3px;}
.policyArea dl.blownTtl dd{ margin-bottom:25px; padding-left:1em;}

.policyArea ul,
.policyArea ol{line-height:1.7;}
.policyArea ul li,
.policyArea ol li{ padding-left:1em; text-indent:-1em; list-style:none;}

.policyArea ol.item1 > li{ margin-bottom:25px;}

.sitemap ul{ margin-bottom:20px;}
.sitemap li{ font-weight:bold; margin-bottom:10px; color:#2D160D;}
.sitemap li a{ text-decoration:none !important; background:url(/shop/_shared/images/common/ico_001.gif) left center no-repeat; padding-left:10px; color:#2D160D !important;}
.sitemap li a:hover{ text-decoration: underline !important; }
.sitemap li ul li{ font-weight:normal; margin-bottom:0; font-size:91.7%; background:none;}
.sitemap li ul li a{background:none; /*color:#693F23 !important;*/}
/* =========================================================
◆HELP
========================================================= */
#Cont.ListPage h1 {
    padding: 0 0 30px;
}
#Cont.ListPage .help h2{ font-weight:bold; color:#2D150C; margin-bottom:10px;}
#Cont.ListPage .help a {color: #683F22;
    text-decoration: underline;}
#Cont.ListPage .help a:hover{ text-decoration:none;}
#Cont.ListPage .help aside {
    border-top: 3px solid #2D160D;
    float: left;
    padding-top: 20px;
    width: 165px;
				font-size:91.7%;
}
#Cont.ListPage .help .ReslutArea {
    float: right;
    width: 780px;
}

#Cont.ListPage .help aside{ width:165px; float: left; border-top:3px solid #2D160D; padding-top:20px;}
#Cont.lower.ListPage .help aside a{	text-decoration:none; color:#333;}
#Cont.lower.ListPage .help aside a:hover{ text-decoration:underline;}
#Cont.ListPage .help aside ul{ margin-bottom:30px;}
#Cont.ListPage .help aside ul li{ margin-bottom: 5px;}
#Cont.ListPage .help aside ul.bgCurrent{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #333;}
#Cont.ListPage .help aside ul.bgCurrent li{ /*padding:3px 0 3px 12px;*/ padding:3px;}
#Cont.ListPage .help aside ul.bgCurrent li.current{ background:url(../images/common/ico_current_001.gif) 2px 0.6em no-repeat #E6E5DD;}

#Cont.ListPage .help .ReslutArea h1{ border-bottom:1px solid #dddddd; border-top:1px solid #dddddd; color:#2d150c; font-weight:bold; padding:10px; margin-bottom:30px;}

.policyArea .toggleArea{ border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.policyArea .toggleArea dt{ font-weight:bold; cursor:pointer;}
.policyArea .toggleArea dd{ /*border-top:1px dotted #CCC;*/ padding-top:10px; margin-top:10px; display:none;}

.help .policyArea{ width:100%; padding: 0 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}


.rankImgBox{ position:relative;}
/*.rankImgBox .attentionBox{ position:absolute; right:0; bottom:0; width:510px;}*/
.rankImgBox .special{ position:absolute; left:260px;top:43px; }
.rankImgBox .triple{ position:absolute; left:260px;top:80px; }
.rankImgBox .double{ position:absolute; left:260px;top:118px; }
.rankImgBox .single{ position:absolute; left:260px;top:157px; }

.maintenanceAnnouncement { border: solid 1px red; padding: 10px; margin: 10px 0; text-align: center; }
.maintenanceAnnouncement p { font-size: 10px; text-align: center; line-height: 1.6; }
.maintenanceAnnouncement span { font-weight: bold; font-size: 12px; color: red; display: block; text-align: center; }