﻿/* ------------------------------------------------
	Common Style
-------------------------------------------------*/
img.num{
margin-right:5px;
vertical-align:middle;
}

div.dotLine{
height:1px;
margin-bottom:20px;
background:transparent url(./img/outside/bg_dot_line.gif) left top repeat-x;
font-size:0;
line-height:1px;
}

/* normal to small */
.small2{
margin-left:1em;
color:#555;
font-size:80%;
font-weight:normal;
text-indent:-1em;
}


/* ------------------------------------------------
	mainContents Style
-------------------------------------------------*/
#mainContents h3{
height:38px;
height/* */:/**/30px;
height:/**/30px;
width:680px;
margin:0 5px 10px 5px;
padding:4px 10px 4px 20px;
background:transparent url(./img/background/bg_h3.gif) left top no-repeat;
background-size:100% 100%;
text-align:left;
color:white;
}

#mainContents h4{
margin:0 5px 15px 5px;
line-height:1px;
text-align:left;
}

#mainContents h5{
margin:0 5px 1.0em 5px;
color:#555;
font-size:75%;
font-weight:bold;
text-align:left;
}

#mainContents p{
margin-left:5px;
}

#mainContents p.notes{
margin-bottom:1.5em;
color:#555;
font-size:60%;
line-height:1.6;
}

#mainContents p.notes2{
margin-bottom:1.5em;
color:#555;
font-size:60%;
line-height:1.6;
text-indent:-1.0em;
}

#mainContents div.remarks{
margin-bottom:0.2em;
text-align:left;
}
#mainContents div.remarks:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.remarks{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents div.remarks{ height:1%; }
#mainContents div.remarks{ display:block; }
/* End hide from IE-mac */

#mainContents div.remarks p.remarksL{
float:left;
margin-bottom:0;
color:#c80000;
font-size:75%;
line-height:1.4;
display:inline;	/* IE DFM Bug hack */
}
html>body #mainContents div.remarks p.remarksL{
margin-bottom:0;
}

#mainContents div.remarks p.remarksR{
float:right;
margin-bottom:0;
padding-top:2px;
color:#555;
font-size:60%;
line-height:1.4;
display:inline;	/* IE DFM Bug hack */
}
html>body #mainContents div.remarks p.remarksR{
margin-bottom:0;
}

#mainContents h4.attentionIcon{
height:32px;
height/* */:/**/26px;
height:/**/26px;
margin:8px 5px 0 5px;
padding:16px 40px 16px 40px;
line-height:1px;
background:transparent url(./img/background/bg_attention_icon.gif) left top no-repeat;
}

/* 201312 ログイン中表示見直し start */
#mainContents h4.attention_noIcon{
height:32px;
height/* */:/**/26px;
height:/**/26px;
margin:8px 5px 0 5px;
padding:16px 40px 16px 10px;
line-height:1px;
}
/* 201312 ログイン中表示見直し end */

/* ------------------------------------------------
	Block Style
-------------------------------------------------*/
/* ========== block00 ========== */
#mainContents div.block00Wrapper{
margin:1px 5px 10px 5px;
background:transparent url(./img/background/bg_block01.gif) left top repeat-y;
}
#mainContents div.block00Wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.block00Wrapper{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents div.block00Wrapper{ height:1%; }
#mainContents div.block00Wrapper{ display:block; }
/* End hide from IE-mac */

#mainContents div.block00Wrapper h5.block01Top{
height:38px;
height/* */:/**/30px;
height:/**/30px;
margin:0;
padding:8px 16px 0 16px;
background:transparent url(./img/background/bg_block01_top.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.block00Wrapper div.block01Area{
padding:0 26px 0 26px;
text-align:left;
}

#mainContents div.block00Wrapper div.block01Bottom{
height:3px;
background:transparent url(./img/background/bg_block01_bottom.gif) left top no-repeat;
font-size:0;
line-height:1px;
}


/* ========== block01 ========== */
#mainContents div.block01Wrapper{
margin:1px 5px 30px 5px;
background:transparent url(./img/background/bg_block01.gif) left top repeat-y;
}
#mainContents div.block01Wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.block01Wrapper{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents div.block01Wrapper{ height:1%; }
#mainContents div.block01Wrapper{ display:block; }
/* End hide from IE-mac */

