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

html{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

body{
	margin:0;
	font-size:12px;
	line-height:18px;
	color:#333;
	text-align:left;
	background:url(../img/bg_wrapper.gif) repeat-x;
	background-color:#eff0ff;
	}

img{
	border:0;
	}

a{color:#0065ca;}
a:hover {color:#0f76dd; text-decoration:none;}

#container{
	width:980px;
	margin:0 auto;
	}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}


/*header
---------------------------------------*/
#header{
	width:980px;
	height:101px;
	}

#header h1{
	width:980px;
	height:17px;
	font-size:10px;
	font-weight:normal;
	line-height:17px;
	color:#FFF;
	margin:0;
	padding:0;
	}

#header #logo{
	width:218px;
	height:84px;
	float:left;
	}

#header #menu{
	width:762px;
	float:right;
	}

#header #menu #globalMenu{ margin:15px 0 0 0; height:43px;}
#header #menu #globalMenu ul{list-style:none; margin:0; padding:0;}
#header #menu #globalMenu ul li{ float:left;}

#header #menu #subMenu{ height:11px; text-align:right; margin:15px 0 0 0;}
#header #menu #subMenu img{	margin:0 0 0 20px;}


/*pankuzu
---------------------------------------*/
#pankuzu{
	clear:both;
	height:30px;
	line-height:30px;
	}

#pankuzu p{
	float:right;
	margin:0;
	padding:3px 0 0 0;
	}



/*left
---------------------------------------*/

#leftArea{
	width:220px;
	height:100px;
	float:left;
	}

#leftArea .leftBox{
	background:url(../img/left_box_bg.gif) repeat-y;
	margin:0 0 20px 0;
	}

ul.update{
	list-style:none;
	margin:0 auto;
	padding:0;
	width:200px;
	}

ul.update li{
	margin:0;
	padding:8px 0 8px 0;
	border-bottom:1px dotted #CCC;
	}

ul.update li b{
	color:#cc0000;
	}


ul.leftMenu{
	list-style:none;
	margin:10px auto 0;
	padding:0;
	width:200px;
	}

ul.leftMenu li{
	margin:0;
	padding:0;
	}

ul.leftMenu li.tit{
	background:#CCC;
	border:1px solid #CCC;
	padding:2px 0 0 10px;
	font-weight:bold;
	}

ul.leftMenu li a{
	margin:0 0 -1px 0;
	padding:0 0 0 30px;
	border:1px solid #CCC;
	background:url(../img/left_menu_bg.gif) no-repeat;
	width:168px;
	height:30px;
	line-height:30px;
	font-size:14px;
	display:block;
	text-decoration:none;
	color:#000;
	}

ul.leftMenu li.on a{
	background:url(../img/left_menu_bg_ov.gif) no-repeat;
	color:#fff;
	}


ul.leftMenu li a:hover{
	background:url(../img/left_menu_bg_ov.gif) no-repeat;
	color:#fff;
	}

ul.leftBnr_220x70{
	list-style:none;
	margin:0;
	padding:0;
	}

ul.leftBnr_220x70 li{
	margin:0 0 10px 0;
	padding:0;
	}



/*right
---------------------------------------*/

#rightArea{
	width:740px;
	float:right;
	min-height:500px;
	}


#rightArea .rightBox{
	background:url(../img/right_box_bg.gif) repeat-y;
	margin:0 0 20px 0;
	}

#rightArea .border{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px;
	}

.mapTitle{
	width:730px;
	height:41px;
	background:url(../img/right_box_title_map.gif);
	margin-bottom:5px;
	}

.mapTitle ul{
	list-style:none;
	margin:0;
	padding:10px 0 0 180px;
	}

.mapTitle ul li{
	float:left;
	}

ul.news{
	list-style:none;
	margin:0 auto;
	padding:0;
	width:720px;
	}

ul.news li{
	margin:0;
	padding:8px 0 8px 0;
	border-bottom:1px dotted #CCC;
	}

ul.news li b{
	color:#cc0000;
	}
	
#rightArea .rightBox_js{
	margin:0 0 20px 0;
}

#rightArea .rightBox_img img.bnr{
	margin-right:10px;
}



/*subpage common
---------------------------------------*/

#rightArea h2{
	margin:0;
	padding:0;
	}

#rightArea h3{
	width:710px;
	height:35px;
	overflow:hidden;
	padding:1px 0 0 10px;
	margin:0;
	background:url(../img/h3_subtitle.gif) no-repeat;
	font-size:16px;
	line-height:35px;
}

#rightArea .inner{
	padding:10px;
}

#rightArea table.list01{
	width: 710px;
    border-collapse: collapse;
}

#rightArea table.list01 th{
    border: 1px #666 solid;
	background-color:#CCFFCC;
	text-align:center;
	padding:5px;
}

#rightArea table.list01 td{
    border: 1px #666 solid;
	padding:5px;
}

#rightArea td.center{ text-align:center;}
#rightArea td.bgc01{ background-color:#FFDDAC;}
#rightArea td.bgc02{ background-color:#FFAAAA;}
#rightArea td.bgc03{ background-color:#FFFFAA;}
#rightArea td.bgc04{ background-color:#AAFFAA;}
#rightArea span.red{ color:#F00;}

#rightArea .pagetop{
	text-align:right;
	margin:0;
}


/*company
---------------------------------------*/
#rightArea table.list02{
	width: 710px;
    border-collapse: collapse;
}

#rightArea table.list02 th{
    border-bottom: 1px #666 dotted;
	text-align:left;
	vertical-align:top;
	padding:5px;
	color:#132c68;
}

#rightArea table.list02 td{
    border-bottom: 1px #666 dotted;
	vertical-align:top;
	padding:5px;
}

/*footer
---------------------------------------*/

#footer{
	clear:both;
	background-color:#000434;
	background-image:url(../img/footer_bg.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	padding-top:110px;
	}

#animationbox{ overflow: hidden; position:relative; height:50px;}
#slide1{ position: absolute; top: 0; left: -500px;}
#slide2{ position: absolute; top: 0; left: -500px;}

#footer .footerArea{
	width:980px;
	margin:10px auto;
	overflow:hidden;
}

#footer .footerArea table{
	color:#fff;
	border-collapse:collapse;
}

#footer .footerArea table td{ padding:0 30px 0 0;}

#footer .footerArea table td a{
	text-decoration:none;
	color:#fff;
	background:url(../img/icon.gif) no-repeat 0 4px;
	padding-left:10px;
}

#footer .footerArea table td a:hover{
	text-decoration:underline;
}

#footer .footerArea .footerLogo{
	width:350px;
	float:right;
	margin-top:57px;
	text-align:right;
	color:#999;
	line-height:4em;
}