@charset "Shift_JIS";

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・レイアウト
・テキスト・フォント
・リスト
・リンク
--------------------------
・Wrapper
・ヘッダ
・中央部
・メイン
・サイド
・フッタ
--------------------------
・共通パーツ（組合せ）
・コンテンツ
------------------------------------------ */

/* 全体構造
------------------------------------------ */
html { height: 100%; }
body {
	height: 100%;
	background: #fff;
	line-height: 1.4;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif;
}

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

body, div, p,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; } 

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

a[name] { color: #333; }
a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ul li { list-style-type: none; }
li li { font-size: inherit; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }

.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0; border: 0; }

h1 strong{
	font-size:12px;
	font-weight:normal;
}

/*パンクズ*/
#pastlist {
	height: 15px;
    margin: 0;
    padding: 5px 10px 5px 15px;
	font-size: 0.7em;
}


/* フォーム
------------------------------------------ */
/* 全角モード */
.imeA {ime-mode: active;}

/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}

.iptTxt {
	height: 16px;
	padding: 1px;
	border: 1px solid #BCBCBC;
	font-size: 12px;
	line-height: 1.2;
}
textarea.iptTxt { height: auto; }


/* マージン・パディング
------------------------------------------ */
.mgt3  { margin-top: 3px !important; }
.mgt4  { margin-top: 4px !important; }
.mgt5  { margin-top: 5px !important; }
.mgt8  { margin-top: 8px !important; }
.mgt10 { margin-top: 10px !important; }
.mgt13 { margin-top: 13px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt23 { margin-top: 23px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; }
.mgt35 { margin-top: 35px !important; }

.mgt5txt  { margin-top: 3px !important; }
.mgt10txt { margin-top: 8px !important; }

.pdgt3  { padding-top: 3px !important; }
.pdgt4  { padding-top: 4px !important; }
.pdgt5  { padding-top: 5px !important; }
.pdgt8  { padding-top: 8px !important; }
.pdgt10 { padding-top: 10px !important; }
.pdgt11 { padding-top: 11px !important; }


/* レイアウト
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearboth { clear: both; }
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
.imgC { text-align: center; }
.imgC img,
.imgC input { display: block; margin: 0 auto; }


/* テキスト・フォント
------------------------------------------ */
.nowrap { white-space: nowrap; }
.bold   { font-weight: bold!important; }
.normal { font-weight: normal!important; }

.indent01 { margin-left: 1em; text-indent: -1em; }

.fBlk01 { color: #000; }
.fWht01 { color: #fff; }
.fRed01 { color: #f00; }
.fAsh01 { color: #999; }

.fs01  { font-size: 10px; }
.fm01  { font-size: 12px; }
.fl01  { font-size: 14px; }
.fx01  { font-size: 16px; }
.fxl01 { font-size: 18px; }
.fxx01 { font-size: 20px; }

.newTxt { color: #C00; font-weight: bold; }


/* リスト・アイコン
------------------------------------------ */
.iArr01,
.liArr01 li { padding-left: 10px; background: url(../images/common/ic_arrow_01.gif) no-repeat 0 0.4em; }
.iArr02,
.liArr02 li { padding-left: 14px; background: url(../images/common/ic_arrow_yellow_01.gif) no-repeat 0 0.25em; }
.iArr03,
.liArr03 li { padding-left: 14px; background: url(../images/common/ic_arrow_red_01.gif) no-repeat 0 0.25em; }
.iArr04,
.liArr04 li { padding-left: 10px; background: url(../images/common/ic_arrow_02.gif) no-repeat 0 0.4em; }
.iDoc01,
.liDoc01 li { min-height: 18px; padding-left: 22px; background: url(../images/common/ic_document_01.gif) no-repeat 0 0; }
.iHelp01,
.liHelp01 li { min-height: 18px; padding-left: 22px; background: url(../images/common/ic_question_01.gif) no-repeat 0 0; }

/* inline block */
.iBlk {
	display: -moz-inline-box;
	display: inline-block;
}


/* リンク 
------------------------------------------ */
a,
a:link    { color: #0066CC; text-decoration: none; }
a:visited { color: #468ACE; }
a:hover,
a:active  { color: #FF8000; text-decoration: underline; }


/* wrapper
------------------------------------------ */
#wrapper { width: 970px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }


/* ヘッダ
------------------------------------------ */
#head { position: relative; height: 74px; background: url(../images/common/bg_head.gif) no-repeat; text-align: left; }
#head #logo { position: absolute; width: 180px; height: 45px; left: 25px; top: 7px; }
#head .navi01 { position: absolute; width: 243px; height: 14px; left: 520px; top: 12px; }
#head .navi02 { position: absolute; width: 356px; height: 13px; left: 604px; top: 52px; }
#head .navi01 li { float: left; }
#head .navi02 li { float: left; margin-left: 9px; display: inline; }
#head .navi01 li img,
#head .navi02 li img { display: block; }
#head .searchEngine { position: absolute; left: 769px; top: 11px; }
#head .searchEngine dt,
#head .searchEngine dd { float: left; }
#head .searchEngine input { display: block; }
#head .searchEngine .txt input { width: 135px; border: 1px solid #7f9db9; padding: 1px; line-height: 1.2; font-size: 12px; }
#head .searchEngine .btn { margin: 1px 0 0 2px; display: inline; }
#head .searchEngine .btn input { width: 52px; height: 18px; }


/* 中央部
------------------------------------------ */
#middleArea { padding: 10px; text-align: left; }



/* メイン
------------------------------------------ */
#main { float: left; width: 706px; }


/* サイド
------------------------------------------ */
#side { float: right; width: 230px; }


/* フッタ
------------------------------------------ */
#foot { width: 970px; background-color: #fff; text-align: left; overflow: hidden; }
#foot .link01 { margin-left: 10px; line-height: 1.2; }
#foot .link01 li { display: inline; padding: 0 10px; border-left: 1px solid #d4d4d4; }
#foot .link01 li span { display: -moz-inline-box; display: inline-block; padding-left: 10px; background: url(../images/common/ic_arrow_01.gif) no-repeat 0 0.25em; }
#foot .link01 li.first { padding-left: 0; border-left: none; }
#foot .pagetop { margin-top: 20px; padding-right: 10px; text-align: right; }
#foot .navi01 { margin-top: 20px; height: 42px; background: url(../images/common/bg_foot_01.gif); }
#foot .navi01 ul { float: right; padding-top: 12px; font-size: 10px; }
#foot .navi01 li { float: left; margin-right: 10px; display: inline; }
#foot .seoText { padding: 3px 10px 2px 10px; color: #666; }
#foot .seoText em { font-weight: normal; font-size: 10px; }
#foot .copyright { height: 49px; background: url(../images/common/bg_foot_02.gif); }
#foot .copyright p { float: right; padding: 10px 10px 0 0; }
#foot .copyright p img { display: block; }


/* 共通パーツ（組合せ）
------------------------------------------ */

/* width */
.w50 { width: 50px; }
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w135 { width: 135px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w200 { width: 200px; }

/* border */
.bgDotVln01 { background: url(../images/common/bg_dotted_vln_01.gif) repeat-y; }
.bgDotln01 { background: url(../images/common/bg_dotted_01.gif) repeat-x; }

/* title */
.ttlMod01 { background: #eb003f url(../images/common/bg_ti_bar_top_01.gif) no-repeat; }
.ttlMod01 .bgB { padding: 7px 10px 10px 10px; background: url(../images/common/bg_ti_bar_btm_01.gif) repeat-x left bottom; }
.ttlMod01 .ttl { float: left; margin-right: 10px; display: inline; }
.ttlMod01 .txt { float: left; width: 450px; padding-top: 1px; color: #fff; }
.mTtl01 { padding-left: 10px; line-height: 1.2; background: url(../images/common/bg_ti_01.gif) no-repeat 0 0.05em; }
.mTtl02 { padding-left: 10px; line-height: 1.2; background: url(../images/common/bg_ti_02.gif) no-repeat; }
.mTtl02Inter { padding-left: 10px; line-height: 1.2; background: url(../images/common/bg_ti_03.gif) no-repeat; }
.mTtl03 { padding-bottom: 5px; background: url(../images/common/bg_ti_btm_01.gif) repeat-x left bottom; }


/* Table */
/* - basic */
.basicTbl01 { width: 100%; }
.basicTbl01 table {
	width: 100%;
	border-collapse: separate;
    border-spacing: 0;
}
.basicTbl01 table thead th { text-align: center; }
.basicTbl01 table tbody th {
	text-align: left;
	font-weight: normal;
}
.basicTbl01 table tbody td { text-align: left; }
.basicTbl01 table .tm { padding: 10px 9px 10px 9px; }

/* -- width */
.per5  { width: 5%; }
.per8  { width: 8%; }
.per10 { width: 10%; }
.per12 { width: 12%; }
.per15 { width: 15%; }
.per17 { width: 17%; }
.per18 { width: 18%; }
.per20 { width: 20%; }
.per22 { width: 22%; }
.per25 { width: 25%; }
.per30 { width: 30%; }
.per33 { width: 33.3%; }
.per35 { width: 35%; }
.per40 { width: 40%; }
.per50 { width: 50%; }
.per60 { width: 60%; }
.per70 { width: 70%; }
.per80 { width: 80%; }
.per90 { width: 90%; }
.wAuto { width: auto; }


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