@charset "utf-8";
/* ------ 全体構造 ------ */
body{
margin: 0;
padding: 0;
color:#333333;
font-size:0.8em;
line-height:160%;
background:url(../img/bg.jpg) repeat-x #E3E3E3;
}

/*
 Layout [
----------------------------------------------------------- */
#wrapper{
margin:auto;
padding:0;
}

#headerArea{
position:relative;
width:880px;
height:114px;
margin:auto;
background:url(../img/bg-header.jpg) no-repeat;
}

#contentsArea {
width:880px;
margin:auto;
padding-top:80px;
background:#FFFFFF;
}

#mainArea {
float:right;
width:630px;
margin:0;
padding:15px;
}

#sideArea {
float:left;
margin:0;
padding-top:15px;
}

#footerArea{
width:auto;
overflow:hidden;
}
/* 1カラム用 */
#mainArea2 {
width:auto;
margin:0;
padding:15px 38px 15px 37px;
}

#contentsAreaBottom{
width:880px;
height:32px;
margin:auto;
background:url(../img/cntsArea-bottom.gif) no-repeat;
}

/*
 トップページ用スタイル [
----------------------------------------------------------- */
#contentsAreaTop{
background:url(../img/top.jpg) no-repeat;
width:880px;
height:517px;
margin:auto;
position:relative;
}
/* menu */
ul#tmenu{
margin:0;
padding:0;
}

#tmenu li{
list-style:none;
position:absolute;
top:389px;
text-indent:-9999px;
width:140px;
height:101px;
}

#tmenu li a{
text-decoration:none;
display:block;
width:140px;
height:101px;
}
#tmenu li#tmenu1 {left:71px; background:url(../img/topmenu-over.jpg) -71px 0px no-repeat;}
#tmenu li#tmenu2 {left:222px; background:url(../img/topmenu-over.jpg) -222px 0px no-repeat;}
#tmenu li#tmenu3 {left:373px; background:url(../img/topmenu-over.jpg) -373px 0px no-repeat;}
#tmenu li#tmenu4 {left:523px; background:url(../img/topmenu-over.jpg) -523px 0px no-repeat;}
#tmenu li#tmenu5 {left:674px; background:url(../img/topmenu-over.jpg) -674px 0px no-repeat;}

#tmenu li#tmenu1 a:hover{left:71px; background:url(../img/topmenu-over.jpg) -71px -128px no-repeat;}
#tmenu li#tmenu2 a:hover{left:222px; background:url(../img/topmenu-over.jpg) -222px -128px no-repeat;}
#tmenu li#tmenu3 a:hover{left:373px; background:url(../img/topmenu-over.jpg) -373px -128px no-repeat;}
#tmenu li#tmenu4 a:hover{left:523px; background:url(../img/topmenu-over.jpg) -523px -128px no-repeat;}
#tmenu li#tmenu5 a:hover{left:674px; background:url(../img/topmenu-over.jpg) -674px -128px no-repeat;}

/*
 #headerArea [
----------------------------------------------------------- */
/* logo */
#headerArea h1{
width:410px;
height:103px;
position:absolute;
left:20px;
background:url(../img/logo.gif) no-repeat;
text-indent:-9999px;
margin:0;
padding:0;
}

#headerArea h1 a{
width:410px;
height:103px;
display:block;
}
/* select language */
#lang{
position:absolute;
width:200px;
text-align:right;
right:12px;
top:85px;
color:#FFFFFF;
}
/* mitsumori */
div#mitsumori{
width:150px;
height:27px;
position:absolute;
right:12px;
top:15px;
text-indent:-9999px;
}
div#mitsumori a{
width:150px;
height:27px;
display:block;
background:url(../img/btn-mitsumori.jpg) 0px 0px no-repeat;
}
div#mitsumori a:hover{
width:150px;
height:27px;
display:block;
background:url(../img/btn-mitsumori.jpg) 0px -27px no-repeat;
}
/* menu */
ul#menu{
margin:0;
padding:0;
}

#menu li{
list-style:none;
position:absolute;
top:114px;
text-indent:-9999px;
width:177px;
height:80px;
}

#menu li a{
text-decoration:none;
display:block;
width:176px;
height:80px;
}

#menu li#menu1{left:0px; background:url(../img/menu.jpg) 0 0px no-repeat;}
#menu li#menu2{left:177px; background:url(../img/menu.jpg) -177px 0px no-repeat;}
#menu li#menu3{left:353px; background:url(../img/menu.jpg) -353px 0px no-repeat;}
#menu li#menu4{left:529px; background:url(../img/menu.jpg) -529px 0px no-repeat;}
#menu li#menu5{left:705px; background:url(../img/menu.jpg) -705px 0px no-repeat;}

