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

/*=============================================================================
設定クリア
==============================================================================*/
/**{ zoom:1;}*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
img {vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,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:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;vertical-align:middle;}
legend{color:#ccc;}
del,ins{text-decoration:none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}


/*=============================================================================
Font
==============================================================================*/
/* --------------------------------------
　　全体で12pxを基準にしたフォントサイズパーセント表記
    Font-size Adjustment
     84% = 10px	|	134% = 16px	|	184% = 22px
     92% = 11px	|	142% = 17px	|	192% = 23px
    100% = 12px |	150% = 18px	|	200% = 24px
    109% = 13px	|	159% = 19px	|	209% = 25px
    117% = 14px	|	167% = 20px	|	217% = 26px
    125% = 15px	|	175% = 21px	|
-------------------------------------- */

body {
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W4", hirakakupro-w4, 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	color:#000000;
	line-height:1.5;
	background:#ffffff;
}
/* for IE6 */
* html body { font-size: 75%;}
/* for IE7 */
*:first-child+html body { font-size: 75%; }


/*============================================================================
Base
==============================================================================*/

/* --------------------------------------
clearfix
--------------------------------------- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* --------------------------------------
table
--------------------------------------- */
table {font-size:inherit;font:100%;border:0;}

/*-------------------------------------------------------------基本レイアウト*/
/*---------------------------------------------------------------------------*/
html { height: 100%; /* for footer height */ /*background:#000000;*/}
body { height: 100%; /* for footer height */ margin:0 auto; position:relative;/*IE7 ズーム対策*/}

#Wrap { min-height: 100%; height:auto !important; height:100%;}

/*-------------------------------------------------------------------ヘッダー*/
/*---------------------------------------------------------------------------*/
#headerWrap { width:100%; background:#000000; height:145px; zoom:1; }
#headerInner {width:960px; padding:0 10px; margin:0 auto; zoom:1;}


#header { width:960px; height:115px; position:relative; top:0; left:0; z-index:2; zoom:1; color:#FFFFFF;}
#header:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

#gNavArea { width:960px; margin:0 auto; background:#7c7c7c; zoom:1;}
#gNavArea:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}


/*-----------------------------------------------------------------コンテンツ*/
/*---------------------------------------------------------------------------*/
#contentWrap {
	background:#fff; /* for footer height */
	padding-bottom: 130px; /* for footer height */
	clear:both;
	width:100%;
}

#mainfeatWrap {width:100%; margin:0 auto 40px; background:#000000; zoom:1;}
#mainfeatWrap:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

#mainfeatInner { width:960px; margin:0 auto; padding:0 10px;}

#contents { clear:both; width:960px; padding:0 10px; margin:0 auto; zoom:1;}
#content { clear:both; width:960px; padding:0 10px; margin:0 auto; zoom:1;}
#content:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden;}

/*下層ページ用　TOPに15pxあける*/
#content.btmpage { margin-top:15px;}

/*サイド有*/
#contentschild_double { width:760px; float:left; padding:0 0 30px 0;}
#sidemenu { width:170px; float:right; padding:0 0 50px 0;}

/*サイド無*/
#contentschild_all { width:960px; float:left; padding:0 0 80px 0;}




/*-------------------------------------------------------静的ページ　サイド有*/
/*---------------------------------------------------------------------------*/
#contentschild_double #topicpath { margin-bottom:15px;}
#contentschild_double #topicpath ul { padding:0; width:760px;}

/*-------------------------------------------------------静的ページ　サイド無*/
/*---------------------------------------------------------------------------*/
#contentschild_all #topicpath { margin-bottom:15px;}
#contentschild_all #topicpath ul { padding:0; width:960px;}





/*------------------------------------------------------------------フッター*/
/*---------------------------------------------------------------------------*/
#footerWrap {
	clear:both;
	width:100%;
	background:#000000;
	position: relative; /* for footer height */
	margin-top: -130px; /* for footer height */
	height: 130px; /* for footer height */
}
#footerInner { width:960px; margin:0 auto; padding:0 10px;}
#footer {width:960px; padding:30px 0 0; overflow:hidden; zoom:1;}
#footer:after {content:".";display: block;height:0px;clear:both;line-height:0; visibility:hidden;}


/*Opera Fix for footer height*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}


/*----------------------------------------------------------基本設定:パンくず*/
/*--------------------------------------動的ページ・静的ページ サイドナビ無用*/

#topicpath { width:100%; height:22px;padding:8px 0 0 0;zoom:1;}
#topicpath:after { content:".";display: block;height:0px;clear:both;visibility:hidden;}

#topicpath ul { width:960px; padding:0 10px; margin:0 auto;}
#topicpath li { display:inline;height:auto;white-space:nowrap;float:left;font-size:84%;}
#topicpath li a{ display:inline-block;}