#mainContents div.block01Wrapper h5.block01Top{
height:38px;
height/* */:/**/30px;
height:/**/30px;
margin:0;
padding:8px 16px 0 16px;
background:transparent url(./img/background/bg_block01_top.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.block01Wrapper div.block01Area{
padding:0.4em 26px 0 26px;
text-align:left;
}

#mainContents div.block01Wrapper div.block01Bottom{
height:3px;
background:transparent url(./img/background/bg_block01_bottom.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

/* ========== block02 ========== */
#mainContents div.block02Wrapper{
width:720px;
margin:0 0 30px 0;
background:transparent url(./img/background/bg_block02.gif) left top repeat-y;
}
#mainContents div.block02Wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.block02Wrapper{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents div.block02Wrapper{ height:1%; }
#mainContents div.block02Wrapper{ display:block; }
/* End hide from IE-mac */

#mainContents div.block02Wrapper div.block02Top{
height:15px;
background:transparent url(./img/background/bg_block02_top.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.block02Wrapper div.block02Area{
margin:-0.3em 0;
padding:1em 15px 0 15px;
text-align:left;
}

#mainContents div.block02Wrapper div.block02Area h4{
margin:0 11px 20px 11px;
}

#mainContents div.block02Wrapper div.block02Area p{
margin:0 11px 1.0em 11px;
}

#mainContents div.block02Wrapper div.block02Area div.dotLine{
margin-left:11px;
margin-right:11px;
}

#mainContents div.block02Wrapper div.block02Bottom{
height:15px;
background:transparent url(./img/background/bg_block02_bottom.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

/* ========== attention ========== */
#mainContents div.attentionWrapper{
margin:0 6px 20px 6px;
background:transparent url(./img/background/bg_attention.gif) left top repeat-y;
}
#mainContents div.attentionWrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.attentionWrapper{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents attentionWrapper{ height:1%; }
#mainContents div.attentionWrapper{ display:block; }
/* End hide from IE-mac */

#mainContents div.attentionWrapper div.attentionTop{
height:8px;
background:transparent url(./img/background/bg_attention_top.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.attentionWrapper div.attentionArea{
margin:-0.3em 0;
padding:0.7em 15px 0 15px;
}

#mainContents div.attentionWrapper div.attentionArea ul{
margin:-0.7em 0 0.8em 25px;
}

#mainContents div.attentionWrapper div.attentionArea ul li{
margin-bottom:0.5em;
font-size:75%;
line-height:1.4;
}

#mainContents div.attentionWrapper div.attentionBottom{
height:8px;
background:transparent url(./img/background/bg_attention_bottom.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

/* ========== attention2 ========== */
#mainContents div.attention2Wrapper{
margin:-5px 5px 30px 5px;
background:transparent url(./img/background/bg_attention2.gif) left top repeat-y;
}
#mainContents div.attention2Wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.attention2Wrapper{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents attentionWrapper{ height:1%; }
#mainContents div.attention2Wrapper{ display:block; }
/* End hide from IE-mac */

#mainContents div.attention2Wrapper div.attention2Top{
height:8px;
background:transparent url(./img/background/bg_attention2_top.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.attention2Wrapper div.attention2Area{
padding:0.8em 26px 0.9em 26px;
}

#mainContents div.attention2Wrapper div.attention2Area p{
margin-bottom:-0.4em;
color:#555;
}

#mainContents div.attention2Wrapper div.attention2Bottom{
clear:both;
height:8px;
background:transparent url(./img/background/bg_attention2_bottom.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

/* ========== attention3 ========== */
#mainContents div.attention3Wrapper{
margin:-5px 5px 30px 5px;
background:transparent url(./img/background/bg_attention3.gif) left top repeat-y;
}
#mainContents div.attention2Wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.attention3Wrapper{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents attentionWrapper{ height:1%; }
#mainContents div.attention3Wrapper{ display:block; }
/* End hide from IE-mac */

