@charset "UTF-8";
/* CSS Document */
body { font-size:12px; line-height: 18px; background-image:url(img/bg.gif); background-repeat:repeat-x;}
/********h1をp id=copyに変更*************************************/
p#copy { font-size: 12px; color: #FFFFFF; margin: 0px; padding-left: 20px; }
h2,h3 { font-size: 10px; color: #FFFFFF; margin: 0px; padding: 0px; }
h4 { margin: 0px; padding: 0px; background-image:url(img/title11.gif); height: 36px;}

a:link, a:visited, a:active { color: #000000; text-decoration:none;}
a:hover { color: #880000;}

textarea,select,input { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳＰゴシック","sans-serif";}

.padding10 { padding: 10px;}

.padding05 { padding: 5px;}

.m-bg { background-image: url(img/m-bg.gif); background-repeat:no-repeat; margin: 0px; padding: 3px 3px 3px 20px; border-top: #CCCCCC solid 1px; border-right: #CCCCCC solid 1px; border-left: #CCCCCC solid 1px;}

.cm { background-image: url(img/bg-04.gif); background-repeat: repeat-y; padding: 5px;}

.md { font-size: 11px; padding-left: 15px; line-height: 13px;}

.rinen { color: #666666; background-image:url(img/bg-03.jpg); background-repeat: no-repeat; padding: 10px 230px 10px 10px;}

.font-red { color: #990000; font-weight: bold;}
.font-red a:link,.font-red a:active,.font-red a:visited { color: #990000; font-weight: bold;}
.font-red a:hover { color: #FF6600; font-weight: bold;}

.shosai { color: #0C267C; padding: 2px 10px 2px 10px;}
.shosai a:link,.shosai a:visited,.shosai a:active, { color: #0C267C;}
.shosai a:hover { color: #880000;}

.form { margin: 0px; padding: 0px;}

.title { padding: 10px 0px 0px 60px; margin: 0px; color: #0C267C; font-size: 12px; font-weight: bold; width: 335px; float: left;}
.staffname { padding: 10px 10px 0px 0px; margin: 0px; color: #0C267C; font-size: 12px; font-weight: normal; width: 150px; float: right; text-align:right;}

.title01 { border-left: #006699 solid 4px; border-bottom: #006699 solid 1px; padding: 2px 0px 2px 15px; font-weight: bold; color: #003366;}

.title02 { border-left: #8AB7DB solid 3px; border-bottom: #CCCCCC solid 1px;  border-top: #FFFFFF solid 1px; padding: 3px 0px 3px 5px; background-color: #E6EEF5;}
.title03 { border-top: #FFFFFF solid 1px; border-bottom: #CCCCCC solid 1px; padding: 3px 0px 3px 5px;}

.title04 { background-image:url(img/title12.gif); background-repeat:no-repeat; padding: 4px 0px 6px 25px;}

.pr { padding-left: 30px; text-align:left;}

.copy { font-size: 12px; color: #666666;}

.img_r {
 float: right;
 border: none;
 vertical-align:top;
 margin-left: 10px;
 margin-bottom: 10px;
}
.img_l {
 float: left;
 border: none;
 margin-right:10px;
 vertical-align:top;
 margin-bottom: 10px;
}
.img_n {
 float: none;
 border: none;
}
#voice img { float: left;
 border: none;
 margin-right:10px;
 vertical-align:top;
 margin-bottom: 10px;
}
.noscript-title {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	background-image: url(img/fla-back.jpg);
	height: 415px;
	width: 740px;
	background-repeat: no-repeat;
}

/********追加ここから*************************************/
*{
	margin:0;
	padding:0;
	list-style-type:none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	font-size:10px;
	_font-size:62.5%;
}

div#container{
	width:760px;
	margin:10px auto;
}

h1{
	margin:0;
	padding:0;
}
.clear{
	clear:both;
}

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

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac\*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/*End hide from IE-mac */


div#topMain{
	width:480px;
	margin:20px 20px 0 20px;
}

div#mainImg{
	color:#053177;
	background-image: url(../img/top/top_main.jpg);
	height: 121px;
	width: 189px;
	padding:130px 15px 0 275px;
}

div#topInfo{
	width:480px;
	margin:15px 0 0 0;
}

dl#infoBody{
	background-image: url(../img/top/info_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;	
	padding:10px 0;
}

dl#infoBody dt{
	font-size:1.2em;
	width:80px;
	float:left;
	display:inline;
	background-image: url(../img/top/info_list.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding:0 0 0 16px;
	margin:5px 0 0 15px;
}

dl#infoBody dd{
	font-size:1.2em;
	width:360px;
	float:left;
	display:inline;
	margin:5px 0 0 0;
}

dl#infoBody dd a{
	color:#003DAE;
	text-decoration:none;
}

dl#infoBody dd a:hover{
	color:#880000;
	text-decoration:none;

}

dl#infoBody dd a:focus{
	color:#003DAE;
	text-decoration:none;

}
dl#infoBody dd a:active{
	color:#003DAE;
	text-decoration:none;

}

div#topMain div#area1{
margin:20px 0 0 0;
}

div#topMain div#area1 h2{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #808080;
	margin:0 0 15px 0;
}

div#topMain div#area1 p{
	font-size:1.2em;
	line-height:1.8em;
	margin:0 25px;
}

div#topMain div#area1 ul{
	margin:15px 0 0 0;
}


div#topMain div#area1 li{
	width:218px;
	float:left;
	display:inline;
	margin:0 0 0 12px;
}

div#topMain div#area1 p.flow{
	clear:left;
	font-size:1.2em;
	background-image: url(../img/top/info_list.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding:0 0 0 16px;
	margin:0 0 30px 320px;
}

div#topMain div#area1 p.flow a{
	color:#003DAE;
	text-decoration:none;
}

div#topMain div#area1 p.flow a:hover{
	color:#880000;
	text-decoration:none;

}

div#topMain div#area1 p.flow a:focus{
	color:#003DAE;
	text-decoration:none;

}
div#topMain div#area1 p.flow a:active{
	color:#003DAE;
	text-decoration:none;

}

