@charset "utf-8";

/*============================================
* [reset] and [font reset]
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4

* [form reset]
GNU General Public License v2 
http://code.google.com/p/formy-css-framework/
============================================*/

/* reset
--------------------------------*/
html { color: #000; background: #fff; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style: inherit; font-weight: inherit; }
del,ins { text-decoration: none; }
li { list-style: none; }
caption,th {text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-weight:normal; }
q:before,q:after { content: ''; }
abbr,acronym {border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000; }
input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input,button,textarea,select { *font-size: 100%; }
img { vertical-align: bottom; }


/* form reset
--------------------------------*/
fieldset,form,label,legend { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }


/* font reset
--------------------------------*/
body { font:13px/1.231 arial,helvetica,clean,sans-serif; 	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; }
select,input,button,textarea,button { font: 99% arial,helvetica,clean,sans-serif; }
table { font-size: inherit; font: 100%; }
pre,code,kbd,samp,tt { font-family: monospace; *font-size: 108%; line-height: 100%; }
html, body{
  height: 100%;
	margin: 0px auto;
	background: #fff;
	line-height: 1.6;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
}

/* for IE6 */
* html body { font-size: 82%;}

/* for IE7 */
*:first-child+html body { font-size: 82%; }

body { font-size: 82%\9; }



/*--------------------------------
Link Color Setting
--------------------------------*/
a { color: #FFF;	text-decoration: underline; }
a:hover {color: #85c1fb;	text-decoration: underline; }


/*--------------------------------
header

body { background: url(../images/common/headingbg03.jpg) repeat-x left top; }

#header {
	min-width:1024px;
 background: #FFF url(../images/common/headerbg.gif) repeat-x left top; }

#header #headerInner {
	width: 910px;
	margin: 0 auto;
}

#header #logo { 
	float: left;
	padding: 11px 0 0 13px;
}

#header #headerBox {
	float: right;
	width: 434px;
}

#header #headerBox #boxLeft {
	float: left;
	width: 310px;
	margin-top: 3px;
}

#header #headerBox #btn {
	float: right;
	margin-right: 2px;
	display: block;
}	

#header #headerBox .searchtxt {
	float : left;	
	padding-left: 20px;
	background: url(../images/common/head_ico01.gif) no-repeat left center;
}

#header #headerBox .searchtxt input {
	display : block;
	width : 230px;
	height : 17px;
	margin-right : 2px;
	padding : 1px;
	/ margin-top: -1px;
	border : 1px solid #CCCCCC;
}

#header #headerBox .searchbtn {	float: left; }

#header #headerBox .searchbtn input {
	float : left;
	cursor:pointer;
	display: block;
	width: 48px;
	height: 21px;
	text-indent: -9999px;
	border: none;
	background: url(../images/common/hed_btn01.gif) no-repeat left center;
}

#header #headerBox .searchbtn input:hover {
	float : left;
	cursor:pointer;
	display: block;
	width: 48px;
	height: 21px;
	text-indent: -9999px;
	border: none;
	background: url(../images/common/hed_btn01_on.gif) no-repeat left center;
}

#header #headerBox #nav01, #header #headerBox #nav01Second {
	overflow: hidden;
	zoom :1;
	margin-left: 155px;
	margin-top: 7px;
	padding-top: #10px;
}

#header #headerBox #nav01Second { padding-top: 31px; }

#header #headerBox #nav01 li, #header #headerBox #nav01Second li {
	float: left;
	margin-left: 11px;
	display: inline;
	padding-right: 12px;
	background: url(../images/common/nav_bg01.gif) no-repeat right;
	font-size: 0;
}

#header #headerBox #nav01 li.nobg, #header #headerBox #nav01Second li.nobg {
	background: none;
	padding-right: 0;
}

#header #nav02 {
	overflow: hidden;
	zoom : 1;
	clear: both;
	margin-left: -17px;
	padding: 6px 0 0;
}

#header #nav02 li {
	float: left;
	margin-left: 20px;
	display: inline;
	font-size: 0;
}

.headingBlock h1 {
	width: 911px;
	margin: 0 auto;
}
--------------------------------*/

/*--------------------------------
content
--------------------------------*/
#content {
	background: url(../images/common/contentbg02.gif) repeat-y center top;
	font-size: 93%;
}
 
#contentInner {
	position: relative;
	overflow: hidden;
	width: 911px;
	margin: 0 auto;
	background: url(../images/common/contentbg.gif) repeat-y center top;
}

#content #dirPathBlock {
	margin: 10px 0 30px 0;
	font-size: 84%;
}

#content #dirPathBlock a { font-weight: bold;}