#mainContents div.attention3Wrapper div.attention3Top{
height:8px;
background:transparent url(./img/background/bg_attention2_top.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.attention3Wrapper div.attention3Center{
height:5px;
background:transparent url(./img/background/bg_attention2_center.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.attention3Wrapper div.attention3Area{
padding:13px 26px 10px 26px;
}
#mainContents div.attention3Wrapper div.attention3Area p{
margin-bottom:0.3em;
padding-bottom:8px;
border-bottom:1px solid #666;
line-height:1.6;
}

#mainContents div.attention3Wrapper div.attention3Bottom{
clear:both;
height:8px;
background:transparent url(./img/background/bg_attention2_bottom.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

/* ========== attention4 ========== */
#mainContents div.attention4Wrapper{
margin:0 5px 15px 5px;
background:transparent url(./img/background/bg_attention4.gif) left top repeat-y;
}
#mainContents div.attention4Wrapper:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.attention4Wrapper{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents attention4Wrapper{ height:1%; }
#mainContents div.attention4Wrapper{ display:block; }
/* End hide from IE-mac */

#mainContents div.attention4Wrapper div.attention4Top{
height:8px;
background:transparent url(./img/background/bg_attention_top.gif) left top no-repeat;
font-size:0;
line-height:1px;
}

#mainContents div.attention4Wrapper div.attention4Area{
margin:0;
padding:0.7em 20px 0 20px;
}
#mainContents div.attention4Wrapper div.attention4Area:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#mainContents div.attention4Wrapper div.attention4Area{ display:inline-block; }
/* Hides from IE-mac \*/
* html #mainContents attention4Wrapper div.attention4Area{ height:1%; }
#mainContents div.attention4Wrapper div.attention4Area{ display:block; }
/* End hide from IE-mac */

#mainContents div.attention4Wrapper div.attention4Area p{
float:left;
margin-left:0;
}

#mainContents div.attention4Wrapper div.attention4Area p.reEntry{
float:right;
margin:-0.4em 0 0.6em 0;
}

#mainContents div.attention4Wrapper div.attention4Area p.reEntry input{
padding:0;
}

#mainContents div.attention4Wrapper div.attention4Bottom{
clear:both;
height:8px;
background:transparent url(./img/background/bg_attention_bottom.gif) left top no-repeat;
font-size:0;
line-height:1px;
}


/* ------------------------------------------------
	Table Style
-------------------------------------------------*/
/* ========== formTable ========== */
table.formTable,
table.formTable2,
table.formTable5{
margin:-7px 0 23px 4px;
border:0 none;
border-collapse:separate;
border-spacing:0 7px;
empty-cells:show;
}
html>body table.formTable,
html>body table.formTable2,
html>body table.formTable5{
width:667px;
margin-left:11px;
}

table.formTable tr th,
table.formTable2 tr th,
table.formTable5 tr th{
width:200px;
width/* */:/**/180px;
width:/**/180px;
padding:8px 1.0em 6px 1.0em;
background:transparent url(./img/background/bg_reticulation01.gif) left top repeat;
color:#555;
font-size:75%;
font-weight:bold;
line-height:1.4;
text-align:left;
vertical-align:middle;
}
html>body table.formTable tr th{
width:160px;
}

table.formTable tr th.thRec,
table.formTable2 tr th.thRec,
table.formTable5 tr th.thRec{
padding:8px 1.2em 6px 2.2em;
text-indent:-1.0em;
}
html>body table.formTable tr th.thRec{
width:140px;
}

table.formTable2 tr th{
width:260px;
width/* */:/**/240px;
width:/**/240px;
width:100px;
}
html>body table.formTable2 tr th{
/*width:220px;*/
width:100px;
}

table.formTable5 tr th{
width:170px;
width/* */:/**/150px;
width:/**/150px;
}
html>body table.formTable5 tr th{
width:130px;
}

table.formTable tr td,
table.formTable2 tr td,
table.formTable5 tr td{
padding:8px 0 8px 10px;
font-size:75%;
text-align:left;
vertical-align:middle;
}
html>body table.formTable tr td,
html>body table.formTable2 tr td,
html>body table.formTable5 tr td{
padding:8px 0 8px 17px;
}


table.formTable tr td table,
table.formTable2 tr td table,
table.formTable5 tr td table{
margin:0;
}

table.formTable tr td table tr td,
table.formTable2 tr td table tr td,
table.formTable5 tr td table tr td{
padding:0;
font-size:75%;
font-size/* */:/**/100%;
font-size:/**/100%;
}

table.formTable tr td table tr td input,
table.formTable2 tr td table tr td input,
table.formTable5 tr td table tr td input{
margin-bottom:4px;
}

