@charset "utf-8"; 

body{
	width:100%;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color:#454545;
	margin:0;
	padding:0;
	background:#e7e7e7;
	}

/*

/* variable */
.ff-small{font-size:95%;} /* 14px -> 12px */
.f-small{font-size:75%;} /* 12px */
.f-middle{font-size:85%;} /* defaults　14px */
.f-large{font-size:100%;} /* 16px */
.t-ssmall{font-size:68.5%;line-height:150%;} /* 11px */
.t-small{font-size:75%;line-height:150%;} /* 12px */
.t-middle{font-size:85%;line-height:150%;} /* defaults　14px */
.t-large{font-size:100%;line-height:150%;} /* 16px */


/* markup CSS */
h1,h2,h3,h4{padding:0;margin:0;font-weight:normal;font-style:normal;}
form,input{padding:0;margin:0;}
p{padding:0;margin:0;}
th{font-style:normal;font-weight:normal;text-align:left}
img{border:0;}
hr{margin:0;padding:0;}
em{font-style:normal;font-weight:bold;}

.clear{clear:both;font-size:0;margin:0;padding:0;height:0px;line-height:0;}
hr.clear { clear: both; width: 100%; height: 1px; border-style: none; margin: 0px; padding: 0px; color: #ffffff; background: none; }

a{color:#1a6ede;text-decoration:underline;}
a:visited{color:#888699;text-decoration:underline;}
a:hover{color:#240074;text-decoration:underline;}

.list{text-indent:-1em;margin:0 0 0 1em;}

html {filter: expression(document.execCommand("BackgroundImageCache",false, true));}

.clearfix {
	display: inline-block;
	}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/* IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End */ 

/* --------------------------------------------------- */

/*Area Setting*/
#Header,
#Body,
#Footer{
	width:952px;
	margin:0 auto;
	background:url(../img/bg.gif) repeat-y;
	clear:both;
	}


/*Header*/
#Header{
	height:99px;
	background:url(../img/head_bg.gif) no-repeat center top;
	}
#Header .logo{
	width:365px;
	height:60px;
	margin:0;
	float:left;
	}
#Header .logo img{
	margin:15px 0 0 19px;
	padding:0;
	}
#Header .head-menu{
	width:555px;
	text-align:right;
	padding:13px 0 0 0;
	float:right;
	}
#Header .head-menu .text-size{
	font-size:75%;
	color:#8d8d8d;
	padding:0 20px 7px 0;
	}
#Header .head-menu .text-size span{
	padding:0 3px 0 0;
	}
#Header .head-menu .text-size img{
	margin:0 1px 0 2px;
	vertical-align:-3px;
	}
#Header .head-menu .menu{
	padding:0 19px 0 0;
	}
#Header .head-menu .menu ul{
	margin:0;
	padding:0;
	border-bottom:1px solid #f8f8f8;
	}
#Header .head-menu .menu li{
	font-size:75%;
	display:inline;
	float:right;
	}
#Header .head-menu .menu li a{text-decoration:none;}
#Header .head-menu .menu li a:visited{text-decoration:none;color:#1a6ede;}
#Header .head-menu .menu li a:hover{text-decoration:underline;color:#240074;}
#Header .head-menu .menu li.icon01{
	margin:5px 0 0 0;
	padding:0 7px 0 23px;
	background:url(../img/head_ico01.gif) no-repeat 0 top;
	}
#Header .head-menu .menu li.icon02{
	margin:0;padding:0 5px;
	}
#Header .head-menu .menu li.form{
	padding:0 0 0 6px;
	}
#Header .head-menu .menu li.form input{
	height:22px;
	overflow:hidden;
	vertical-align:middle;
	}
#Header .head-menu .menu li.form input.search-box{
	width:123px;
	height:19px;
	border:1px solid #dadada;
	}
#Header .head-menu .menu li.form input.search-bot{
	height:22px;
	margin:0 0 0 4px;
	}
#Header .clear{
	height:7px;
	}

/*G-navi*/
#G-navi{
	width:934px;
	height:32px;
	margin:0 auto;
	padding:0;
	background:url(../img/gnavi_bg.gif) no-repeat center top;
	}
#G-navi ul{
	text-align:left;
	margin:0;
	padding:0;
	}
#G-navi li{
	height:32px;
	margin:0 0 0 0;
	padding:0;
	display:inline;
	float:left;
	overflow:hidden;
	list-style-type:none;
	}


/*Body*/
#Body #Topi-path{
	width:898px;
	height:22px;
	margin:0 auto;
	padding:7px 0 0 0;
	}
#Body #Topi-path ul{
	margin:0;
	padding:0;
	}
#Body #Topi-path li{
	font-size:75%;
	padding:0 6px 0 11px;
	background:url(../img/topicpath.gif) no-repeat 2px 4px;
	float:left;
	display:inline;
	overflow:hidden;
	list-style-type:none;
	}
#Body #Topi-path li a{text-decoration:none;}
#Body #Topi-path li a:visited{color:#1a6ede;text-decoration:none;}
#Body #Topi-path li a:hover{color:#240074;text-decoration:underline;}
#Body #Topi-path li.home{
	padding:0 6px 0 0;
	background:none;
	}

/*Contents*/
#Contents-area{
	width:934px;
	text-align:left;
	margin:0 auto;
	padding:13px 0 0 0;
	background:url(../img/cont_bg.gif) repeat-x left top;
	}

/*Footer*/
#Footer{
	padding-top:4px;
	}
#Footer ul{
	margin:0;
	padding:0 0 10px 20px;
	}
#Footer li{
	font-size:75%;
	margin:0;
	padding:3px 12px 5px 21px;
	background:url(../img/icon01.gif) no-repeat 10px 7px;
	border-right:1px solid #d1d1d1;
	float:left;
	display:inline;
	}
#Footer li.top{
	border-left:1px solid #d1d1d1;
	}
#Footer .gotop{
	height:15px;
	text-align:right;
	margin:0;
	padding-right:26px;
	}
#Footer .gotop p{
	font-size:75%;
	}
#Footer .gotop p a{
	padding:3px 0 3px 17px;
	background:url(../img/icon_gotop.gif) no-repeat 0 2px;
	}
#Footer a{text-decoration:none;}
#Footer a:visited{color:#1a6ede;text-decoration:none;}
#Footer a:hover{color:#240074;text-decoration:underline;}

#Footer p.copy{
	font-size:68.5%;
	text-align:right;
	color:#6d6d6d;;
	margin:0;
	padding:10px 10px 10px 0;
	background:url(../img/footer_bg.gif) no-repeat top;
	}