@charset "utf-8";
/* CSS Document */

/*----reset-----*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border: 0;
	vertical-align: bottom;
}
address,caption,cite,scode,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}
ol,ul,li {
	list-style: none;
	padding: 0;
	margin: 0;
}
caption,th { 
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
h2 {
	font-weight:bold;
}

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

body, th, td, input, select{
	font-size: 100%;
	line-height: 1.6;
	font-family: "ＭＳゴシック","ＭＳ Ｐゴシック","メイリオ", Meiryo, Osaka,
				 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	color: #333;
}

body {
	background-color: #FBFAF3;
}

img { vertical-align: bottom; }

.txtColGold{
	color:#C63;
}
.txtColRed{ color:#C00;}
.txtColGreen{
	color:#090;
}
.txtColBlue{ color:#069;}
.txtColBrown{ color:#715526;}
.txtColGray{ color:#333333;}

.txt11{ font-size:11px;}
.txt12{ font-size:12px;}
.txt13{ font-size:13px;}
.txt14{ font-size:14px;}
.txt15{ font-size:15px;}
.txtJp{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.smalltxt { font-size: 80%; color: #999; }
.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;}

a{
	color: #0099CC;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #900;
	text-decoration: underline;
	outline: none;
}

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

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

a.txtUnder{ text-decoration: underline;}
a.txtUnder:hover{ text-decoration: underline;}

/*//font-family || type mono //*/
.typeMono{ font-family:monospace;}



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

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


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



/*------------------------------------------------------
----------------------headBox--------------------------
--------------------------------------------------------*/
#wrapper {
	width: 1100px;
	margin: 0 auto;
}