#content .headingBlock02 {
	min-height: 19px;	/*モダンブラウザに適用*/
	height: auto !important;	/*モダンブラウザに適用*/
	height: 19px;	/*全ブラウザに適用*/
	background: url(../images/common/headingbg02.gif) repeat-x left bottom;
}

#content .headingBlock02 h2 {
	padding: 0 0 5px 35px;
	background: url(../images/common/headingbg.gif) no-repeat left 0.15em;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #6d6d6d;
	font-size: 184%;
	line-height: 1.2;
}

* html #content .headingBlock02 {
	margin: 0;
	padding: 10px 0 0;
	background: url(../images/common/headingbg02.gif) repeat-x left bottom;
	position: relative;
	top: -10px;
}

* html #content .headingBlock02 h2 {
	margin: 0;
	padding: 0 0 0 35px;
	background: url(../images/common/headingbg.gif) no-repeat left top;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #6d6d6d;
}

#content .headingBlock03 h3 {
	margin: 25px 0 12px;
	padding: 0 0 10px 0;
	font-size: 117%;
	border-bottom: 1px solid #afafaf;
	font-weight: bold;
	line-height: 1.4;
}

/* main
--------------------------------*/
#content #main {
	position: relative;
	float: left;
	width: 654px;
	padding:0 0 28px 13px;
}

#content #mainInner {
	height: auto !important;
	padding-bottom: 60px;
}

#mainInner .searchtxt {
	float : left;	
	padding-left: 20px;
	background: url(../images/common/head_ico01.gif) no-repeat left center;
}

#mainInner .searchtxt input {
	display : block;
	width : 230px;
	height : 17px;
	margin-right : 2px;
	padding : 1px;
	/ margin-top: -1px;
	border : 1px solid #CCCCCC;
}

#mainInner .searchbtn {	float: left; }

#mainInner .searchbtn input {
	float : left;
	cursor:pointer;
	display: block;
	width: 48px;
	height: 21px;
	text-indent: -9999px;
	border: none;
	background: url(../images/common/hed_btn01.gif) no-repeat left center;
}

#mainInner .searchbtn input:hover {
	float : left;
	cursor:pointer;
	display: block;
	width: 48px;
	height: 21px;
	text-indent: -9999px;
	border: none;
	background: url(../images/common/hed_btn01_on.gif) no-repeat left center;
}

#content #main #mainBtn {
	position: absolute;
	bottom: 28px;
	right: 0;
}

#content #main a { color: #025db6;	text-decoration: underline; }

#content #main a:hover {color: #85c1fb;	text-decoration: underline; }

#content #main h2 {
	margin: 0 0 15px 0;
	font-weight: bold;
	color: #444444;
}

* html #content #main h2 {
	margin: 0 0 3px 0;
	font-weight: bold;
	color: #444444;
}


/* subMain
--------------------------------*/
#subMain {
	float: right;
	width: 191px;
	margin: 0 10px;
	display: inline;
	padding:25px 0 126px 0;
}

#subMain h2 {margin:0; }

#subMain ul {padding:20px 0; }

#subMain ul li {
	line-height: 1.2;
	background: url(../images/common/snav_bg01.gif) no-repeat left center;
	}

#subMain ul li span {
	display: block;
	zoom :1;
	padding: 1px 0 2px 8px;
	background: url(../images/common/snav_bg02.gif) repeat-x left bottom;
	font-weight: bold;
	text-decoration: none;
}

#subMain ul li a {
	display: block;
	padding: 12px 0 12px 7px;
	text-decoration: none;
}

#subMain ul li a:hover {
	display: block;
	padding: 12px 0 12px 7px;
	background: #094581;
	text-decoration: none;
}

#subMain ul li.hover a {
	display: block;
	padding: 12px 0 12px 7px;
	background: #094581;
	text-decoration: none;
}

#subMain ul li a:hover {
	display: block;
	padding: 12px 0 12px 7px;
	background: #094581;
	text-decoration: none;
}

#subMain ul li a.sel,
#subMain ul li a:hover {
	display: block;
	padding: 12px 0 12px 7px;
	background: #094581;
	text-decoration: none;
}

#subMain dl { margin-bottom: 20px;}

#subMain #bnrBtn {
	position: absolute;
	bottom: 28px;
}

#subMain #bnrBtn .topback {
	position: relative;
	top: 68px;
	right: 135px;
}


/*--------------------------------
Footer
--------------------------------*/
#footer {
	min-width:1024px;
	padding-top: 20px;
	background: #025db6;
	line-height: 1.4;
}