/*--------------------------------------背景黒の場合*/
#topicpath.backBlack { background:#000000; color:#ffffff;}
#topicpath.backBlack li a { color:#ffffff;}







/*----------------------------------------------------基本設定:ページ内リンク*/
/*---------------------------------------------------------------------------*/
.pagetop {clear:both; text-align:right; margin:0 0 30px 0;}
.pagetop a,
.pagetop a:hover {
font-size:84%; padding:0 0 0 13px; background:url(../../static/images/icon_arrow_top.gif) no-repeat left center;*letter-spacing:0.06em; display:inline-block;}


/*ページ最下部リンク　サイド有-------------------------------------------------*/
.pagetop_area { clear:both; width:960px; padding:0 10px; margin:0 auto; position:relative; top:-30px; zoom:1;}
.pagetop_area:after { content:".";display: block;height:0px;clear:both;visibility:hidden;}

.pagetop_double { float:right; padding-right:200px;}
.pagetop_double a { background:url(../../static/images/icon_arrow_top.gif) no-repeat left center; padding:0 0 0 13px;}


/*ページ最下部リンク　サイド無-------------------------------------------------*/
.pagetop_area_all { clear:both; width:960px; padding:0 10px; margin:0 auto; position:relative; top:-30px; zoom:1;}
.pagetop_area_all:after { content:".";display: block;height:0px;clear:both;visibility:hidden;}

.pagetop_all { float:right; }
.pagetop_all a { background:url(../../static/images/icon_arrow_top.gif) no-repeat left center; padding:0 0 0 13px;}


/*ページ最下部リンク 共通*/

.backhome { float:left;}
.backhome a { background:url(../../static/images/icon_arrow_L.gif) no-repeat left center; padding:0 0 0 10px;}

.backhome a,
.backhome a:hover,
.pagetop_double a,
.pagetop_double a:hover,
.pagetop_all a,
.pagetop_all a:hover { font-size:84%; *letter-spacing:0.06em;/* IE 6以下 */  display:inline-block;}




/*-------------------------------------------------------------------基本設定*/
/*---------------------------------------------------------------------リンク*/

/*文字色:ブラック*/
a {color:#000000;text-decoration:none;font-weight: bold;}
a:hover {color:#000000;text-decoration:underline;font-weight: bold;}

/*-------------------------------------------------------------------基本設定*/
/*-----------------------------------------------------------カラー・ウエイト*/

.black { color:#000000;}
.red { color:#FF0000;}
.gray {color:#464646;}
.bold {font-weight: bold;}

/*-------------------------------------------------------------フォントサイズ*/
/*---------------------------------------------------------------------------*/

/*10pxテキスト*/
.small {font-size:84%;letter-spacing:0.06em;line-height:1.2;}
.small a{display:inline-block;}/*chrome下線対応*/

/*11pxテキスト*/
.small11 {font-size:92%;letter-spacing:-0.01em;line-height:1.2;}
/*14pxテキスト*/
.large14 {font-size:117%;*letter-spacing:0.04em;/* IE 6以下 */line-height:1.2;*line-height:1.3;}
/*18pxテキスト*/
.large18 {font-size:150%;*letter-spacing:0.04em;/* IE 6以下 */line-height:1.2;*line-height:1.3;}
/*23pxテキスト*/
.large {font-size:192%; *letter-spacing:0.04em;/* IE 6以下 */line-height:1.2;*line-height:1.3;}

/*フォントウエイトノーマル*/
.nomal {font-weight:normal;}

/*行間詰め*/
.l_spacing {letter-spacing: -1px;}


/*-------------------------------------------------フォーム関連テキストサイズ*/
/*---------------------------------------------------------------------------*/
input{font-size:12px;}
textarea{font-size:12px;}


/*---------------------------------------------------------マージン・回り込み*/
/*---------------------------------------------------------------------------*/

/*フロート*/
.fl {float:left;}
.fr {float:right;}

/*中央揃え*/
.center {text-align:center;}
.right { text-align:right;}

/*上マージン*/
.mt03 {margin-top: 3px;}
.mt04 {margin-top: 4px;}
.mt05 {margin-top: 5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}

/*下マージン*/
.mb05 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}


/*左マージン*/
.ml03 {margin-left: 3px;}
.ml05 {margin-left: 5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}

/*右マージン*/
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

/*上パッディング*/
.pt03 {padding-top: 3px;}
.pt05 {padding-top: 5px;}
.pt10 {padding-top:10px;}
.pt12 {padding-top:12px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt37 {padding-top:37px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}

/*左パッディング*/
.pl03 {padding-left: 3px;}
.pl05 {padding-left: 5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl17 {padding-left:17px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl120 {padding-left:120px;}