@charset "UTF-8";

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

browser style reset

--------------------------------------------*/
html {min-width: 980px; } /* For Mozilla's bug */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0; padding:0;
}
table {
	border-collapse:collapse;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal; font-weight:normal;
}
ol, ul{
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%; font-weight:normal;
}
abbr,acronym {
	border:0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

sup {
	font-size: 76%;
	vertical-align: super;
	line-height: 1;
}

sub {
	font-size: 76%;
	vertical-align: baseline;
	line-height: 1;
}

:focus {-moz-outline-style:none;}

a { outline: none; text-decoration: none; }

a { color: #25abe3;}
a:visited { color: #25abe3;}
a:hover { color: #158fd6;}
a:active { color: #ff236c;}

/* for html5 tag */
address,article,aside,figure,figcaption,footer,header,hgroup,hr,legend,menu,nav,section,summary {
	display: block;
}

[hidden],command,datalist,menu[type=context],rp,source {
	display: none;
}



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

font

--------------------------------------------*/
* {
	font-family:'ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
}

body {
	font:13px/1.231 'ＭＳ Ｐゴシック','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Meiryo,sans-serif;
	*font-size:small;
	*font:x-small;
	color: #434343;
}


#wrapper {
	font-size: 100%;
	line-height: 1.7;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}

/* クラス
---------------------------------*/
.en {
	font-family: Arial, Helvetica, sans-serif;
}

.font9 { font-size: 69%;}
.font10 { font-size: 76%;}
.font11 { font-size: 84%;}
.font12 { font-size: 92%;}
.font14 { font-size: 107%;}
.font15 { font-size: 115%;}
.font16 { font-size: 123%;}

.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb25 { margin-bottom: 25px;}
.mb30 { margin-bottom: 30px;}

.red { color: #d90101;}
.blue { color: #0385d1;}
.green { color: #74d218;}
.orange { color:#ff9300}
.sky { color: #28afdf;}
.gray { color: #666666;}

.line-x {
	margin-bottom : 0.5em;
	padding-bottom : 0.5em;
	background: url(/s/common/img/line_dotx.gif) repeat-x bottom;
}

a.outlink {
	padding-right: 18px;
	background:url(/s/common/img/ico_outlink.gif) no-repeat right center;
}

* table.layout {	margin: 0;	padding: 0;	border: none;	border-collapse:collapse; border-spacing:0;}
* table.layout td {	margin: 0;	padding: 0;	border: none; vertical-align: top;}

/* 全体構造
---------------------------------*/
body {
	position: relative;
	margin: 0;
	padding: 0;
}


/* ヘッダー
---------------------------------*/
#globalHeader {
	width: 980px;
	margin: 0 auto 16px;
	position: relative;
	height: 161px;
	background: url(/s/common/img/header_imgs.png) no-repeat;
	overflow: hidden;
}

#globalHeader * {
	text-indent: -9999px;
	overflow: hidden;
}

#globalHeader h1 {
	position: absolute;
	top: 27px;
	left: 0;
	width: 150px;
	height: 26px;
}

#globalHeader h1 a {
	display: block;
	width: 150px;
	height: 26px;
}

#globalHeader #headerNav {
	position: absolute;
	top: 32px;
	left: 180px;
	height: 22px;
	width: 325px;
}

#globalHeader #headerNav li {
	float: left;
	margin-right: 21px;
}

#globalHeader #headerNav li a {
	display: block;
	height: 22px;
}

#globalHeader #headerNav li#hnav01,
#globalHeader #headerNav li#hnav01 a { width: 81px;}
#globalHeader #headerNav li#hnav02,
#globalHeader #headerNav li#hnav02 a { width: 90px;}
#globalHeader #headerNav li#hnav03,
#globalHeader #headerNav li#hnav03 a { width: 91px;}

#globalHeader #headerNav li#hnav01 a:hover { background: url(/s/common/img/header_imgs.png) no-repeat -180px -193px;}
#globalHeader #headerNav li#hnav02 a:hover { background: url(/s/common/img/header_imgs.png) no-repeat -282px -193px;}
#globalHeader #headerNav li#hnav03 a:hover { background: url(/s/common/img/header_imgs.png) no-repeat -393px -193px;}

#globalHeader .freeContact {
	position: absolute;
	width: 283px;
	height: 47px;
	top: 0;
	left: 687px;
}

#globalHeader dl#headerOrder {
	position: absolute;
	top: 47px;
	left: 687px;
	width: 283px;
	height: 27px;
}



#globalHeader dl#headerOrder dd {
	position: absolute;
	top: 0;
	width: 135px;
	height: 27px;
}

