/* CSS Document */

* { margin: 0; padding: 0;}

img { vertical-align: bottom; border: 0; }
map { visibility: hidden; }

/* 基本文字サイズ */
body { font-size: 80%;	line-height: 1.4; }
th,td {
	font-size: 90% !important;
	font-size /**/: 80%;
	line-height: 1.4;
}
/* 各種タイトルの文字サイズ */
h1,h2,h3,h4,h5,h6 { font-size: 100%; }

/** body **/
body {
	color: #4C4C4C;
	background-color: #FFF;
	margin:0 auto;

}

/** form **/
input, select { vertical-align: middle; }


#frame{
	width: 1010px;
	text-align: left;
	margin: 0 auto;
}

#topBody{
	background: url(../img/top/bk_top.jpg) repeat-x #FFF;
}

a:link{ color: #4C4C4C}
a:visited{ color: #330066;}
a:hover{ color: #0066CC;}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}


/*------------------------------------------------------------------
			header
-------------------------------------------------------------------*/

#header{
	height: 105px;
}

#logoArea{
	float: left;
	padding-top: 25px;
	padding-left: 28px;
	width: 360px;
}

#subMenuArea{
	padding-top: 25px;
	float: right;
	padding-right: 28px;
	width: 350px;
	text-align: right;
	font-size: 80%;
}

#subMenuAreaIn{
	background: url(../img/comm/hm_hd.jpg) no-repeat left top;
	padding-left: 6px;
	height: 32px;
}
#subMenuAreaInEnd{
	background: url(../img/comm/hm_end.jpg) right no-repeat;
	padding-right: 6px;
	height: 32px;
}
#subMenuArea ul{
	list-style-type: none;
}
#subMenuArea ul li{
	float: left;
	background: url(../img/comm/hm_bk.jpg) repeat-x;
	height: 32px;
	padding-left: 8px;
	padding-right: 8px;
}
#subMenuArea ul li a{
	display: block;
	margin-top: 8px;
}



/*------------------------------------------------------------------
			contents
-------------------------------------------------------------------*/

#contents{
	clear: both;
	padding-top: 25px;
}

#topMain{
	margin-left:260px;
}
#topMainIn{
	margin-right:25px;
}
#topMainIn h2{
	background: url(../img/comm/c1_bk.jpg) no-repeat;
	padding: 20px 0px 34px 40px;
}
#topMainIn h3{
	background: url(../img/comm/c2_bk.jpg) no-repeat;
	height: 35px;
}
#topMainIn h3 img{
	margin-top: 10px;
	margin-left: 20px;
}

#topMainIn h4{
	background: url(../img/comm/c4_bk.jpg) no-repeat;
	padding: 8px 0px 10px 10px;
	margin-top:15px;
	margin-left:8px;
}

#topMainIn .txt{
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#topMainIn ol{
	list-style-type: none;
}
#topMainIn ol li{
	background: url(../img/comm/linedot.gif) repeat-x bottom;
	padding: 16px 8px 12px;
}
#topSide{
	width: 210px;
	float: left;
	display: inline;
	margin-left: 28px;
}
#topSideIn{
	background: url(../img/top/pu_end.jpg) bottom no-repeat;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#topSideKd{
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#topSideKd ul{
	list-style-type: none;
}

#topSideIn ul{
	background: url(../img/top/pu_bk.jpg) repeat-y;
	list-style-type: none;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	font-size: 0;
}
#topSideIn ul li{
	background: url(../img/top/pu_libk.jpg) no-repeat;
	height: 38px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#topSideIn ul li a{
	display: block;
	padding: 13px 0 11px 33px;
}
#topSideIn ul li a:hover{
	background: url(../img/comm/pu_libk_on.jpg) no-repeat;
}
#topSide2{
	width: 210px;
	float: right;
	display: inline;
	margin-right: 28px;
}

