@charset "UTF-8";

/*////////////////////////////////////////////////////////////////////////////////
	Setup
////////////////////////////////////////////////////////////////////////////////*/
* { font-family: "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif; background-repeat: no-repeat; font-style: normal; text-decoration: none; font-weight: normal; }
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, hr, ul, ol, li, dl, dt, dd, dir, menu, table, th, td, thead, tbody, tfoot, caption, form, fieldset, legend, isindex, embed, object, pre {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	color: #333333;
	font-size: 100%;
	line-height: 1.8em;
}
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing:0; }
th, td { vertical-align: top; }
a,img { border: 0; }
img { vertical-align: top; }








/*_____________________________________________________________ テキスト設定 */
strong { font-weight: bold; }
em { font-style: italic; }
strike { text-decoration: line-through; }
sup { font-size: 85%; }

.txt_exsmall{ font-size:10px; }
.txt_small{ font-size:12px; }
.txt_medium { font-size:14px; }
.txt_large { font-size:18px; }
.txt_exlarge { font-size:24px; }
/* 小文字を大文字に */
.txt_uppercase { text-transform: uppercase; }
/* 大文字を小文字に */
.txt_lowercase { text-transform: lowercase; }
/* このページの本文へ */
.skiplink { width: 800px; position: absolute; left: -800px; }

.txt_gray { color: #999999; }
.txt_alert { color: #FF0000; }

.txt_center { text-align: center; }

/*_____________________________________________________________ hide text */
.hidetxt {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 2px;
}
.hidetxt a { overflow: hidden; }

/*_____________________________________________________________ Link */
a { color: #92762E; text-decoration: underline; }
a:link { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

/*_____________________________________________________________ マージン　r=右　l=左　t=上　b=下　10px単位 */
.mgn_no {margin: 0px;}
.mgn_r {margin-right: 10px;}
.mgn_l {margin-left: 10px;}
.mgn_t {margin-top: 10px;}
.mgn_t2 {margin-top: 5px;}
.mgn_b {margin-bottom: 10px;}
.mgn_b2 {margin-bottom: 5px;}

/*_____________________________________________________________ CSS Hack */
/* floating box clear */

.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-block; }
/* Hide from mac IE5 \*/
* html .clr { }
.clr { display: block; }
/* End Hide from mac IE5 */

/*-------------------------------------*/
/*//clearFix Coponents//*/
.clearfix{ display:block;} 

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }
 
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
}


/*_____________________________________________________________ multi column */
.multicol { } /* necessary（にとって必要である） - clr class */
.centercol {
	width: 615px;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}
.leftcol { float: left; }
.rightcol { float: right; }



/*--------------------------------------------*/
/* Classes */
/*--------------------------------------------*/

/*------------------------------------------------------
UTILITY */

.mB0{ margin-bottom:  0px; display: block;}
.mB5{ margin-bottom:  5px; display: block;}
.mB10{margin-bottom: 10px; display: block;}
.mB15{margin-bottom: 15px; display: block;}
.mB20{margin-bottom: 20px; display: block;}
.mB30{margin-bottom: 30px; display: block;}
.mT0{ margin-top:  0px; display: block;}
.mT5{ margin-top:  5px; display: block;}
.mT10{margin-top: 10px; display: block;}
.mT15{margin-top: 15px; display: block;}
.mT20{margin-top: 20px; display: block;}
.mT30{margin-top: 30px; display: block;}
.mL5{ margin-left:    5px; display: block;}
.mL10{margin-left:	 10px; display: block;}
.mL15{margin-left:	 15px; display: block;}
.mL20{margin-left:	 20px; display: block;}
.mL30{margin-left:	 30px; display: block;}
.mR5{ margin-right:  5px;  display: block;}
.mR10{margin-right:  10px; display: block;}
.mR15{margin-right:  15px; display: block;}
.mR20{margin-right:  20px; display: block;}
.mR30{margin-right:  30px; display: block;}
.pB5{ padding-bottom:5px;  display: block;}
.pB10{padding-bottom:10px; display: block;}
.pB15{padding-bottom:15px; display: block;}
.pB20{padding-bottom:20px; display: block;}
.pB30{padding-bottom:30px; display: block;}
.pT5{padding-top:     5px; display: block;}
.pT10{padding-top:   10px; display: block;}
.pT15{padding-top:   15px; display: block;}
.pT20{padding-top:   20px; display: block;}
.pT30{padding-top:   30px; display: block;}
.pR5{padding-right:   5px; display: block;}
.pR10{padding-right: 10px; display: block;}
.pR15{padding-right: 15px; display: block;}
.pR20{padding-right: 20px; display: block;}
.pR30{padding-right: 30px; display: block;}

.clear{ display: block; clear:both; height:0;}

.imgFrame{
	padding:2px;
	border:1px solid #ccc;
	display:block;
}

.imgFrame2{
	padding:2px;
	background:#ccc;
	display: block;
}

.cB{
	margin:0 auto;
	text-align: left;
}

.liImg01{
	padding-left:10px;
	background:url(../img/list_img01.gif) no-repeat left 0.8em;
}

.fL { float : left; display: block;}
.fR { float : right; display: block;}
.tL { text-align:left;}
.tR { text-align:right;}

.tC{ text-align: center; display: block; margin:0 auto;}
.tR{ text-align: right; display: block; margin:0 auto;}
.tL{ text-align: left; display: block; margin:0 auto;}

.iC{
	display: block!important;
	margin:0 auto!important;
}


/*------------------------------------------------------*/
/*//clearFix Coponents//*/
.clear {clear:both;}
.clearfix, .main{ display:block;} 

.clearfix:after, .main:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }

/*--------------------------------------------*/
/*// lockStep//*/
* html body dl.lockStep dd div{
   display:inline-block;
}

dl.lockStep {
/*   border-bottom:1px solid #ccc;*/
}

dl.lockStep dt {
   float:left;
/*   width:65px;*/
}

dl.lockStep dd {
/*   margin-left:65px;*/
}

a:hover.transparent img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/*--------------------------------------------------*/
.innerBorderWh a:hover img {
	margin: -1px;
	border: solid 1px #ccc;
}

/**//* for IE6 *//**/
* html .innerBorderWh a:hover {
	zoom: 1;
}
	* html .innerBorderWh a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}

/*--------------------------------------------------*/
.innerBorderYellow a:hover img {
	margin: -1px;
	border: solid 1px yellow;
}

/**//* for IE6 *//**/
* html .innerBorderYellow a:hover {
	zoom: 1;
}
	* html .innerBorderYellow a:hover img {
		/* for BackCompat mode
			margin-left: -2px;
			margin-right: -2px;
		over here */
		float: left;
		position: relative;
	}

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

.innerBorder a:hover img {
	margin: -1px;
	border: solid 1px #ccc;
}

/**//* for IE6 *//**/
* html .innerBorder a:hover {
	zoom: 1;
}
	* html .innerBorder a:hover img {
		/* for BackCompat mode
			margin-left: -6px;
			margin-right: -6px;
		over here */
		float: left;
		position: relative;
	}
/*--------------------------------------------------*/

/*//1px border//*/
div.border{
	width:100%;
	height:1px;
	background-color:#ccc;
	overflow:hidden;
}

/*//1px indent//*/
.indent{ text-indent:1em;}

/*//1em indent//*/
.fontFirstIndent{ padding-left:1em;}

/*//  borderBox //*/
.borderBox {
	padding:14px 13px;
	border:3px solid #ccc;
	background:url(../img/slope.gif) repeat;
}


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

.txtColGold{ color:#D9D4C5;}
.txtColRed{ color:#900;}
.txtColGreen{ color:#990;}
.txtColBlue{ color:#069;}
.txtColBrown{ color:#715526;}

.lHeight1_65{ line-height:1.65em;}
.lHeight1_7{ line-height:1.7em;}
.lHeight1_75{ line-height:1.75em;}
.lHeight1_8{ line-height:1.8em;}
.lHeight1_9{ line-height:1.9em;}
.lHeight2{ line-height:2em;}

.b { font-weight:bold; letter-spacing:0.02em; }
.i { font-style:italic; }

.txtS{
	font-size:0.81em;
	*font-size:0.81em;
	*+font-size:9px;
	letter-spacing: 0.12em;
}