/* ========================================================================
　▼全ページ共通スタイル
======================================================================== */

body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana,Arial, Helvetica, sans-serif;
	font-size: 94%; /* 100%を16px、94%を15pxとして計算 */  
	line-height: 1.7;
	color: #333;
	background-color: #ECF1F2;
	text-align: center;
	margin: 0;
}

div#wrapper {
	background: url(../images/bg.jpg?230906) top repeat-x #FFF;
	text-align: center;
	margin: 0; padding: 0;
}
div#wrapperTop {
	background: url(../images/top/bg.jpg) top center repeat-x #FFF;
	text-align: center;
	margin: 0; padding: 0;
}

img { border: none; }

a, a:active, a:link, a:visited {
	color: #06C;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #06C;
	text-decoration: none;
}

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.ml0 { margin-left: 0px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.pt0 { padding-top: 0 !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }

.red {
	color: #F00;
}
.yellow {
	color: #C90;
}
.small {
	font-size: 80%;
}
.font_size12{
	font-size: 78%;
}
.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.border {
	border: 1px solid #B5C8CC;
}

.icon01 img {
	vertical-align: -0.2em !important;
	margin: 0; padding: 0 0.2em;
}

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

/* --------------------------------------------
	ヘッダー
-------------------------------------------- */
div#header {
	text-align: left;
	width: 960px;
	height: 70px;
	margin: 0 auto; padding: 0;
	overflow: hidden; _zoom: 1;
}
div#header a img {
	display: block;
	border: none;
	margin: 0; padding: 0;
}
div#h1Area {
	float: left;
	width: 400px;
	height: 70px;
	margin: 0; padding: 0;
}
div#h1Area h1 {
	font-size: 13px;
	font-weight: normal;
	margin: 0; padding: 7px 0 0;
}
div#h1Area p {
	margin: 0; padding: 0;
}

/* -- ヘッダーナビ -- */
ul#headerNav {
	float: right;
	width: 280px;
	list-style: none;
	margin: 0; padding: 25px 0 0;
	overflow: hidden; _zoom: 1;
}

ul#headerNav li {
	float: left;
	margin: 0; padding: 0;
}
ul#headerNav li a {
	display: block;
	height: 36px;
	width: 140px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0; padding: 0;
}
ul#headerNav li a:hover {
	background-position: bottom;
}
ul#headerNav li.hNav01 a { background-image: url(../images/header_nav_01.jpg); }
ul#headerNav li.hNav02 a { background-image: url(../images/header_nav_02.jpg?240109); }
ul#headerNav li.hNav03 a { background-image: url(../images/header_nav_03.jpg); }
ul#headerNav li.hNav04 a { background-image: url(../images/header_nav_04.jpg); }

/* -- グローバルナビ -- */
ul#mainNav {
	width: 960px;
	height: 50px;
	list-style: none;
	margin: 0 auto; padding: 0;
	overflow: hidden; _zoom: 1;
}
ul#mainNav li {
	float: left;
	margin: 0; padding: 0;
}
ul#mainNav li a {
	display: block;
	height: 50px;
	width: 96px;
	background-position: top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0; padding: 0;
}
ul#mainNav li a:hover {
	background-position: bottom;
}
li.mNav01 a { background-image: url(../images/main_nav_01.jpg); }
li.mNav02 a { background-image: url(../images/main_nav_02.jpg); }
li.mNav03 a { background-image: url(../images/main_nav_03.jpg); }
li.mNav04 a { background-image: url(../images/main_nav_04.jpg); }
li.mNav05 a { background-image: url(../images/main_nav_05.jpg); }
li.mNav06 a { background-image: url(../images/main_nav_06.jpg); }
li.mNav07 a { background-image: url(../images/main_nav_07.jpg); }
li.mNav08 a { background-image: url(../images/main_nav_08.jpg); }
li.mNav09 a { background-image: url(../images/main_nav_09.jpg); }
li.mNav10 a { background-image: url(../images/main_nav_10.jpg); }


/* --------------------------------------------
	フッター
-------------------------------------------- */
div#footer {
	width: 100%;
	background: url(../images/footer_bg.gif) top repeat-x #ECF1F2;
	text-align: center;
	margin: 0; padding: 0 0 5px;
}
div#footerInner {
	width: 1060px;
	margin: 0 auto; padding: 0;
	overflow: hidden; _zoom: 1;
}
div#footerNav {
	float: left;
	text-align: left;
	width: 970px;
	margin: 0; padding: 0;
}
div#footerNav p {
	font-size: 13px;
	line-height: 23px;
	margin: 0; padding: 17px 0 0;
}
div#footerNav p a {
	color: #333;
}
p.footerPageTop {
	float: right;
	width: 90px;
	text-align: center;
	margin: 0; padding: 0;
}
p.footerPageTop a {
	display: block;
	width: 90px;
	height: 25px;
	line-height: 25px;
	font-size: 13px;
	background-color: #0B62A9;
	color: #FFF;
	text-decoration: none;
}
p.footerPageTop a:hover {
	background-color: #1A8FF0;
}
p.footerPageTop a span {
	background: url(../images/icon_02.gif) left no-repeat;
	padding-left: 15px;
}