@charset "utf-8";

/*================[GLOBAL]================*/
html {
	overflow-y:scroll;
	padding:0;
	margin:0;
	background-color:#eeeeee;
}

body {
	padding:0;
	margin:0;
	line-height:1.7;
	color:#333;
	font-family:"Lucida Grande","メイリオ",meiryo,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック";
	font-size:12px;
	}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,form,button {
 	padding: 0;
	margin: 0;
	}
img {border:none;}
img.mid {vertical-align:middle;}

input, textarea {
border:1px solid #DDDDDD;
padding:3px;
}


/*jquery.vtip.js*/
p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 10px; background-color: white; border: 1px solid #a6c9e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; width:300px; line-height:1.3; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

/*================[LIST]================*/
li {list-style-type:none;}
li img {vertical-align:top!important;}
ul.disc li {
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:.7em;
}

ol li {
	list-style-type:decimal;
	margin-left:20px;
	margin-bottom:.7em;
}

h2 {
	margin-bottom:20px;
}


/*================[LINK]================*/
a {color:#57463a;text-decoration:underline;}
a:visited {color:#4A362B;text-decoration:underline;}
a:hover {color:#00cccc;text-decoration:none;}
a:active {color:#ffcc00;text-decoration:none;}
a.bgnone:hover { background:none; }


/*================[FONTSIZE]================*/
.f10 {font-size:10px;} * html .f10 {font-size:11px;}
.f12 {font-size:12px;}
.f14 {font-size:14px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;} 


/*============[CLEARFIX]============*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {display:inline-block;}
/* End hide from IE mac \*/
* html .clearfix { height: 1%;}
.clearfix {display:block;}
/* End hide from IE mac */

/*============[MOZ]============*/
::-moz-selection {
		background-color:#00cccc;
		color:#ffffff;
		}

::selection {
		background-color:#00cccc;
		color:#ffffff;
	}
	
/*============[CONTAINERS]============*/
#MainContainer {
	width:945px;
	margin:0 auto;
	background-color:#FFFFFF;
}

#Header {
	height:230px;
	background:url(img/header_bg.jpg) no-repeat;
	margin-bottom:20px;
}

#Topicpath {
	font-size:10px;
	margin-left:15px;
	color:#57463a;
}

#Contents {
	width:915px;
	padding:0 15px;
}

#ContentsL {
	width:180px;
	float:left;
}

#ContentsR {
	width:700px;
	float:right;
}


#ContentsR_L {
	width:495px;
	float:left;
}

#ContentsR_R {
	width:190px;
	float:right;
}

/*For TOP*/
#ContentsTop {
	width:915px;
	padding:0 15px;
	margin-top:-25px;
}


#ContentsTopL {
	width:610px;
	float:left;
}

#ContentsTopR {
	width:290px;
	float:right;
}

.PageTop {
	clear:both;
	text-align:right;
	font-size:10px;
	padding-top:25px;
	padding-right:15px;
	margin-bottom:10px;
	}


#Footer{
	background:url(img/footer_bg.gif) no-repeat top center;
	padding:45px 15px 15px 15px;
	clear:both;
}

#FooterL {
	width:141px;
	float:left;
}

#FooterR {
	width:759px;
	float:right;
}

#FooterR li {
	display:inline;
	background:url(img/footer_kugiri.gif) no-repeat center right;
	padding-right:7px;
	margin-right:7px;
	}

/*============[NAV]============*/
h1 {
	padding-top:29px;
	padding-left:27px;
}

#Nav {
	padding-top:85px;
	padding-left:11px;
	margin-bottom:2px;
}

#Nav li {
	display:inline;
	}
/*============///[NAV]============*/



/*============[SECOND_NAV]============*/
ul.Snav {
	border-top:2px solid #866746;
	border-bottom:2px solid #866746;
}


ul.Snav li {
	padding:7px;
	background:url(img/linebg_brown.gif) repeat-x bottom left;
}

