@charset "UTF-8";
/* CSS Document */

/*======================================
	10px = 84%		16px = 134%		22px = 184%		28px = 234%
	11px = 92%		17px = 142%		23px = 192%		29px = 242%
	12px = 100%		18px = 150%		24px = 200%		30px = 250%
	13px = 109%		19px = 159%		25px = 209%		31px = 259%
	14px = 117%		20px = 167%		26px = 217%		32px = 267%
	15px = 125%		21px = 184%		27px = 225%		33px = 275%
=======================================*/

/* 初期設定
----------------------------------------------------*/
body {
	text-align: center;
	background: url(../_common/header_topbg.jpg) repeat-x top center;
}
a {
	text-decoration:underline;
	color: #0066ff;
}
a:hover { text-decoration:none; }

img { vertical-align: middle; }
ul, ol { list-style: none; }

.clearBox:before,
.clearBox:after {
	content: "";
	display: table;
}
.clearBox:after { clear: both; }
.clearBox { *zoom: 1; }
.rounded{
	zoom: 1;
	position:relative;
}

/* ヘッダー
----------------------------------------------------*/
#header {
	width: 100%;
	margin-bottom: 10px;
	background: url(../_common/header_bg.jpg) repeat-x center bottom;
}
#headerBox{
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#headerBox h1 {
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 84%;
	color: #FFF;
}
dl#logo {
	float: left;
	width: 203px;
	margin: 0 10px 0 2px;
}
dl#logo dt { margin-bottom: 8px; }
dl#logo dd#mail a{
	display: block;
	overflow: hidden;
	*text-indent: -9999px;
	width: 203px;
	height: 21px;
	*background: url(../_common/header_mail-trans.png) no-repeat 0 0;
}
dl#logo dd#mail a:before {
	display: inline-block;
	content: url(../_common/header_mail-trans.png);
}
dl#logo dd#mail a:hover { background-position: 0 -21px; }
dl#logo dd#mail a:hover:before { margin-top: -21px; }
#headerInner {
	float: right;
	width: 750px;
	text-align: left;
}
ul#utility{ line-height: 1.0; }
ul#utility li {
	float: left;
	margin-right: 10px;
	padding-left: 12px;
	background: url(../_common/header_mark.gif) no-repeat center left;
}
ul#utility li:last-of-type{
	float: right;
	margin-top: -4px;
	background: none;
}
ul#utility li a,
ul#headerBanner li a {
	color: #003399;
	text-decoration: none;
}
ul#utility li a:hover,
ul#headerBanner li a:hover {
	color: #018dff;
	text-decoration: underline;
}
ul#utility li:last-of-type a{
	color: #FFF;
	display: block;
	padding: 4px 3px 3px 15px;
	background: #003399 url(../_common/header_mypage.gif) no-repeat 3px center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul#utility li:last-of-type a:hover {
	background-color: #F00;
	text-decoration: none;
}
ul#utility li span{ font-size: 83%; }

#headerInnerBox{
	width: 735px;
	float: right;
}
#headerInnerBox dl {
	float: left;
	width: 170px;
	margin-top: 22px;
	font-weight: bold;
	color: #E40038;
}

#headerInnerBox dl dt {
	padding-left: 18px;
	background: url(../_common/header_time.gif) no-repeat 0 0.1em;
}
#headerInnerBox dl dd {
	padding-left: 18px;
}
ul#headerBanner {
	float: right;
	width: 555px;
	padding: 10px 5px 5px 0;
	font-size: 84%;
	text-align: center;
}
ul#headerBanner li {
	float: left;
	display: block;
	width: 270px;
	padding: 0;
	margin-right: 10px;
	line-height: 1.3;
}
ul#headerBanner li:last-of-type{ margin: 0; }
ul#headerBanner li img { margin-bottom: 3px; }
ul#headerBanner li a img {
	border: 1px solid #FFF;
	box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); /* Firefox */
	-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); /* Chrome, Safari */
}
ul#headerBanner li a:hover img { border: 1px solid #018dff; }


