@charset "utf-8";

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input {
	margin: 0; padding: 0;
}

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {
	font-size: 1em; font-weight: normal; font-style: normal;
}

ul,ol {
	list-style: none; 
}

fieldset,img {
	border: none;
}

caption,th {
	text-align: left;
}

table {
	border-collapse: collapse; border-spacing: 0;
}

a:link {
	text-decoration:underline; outline:none;color:#0066cc;
}

a:visited {
	color:blue;
}

a:hover {
	text-decoration:none;color:#990000;
}

body {
	font-size: 12px;
	line-height: 1.6;
	color: #333333;
	background:url(../images/common/bg.jpg) repeat-x 0 0 #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*回り込み*/
.fleft {
	float:left;
}

.fright {
	float:right;
}

/*回り込み解除*/
.clear {
	clear:both;
}
/*クリアーボックス*/
.clear-box { 
	zoom: 100%; /* zoomはIE独自の機能でこいつを指定すればIEはOK */
}

.clear-box:after {
	content: " "; /* FirefoxやOperaには効果がないので、after擬似クラスでclearを含んだ半角スペースを指定します。これでモダンブラウザ全てに対応するfloat解除のclassの出来上がり */
	clear:both; 
	height:0; 
	display:block; 
	visibility:hidden;
}
p#pan {
	margin-bottom:10px;
}
p.bol {
	font-weight:bold;
}

/*メインメニュー*/
div#gnavi {
	width:800px;
	_width:801px;
	margin-top:4px;
}
div#gnavi li {
	float:left;
}

li#m01 {
	background:url(../images/common/m01.jpg) no-repeat 0 0;
}
li#m01 a {
	width:115px;
	height:47px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/m01.jpg) no-repeat 0 0;
}

li#m01 a:hover {
	background:url(../images/common/m01-h.jpg) no-repeat 0 0;
}

li#m02{
	background:url(../images/common/m02.jpg) no-repeat 0 0;
}

li#m02 a {
	width:114px;
	height:47px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/m02.jpg) no-repeat 0 0;
}

li#m02 a:hover {
	background:url(../images/common/m02-h.jpg) no-repeat 0 0;
}

li#m03 {
	background:url(../images/common/m03.jpg) no-repeat 0 0;
}

li#m03 a {
	width:114px;
	height:47px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/m03.jpg) no-repeat 0 0;
}

li#m03 a:hover {
	background:url(../images/common/m03-h.jpg) no-repeat 0 0;
}

li#m04 {
	background:url(../images/common/m04.jpg) no-repeat 0 0;
}

li#m04 a {
	width:114px;
	height:47px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/m04.jpg) no-repeat 0 0;
}

li#m04 a:hover {
	background:url(../images/common/m04-h.jpg) no-repeat 0 0;
}

li#m05 {
	background:url(../images/common/m05.jpg) no-repeat 0 0;
}

li#m05 a {
	width:114px;
	height:47px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/m05.jpg) no-repeat 0 0;
}

li#m05 a:hover {
	background:url(../images/common/m05-h.jpg) no-repeat 0 0;
}

li#m06 {
	background:url(../images/common/m06.jpg) no-repeat 0 0;
}

li#m06 a {
	width:114px;
	height:47px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/m06.jpg) no-repeat 0 0;
}

li#m06 a:hover {
	background:url(../images/common/m06-h.jpg) no-repeat 0 0;
}

li#m07 {
	background:url(../images/common/m07.jpg) no-repeat 0 0;
}

li#m07 a {
	width:115px;
	height:47px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/m07.jpg) no-repeat 0 0;
}

li#m07 a:hover {
	background:url(../images/common/m07-h.jpg) no-repeat 0 0;
}

/*サブメニュー*/
li#sm01,li#sm01 a {
	width:180px;
	height:50px;
	margin-bottom:5px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/s01.gif) no-repeat 0 0;
}

li#sm02,li#sm02 a {
	width:180px;
	height:50px;
	margin-bottom:5px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/s02.gif) no-repeat 0 0;
}

li#sm03,li#sm03 a {
	width:180px;
	height:50px;
	margin-bottom:5px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/s03.gif) no-repeat 0 0;
}

li#sm04,li#sm04 a {
	width:180px;
	height:51px;
	margin-bottom:5px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/s04.gif) no-repeat 0 0;
}

li#sm05,li#sm05 a {
	width:180px;
	height:87px;
	margin-bottom:5px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/s05.gif) no-repeat 0 0;
}
li#sm06,li#sm06 a {
	width:180px;
	height:57px;
	margin-bottom:5px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/bnr-fb.jpg) no-repeat 0 0;
}


/*エリア*/
div#wrap {
	width:800px;
	_width:805px;
	margin:0 auto;
}

div#header {
	width:800px;
}

div#header h1 {
	padding:5px 0 0 0;
	font-size:12px;
	color:#fff;
}

p#logo {
	margin-top:16px;
	_margin-bottom:3px;
	float:left;
}
*:first-child+html p#logo {
	margin-bottom:3px;
}

div#kes {
	width:400px;
	margin-top:16px;
	float:right;
}

div#kes p {
	padding-left:80px;
	background:url(../images/common/KESLogo_Step1M.jpg) no-repeat 0 0;
}

div#contents {
	width:800px;
	margin-top:20px;
	padding-top:15px;
	background:#fff;
}

div#leftarea {
	width:180px;
	margin-left:5px;
	float:left;
}

div#smap {
	width:168px;
	padding:5px;
	border:1px solid #d2d2d2;
}
div#smap p {
	line-height:1.4;
}

div#rightarea {
	width:595px;
	margin-right:10px;
	_margin-right:0px;
	float:right;
}
p#page-top a {
	width:139px;
	height:46px;
	margin-left:600px;
	display:block;
	text-indent:-9999px;
	background:url(../images/common/pagetop.gif) no-repeat 0 0;
}

div#footer {
	height:181px;
	margin-top:25px;
	clear:both;
	background:url(../images/common/footer-bg.jpg) repeat-x 0 0;
}
div#footerarea {
	width:800px;
	margin:0 auto;
	text-align:center;
}
div#footerarea p,div#footerarea p a {
	color:#fff;
	line-height:1.4;
}
/*ボックス*/
div.box1 {
	margin-bottom:20px;
}

div.box2 {
	margin-bottom:60px;
}

/*マージン*/
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}