#menu li#menu1 a:hover{left:0px; background:url(../img/menu.jpg) 0 -80px no-repeat;}
#menu li#menu2 a:hover{left:177px; background:url(../img/menu.jpg) -177px -80px no-repeat;}
#menu li#menu3 a:hover{left:353px; background:url(../img/menu.jpg) -353px -80px no-repeat;}
#menu li#menu4 a:hover{left:529px; background:url(../img/menu.jpg) -529px -80px no-repeat;}
#menu li#menu5 a:hover{left:705px; background:url(../img/menu.jpg) -705px -80px no-repeat;}


/*
 #footerArea [
----------------------------------------------------------- */
#footerArea{
clear:both;
width:880px;
margin:auto;
margin-top:3px;
background:url(../img/bg-footer.gif) no-repeat;
}
#footerArea p#f_copyright{
text-align:center;
margin:0;
padding:0px;
color:#FFFFFF;
font-size:0.83em;
}

/* 共通のスタイルシート設定
----------------------------------------------------------- */
.container1{margin:40px 0 30px 0;}
.container2{margin:30px 0; padding:0px;}
.titlebar01 {border:#C8C8C8 dotted 1px; border-left:#306B5E solid 10px; background:#F7F7F7; padding:4px; color:#306B5E; font-size:1.1em;}
.f_red{color:#FF0000;}
.f_ex{color:#666666;}

/* TableStyle */
.tb01{width:648px; margin:1px; border:#999999 solid 1px;border-collapse: collapse;}
.tb02{padding:5px; background:#F4FAFF; font-weight:bold; border:#999999 solid 1px;}
.tb03{padding:5px; border:#999999 solid 1px;}

/* タイトル画像 */
#mainArea h2#t01{display:block; width:630px; height:90px; margin:0 0 30px 0; padding:0; text-indent:-9999px; background:url(../img/title1.jpg) no-repeat 0 0;}
#mainArea h2#t03{display:block; width:630px; height:90px; margin:0 0 30px 0; padding:0; text-indent:-9999px; background:url(../img/title1.jpg) no-repeat 0 -90px;}
#mainArea h2#t02{display:block; width:630px; height:90px; margin:0 0 30px 0; padding:0; text-indent:-9999px; background:url(../img/title1.jpg) no-repeat 0 -180px;}
#mainArea2 h2#t04{display:block; width:805px; height:90px; margin:0 0 30px 0; padding:0; text-indent:-9999px; background:url(../img/title2.jpg) no-repeat 0 0px;}
#mainArea2 h2#t05{display:block; width:805px; height:90px; margin:0 0 30px 0; padding:0; text-indent:-9999px; background:url(../img/title2.jpg) no-repeat 0 -90px;}

#mainArea h4{
margin:30px 0px 10px 0px;
padding:0;
color:#306B5E;
font-size:1.2em;
}
#mainArea ul {margin:0; padding:15px;}
/* サイドメニュー */
ul#sideMenu{
margin:0;
padding:0 10px 0 25px;
}
ul#sideMenu li{
list-style:none;
width:158px;
padding:4px;
border-bottom:#A0BDB7 solid 1px;
background:url(../img/list-img1.gif) no-repeat;
padding-left:20px;
}
ul#sideMenu li a{
text-decoration:none;
color:#2D6559;
display:block;
}
ul#sideMenu li a:hover{
text-decoration:none;
color:#2C8C59;
display:block;
}

/* 各ページ固有のスタイルシート設定
----------------------------------------------------------- */
.c-tb01{
border:#cccccc solid 1px;
padding:5px;
background:#F7FDF8;
}
.c-tb02{
border:#cccccc solid 1px;
padding:5px;
padding:5px;
}
/* センタリングのずれを解消 */
html{
height:100%;
margin-bottom:1px;
}

/*
 float解除 [
----------------------------------------------------------- */
#contentsArea:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* float解除 ie-mac */
* html #contentsArea{
height: 1%;
}

#contentsArea{
display: block;
}
.img_box img {
float: left; /* これがフロートで、 文章を画像の右横に回り込む */
margin-right: 15px; /* 画像と文字と間に余白を入れます */
}
div.clear{
	clear: both;
	margin: 0 0 10px 0;
}