@charset "utf-8";

/* ================================================================
font size default 13px
		10px  	77%			19px 	147%
		11px 	85%			20px 	154%
		12px 	93%			21px 	162%
		13px 	100%		22px 	170%
		14px 	108%		23px 	177%
		15px 	116%		24px 	185%
		16px 	124%		25px 	193%
		17px 	131%		26px 	200%
		18px 	139%
================================================================ */
.wrapper {
	width: 970px;
	margin: 0 auto;
}
/* ================================================================
		header
================================================================ */
#header {
	background: #003B8F;
	padding: 15px 0 15px;
} 

#header .title {
	float: left;
}
/* #header .hBox {
	padding-top: 8px;
} */
#header .kikan {
	float: right;
}
#header .home {
	float: right;
	margin-left: 30px;
}
/* ================================================================
		container
================================================================ */
#container {
	background: url(../common/bg_body.jpg) #F0F2F3 0 0 repeat-x;
	padding: 15px 0;
}
/* main */
#main {
	width: 710px;
	float: right;
}







/* side */
#side {
	width: 230px;
	float: left;
	margin-top: -5px;
}
#side #navi_top {
	background: url(../common/bg_navi_top.png) 0 0 no-repeat;
	padding-top: 10px;
}
#side #navi_btm {
	background: url(../common/bg_navi_btm.png) 0 bottom no-repeat;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#side #navi_body {
	background: url(../common/bg_navi_body.png) 0 0 repeat-y;
	padding: 0 7px;
}
#side #navi {
	overflow: hidden;
}
#side #navi li {
	display: block;
	border-bottom: 1px solid #CCC;
	margin-bottom: -1px;
	color: #888;
}
#side #navi span {
	display: block;
	padding: 10px 15px 10px 10px;
}
#side #navi a {
	display: block;
	/* background: #FFF; */
	color: #333;
	text-decoration: none;
	
}
#side #navi a:hover {
	background: url(../common/bg_navi_o.jpg) 0 0 repeat-x;
	color: #FFF;
}
#side #navi li.hovermenu a {
	background: url(../common/bg_navi_o.jpg) 0 0 repeat-x;
	color: #FFF;
}
#side #navi span {
	display: block;
	background: url(../common/icon_arrow_nv.png) 195px 1em no-repeat;
	padding: 10px 15px 10px 10px;
}
#side #navi a:hover span {
	background: url(../common/icon_arrow_wh.png) 195px 1em no-repeat;
}
#side #navi li.hovermenu span {
	background: url(../common/icon_arrow_wh.png) 195px 1em no-repeat;
}


#side .sideBox {
	width: 222px;
	background: #FFF;
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0 auto;
}



#side .sideBox .sideTitle {
	background: #004EBD;
	color: #FFF;
	padding: 7px 10px;
}


#side .sideBody {
	padding: 10px;
	font-size: 93%;
}
/* ================================================================
		footer
================================================================ */


#footer {
	background: #003B8F;
	padding-top: 15px;
	color: #FFF;
	font-size: 93%;
} 

/* ================================================================

		clearfix

================================================================ */
.wrapper{ /zoom : 1; }
.wrapper:after{ content : ''; display : block; clear : both; }