@import url("common.css");

/* CSS Document */

*{ margin: 0; padding: 0;}

body{
	text-align: center;
	font-size: 82%;
	line-height: 1.4;
	font-family: "MS UI Gothic","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background: url(../img/top/bk.jpg) repeat-x #FFFFFF left top;
}

body,td,th{
	font-size: 82%;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 100%;

}

a:link{ color:#17536B}
a:visited{ color: #006666;}
a:hover{ color: #009966;	text-decoration: underline;}

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

h2.h3,h4,h5{ font-size: 100%;}
img{
	vertical-align: top;
	border: 0;
}
h3{
	color: #CC0001;
	font-size: 180%;
	font-weight: bold;
	padding-bottom: 15px;
}


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

#header{
	height: 109px;
}
#headerPage{
	height: 50px;
	text-align: right;
}

#pnkzArea{
	float: left;
	padding-top: 28px;
}

#pnkzArea a{
	font-weight: bold;
}

#headerPage h1{
	margin-top: 8px;
}


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

#contents{
	clear: both;
	margin-top: 8px;
	background: url(../img/top/frm-bk.jpg) repeat-y;
	padding-bottom: 20px;
}

#clmA{
	width: 320px;
	float: left;
	display: inline;
	margin-left: 30px;
}
#clmB{
	width: 325px;
	float: left;
}
#clmC{
	width: 205px;
	margin-right: 30px;
	float: right;
	display:inline;

}
#clmPage{
	width: 640px;
	float: left;
	display: inline;
	margin-left: 30px;
}


#topbnArea{
	text-align: center;
	padding: 15px 0 0;
}

#topbnArea img{
	margin-bottom: 10px;
}

.boxSonota{
	border: 1px solid #A94A46;
	margin-bottom: 10px;
	
}
.capboxSonota{
	background-color: #F3E3E3;
	border-bottom: 1px solid #A94A46;
	padding: 4px;
}
.capRaigetsu{
	font-size: 140%;
	font-weight: bold;
	color: #CC0011;
}

.capPageToko{
	clear: both;
	background: url(../img/page/cap-toko-bk.gif)  repeat-x;
	margin: 15px 0px 0px;
	height: 27px;
	text-align: right;
}
.capPageToko2{
	background: url(../img/page/cap-toko2-bk.gif)  repeat-x;
	margin: 15px 0 0px;
	height: 27px;
	text-align: right;
	clear: both;
}

.tblToko{
	margin-bottom: 12px;
	border: 0;
}
.tblToko td{
	vertical-align: top;
	width: 145px;	
}

.tblToko td p{
	padding: 2px 6px;
}
.tblToko td a{
	font-weight: bold;
}

.boxToko{
	border: 1px solid #80B742;
	padding: 10px;
}

.boxInToko{
	background-color: #E4EFCF;
	padding: 10px;
	margin: 8px;
	text-align: center;
	clear: both;
}


.boxToko2{
	border: 1px solid #FFA600;
	padding: 10px;
}

.boxInToko2{
	background-color: #FFE3AB;
	padding: 10px;
	text-align: center;
	clear: both;
	margin-top: 15px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}

.imgValinMd{
	vertical-align: middle;
}

.lin-dot{
	background: url(../img/page/lin-dot.gif) left top repeat-x;
	padding-top: 15px;
	margin: 8px;
}
.lin-dot{
	background: url(../img/page/lin-dot.gif) left top repeat-x;
	padding-top: 10px;
	margin: 8px;
	padding-bottom: 10px;
}

.iconToko2{
	clear: both;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.ulToko2{
	list-style-image: url(../img/page/i-man.gif);
	list-style-position: 
	padding-left: 35px;
}

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

#gnavi{
	height: 29px;
	text-align: right;
}

#gnavi p{
	padding-top: 4px;

}

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


#footer{
	clear: both;
	padding-bottom: 30px;
}




/*-----------------------------------------------------------------
		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;}

.bdr{ border: 1px solid #676767;}


.clr{ clear: both;}


.flt-r{
	float: right;
}

.flt-l{
	float: left;
}

.fc-bk{ color: #000000;}
.fs-sml{ font-size: 80%;}
.fs-lg{ font-size: 120%;}
.fs-lg2{ font-size: 140%;}

.flt-page-img{
	float: left;
	width: 300px;
}

.flt-paeg-txt{
	width: 325px;
	margin-left: auto;
	margin-right: 0px;
}

.i-ptop{
	background: url(../img/comm/i-ptop.gif) no-repeat left 2px;
	padding-left: 13px;
}


.no-deco{
	text-decoration: none;
	color: #333333;
}

.pnkz{
	padding: 4px;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 20px;
}

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

.txtArea{
	line-height: 2.0;
}
.fc-red {
color: #FF0000;
}