#globalHeader dl#headerOrder dd a {
	display: block;
	width: 135px;
	height: 27px;
}

#globalHeader dl#headerOrder dd a:hover {
	background-image: url(/s/common/img/header_imgs.png);
	background-repeat: no-repeat;
}

#globalHeader dl#headerOrder dd#mypageBtn { left: 148px;}

#globalHeader dl#headerOrder dd#startBtn a:hover { background-position: -687px -208px;}
#globalHeader dl#headerOrder dd#mypageBtn a:hover { background-position: -835px -208px;}

#globalHeader #globalNav {
	position: absolute;
	top: 85px;
	left: 0;
	width: 980px;
}

#globalHeader #globalNav li {
	float: left;
}

#globalHeader #globalNav li a {
	display: block;
	height: 76px;
}

#globalHeader #globalNav li a:hover {
	background-image: url(/s/common/img/header_imgs.png);
	background-repeat: no-repeat;
}

#globalHeader #globalNav li#gnav01 { width: 210px;}
#globalHeader #globalNav li#gnav02 { width: 178px;}
#globalHeader #globalNav li#gnav03 { width: 113px;}
#globalHeader #globalNav li#gnav04 { width: 138px;}
#globalHeader #globalNav li#gnav05 { width: 175px;}
#globalHeader #globalNav li#gnav06 { width: 166px;}

#globalHeader #globalNav li#gnav01 a { width: 210px;}
#globalHeader #globalNav li#gnav02 a { width: 178px;}
#globalHeader #globalNav li#gnav03 a { width: 113px;}
#globalHeader #globalNav li#gnav04 a { width: 138px;}
#globalHeader #globalNav li#gnav05 a { width: 175px;}
#globalHeader #globalNav li#gnav06 a { width: 166px;}

#globalHeader #globalNav li#gnav01 a:hover { background-position: 0px -246px;}
#globalHeader #globalNav li#gnav02 a:hover { background-position: -210px -246px;}
#globalHeader #globalNav li#gnav03 a:hover { background-position: -388px -246px;}
#globalHeader #globalNav li#gnav04 a:hover { background-position: -501px -246px;}
#globalHeader #globalNav li#gnav05 a:hover { background-position: -639px -246px;}
#globalHeader #globalNav li#gnav06 a:hover { background-position: -814px -246px;}


/* コンテンツ
---------------------------------*/
#content {
	position: relative;
	margin: 14px auto 0;
	width: 984px;
}

#content #contentHeader {
	height: 30px;
	background: url(/s/common/img/content_bg_top.png) no-repeat 0 bottom;
	overflow: hidden;
}
#content.oneBox #contentHeader {
	height: 24px;
	background:none;
}

#content #contentHeader #pnav {
	font-size: 76%;
	line-height: 1.4;
	height: 14px;
	overflow: hidden;
}

#content #contentHeader #pnav li {
	float: left;
	margin-right: 0.5em;
}

#content #contentHeader #pnav li:before {
	content: "> ";
}

#content #contentHeader #pnav li:first-child {
	padding-left: 27px;
	background: url(/s/common/img/pnav_icon.png) no-repeat 8px center;
}

#content #contentHeader #pnav li:first-child:before {
	content: none;
}

