@charset "UTF-8";

/*  ================================================================================
	Public
================================================================================  */
html{ overflow:scroll-y; width:100%; height:100%; }
body {
	width:100%;
	height:100%;
	font-size:75%; /*フォントサイズ　12px*/
	font-family:Verdana, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	line-height:180%;
	color:#414141;
	margin:0 auto;
	text-align:center;
}
* html body{ font-family:Verdana, 'ＭＳ Ｐゴシック', Osaka, sans-serif; }
* html table{ font-size:100%; line-height:180%; }

ul{ margin:0; padding:0; }
ul li{ list-style:none; }

.fontsmall{ font-size:83.3%; } /*フォントサイズ　10px */
.fontbig{ font-size:116.7%; } /*フォントサイズ　14px */
h1,	/* CI */
h2,	/* サイトディスクリプション */
h3, /* グローバルコンテンツタイトル */
h4,	/* ページタイトル */
h5,	/* ページ内大タイトル */
h6,	/* ページ内小タイトル */
h7{ font-weight:normal; }
p{ margin:0; padding:0 0 0.8em; }
img{ border:none; }

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

.cl{ clear:both; }

/*  ================================================================================
	Common Layout
================================================================================  */

/* header */
#headerArea{ width:978px; height:77px; margin:0 auto; text-align:left; }
h1{ margin:0; padding:0; float:left; }
ul#utilityNav{ float:right; height:32px; }
ul#utilityNav li{ float:left; }
#headerArea .s_search{ width:600px; margin:6px 0 0; _margin:3px 0 0; float:right; }
#headerArea .s_search input{ vertical-align:middle; }
.ti.search{ width:164px; _width:169px; margin:0 5px 0 0; }
.s_submit{ width:62px; height:20px; text-indent:-999em; border:none; background:url(../images/s_search_btn.gif); cursor:pointer; }
#headerArea form{ margin:0; padding:0; float:right; }
#contentsArea{ background:url(../images/body_bg.jpg) repeat-x top #1a222b; }
#contentsInner{ padding:15px 0 12px; background:url(../images/header/header_bg.jpg) no-repeat top center; }
#navigation{ width:978px; margin:0 auto; padding:0; }
ul#gNavi{ margin:0; padding:0; }
ul#gNavi li{ height:43px; margin:0; padding:0; float:left; }

#path{ height:36px; margin:0 auto; padding:0 15px 0 9px; clear:both; background:url(../images/header/path_bg.gif) no-repeat left top; text-align:left; color:#FFF; }
#path a:link,#path a:visited,#path a:active,#path a:hover{ color:#5292a9; }
#path ul{ height:36px; line-height:36px; }
#path ul li{ padding:0 14px 0 6px; float:left; background:url(../images/path_arrow.gif) no-repeat right; }
#path ul li.select{ background:none; }

/**/
#contentsBodyArea{ width:978px; margin:0 auto; padding:34px 0 0; border-bottom:1px solid #a8abaf; text-align:left; background:#FFF; clear:both; }


/* footer */
#pagetop{ padding:0 23px; clear:both; text-align:right; }

