@charset "UTF-8";

/*############################################*/
/*body*/
/*############################################*/

body  {
	font-size:75%;
	line-height:150%;
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","平成ゴシック","Heisei Gothic","MS P ゴシック","MS P Gothic",Osaka,"メイリオ",Meiryo,sans-serif;
	color:#663333;
	letter-spacing: 1px;
	background-image: url(../images/common/bg.jpg);
	background-repeat: repeat-x;
	background-color:#ffd492;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,per,code,form,fieldset,legend,input,texarea,p,blockquote,th,td,img {
	margin:0;
	padding:0;
}

img, h1, h2, h3, h4, h5, h6, p, form{
	border:none;
	margin:0;
}

address{
	font-style:normal;
}

table,h1,h2,h3,h4,h5,h6{
	font-size:100%;
}


ul,li{
	list-style:none;
}

strong{
	font-weight:bold;
	font-size:120%;
}

/* new clearfix */  
.clearfix:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  
* html .clearfix{ zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

a{
	color:#F30;
	border:none;
}

a:hover{
	color:#F09;
}

.aka{
	color:#cc0000;
}

.font_s{
	font-size: 85%;
	line-height: 15px;
}

.font_b{
	color:#006699;
	font-weight: bold;
}

.Left{
	float:left;
}

.Right{
	float:right;
}

.center{
	text-align:center;
}

.w_auto{
	width:auto;
}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}

.w250{width:250px;}
.w370{width:370px;}
.w380{width:380px;}
.w450{width:450px;}
.w460{width:460px;}

/*############################################*/
/*header*/
/*############################################*/

#header {
	height:50px;
	width:900px;
	margin:0 auto;
	position:absolute;
	top:5px;
	left:20px;
	}

#headTitle{
	margin:24px 0 0 0;
	width:250px;
	height:50px;
	float:left;
	background:url(../images/common/logo.gif) left no-repeat;
}

#headTitle a{
	width:250px;
	height:50px;
	font-size:2px;
	text-indent:-5000px;
	float:left;
}

/*############################################*/
/*flash*/
/*############################################*/

#box {
	height: 425px;
	width: 900px;
}

.swf {
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
}

/*############################################*/
/*mainNavi*/
/*############################################*/

.mainNavi{
	width:568px;
	height:70px;
	margin:0 0 10px 0;
	background: url(../images/common/menu_bg.jpg) no-repeat;
}


.mainNavi li{
	height:27px;
	display:block;
	padding:6px 3px 1px 3px;
	float:left;
	list-style:none;
}

.mainNavi .menu1{
	margin:0 0 0 15px;
	display:block;
	float:left;
	list-style:none;
}

.mainNavi .menu2{
	margin:0 0 0 5px;
	width:auto;
	display:block;
	float:left;
	list-style:none;
}


/*############################################*/
/*page*/
/*############################################*/
#pageWrapper{
	position:relative;
	width:100%;
	text-align:center;
}

#pageBox{
	position:relative;
	margin:0 auto;
	width:900px;
	text-align:center;
}



#contentBox{
	margin:0px auto;
	width:900px;
	text-align:left;
}



/*pankuzu*/
/*#pankuzu{
	width:840px;
	font-size:80%;
	text-align:left;
	padding:10px 0;
	position:relative;
	overflow:hidden;
}*/


/*info_area*/


.RightInfo {
	width:570px;
	float:right;
	margin:0 20px 0 0;
	padding:5px 0;
}

.LeftInfo {
	width:240px;
	float:left;
	margin:0px;
	padding:0 20px;
}


.LeftInfo h4{
	padding:10px 0 0 0;
}




/*############################################*/
/*side_information*/
/*############################################*/

#side{
	width:238px;
	border:solid 1px #666;
}


.side_imfoBox{
	width:224px;
	border:solid 1px #999;
	padding:25px 7px 10px 7px;
	text-align:center;
	margin:20px auto 0 auto;
	background: url(../images/common/info_st.gif) no-repeat top;
}

.side_imfoBox p{
	margin:10px 0 0 0;
}


/*############################################*/
/*footer*/
/*############################################*/


.pagetop{
	width:860px;
	margin:0 auto;
	padding:40px 40px 0 0;
	text-align:right;
	background-color:#FFFFFF;
}

#footBox{
	position:relative;
	width:900px;
	margin:0 auto;
	background-color:#FFF;
}

.footBox h2{
	margin:0 auto 0 auto;
}

.footBox h3{
	margin:10px auto 0 auto;
}

.footinfo{
	position:relative;
	width:820px;
	height:50px;
	background: url(../images/common/foot.gif) bottom no-repeat;
	background-color:#fd7620;
	margin:0 auto;
	padding:10px 40px;
	font-size:11px;
	color:#FFFFFF;
}


#footCopy{
	position:relative;
	width:900px;
	font-size:10px;
	text-align:left;
	margin:3px auto 30px auto;
	color:#F60;
}