div#topMain div#area2{
	width:435px;
	margin:0 0 30px 20px;
}

div#topMain div#area2 ul{
	width:435px;
	background-image: url(../img/top/top_privilege_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

div#topMain div#area2 li{
	font-size:1.2em;
	line-height:1.8em;
	margin:0 25px 0 25px;
}

div#btn1{
	width:208px;
	margin:10px auto 40px auto;
}

div#topBtn{
	width:310px;
	background-image: url(../img/top/top_privilege_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 63px 15px 62px;
}



/* rightSide 
***************************************************************/
div#rightSide{
	width:216px;
	margin:20px 0 0 3px;
}

div#rightSide div.rBn{
	width:216px;
	margin:0 0 15px 0;
}

div#rightSide div.rBn p{
	color:#fff;
	font-size:1.0em;
	line-height:1.2em;
	width:198px;
	height:28px;
	margin:0 0 7px 0;
	background-image: url(../img/top/top_ba1b.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 9px 5px 9px;
}

div#rightSide div.sideNav{
	margin:0 0 15px 0;
}

div#rightSide div.sideNav li{
	font-size:1.2em;
	font-weight:bold;
	width:189px;
	background-color: #f2f2f2;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
	padding:5px 0 5px 25px;
}

div#rightSide div.sideNav li a{
	color:#4d4d4d;
	text-decoration:none;
	background-image: url(../img/top/info_list2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 0 0 18px;
}


div#rightSide div.sideNav li a:hover{
	color:#880000;
	text-decoration:none;

}

div#rightSide div.sideNav li a:focus{
	color:#4d4d4d;
	text-decoration:none;

}
div#rightSide div.sideNav li a:active{
	color:#4d4d4d;
	text-decoration:none;

}

div#cm{
	width:216px;
	margin:20px 0 0 0;

}

div#footer{
	width:760px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2E3192;
	}

div#footer ul.li1{
	width:560px;
	clear:left;
	margin:0 auto;
	}
div#footer ul.li2{
	width:630px;
	clear:left;
	margin:0 auto;
	}


div#footer li{
	color:#2E3192;
	display:inline;
	float:left;
	background-image: url(../img/top/footer_try.gif);
	background-repeat: no-repeat;
	background-position: left 4px;
	padding:0 0 0 12px;
	margin:0 0 0 10px;
}

div#footer li a{
	color:#2E3192;
	text-decoration:none;
}

div#footer li a:hover{
	color:#880000;
	text-decoration:none;

}

div#footer li a:focus{
	color:#2E3192;
	text-decoration:none;

}
div#footer li a:active{
	color:#2E3192;
	text-decoration:none;

}


address{
	width:760px;
	color:#999;
	font-size:1.2em;
	text-align:center;
	clear:left;
	padding:10px 0 0 0;
	margin:0 0 15px 0;
}