/* ========== formTable3 ========== */
table.formTable3{
margin:10px 0 0 10px;
border:0 none;
border-collapse:separate;
border-spacing:0;
empty-cells:show;
}

table.formTable3 tr th{
width:142px;
padding:3px 0 0 0;
color:#555;
font-size:75%;
font-weight:bold;
line-height:1.4;
text-align:left;
vertical-align:middle;
}

table.formTable3 tr td{
padding:0 0 0 20px;
font-size:75%;
text-align:left;
vertical-align:middle;
}

table.formTable3 tr td input{
margin-right:10px;
}

/* ========== formTable4 ========== */
table.formTable4{
margin:0 0 10px 0;
border:0 none;
border-collapse:separate;
border-spacing:0;
empty-cells:show;
}

table.formTable4 tr th{
width:110px;
padding:3px 0 0 0;
color:#555;
font-size:75%;
font-weight:bold;
line-height:1.4;
text-align:left;
vertical-align:middle;
}

table.formTable4 tr td{
font-size:75%;
text-align:left;
vertical-align:middle;
}

/* ========== formTable6 ========== */
table.formTable6{
margin:0 0 10px 4px;
border:0 none;
border-collapse:separate;
border-spacing:0;
empty-cells:show;
}
html>body table.formTable6{
margin:0 0 17px 10px;
}

table.formTable6 tr th{
width:50px;
color:#555;
font-size:75%;
font-weight:bold;
line-height:1.4;
text-align:left;
vertical-align:middle;
}
html>body table.formTable6 tr th{
padding-top:7px;
}

table.formTable6 tr td{
font-size:75%;
line-height:1.4;
text-align:left;
vertical-align:middle;
}
html>body table.formTable6 tr td{
padding-top:7px;
}

/* ------------------------------------------------
	input width
-------------------------------------------------*/
.inputW01{
width:35px;
width/* */:/**/25px;
width:/**/25px;
}
.inputW02{
width:45px;
width/* */:/**/35px;
width:/**/35px;
}
.inputW03{
width:50px;
width/* */:/**/40px;
width:/**/40px;
}
.inputW03{
width:50px;
width/* */:/**/40px;
width:/**/40px;
}
.inputW04{
width:70px;
width/* */:/**/60px;
width:/**/60px;
}
.inputW05{width:75px;}
.inputW06{width:100px;}
.inputW07{width:200px;}
.inputW08{width:250px;}
.inputW09{width:330px;}


/* ------------------------------------------------
	input width
-------------------------------------------------*/
select.select01{
margin-bottom:7px;
width:100px;
}

select.select02{
width:55px;
vertical-align:middle;
}

select.select03{
width:80px;
vertical-align: middle;
}

/* ------------------------------------------------
	Area Style
-------------------------------------------------*/
/* ========== submitArea0 ========== */
div.submitArea0{
margin:0px 0 10px 0;
text-align:center;
}

div.submitArea0 input{
border:none;
}

/* ========== submitArea ========== */
div.submitArea{
margin:0 11px 10px 11px;
padding:30px 0 10px 0;
background:transparent url(./img/background/bg_submit.gif) left top repeat-x;
text-align:center;
}

div.submitArea input{
border:none;
}

/* ========== submitArea2 ========== */
div.submitArea2{
margin:30px 0 20px 0;
text-align:center;
}

div.submitArea2 input{
border:none;
}

/* ========== submitArea3 ========== */
div.submitArea3{
margin:15px 0 30px 0;
padding:30px 0 0 30px;
background:transparent url(./img/background/bg_submit.gif) left top repeat-x;
text-align:left;
}

div.submitArea3 input{
border:none;
}

/* ========== submitArea4 ========== */
div.submitArea4{
margin:10px 5px 30px 5px;
padding:30px 0 0 35px;
background:transparent url(./img/background/bg_submit.gif) left top repeat-x;
text-align:left;
}

div.submitArea4 input{
border:none;
}

div.submitArea4 ul{
margin:0 0 25px 20px;
}

div.submitArea4 ul li{
margin-bottom:5px;
font-size:75%;
}

div.submitArea4 table.formTable{
margin:25px 0 0 -2px;
}
html>body div.submitArea4 table.formTable{
margin:25px 0 0 5px;
}


/* ========== btnReStart ========== */
div.btnReStart{
margin:30px 0 30px -35px;
text-align:center;
}