#content #contentBody {
	padding: 13px 20px 13px 3px;
	background: url(/s/common/img/content_bg_body.png) repeat-y 0 0;
	overflow: hidden;
}
#content.oneBox #contentBody {
	padding: 0;
	background: none;
}
#content #contentBody #main {
	float: right;
	width: 748px;
}
#content.oneBox #contentBody #main {
	float: none;
	width: inherit;
}
#content #contentBody #main h1 {
	margin-bottom: 25px;
	width: 748px;
	height: 130px;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

#content #contentBody #main section {
	margin-bottom: 30px;
}

#content #contentBody #main section h2 {
	margin-bottom: 10px;
	padding: 0 ;
	font-size: 160%;
	font-weight: bold;
	color:#2cb9f3;
}

#content #contentBody #main section .inner {
	margin: 0 10px;
}

#content #contentBody #main table.data tr th {
	padding: 10px;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background: #edf8fd;
	border: solid 1px #98d1e8;
}

#content #contentBody #main table.data tr th.rows {
	text-align: left;
	background: #d2eef9;
}

#content #contentBody #main table.data tr td {
	padding: 10px;
	text-align: center;
	border: solid 1px #98d1e8;
}

#content #contentBody #main a.arrow {
	padding-left: 18px;
	background: url(/s/common/img/link_arrow.gif) no-repeat 0 3px;
}

#content #contentBody #main .bnn_start {
	clear: both;
	width: 730px;
	margin: 0 auto 20px;
}

#content #contentBody #main .bnn_start a {
	display: block;
	height: 411px;
	background: url(/s/common/img/bnn_start.jpg) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

#content #contentBody #main .bnn_start a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#content #contentBody #side {
	position: absolute;
	top: 35px;
	left: -5px;
	width: 200px;
}

#content #contentBody #side #sideNav {
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 200px;
	background: url(/s/common/img/sidenav_bg_bottom.png) no-repeat 0 bottom;
}

#content #contentBody #side #sideNav h2 {
	width: 200px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

#content #contentBody #side #sideNav ul {
	background: url(/s/common/img/sidenav_bg_body.png) repeat-y;
}

#content #contentBody #side #sideNav ul li {
	margin-left: 12px;
	padding: 1px 0 4px;
	width: 176px;
	font-weight: bold;
	line-height: 1.5;
	background: url(/s/common/img/sidenav_li_bg.gif) repeat-x 0 bottom;
}

#content #contentBody #side #sideNav ul li a,
#content #contentBody #side #sideNav ul li span {
	padding: 7px 7px 7px 24px;
	display: block;
	color: #fff;
	background: url(/s/common/img/sidenav_icon_off.png) no-repeat 4px 10px;
}

#content #contentBody #side #sideNav ul li a.active,
#content #contentBody #side #sideNav ul li span.active,
#content #contentBody #side #sideNav ul li a:hover {
	background: url(/s/common/img/sidenav_icon_on.png) no-repeat 4px 10px;
}

#content #contentBody #side #sideNav ul li ul {
	margin-top: 2px;
	padding: 2px 0 3px;
	background: url(/s/common/img/sidenav_li_bg.gif) repeat-x 0 top;
}

#content #contentBody #side #sideNav ul li ul li {
	margin: 5px 0 0 0;
	padding: 0;
	width: 176px;
	font-weight: normal;
	background: none;
}

#content #contentBody #side #sideNav ul li ul li a,
#content #contentBody #side #sideNav ul li ul li span {
	padding: 2px 15px 2px 35px;
	display: block;
	color: #fff;
	background: url(/s/common/img/sidenav_icon_second.png) no-repeat 21px 7px;
}

#content #contentBody #side #sideNav ul li ul li a.active,
#content #contentBody #side #sideNav ul li ul li span.active,
#content #contentBody #side #sideNav ul li ul li a:hover {
	color: #0065ab;
	background: #cae9f5 url(/s/common/img/sidenav_icon_second.png) no-repeat 21px 7px;
}