/* グローバルナビ
----------------------------------------------------*/
ul#nav {
	width: 950px;
	margin: 0 auto;
}
ul#nav li {
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	float: left;
}
ul#nav li#active { background: #0083F0; }
ul#nav li a{ display: block; }

/* コンテンツ
----------------------------------------------------*/
#content {
    width:951px;
    margin:0 auto;
    margin-top: -10px;
    text-align:left;
    padding-bottom:48px;
}

/* サブナビ
----------------------------------------------------*/
ul#subnav{ margin-bottom: 5px; }
ul#subnav li{
	display: block;
	float: left;
}
ul#subnav li a{ display: block; }

ol#topicPath { margin-bottom:15px; }
ol#topicPath li {
	display:inline;
	font-size:84%;
	line-height:1.2;
}
ol#topicPath li a {
	padding-right:17px;
	background:url(../common_img/topicPath_bg.gif) no-repeat 98% 50%;
}

/* パンくず
----------------------------------------------------*/
ol#topicPath {
    margin-bottom:15px;
}
ol#topicPath li {
    display:inline;
    font-size:84%;
    line-height:1.2;
}
ol#topicPath li a {
    padding-right:17px;
    background:url(../common_img/topicPath_bg.gif) no-repeat 98% 50%;
}


/* フッター
----------------------------------------------------*/
#footer {
	border-top:1px solid #1d8fe9;
	text-align: center;
}
#footer #pageTop {
	width:950px;
	margin:0 auto 0;
	text-align:right;
	position:relative;
}
#footer #pageTop img {
	position:absolute;
	top:-22px;
	right:35px;
}

#footer ul.footerMenu { padding:18px 0; }
#footer ul.footerMenu li {
	display:inline;
	background:url(../common_img/footerMenu_bg.gif) no-repeat 100% 50%;
	padding:0 30px 0 25px;
	line-height:1;
}
#footer ul.footerMenu li.last { background-image:none; }
#footer ul.footerMenu li a {
	color:#018dff;
	text-decoration:none;
}
#footer ul.footerMenu li a:hover { text-decoration:underline; }

#footer #footerInfo {
	background:#0b83e2 url(../common_img/footer_bg.gif) repeat-x 0 0;
	margin-bottom:22px;
	color:#ffffff;
}
#footer #footerInfoInner {
	width:950px;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#footer #footerInfoInner .footerInfo01 {
	width:220px;
	float:left;
	padding-top:17px;
}
#footer #footerInfoInner .footerInfo01 h2 {
	padding-left:15px;
	margin-bottom:10px;
}
#footer #footerInfoInner .footerInfo01 ul {
	padding-left:19px;
}
#footer #footerInfoInner .footerInfo01 ul li {
	margin-bottom:5px;
}
#footer #footerInfoInner .footerInfo01 ul li a {
	color:#ffffff;
	text-decoration:none;
	background:url(../common_img/icon02.png) no-repeat 0 3px;
	padding-left:15px;
}
#footer #footerInfoInner .footerInfo01 ul li a:hover {
	text-decoration:underline;
}

#footer #footerInfoInner .footerInfo02 {
	width:276px;
	float:left;
	background:url(../common_img/footer_border.gif) no-repeat 0 0;
	padding-top:17px;
	padding-bottom:20px;
	text-align:center;
}
#footer #footerInfoInner .footerInfo02 h2 {
	width:194px;
	margin:0 auto 12px;	
	text-align:left;
}
#footer #footerInfoInner .footerInfo02 img { margin:0 auto;	}
#footer #footerInfoInner .footerInfo02 p {
	width:194px;
	margin:10px auto 0;
	text-align:left;
	line-height:1.4;
}

#footer #footerInfoInner .footerInfo03 {
	padding-top:17px;
	width:420px;
	float:right;
}
#footer #footerInfoInner .footerInfo03 h2 { margin-bottom:15px; }
#footer #footerInfoInner .footerInfo03 img.footerLogo { margin:0 0 10px 3px; }
#footer #footerInfoInner .footerInfo03 p { padding-left:3px; }
#footer p.copyright {
	padding-bottom:50px;
	color:#666666;
	font-size:84%;
}