@charset "shift_jis";
/* 目次
------------------------------------------------------------
1. 
2. 
3. 
4. 
--------------------------------------------------------- */
/* =========================================================
   1. 
========================================================= */
/* 見出し
--------------------------------------------------------- */
#blue #index-headline h2,
#blue #content-inner h2,
#blue #content-wide h2,
#blue #content-semiwide h2{
margin:0.5em 0 1em 0;
padding:0.3em 0.5em 0.2em 0.5em;
background:url(../img/h2.gif) #FFFFFF repeat-x 0 100%;
border-top:1px solid #5b85ed;
border-bottom:3px solid #5b85ed;
font-size:105%;
line-height:130%;
}
#blue #index-headline h2{
margin:0;
}
#blue #index-content-inner h3,
#blue #content-inner h3,
#blue #content-wide h3,
#blue #content-semiwide h3{
margin:1.5em 0 0.5em 0;
padding:0.1em 0.5em 0.2em 13px;
background:url(../img/h3_blue.gif) #FFFFFF no-repeat 0 100%;
border-bottom:1px solid #5b85ed;
font-size:95%;
line-height:130%;
}
#blue #index-content-inner h4,
#blue #content-inner h4,
#blue #content-wide h4,
#blue #content-semiwide h4{
margin:1.5em 0 0.5em 5px;
padding:0.1em 0.5em 0.1em 5px;
border-left:6px solid #999999;
font-size:90%;
}
#blue #index-content-inner h5,
#blue #content-inner h5,
#blue #content-wide h5,
#blue #content-semiwide h5{
margin:1.5em 0 0.5em 10px;
color:#0066ff;
font-size:90%;
}
#blue #index-content-inner h6,
#blue #content-inner h6,
#blue #content-wide h6,
#blue #content-semiwide h6{
margin:1.5em 0 0.5em 10px;
font-size:90%;
}
/* リンクテキスト
--------------------------------------------------------- */
/* 左側リンク */
#blue p.left-link{
margin:0.5em 0 0.2em 20px;
padding-left:16px;
background:url(../img/icon_link_blue.gif) no-repeat 0 0.35em;
font-size:85%;
line-height:150%;
}
/* 右側リンク（フロー用ボックスの中で使用） */
#blue div.right-link{
margin:0.4em 10px 0.1em 0;
text-align:right;
}
#blue div.right-link p{
padding:0 0 0 16px;
background:url(../img/css_common.gif) #FFFFFF no-repeat -838px -192px;/* icon_more.gif */
font-size:80%;
line-height:150%;
text-align:right;
display:inline;
}
/* ULリスト
--------------------------------------------------------- */
/* リンク用リスト */
#blue ul.link,
#blue ul.horizon-link{
margin:0.5em 0 1em 20px;
}
#blue ul.link li,
#blue ul.horizon-link li{
margin-top:0.2em;
padding-left:16px;
background:url(../img/icon_link_blue.gif) no-repeat 0 0.35em;
font-size:85%;
line-height:150%;
}
#blue ul.horizon-link li{
margin-right:16px;
float:left;
}
/* リンクなしリスト */
#blue ul.no-link{
margin:0.5em 0 1em 40px;
}
#blue ul.no-link li{
margin-top:0.2em;
padding-left:5px;
font-size:85%;
line-height:150%;
list-style-type:disc;
}
/* 枠線つきボックス内リスト */
#blue ul.link-boxIn{
margin:0.5em 0 0 20px;
}
#blue ul.link-boxIn li{
margin-top:0.2em;
padding-left:16px;
background:url(../img/icon_link_blue.gif) no-repeat 0 0.35em;
font-size:85%;
line-height:150%;
}
/* ULリスト（先頭に文字表示あり）
--------------------------------------------------------- */
#blue ul.alpha{
margin:0.5em 0 1em 40px;
}
#blue ul.alpha li{
margin-top:0.2em;
font-size:85%;
line-height:150%;
list-style-type:lower-alpha;
}
/* OLリスト
--------------------------------------------------------- */
#blue ol{
margin:0.5em 0 1em 40px;
}
#blue ol li{
margin-top:0.2em;
font-size:85%;
line-height:150%;
list-style-type:decimal;
}
/* OLリスト（テーブル内用）
--------------------------------------------------------- */
#blue ol.table{
margin:0 0 1em 15px;
}
#blue table.static ol{
margin:0.5em 0 1em 2em;
}
#blue table.static li,
#blue ol.table li{
font-size:100%;
line-height:150%;
list-style-type:decimal;
}
/* 境界線
--------------------------------------------------------- */
div.line{
margin:15px 0;
background:url(../img/line_blue.gif) repeat-x 0 0;
height:2px;
}
/* ボックス
--------------------------------------------------------- */
/* 枠線つきボックス */
#blue div.border{
margin:0.5em 1em;
padding:0.5em;
border:5px solid #c6daf7;
}
#blue div.border-deep{
margin:0.5em 1em;
padding:0.5em;
border:5px solid #89b7fa;
}
#blue div.border h4{
margin:0.5em 0 0.5em 5px !important;
}
/* フロー用ボックス */
#blue div.flow-left{
width:150px;
float:left;
text-align:center;
}
#blue div.flow-right{
margin-left:10px;
padding:0.5em;
border:1px solid #cccccc;
width:380px;
float:right;
}
#blue div.flow-right-nb{
margin-left:10px;
padding-right:0.5em;
width:380px;
float:right;
}
#blue div.flow-right-sp{
width:380px;
float:right;
}
#blue div.flow-left p.flow{
margin-bottom:1em;
padding:0.5em;
background:#c6daf7;
font-weight:bold;
font-size:80%;
width:150px;
}
/* テーブル
--------------------------------------------------------- */
/* 通常テーブル */
#blue table.static th,td{
padding:5px;
}
#blue table.static th{
background:#c6daf7;
border:1px solid #333333;
vertical-align:top;
font-size:80%;
}
#blue table.static td{
background:#FFFFFF;
border:1px solid #333333;
vertical-align:top;
font-size:80%;
}
#blue table.static td span{
display:block;
}
#blue table.static td span.number{
margin-left:1.3em;
text-indent:-1.3em;
}
#blue table.static td span.notice{
margin-left:2.5em;
text-indent:-0.8em;
}
#blue table.static td span.no-notice{
margin-left:1.5em;
}
/* 9:37 2009/04/20 追加 */
#blue table.static td span.indent{
margin-left:15px;
text-indent:11px;
}
#blue table.static td span.left-link{
margin:0.5em 0 0.2em 5px;
padding-left:13px;
background:url(../img/icon_link_blue.gif) no-repeat 0 0.35em;
font-size:100%;
line-height:150%;
}
/* 9:37 2009/04/20 追加 end */
/* 点線テーブル（セルの下のライン） */
#blue table.static-dotted th,td{
padding:5px;
border:none;
font-size:85%;
}
#blue table.static-dotted th{
background:#c6daf7;
}
#blue table.static-dotted td{
background:#FFFFFF;
border-bottom:1px dotted #999999;
}
/* 点線テーブル（セルの下のライン）・文字小さめ */
#blue table.static-dottedS th,td{
padding:5px;
border:none;
font-size:80%;
}
#blue table.static-dottedS th{
background:#c6daf7;
}
#blue table.static-dottedS td{
background:#FFFFFF;
border-bottom:1px dotted #999999;
}
/* 線無しテーブル */
#blue table.static-noline th,td{
padding:1px;
}
#blue table.static-noline th{
background:#c6daf7;
border:0px;
vertical-align:top;
font-size:90%;
}
#blue table.static-noline td{
background:#FFFFFF;
border:0px;
vertical-align:top;
font-size:90%;
}
#blue table.static-noline td span{
display:block;
}
#blue table.static-noline td span.number{
margin-left:1.3em;
text-indent:-1.3em;
}
#blue table.static-noline td span.notice{
margin-left:2.5em;
text-indent:-1em;
}
#blue table.static-noline td span.no-notice{
margin-left:1.5em;
}
/* 動的ページ・レイアウトテーブル
--------------------------------------------------------- */
/* 基本レイアウト（枠線なし） */
#blue table.dynamic{
width:800px;
}
#blue table.dynamic tr{
border-bottom: solid 5px #ffffff;
}
#blue table.dynamic th,
#blue table.dynamic td{
padding:5px 5px 5px 5px;
font-size:80%;
line-height:150%;
border-left: solid 5px #ffffff;
border-bottom: solid 5px #ffffff;
}
#blue table.dynamic th{
background:#c6daf7;
text-align:left;
width:195px;
vertical-align:top;
}
#blue table.dynamic th.necessary{
background:#89b7fa;
width:170px;
}
#blue table.dynamic th.number{
width:165px;
}
#blue table.dynamic td.number{
background:#aecffe;
font-weight:bold;
text-align:center;
width:15px;
}
#blue table.dynamic td.number-empty{
font-weight:bold;
width:15px;
}
#blue table.dynamic td.blank{
background:#c6daf7;
width:5px;
}
#blue table.dynamic td.blank-nes{
background:#89b7fa;
width:30px;
vertical-align:top;
}
#blue table.dynamic td.blank-nes img{
vertical-align:middle;
}
/* レイアウトテーブル内テーブル（枠線あり）
--------------------------------------------------------- */
#blue table.dynamic table.inner tr{
border:1px;
}
#blue table.dynamic table.inner th,
#blue table.dynamic table.inner td{
padding:5px;
border:1px solid #333333;
}
#blue table.dynamic table.inner th{
background:#c6daf7;
font-size:100% !important;
}
#blue table.dynamic table.inner td{
background:#FFFFFF;
font-size:100% !important;
}
#blue table.dynamic table.inner-small{
margin:0 auto;
}
#blue table.dynamic table.inner-small th,
#blue table.dynamic table.inner-small td{
padding:5px;
border:1px solid #333333;
line-height:150%;
}
#blue table.dynamic table.inner-small th{
background:#c6daf7;
font-size:90% !important;
}
#blue table.dynamic table.inner-small td{
background:#FFFFFF;
font-size:90% !important;
}
/* 単独テーブル
--------------------------------------------------------- */
div.d-sole{
padding:5px 5px 10px 5px;
}
div.d-sole table td{
font-size:100% !important;
}
/* 見出しに色付・ボーダーあり */
#blue table.sole th,
#blue table.sole td{
padding:5px;
border:1px solid #333333;
}
#blue table.sole th{
background:#c6daf7;
font-size:80% !important;
}
#blue table.sole td{
background:#FFFFFF;
font-size:80% !important;
}
/* 見出しに色付・ボーダーあり（文字小さめ） */
#blue table.sole-small th,
#blue table.sole-small td{
padding:5px;
border:1px solid #333333;
}
#blue table.sole-small th{
background:#c6daf7;
font-size:75% !important;
}
#blue table.sole-small td{
background:#FFFFFF;
font-size:75% !important;
}
/* 見出しに色なし・ボーダーなし */
#blue table.sole-nb td{
padding:5px;
background:#FFFFFF;
border:none;
font-size:80% !important;
}
/* 見出しに色付・ボーダーあり（文字小さめ・印刷対応） */
#blue table.sole-print{
width:830px;
}
#blue table.sole-print th,
#blue table.sole-print td{
padding:5px;
border:1px solid #000000;
}
#blue table.sole-print th{
background:#c6daf7;
font-size:75% !important;
}
#blue table.sole-print td{
background:#FFFFFF;
font-size:75% !important;
}
/* フォーム内ボタン
--------------------------------------------------------- */
#blue input.btn01{
vertical-align:text-bottom;
}
#blue img.btn01{
vertical-align:text-bottom;
cursor:pointer;
}
/* 送信ボタン
--------------------------------------------------------- */
div.submit-area{
margin:10px 10px 15px 0;
text-align:right;
}
#blue input.dynaBtn{
border: none;
padding:0 0 5px 0 !important;
/* IE6のみcsshackを使用し、padding:0とする */
_padding:0 !important;
margin-left:5px;
}
#blue input.btn04{
background: url(../img/btn_blue_04.gif);
width:95px !important;
}
#blue input.btn06{
background: url(../img/btn_blue_06.gif);
width:124px !important;
}
#blue input.btn08{
background: url(../img/btn_blue_08.gif);
width:155px !important;
}
#blue input.btn10{
background: url(../img/btn_blue_10.gif);
width:185px !important;
}
#blue input.btn12{
background: url(../img/btn_blue_12.gif);
width:215px !important;
}
#blue input.disabled{
color:#666666;
}
#blue .submit01,
#blue .submit01-01{
border:0;
cursor:pointer;
font-weight:bold;
padding:0 20px 0 5px;
text-align:center;
width:auto;/* IE */
overflow:visible;/* IE */
font-size:90%;
height:41px;
line-height:40px;
}
#blue button.submit01 span,
#blue button.submit01-01 span{
position:relative;
display:block;
white-space:nowrap;
padding:0 0 0 15px;
margin-top:1px;/* IE */
background:url(../img/btn_left_blue.gif) left no-repeat;
height:40px;
line-height:40px;
color:#000000;
}
#blue button.submit01 span.disabled,
#blue button.submit01-01 span.disabled{
color:#666666;
}
/* Safari */
html*div #blue button.submit01,
html*div #blue button.submit01-01{
background:url(../img/btn_right_blue.gif) no-repeat 100% 0;
}
/* IE6 */
* html body #blue button.submit01,
* html body #blue button.submit01-01{
background:url(../img/btn_right_blue.gif) no-repeat 100% 1px;
}
/* IE7 */
*+html body #blue button.submit01,
*+html body #blue button.submit01-01{
background:url(../img/btn_right_blue.gif) no-repeat 100% 1px;
}
/* IE8 */
html>/**/body #blue button.submit01-01 {
background /*\**/ :url(../img/btn_right_blue.gif) no-repeat 100% 1px\9;
}
/* FF2 */
#blue button.submit01{
background:url(../img/btn_right_blue.gif) no-repeat 100% 1px;
}
/* FF2（ずれてしまう場合に適用）*/
#blue button.submit01-01{
background:url(../img/btn_right_blue.gif) no-repeat 100% 2px;
}
/* FF3 */
html>/**/body #blue button.submit01, x:-moz-any-link, x:default,
html>/**/body #blue button.submit01-01, x:-moz-any-link, x:default{
background:url(../img/btn_right_blue.gif) no-repeat 100% 2px;
}
#blue button.submit02{
border:0;
cursor:pointer;
font-weight:bold;
padding:0 20px 0 5px;
text-align:center;
width:auto;/* IE */
overflow:visible;/* IE */
font-size:100%;
height:41px;
line-height:40px;
}
#blue button.submit02 span{
position:relative;
display:block;
white-space:nowrap;
padding:0 0 0 15px;
margin-top:1px;/* IE */
background:url(../img/btn_left_blue.gif) left no-repeat;
height:40px;
line-height:40px;
color:#000000;
}
/* Safari */
html*div #blue button.submit02{
background:url(../img/btn_right_blue.gif) no-repeat 100% 0;
}
/* IE6 */
* html body #blue button.submit02{
background:url(../img/btn_right_blue.gif) no-repeat 100% 1px;
}
/* IE7 */
*+html body #blue button.submit02{
background:url(../img/btn_right_blue.gif) no-repeat 100% 1px;
}
/* FF2+ */
#blue button.submit02{
background:url(../img/btn_right_blue.gif) no-repeat 100% 1px;
}
/* FF3 */
html>/**/body #blue button.submit02, x:-moz-any-link, x:default{
background:url(../img/btn_right_blue.gif) no-repeat 100% 2px;
}