#content #contentFooter {
	clear: both;
	height: 60px;
	background: url(/s/common/img/content_bg_bottom.png) no-repeat 0 0;
	overflow: hidden;
}
#content.oneBox #contentFooter {
	clear: both;
	height: 60px;
	background:none;
	overflow: hidden;
}

#content #contentFooter p.pagetop {
	float: right;
	padding-right: 0;
	padding-top:14px;
}

#content #contentFooter p.pagetop a {
	display: block;
	width: 92px;
	height: 46px;
	background-image: url(/s/common/img/pagetop_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

#content #contentFooter p.pagetop a:hover {
	background-position: 0 -46px;
}

#content #contentFooter2 {
	clear: both;
	padding-top: 0;
	height: 46px;
	overflow: hidden;
}

#content #contentFooter2 p.pagetop {
	float: right;
	padding-right: 0;
}

#content #contentFooter2 p.pagetop a {
	display: block;
	width: 92px;
	height: 46px;
	background-image: url(/s/common/img/pagetop_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}

#content #contentFooter2 p.pagetop a:hover {
	background-position: 0 -46px;
}

/* フッター
---------------------------------*/
#globalFooter {
	clear: both;
	margin: 0;
	padding: 26px 0 30px;
	width: 100%;
	background: #42bded;
	overflow: hidden;
	_zoom: 1;
}

#globalFooter #footerSitemap {
	width: 980px;
	margin: 0 auto 23px;
	padding-bottom: 25px;
	font-size: 92%;
	line-height: 20px;
	border-bottom: solid 1px #fff;
}

#globalFooter #footerSitemap:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#globalFooter #footerSitemap ul {
	float: left;
	margin-right: 10px;
}

#globalFooter #footerSitemap ul#fs_column1 { width: 170px;}
#globalFooter #footerSitemap ul#fs_column2 { width: 220px;}
#globalFooter #footerSitemap ul#fs_column3 { width: 170px;}
#globalFooter #footerSitemap ul#fs_column4 { width: 135px;}
#globalFooter #footerSitemap ul#fs_column5 { width: 115px;}
#globalFooter #footerSitemap ul#fs_column6 { width: 120px; margin-right: 0;}

#globalFooter #footerSitemap ul li {
	margin-top: 10px;
}

#globalFooter #footerSitemap ul li:first-child {
	margin-top: 0;
}

#globalFooter #footerSitemap ul li a {
	padding-left: 18px;
	color: #FFF;
	background: url(../img/footer_ico_arrow01.png) no-repeat 0 1px;
}

#globalFooter #footerSitemap ul li a:hover {
	text-decoration: underline;
}

#globalFooter #footerSitemap ul li ul {
	float: none;
	padding-bottom: 4px;
	margin: 6px 0 0;
}

#globalFooter #footerSitemap ul li ul li {
	margin-top: 5px;
}

#globalFooter #footerSitemap ul li ul li:first-child {
	margin-top: 0;
}

#globalFooter #footerSitemap ul li ul li a {
	padding-left: 15px;
	color: #c7ebfe;
	background: url(../img/footer_ico_arrow02.png) no-repeat 0 3px;
}

#globalFooter #footerSitemap ul li ul li ul {
	margin: 0 0 0 26px;
	padding: 5px 0 0;
}

#globalFooter #footerSitemap ul li ul li ul a {
	padding-left: 14px;
	background: url(../img/footer_ico_arrow03.png) no-repeat 0 3px;
}

#globalFooter .inner {
	width: 980px;
	clear: left;
	font-size: 84%;
	margin: 0 auto;
}

#globalFooter #footerNav {
	width: 50%;
	float: left;
	overflow: hidden;
}

#globalFooter #footerNav li {
	float: left;
	margin-right: 26px;
}

#globalFooter #footerNav li a {
	color: #c7ebfe;
}

#globalFooter #footerNav li a:hover {
	text-decoration: underline;
}


#globalFooter address {
	width: 50%;
	float: right;
	color: #FFF;
	text-align: right;
}