#shopLink{
	background: url(../img/top/bn3.jpg) no-repeat;
	padding-top: 121px;
}
#wnewArea{
	background: url(../img/top/wn_bk.gif) repeat-y;
	width: 490px;
}
#wnewAreaIn{
	background: url(../img/top/wn_end.jpg) bottom no-repeat;
}
#wnewAreaIn table{
	margin: 12px 12px 8px;
}
#wnewAreaIn table td{
	padding: 0 4px 12px 4px;
}
#wnewAreaIn table td img{
	margin-top: 2px;
}

#bnArea{
	padding-top: 15px;
}
#bnArea td{
	padding-bottom: 8px;
}


/*-----------------------------------------------------------------
		gnavi
------------------------------------------------------------------*/

#gnavi{
	height: 63px;
	clear: both;
	margin: 0 auto;
	width: 950px;
}

#gnavi ul{
	list-style-type: none;
}
#gnavi li{
	float: left;
}

/*------------------------------------------------------------------
			footer
-------------------------------------------------------------------*/

#pgImgArea{
	clear: both;
	height: 264px;
	text-align: center;
}
#pgImgArea img{
	margin-top: 25px;
}

#pnkz{
	text-align: left;
	padding-left: 28px;
	padding-top: 7px;
}
#pnkz a{
	color: #FF9900;
}
#ptopArea{
	clear: both;
	padding-top: 20px;
	text-align: right;
	padding-right: 28px;
}
#footer{
	clear: both;
	text-align: center;
	padding-top: 30px;
	background: url(../img/comm/pt_bk.gif) top repeat-x #F4F5ED;
}

#footerWrap{
	width: 950px;
	height: 90px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#ftAdd{
	float: left;
	width: 300px;
}

#ftMenu{
	text-align: right;
}

/*-----------------------------------------------------------------
		class
------------------------------------------------------------------*/

.clearfix { display: inline-block; }
.clearfix:after {
     clear: both;
     content: " ";
     display: block;
     font-size: 0;
     height: 0;
     visibility: hidden;
     }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.alin-c{ text-align: center;}
.alin-c table{ margin-left: auto; margin-right:auto;}
.alin-l{ text-align: left;}
.alin-r{ text-align: right;}

