@charset "utf-8";

body {
	font-family:
	"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-image: url(../images/common/page_bg.gif);
	margin: 0px;
	background-repeat: repeat-x;
	background-position: 0px 41px;
	background-color: #FFF;
	font-size: 100%;
	color: #5978b9;
	}
	
img{
	border:0px;
	}


body p {
	font-size: 75%;
	color: #5978b9;
	margin: 0px;
	line-height: 150%;
}
#header {
	height: 41px;
	background-color: #f7f7f7;
	width: 100%;
}



#teaser 	{
	width: 912px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/common/teaser.jpg);
	text-indent: -9999px;
	height: 283px;
	}

#main
	{
	width: 912px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	zoom: 1;
	margin-bottom: 0px;
	background-image: url(../images/common/teaser_bottom.jpg);
	background-repeat: no-repeat;
	height: 305px;
	}
	
#main2
	{
	width: 912px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	overflow: hidden;
	position: relative;
	zoom: 1;
	margin-bottom: 0px;
	background-image: url(../images/common/teaser_bottom2.jpg);
	background-repeat: no-repeat;
	background-color: #e4e4e4;
	padding-bottom: 31px;

	}
	
	
	
#main_box {
	background-color: #FFF;
	margin-top: 31px;
	margin-right: 26px;
	margin-left: 26px;
			overflow: hidden;
	position: relative;
	zoom: 1;

}
.contentsarea {
	padding-top: 10px;
	padding-right: 17px;
	padding-bottom: 10px;
}

#footer {
	overflow: hidden;
	position: relative;
	zoom: 1;
	background-color: #5877ba;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 5px;
	height: 26px;
	line-height: 13px;
}
.logo {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}


.footerbox {
	font-size: 10px;
	color: #FFFFFF;
	width: 912px;
	margin-right: auto;
	margin-left: auto;
}

h1{
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#333;
	margin-top: 20px;
	margin-left: 0px;
    text-align: center;
}


h2 {
	margin-top: 0px;
	margin-right: 24px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

h3 {
	margin-top: 3px;
	margin-bottom:3px;
	margin-left: 0px;
	font-size:12px;
	font-weight:bold;
}

table  .media{
	font-size: 12px;
	color: #5978b9;
	padding-right:10px;
	margin:0;

}

td{
	font-size: 12px;
	color: #5978b9;
	padding-right:10px;
	padding-top:0px;

}

a:link {
	color: #5877BA;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #5877BA;
}
a:hover {
	text-decoration: none;
	color: #FFCC00;
}
a:active {
	text-decoration: underline;
	color: #5877BA;
}


#footer a:link {
	color: #fff;
	text-decoration: none;
}
#footer a:visited {
	text-decoration: none;
	color: #fff;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}
#footer a:active {
	text-decoration: none;
	color: #fff;
}



#navi {
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/common/menu_bg.jpg);
	width: 450px;
	padding-top: 0px;
	padding-right: 272px;
	padding-bottom: 0px;
	padding-left: 190px;
	height: 23px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}



ul.menu {
   margin:0;
   padding:0;
}

ul.menu li {
   float:left;
   text-indent:-9999px;
   overflow:hidden;
   list-style:none;
}

ul.menu li a {
	display: block;
	height: 14px;

}
li.menu0 a {
	width: 45px;
	background-image: url(../images/common/menu.png);
	background-repeat: no-repeat;
}
li.menu0 a:hover {
	width: 45px;
	background-image: url(../images/common/menu_on.png);
	background-repeat: no-repeat;
}

li.menu0on {
	width: 45px;
	background-image: url(../images/common/menu_on.png);
	background-repeat: no-repeat;
}


li.menu1 a {
	width: 52px;
	background-image: url(../images/common/menu1.png);
	background-repeat: no-repeat;
}
li.menu1 a:hover {
	width: 52px;
	background-image: url(../images/common/menu1_on.png);
	background-repeat: no-repeat;
}
li.menu1on {
	width: 52px;
	background-image: url(../images/common/menu1_on.png);
	background-repeat: no-repeat;
}

li.menu2 a {
	width: 62px;
	background-image: url(../images/common/menu2.png);
	background-repeat: no-repeat;
	margin-left: 14px;
}
li.menu2 a:hover {
	width: 62px;
	background-image: url(../images/common/menu2_on.png);
	background-repeat: no-repeat;
	margin-left: 14px;
}
li.menu2on {
	width: 62px;
	background-image: url(../images/common/menu2_on.png);
	background-repeat: no-repeat;
	margin-left: 14px;
}

li.menu3 a {
	width: 74px;
	background-image: url(../images/common/menu3.png);
	background-repeat: no-repeat;
	margin-left: 16px;
}
li.menu3 a:hover {
	width: 74px;
	background-image: url(../images/common/menu3_on.png);
	background-repeat: no-repeat;
	margin-left: 16px;
}
li.menu3on {
	width: 74px;
	background-image: url(../images/common/menu3_on.png);
	background-repeat: no-repeat;
	margin-left: 16px;
}

li.menu4 a {
	width: 96px;
	background-image: url(../images/common/menu4.png);
	background-repeat: no-repeat;
	margin-left: 14px;

}
li.menu4 a:hover {
	width: 96px;
	background-image: url(../images/common/menu4_on.png);
	background-repeat: no-repeat;
	margin-left: 14px;
}
li.menu4on {
	width: 96px;
	background-image: url(../images/common/menu4_on.png);
	background-repeat: no-repeat;
	margin-left: 14px;
}


a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}