ul.Snav li a {
	display:block;
	}

ul.Snav li.here p {
	background:url(img/snav_arrow_blue.gif) no-repeat left center;
	padding-left:10px;
	font-weight:bold;
}

ul.Snav li.back p a {
	background:url(img/icon_back.gif) no-repeat left center;
	padding-left:17px;
}

ul.Snav li.back p a:hover  {
	background:url(img/icon_back_over.gif) no-repeat left center;
	padding-left:17px;
}

/**/

ul.Snav li ul {
	background:#f6f0e0;
	margin:10px 0;
}

ul.Snav li ul li {
	font-size:10px;
	background:url(img/linebg_lbrown.gif) repeat-x bottom left;
	line-height:1.4;
}


/*============///[SECOND_NAV]============*/


/*============[TEXTBOX]============*/
.TextBox p {
	margin-bottom:1em;
}

.TextBox h2 {
	font-size:16px;
	color:#57463a;
}

.TextBox h3 {
	font-size:14px;
	color:#57463a;
	margin-bottom:3px;
	line-height:auto;
	}


/*============[TABLE]============*/
table.grey {
	/*border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;*/
	margin:0 auto;
	border-collapse:collapse;
	border-spacing: 0;
	width:100%;
}

table.grey th {
	font-weight:bold;
	/*background-color:#efefef;*/
	text-align:left;
	/*border-right:2px solid #ddd;*/
	border-bottom:1px solid #fff;
	padding:10px 15px;
	vertical-align:middle;
	width:100px;
	background:#eeeeee;
	/*color:#ffffff;*/
}

table.grey td {
	padding:10px 15px;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	text-align:left;
}

	
/*:::::::::::::::::::::::[POS]:::::::::::::::::::::::*/
.lbrown {color:#dfd2ad;}
.brown {color:#866746;}
.dbrown {color:#57463a;}
.red {color:#CC0000;}
.blue {color:#00cccc;}
img.aligncenter {text-align:center!important; margin:0 auto;display:block;}
.txtC {text-align:center!important;}
.txtR {text-align:right;}
.txtL {text-align:left;}
.floatL {float:left;}
.floatR {float:right;}
.lh120 {line-height:1.2}
.lh130 {line-height:1.3}
.fwn {font-weight:normal;}
.submitbtn {
	padding:8px;
	font-size:14px;
	font-weight:bold;
}

/*:::::::::::::::::::::::[MARGIN]:::::::::::::::::::::::*/
/*top*/
.mt0 {margin-top:0!important;}
.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt35 {margin-top:35px!important;}
.mt40 {margin-top:40px!important;}
		
/*right*/
.mr0 {margin-right:0!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}
.mr35 {margin-right:35px!important;}
.mr40 {margin-right:40px!important;}

/*bottom*/
.mb0 {margin-bottom:0!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb40 {margin-bottom:40px!important;}
.mb45 {margin-bottom:45px!important;}	
.mb50 {margin-bottom:50px!important;}		

/*left*/
.ml0 {margin-left:0!important;}
.ml5 {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}
.ml35 {margin-left:35px!important;}
.ml40 {margin-left:40px!important;}

/*:::::::::::::::::::::::[PADDING]:::::::::::::::::::::::*/
/*top*/
.pt0 {padding-top:0!important;}
.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}
.pt35 {padding-top:35px!important;}
.pt40 {padding-top:40px!important;}
	
/*right*/
.pr0 {padding-right:0!important;}
.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}
.pr35 {padding-right:35px!important;}
.pr40 {padding-right:40px!important;}
		
/*bottom*/
.pb0 {padding-bottom:0!important;}
.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}
.pb34 {padding-bottom:35px!important;}
.pb40 {padding-bottom:40px!important;}	
	
/*left*/
.pl0 {padding-left:0!important;}
.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}
.pl35 {padding-left:35px!important;}
.pl40 {padding-left:40px!important;}