.cl-org-bld{
	color: #FF7F05;
	font-weight: bold;
}
.bdr{ border: 1px solid #CCC;}
.bdr-bt{ border-bottom: 1px solid #CCC;}

.clr{ clear: both;}

.flt-r{
	float: right;
	margin: 0px 0px 10px 10px;
}

.flt-l{
	float: left;
	margin: 0px 10px 10px 0px;
}
.fs-sml{ font-size: 80%;}
.fs-lg{ font-size: 120%;}
.fs-lg2{ font-size: 140%;}

.pd3{padding:3px;}
.pd5{padding:5px;}
.pd10{padding:10px;}
.pd15{padding:15px;}
.pd20{padding:20px;}
.pd25{padding:25px;}
.pd30{padding:30px;}

.pdt3{padding-top:3px;}
.pdt5{padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdt15 {padding-top:15px;}
.pdt20 {padding-top:20px;}
.pdt30 {padding-top:30px;}
.pdt50 {padding-top:50px;}
	
.pdr5 {padding-right:5px;}
.pdr10 {padding-right:10px;}
.pdr15 {padding-right:15px;}
.pdr20 {padding-right:20px;}
.pdr30 {padding-right:20px;}

.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdb15 {padding-bottom:15px;}
.pdb20 {padding-bottom:20px;}
.pdb30 {padding-bottom:30px;}
.pdb40 {padding-bottom:40px;}
.pdb50 {padding-bottom:50px;}
	
.pdl5 {padding-left:5px;}
.pdl10 {padding-left:10px;}
.pdl15 {padding-left:15px;}
.pdl20 {padding-left:20px;}
.pdl25 {padding-left:25px;}
.pdl30 {padding-left:30px;}
.pdl35 {padding-left:35px;}
.pdl40 {padding-left:40px;}
.pdt10b20l10{padding:10px 0 20px 10px;}

.mg10{margin:10px;}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}

.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}

.mgb5 {margin-bottom:5px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}

.mgl5 {margin-left:5px;}
.mgl8 {margin-left:8px;}
.mgl10 {margin-left:10px;}
.mgl15 {margin-left:15px;}
.mgl20 {margin-left:20px;}

.nm{
	float: left;
	width: 30px;
	padding-bottom: 2px;
}
.nm-t{
	margin-left: 30px;
	padding-top: 2px;
}
.tbl-nml{
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.tbl-nml td{
	padding: 8px;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.tbl-nml td.nopd{
	padding: 0px;
}

.tbl-grn{
	width: 700px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.tbl-grn th{
	background-color: #A2C859;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	padding: 8px 12px;
	color: #FFF;
	font-weight: normal;
}

.tbl-grn td{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #FFF;
	border-top: 1px solid #FFF;
	padding: 8px 12px;
}
.tbl-grn .th2{
	background-color: #ECF4DE;
}
.tbl-grn .th3{
	background-color: #F8FBF2;
}

.imgwaku{padding:1px; border:1px #CCCCCC solid;}

.ind01{position: relative;}

.koda01{color:#333333; font-size:16px; text-decoration:underline;}

.koda02{text-decoration:underline; font-size:16px;}

.koda03{font-size:12px; font-weight:100;}

.koda04{font-size:11px; color:#666666;}

.koda05{padding:5px; border:1px #CCCCCC solid;}

.koda06{font-size:13px; line-height:1.6; font-weight:bold;}

.koda07{font-size:13px; margin-top:30px; border:#999999 3px double;}

.koda08{border-bottom:#CCCCCC 1px dotted; padding:4px; background-color:#FFFFde;}

.koda09{border-bottom:#CCCCCC 1px dotted;}

,koda10{border-right:1px #CCCCCC solid;}

.koda11{padding:1px; border:1px #CCCCCC solid;}

.koda12{margin-bottom:5px; padding:1px; border:1px #CCCCCC solid;}


.fac01{padding:2px; border:1px #CCCCCC solid;}

.fac02{font-size:13px;}

.fac05{padding:0; font-size:13px; width:120px;}

.fac03{padding:10px; font-size:12px; font-weight:bold;}

.fac06{border:none; padding:0;}

.fac07{border:none; padding:10px; vertical-align:middle;}

.fac08{padding:0; border:none;}

.fac09{padding:0 0 0 10px;; border:none;}

.fac10{border:none; padding:10px;}

.fac11{padding:10px; font-size:12px; font-weight:bold;}

.fac12{padding:0 0 0 10px;; border:none; vertical-align:middle;}

.fac14{
	padding:0;
	font-size:13px;
	width:140px;
}

.fac13{font-size:13px;}

.fac15{border:none; padding:0; width:300px;}

.fac16{padding:1px; border:1px #CCCCCC solid;}

.fac{padding:0; font-size:13px; width:150px;}


.com{font-size:14px; line-height:1.6; font-family:'ＭＳ Ｐ明朝', '細明朝体', 'ヒラギノ明朝 Pro W3';}

.com02{border-right:1px #CCCCCC solid;}


.qa01{padding:0 20px; font-size:12px; line-height:1.6;}

.qa02{text-align:right; font-size:11px; margin-top:4px;}

.qa03{font-size:14px;}


.sit01{border-right:1px #CCCCCC solid; font-size:15px; font-weight:bold;}



.sat01{background-image:url(../img/satooya/bk.jpg); background-repeat:no-repeat; width:690px; height:150px;}

.sat02{background-image:url(../img/satooya/bk2.jpg); background-repeat:no-repeat; width:690px; height:150px;}


.sea01{padding:0; font-size:13px; width:640px; margin-left:30px;}

.sea03{padding:10px 0 0 10px;; border:none; vertical-align:middle; line-height:1.6;}

.sea04{padding:0 0 0 10px; border:none; vertical-align:middle; line-height:1.6; padding:0px 20px;}

.sea05{padding:0 0 0 10px; border:none; vertical-align:middle; border-bottom:1px #CCCCCC dotted; font-size:15px;}

.sea06{font-size:15px; text-decoration:underline; color:#FF6600;}