#footerHead {
	min-width:1024px;
	padding-left:13px;
	height: auto !important;
	height: 30px;
	min-height: 30px;
	background: url(../images/common/footer_headbg.gif) repeat-x;
}

#footerHead ul {
	width: 890px;
	margin: 0 auto;
	font-weight: bold;
	font-size: 77%;
	color: #828282;
}

#footerHead ul li {
	float: left;
	margin-left: 15px;
	display: inline;
	padding: 8px 20px 7px 0;
	background: url(../images/common/footer_headicon.gif) no-repeat right 1px;
}

#footerHead ul li a {
	text-decoration: underline; 
	color: #025DB6;
}

#footerHead ul li a:hover {
	color: #85c1fb;
}

#footerHead p a:hover {
	text-decoration: underline;
	color: #85c1fb;
}

#footerInner {
	width: 910px;
	margin: 0 auto;
	font-size: 93%;
}

#footerNav {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 0 -18px ;
}

#footerNav dl.nav {
	float: left;
	margin-left: 35px;
	display: inline;
}

#footerNav dl.nav dt.first{
	margin: 0 0 18px 0;
	font-weight: bold;
}

#footerNav dl.nav dd.box, #footerNav dl.nav dd.box01, #footerNav dl.nav dd.box02, #footerNav dl.nav dd.box03, #footerNav dl.nav dd.box04 {
	float: left;
	margin: 0 0 0 5px;
	display: inline;
}

#footerNav dl.nav dd dl {
	font-size: 84%;
	margin-bottom: 15px;
}

#footerNav dl.nav dd dl dt, #footerNav dl.nav dd dl dd {
	margin-bottom: 0;
	padding: 0 0 0 10px;
	background: url(../images/common/footer_icon02.gif) no-repeat left 0.4em;
	font-weight: normal;
}

#footerNav dl.nav dd dl dt span, #footerNav dl.nav dd dl dd span {
	display: block; 
	margin-left: 3.5em; 
	text-decoration: underline;
}

#footerNav dl.nav dd.box01, #footerNav dl.nav dd.box03 { margin-right: 15px;}

#footerNav dl.nav dd.box01 dl { margin-bottom: 20px; }

#footerNav dl.nav dd.box01 dl dd { margin-bottom: 2px; }

#footerNav dl.nav dd.box02 dl { margin-bottom: 20px; }

#footerNav dl.nav dd.box02 dl dd { margin-bottom: 2px; }

#footerNav dl.nav dd.box03 dl { margin-bottom: 20px; }

#footerNav dl.nav dd.box03 dl dd { margin-bottom: 2px; }

#footerNav dl.nav dd.box04 dl { margin-bottom: 20px; }

#footerNav dl.nav dd.box04 dl dd { margin-bottom: 2px; }

#footerNav dl.nav dd dl.bnr01 {
	margin-left: -5px;
}

#footerNav dl.nav dd dl.bnr01 dt {
	margin-bottom: 5px;
	padding-left: 0;
	background: none;
	font-size: 120%;
	font-weight: bold;
	color: #FFF;
}

#footerNav dl.nav dd dl.bnr01 dd {
	padding-left: 0;
	background: none;
}

#footerNav dl.nav dd dl.bnr01 dd ul {
	overflow: hidden;
	width: 258px;
	margin-left: -5px;
}

#footerNav dl.nav dd dl.bnr01 dd ul li{
	float: left;
	margin: 0 0 5px 5px;
	display: inline;
}

#footerBottom {
	clear: both;
	background: #e3e9eb;
}

#footerBottom #bottomInner {
	overflow: hidden;
	zoom: 1;
	width: 890px;
	margin: 0 auto;
	padding: 15px 0 18px;
	color: #025db6;
}

#footerBottom p {
	float: left;
	font-size: 77%;
}

#footerBottom ul {
	float: right;
	margin-right: 10px;
	display: inline;
}

#footerBottom ul li {
	float: left;
	padding: 0 5px;
	background: url(../images/common/footerbg02.gif) no-repeat right center;
	font-size: 93%;
}

#footerBottom ul li.nonbg {	background: none;}

#footerBottom ul li a{ color: #025db6;}

#footerBottom ul li a:hover{ color: #85c1fb; }


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


/*--------------------------------
parts
--------------------------------*/
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt25 { margin-top: 25px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.mr15 { margin-right: 15px !important; }
.pt00 { padding-top: 0px !important; }
.center { text-align: center; }
.right { text-align: right; }
.floatR { float: right; }
.floatL { float: left; }
.clearB { clear: both; }
.bold { font-weight: bold; }
.alignM { vertical-align: middle; }