@charset "UTF-8";

/*  ================================================================================
	BASE
================================================================================  */

html{ overflow-y:scroll; width:100%; height:100%; }
body {
	width:100%;
	height:100%;
	font-size:75%;
	font-family:Verdana, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
	line-height:170%;
	color:#555;
	margin:0 auto;
	text-align:center;
}
* html body{ font-family: 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif; }
* html table{ font-size:100%; line-height:170%; }
ul{ margin:0 ; padding:0; }
ul li{ list-style:none; margin:0; padding:0; }
dl,dl dt,dl dd{ margin:0; padding:0; }

.fontsmall{ font-size:83.3%; }
.fontbig{ font-size:116.7%; }
h1,h2,h3,h4,h5,h6,h7{ font-weight:normal; }
p{ margin:0; padding:0 0 1em; }
img{ border:none; vertical-align:bottom; }

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

form,input,button {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
input,textarea,select{ font-size:100%; color:#555; }

/*  ================================================================================
	COMMON LAYOUT
================================================================================  */
/* header */
#headerArea{ width:100%; background:url(../img/header/bg_header.gif) repeat-x top; }
#headerItems{ width:977px; margin:0 auto; padding:8px 0 0; }
h1{ padding:0 0 2px; margin:0; float:left; }
h2{ padding:14px 0 0; margin:0; float:left; }
#search{ width:318px;	margin:3px 8px 7px auto; float:right; text-align:right; _display:inline; }
#search .search_text{ width:170px; height:17px; _height:19px;	margin:0px 1px 0px 0px; }
#search .search_button { width:47px; height:21px;	background: url(../img/header/btn_serch.gif) no-repeat; text-indent:-9999px; text-decoration:none; overflow:hidden; cursor:pointer; border:0; }
#search .search_button:hover{ background-position: 0px -21px; }
ul#headerMenu{ width:370px; height:17px; margin:0 8px 0 0; padding:0; float:right; _display:inline; }
ul#headerMenu li{ float:left; }
ul#headerMenu li img{ vertical-align:top; }
ul#headerMenu li img.big,ul#headerMenu li img.middle,ul#headerMenu li img.small{ cursor:pointer; }
ul#globalMenu{ height:33px; clear:both; }
ul#globalMenu li{ float:left; }

#subMenu{ width:100%; clear:both; background:url(../img/header/bg_submenu.gif) repeat-x bottom #000000; }
.subMenuInner{ width:966px; margin:0 auto; }
#subMenu ul li{ margin-right:20px; float:left; }
#subMenu ul li a{ padding:7px 0 8px 18px; _padding:9px 0 7px 18px; display:block; line-height:100%; background:url(../img/header/ico_submenu.gif) no-repeat left 0.6em; }
#subMenu ul li a:link,#subMenu ul li a:visited,#subMenu ul li a:active,#subMenu ul li a:hover { color:#FFFFFF; } 

#path{ width:977px; margin:0 auto; padding:8px 0 8px; clear:both; }
#path ul{ }
#path ul li{ padding:3px 23px 3px 0; margin:0; float:left; background:url(../img/header/path_bg.gif) no-repeat right center; }
#path ul li.select{ background:none; }

/* contents */
#contentsBodyArea{ width:975px; margin:0 auto; padding:0 0 30px; clear:both; text-align:left; }
h3{ height:33px; padding:0 15px; margin:0 0 25px; color:#FFFFFF; font-size:133.4%; font-weight:bold; line-height:34px; background:url(../../common/img/h_black_medium.gif) no-repeat left top; }

/* footer */
#footer{ width:975px!important; margin:0 auto; clear:both; text-align:left; background:url(../img/pxdotline.gif) repeat-x left top; }
#footer .pagetop{ margin:2px 11px 0 0; float:right; }
#fnavi{ width:700px; padding:5px 0 3px; color:#555555; }
#fnavi a.blank{ padding-left:0; padding-right:15px; background:url(../img/ico_blank.gif) no-repeat right; }
#fnavi a:link,#fnavi a:visited,#fnavi a:active,#fnavi a:hover{ margin:0 5px; color:#555555; }

#copyright{ border-top:2px solid #252525; clear:both; }

a.blank{ padding-left:17px; background:url(../img/ico_blank.gif) no-repeat left center; }
.pagetops{ padding:8px 0; text-align:right; }


/*  ================================================================================
	COMMON OPTION
================================================================================  */
.left{ float:left; }
.right{ float:right; }
.red{ color:#FF0000; }


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