@charset "utf-8";
/*-----------------------
制作日：2009年3月

制作会社：ベースブレインワーク
制作担当者：八木幸子

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

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



body{
color:#333333;
font-size:12px;
font-family:/*'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'*/,Osaka,'メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
text-align:center;
background:url(../image/content_bg.jpg) repeat top left;
line-height:1.5em;
}

p{
line-height:1.5em;
}

a{
text-decoration:none;
color:#009966;
}

a:hover{
color:#99CC00;
}



/* ヘッダー */
#header{
background:url(../image/header_bg.jpg) repeat-x top left;
height:108px;
width:100%;
}

#header .header_inr{
background:url(../image/header.png) no-repeat top center;
height:108px;
margin:0 auto;
position:relative;
width:856px;
}

#header .header_inr p{
font-size:20px;
position:absolute;
left:50px;
top:10px;
filter: alpha(opacity=0);
  -moz-opacity:0;
  opacity:0;
}

#header .header_inr ul{
position:absolute;
right:25px;
top:10px;
}

#header .header_inr ul li{
display:inline;
padding-left:10px;
}

#header .header_inr ul li img{
padding-left:5px;
}

/* ヘッダーサブ */
#header_sub{
background:url(../image/header_subbg.jpg) repeat-x top left;

}

#header_sub h1{
background:url(../image/header_subbg.png) repeat-y top center;
width:856px;
margin:0 auto;
}

/* ナヴィ */
#navi{
background:url(../image/header_navibg.jpg) repeat-x top left;
height:53px;
}

#navi ul{
margin:0 auto;
width:857px;
}

#navi ul li a,#navi ul li{
display:block;
float:left;
height:53px;
}

#navi ul li a:hover{
filter: alpha(opacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
}



/* コンテンツ */
#content{
background:url(../image/content_bg.jpg) repeat top left;
position:relative;
}


/*ボックス*/
#content .content_area{
background:url(../image/content_mainbg.png) repeat-y center top;
width:856px;
margin:0 auto;
padding:15px 0 90px 0;
}

#content .content_area .box_area{
text-align:left;
padding:0 27px;
width:802px;
}

#content .content_area .box_area .box_areamdl{
background:url(../image/box_mdl.png) repeat-y top center;
padding:5px 13px;
width:776px;
}


/* フッター */
#footer{
background:url(../image/footer_bg.jpg) repeat-x top left; 
clear:both;
height:78px;
}

#footer .footer_area{
background:url(../image/footer_mainbg.png) no-repeat top center;
margin:0 auto;
padding:10px 20px 0 20px;
width:816px;
height:78px;
}

#footer .footer_area a{
color:#ffffff;
}

#footer .footer_area p{
color:#FFFFFF;
font-size:10px;
line-height:1.3em;
text-align:left;
}

#footer .footer_area p span{
display:block;
text-align:right;
padding-top:5px;
}

#footer .footer_area img{
vertical-align:text-top;
padding:0 0 3px 0;
}