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

@import url(initialize.css);
@import url(globalnavi.css);

/*=================================================================
	http://www.tabi-switch.jp/
=================================================================*/

/*Natural selector
-----------------------------------------------------------------*/

body{_behavior: url("css/csshover3.htc");}



body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:62.5%;
	font-style:normal;
	line-height:200%;
	letter-spacing:0.02em;
	color:#5E4A32;
	text-align:left;
	background-color:#000;
	background-image:url(../img/bg/common_bg01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

h1{
	color:#CCCCCC;
	font-size:0.8em;
	height:30px;
	left:12px;
	letter-spacing:0.055em;
	line-height:140%;
	overflow:hidden;
	position:absolute;
	top:6px;
	width:710px;
	z-index:1;
}

h2{}

h3{}





/*fixed selector  wrapper,header,container,mainarea,mainbox,
                  sidebox,footer
-----------------------------------------------------------------*/

div#wrapper{
	position:relative;
	font-size:1.2em;
	width:850px;
	margin:0 auto;
}

div#header{
	margin:0;
	padding:0;
	background:transparent url(../../img/bg_head.jpg) no-repeat center top;
}

div#headerbox{
	width:850px;
	height:91px;
	position:relative;
	background:url(../img/bg/bg_head.jpg) no-repeat center top;
}

div#headerbox p{
	left:14px;
	position:absolute;
	top:41px;
}

div#container{
	width:850px;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}


div#mainarea:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
	visibility:hidden;
}

div#mainarea{
	width:810px;
	background:url(../img/bg/bg_content.jpg) repeat-y center top;
	padding:0 20px;
}

div#mainbox{
	width:510px;
	float:left;
}

div#sidebox{
	width:284px;
	margin:0 16px 0 0;
	float:left;
}


div#footer{
	border-top:1px solid #54504E;
	letter-spacing:0.035em;
	padding:11px 0 90px;
	text-align:center;
	width:850px;
}

div#footer address{
	color:#ccc;
}



/*LayoutTools selector
-----------------------------------------------------------------*/

.floatbox:after {content:" "; clear:both; height:1px; display:block; visibility:hidden; overflow: hidden;}
/*\*/* html #section02 .floatbox{height:1em; overflow:visible;}/**/
.floatL{display:block;float:left;margin:0;padding:0;}
.floatR{display:block;float:right;margin:0;padding:0;}
.clearfix{display:block;clear:both;margin:0;padding:0;}
.left{text-align:left;}
.right{text-align:right;}
.center{text-align:center;}
.end{margin:0;padding:0;border:0 none;}
.none{display:none;}

/*StyleTools selector
-----------------------------------------------------------------*/

span.red{color:#ff0000;font-weight:700;}
span.orange{color:#ff6600;font-weight:700;}


/*link
-----------------------------------------------------------------*/
a:link, a:visited {
	color:#F98300;
	text-decoration:underline;
}

a:hover, a:active {
	color:#CC3300;
	text-decoration:underline;
}