#footerArea{ border-top:1px solid #d1d3d5; line-height:150%; }
#footerInner{ width:978px; margin:0 auto; padding:0 0 30px; text-align:left; background:url(../images/footer_bg.gif) no-repeat left top; }
.fproTitle{ padding:16px 17px; }
dl.gySeries{ width:411px; margin:17px 0 0 16px; padding:0; float:left; _display:inline;  }
dl.gySeries dt{ margin:0; padding:0 0 5px; }
dl.gySeries dt a:link,dl.gySeries dt a:visited,dl.gySeries dt a:active,
dl.otherSeries dt a:link,dl.otherSeries dt a:visited,dl.otherSeries dt a:active{ color:#24313d; text-decoration:none; }
dl.gySeries dt a:hover,dl.otherSeries dt a:hover{ color:#24313d; text-decoration:underline; }
dl.gySeries dd{ margin:0; padding:0 0 0 3px; }
dl.gySeries dd a{ width:170px; _width:180px; padding:0 0 7px 10px; margin:0 15px 0 0; float:left; line-height:120%; display:block; background:url(../images/f_arrow.gif) no-repeat left 0.5em; _background-position:left 0.6em; font-size:83.3%; }
dl.gySeries dd a:link,dl.gySeries dd a:visited,dl.gySeries dd a:active { color:#7e7e7e; text-decoration:none; }
dl.gySeries dd a:hover { color:#7e7e7e; text-decoration:underline; }

#footerInner ul li a:link,#footerInner ul li a:visited,#footerInner ul li a:active { color:#7e7e7e; text-decoration:none; }
#footerInner ul li a:hover { color:#7e7e7e; text-decoration:underline; }
#footerInner ul li{ padding:0 0 6px; line-height:120%; }
#footerInner ul li a{ padding:0 0 0 10px; font-size:83.3%; display:block; background:url(../images/f_arrow.gif) no-repeat left 0.5em; _background-position:left 0.6em; }

dl.otherSeries{ width:165px; margin:11px 15px 0 0; float:left; _display:inline; }
dl.otherSeries dt{ margin:0; padding:6px 0 0; }
dl.otherSeries dd{ margin:0; padding:0 0 0 3px; }
dl.otherSeries dd ul{ padding:2px 0 5px; }

#copyright{ clear:both; padding:9px 0; background:#e0e4e8; }
#copyright p{ width:978px; padding:0; margin:0 auto; text-align:left; }


/*  ================================================================================
	Second Layout
================================================================================  */
#secSideMenu{ width:220px; margin:0 0 0 22px; float:left; _display:inline; }
#secContentsArea{ width:690px; margin:0 23px 0 0; float:right; _display:inline; }
#pageTitle{ padding:0 0 10px; position:relative; }
h2{ margin:0; padding:0; }
h3{ height:38px; margin:0; padding:0 15px; line-height:38px; color:#FFF; font-weight:bold; font-size:116.7%; position:absolute; top:0; left:0; }
h4{ height:40px; margin:0; padding:0 7px; line-height:40px; background:url(../images/stitle_dot_bg.gif) repeat-x left top; border-top:1px solid #314c59; color:#324e5c; font-weight:bold; font-size:116.7%; }
dl#sideMenuArea{ margin:0; padding:10px 0 0; background:#f4f4f4; border-bottom:1px solid #222e3a; border-left:1px solid #222e3a; border-right:1px solid #222e3a; }
dl#sideMenuArea dt{ padding:0 10px 0; background:url(../images/dot_blue.gif) repeat-x top; font-weight:bold; color:#222e3a; font-size:116.7%; }
dl#sideMenuArea dt p{ padding:10px 0 8px 18px; background:url(../images/square_arrow.gif) no-repeat left center; }
dl#sideMenuArea dd{ margin:0; padding:15px 10px 10px; background:url(../images/dot_blue.gif) repeat-x top; }
ul.subMenuList li{ padding:0 0 5px; }
ul.subMenuList li a{ padding:0 10px 0 10px; display:block; background:url(../images/side_small_arrow.gif) no-repeat left center; }
.leftFormBtn{ clear:both; padding:10px 0 0; }


/*  ================================================================================
	Clearfix
================================================================================  */
.clearfix:after,
dl:after,
dl dt:after,
dl dd:after,
#contentsBodyArea:after,
#footerInner:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix,
dl,
dl dt,
dl dd,
#contentsBodyArea,
#footerInner{ display:inline-table; zoom:1; }
* html .clearfix
* html dl,
* html dl dt,
* html dl dd,
* html #contentsBodyArea,
* html #footerInner{ height:1px; zoom:1; }
.clearfix,
dl,
dl dt,
dl dd,
#contentsBodyArea,
#footerInner{ display:block; }