@charset "utf-8";
/* Dafault
-------------------------------------------------- */
body {
	background: url(../images/common/background.png) top center repeat-x;
/*	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
/*	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
	font-family: 'メイリオ',Meiryo;
	font-size: 80%;
	line-height: 1.4em;
	text-align: center;
/*	color: #333;*/
	color: #000;
}

h1, h2, h3, h4 {
	clear: both;
	line-height: 1.2em;
}

p {
/*	color: #333;*/
	color: #000;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	color: #0033ff;
}

a:hover {
/*	color: #333;*/
	color: #000;
}


/* Common
-------------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
.clearfix { display: inline-block;}
/* MacIE begin \*/
*+html .clearfix { height: 1%;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* Mac IE end */

.clear-left { clear: left;}
.clear-right { clear: right;}
.clear-both { clear: both;}

.img-left { float: left; margin-right: 10px;}
.img-right { float: right; margin-left: 10px;}
.img-center {text-align: center;}

.left-img { float: left;}
.right-img { float: right;}

.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}

.margin-none { margin: 0 ! important;}
.background-none { background: none ! important;}

p.note, span.note { font-size: 0.85em; color: #336; /* zoom: 1; */}
ul.note { margin-left: 20px; margin-bottom: 1em; list-style: none; font-size: 0.85em; color: #666;}

.hidden-guide { display: none;}


/* Layout
-------------------------------------------------- */
div.container {
	width: 837px;
	margin: 0 auto 10px;
	text-align: left;
}
div.container:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
div.container { display: inline-block;}
/* MacIE begin \*/
*+html div.container { height: 1%;}
* html div.container { height: 1%;}
div.container { display: block;}
/* Mac IE end */

footer.page-footer {
	clear: both;
	width: 837px;
	margin: 0 auto 30px;
}
footer.page-footer:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
footer.page-footer { display: inline-block;}
/* MacIE begin \*/
*+html footer.page-footer { height: 1%;}
* html footer.page-footer { height: 1%;}
footer.page-footer { display: block;}
/* Mac IE end */

* html footer.page-footer { padding-bottom: 30px;}


/* Header
-------------------------------------------------- */
p.caution {
	padding: 10px;
	background-color: #ff6600;
	color: #fff;
}

div.site-header {
	width: 837px;
	height: 40px;
	margin: 5px auto 12px;
	position: relative;
}

div.site-header a {
	text-decoration: none;
	color: #333;
}

div.site-header a:hover {
	text-decoration: underline;
}

div.site-header p.logo {
	position: absolute;
	top: 10px;
	left: 0;
}


/* Site Navigation */
ul.site-navi {
	position: absolute;
	top: 22px;
	right: 0;
	list-style: none;
}

ul.site-navi li {
	float: left;
	margin-right: 10px;
	padding-left: 6px;
	background: transparent url(../images/common/arrow_red.png) 0px 3px no-repeat;
	line-height: 1.2em;
	font-size: 0.8em;
}


/* Global Navigation */
nav.global-navi {
}

.navi-main-background {
	padding-top: 2px;
	background: url(../images/common/navi_back.png) top left repeat-x;
}
ul.navi-main {
	width: 837px;
	height: 46px;
	margin: 0 auto 15px;
	background: transparent url(../images/common/navi_right.png) top right no-repeat;
	list-style: none;
}

ul.navi-main li {
	float: left;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
	color: #fff;
}

ul.navi-main li a {
	float: left;
	display: block;
	width: 167px;
	background: transparent url(../images/common/navi.png) 0 0 no-repeat;
/*	font-weight: bold; */
	text-decoration: none;
	color: #fff;
}

ul.navi-main li a:hover {
	background: transparent url(../images/common/navi.png) 0 -100px no-repeat;
	color: #fff;
}

ul.navi-main li a.one-line {
	height: 30px;
	padding-top: 16px;
}

ul.navi-main li a.two-line {
	height: 36px;
	padding-top: 10px;
}

ul.navi-main li a.active, ul.navi-main li a.active:hover {
	background: transparent url(../images/common/navi.png) 0 -200px no-repeat;
	color: #ff0000;
}


/* Footer
-------------------------------------------------- */
nav.footer-navi {
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
	border-top: #e5e5e5 solid 1px;
	border-bottom: #e5e5e5 solid 1px;
	background-color: #f7f7f7;
	text-align: center;
}

* html nav.footer-navi { padding: 10px 0;}
*:first-child+html nav.footer-navi { padding: 10px 0;}

/*
nav.footer-navi ul:after { content: "."; display: block; height: 0; line-height:0; clear: both; visibility: hidden;}
nav.footer-navi ul { display: inline-block;}
*/
/* MacIE begin \*/
*+html nav.footer-navi ul { height: 1%;}
* html nav.footer-navi ul { height: 1%;}
nav.footer-navi { display: block;}
/* Mac IE end */
/*
* html nav.footer-navi ul { width: 45.2em;}
*:first-child+html nav.footer-navi ul { width: 45.2em;}
*/

ul.footer-navi {
	padding: 6px 0 5px;
}

ul.footer-navi li {
	display: inline;
	padding-left: 10px;
	padding-right: 9px;
	border-right: #e3e3e3 solid 1px;
	text-align: center;
}

ul.footer-navi li.first-child {
	border-left: #e3e3e3 solid 1px;
}


div.footer-copyright {
	width: 837px;
	margin: 0 auto;
}

ul.footer-site-navi {
	float: left;
	list-style: none;
}

ul.footer-site-navi li {
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	background: url(../images/common/arrow_gray.png) left no-repeat;
}

ul.footer-site-navi li a {
	text-decoration: none;
	color: #333;
}

ul.footer-site-navi li a:hover {
	text-decoration: underline;
}

address.copyright {
	float: right;
	text-align: right;
	font-style: normal;
	font-size: 90%;
}