@charset "utf-8";

/* format
----------------------------------------------------------------------------------*/
a{color:#ff2727;}
#index #container strong{font-weight:normal;}

h3{
padding:6px 0 7px 4px;
margin:0 0 0.5em;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
border-top:2px solid #ff6d68;
}


/* common parts
----------------------------------------------------------------------------------*/
body{
background:url(../images/cmn_header_bg01.gif) center top repeat-x;
}

/* header */
#header{
background:#ff6c67;
}

/* conainer */
#container{
background:url(../images/cmn_container_bg.gif) left top repeat-y;
}

/* contents */
#contents{
padding-right:12px;
width:618px;
}
#contents .btn{
margin:0 auto 1.5em;
padding:4px 0;
width:602px;
background:url(../images/cmn_btn_bg.gif) top center no-repeat;
text-align:center;
}

#contents #pnav{
padding:0 0 25px;
background:#ffe1dd url(../images/cmn_pnav_bgbtm.gif) left bottom no-repeat;
}
#contents #pnav ul{
margin:0;
padding:16px 13px;
list-style-type:none;
background:url(../images/cmn_pnav_bgtop.gif) left top no-repeat;
}
#contents #pnav li{
padding-left:1.5em;
background:url(../../common/images/cmn_arw_red.gif) left 3px no-repeat;
}


#contents .backLink{
text-align:right;
}
#contents .backLink a{
padding-left:15px;
background:url(../images/cmn_ico_back.gif) left top no-repeat;
}

/* table */
table{
margin:0 0 1em;
padding:0;
width:100%;
border:1px solid #ff2727;
border-collapse:collapse;
}
table th{
padding:8px 9px;
width:106px;
background:#ffe1dd url(../images/cmn_table_line.gif) left bottom repeat-x;
color:#ff2727;
text-align:left;
vertical-align:top;
white-space:nowrap;
}
table td{
padding:8px 9px;
background:#fff url(../images/cmn_table_line.gif) left bottom repeat-x;
}
table tr.last th,
table tr.last td{
background-image:none;
}

/* inputFormTable */
table.inputForm{
width:602px;
border:none;
margin:0;
}
table.inputForm th{
padding:10px 12px;
width:108px;
vertical-align:top;
text-align:left;
border-top:1px solid #fff;
background:#ddf0ff;
}
table.inputForm td{
padding:10px 12px;
vertical-align:top;
border-top:1px solid #fff;
background:#e9f6ff;
}
table.inputForm input,
table.inputForm textarea{
font-size:100%;
}
table.inputForm .w40{width:40px;}
table.inputForm .w70{width:70px;}
table.inputForm .w150{width:150px;}
table.inputForm .w182{width:182px;}
table.inputForm .w270{width:270px;}
table.inputForm .w390{width:390px;}

/* error */
.error,
.thanks{
color:#fe0000;
}
strong.error{
font-size:116%;
}


/* sideContents */
#sideContents #localNav{
background:#ffe1dd;
}
#sideContents #localNav #lnav{
background:url(../images/cmn_lnav_bgbtm.gif) center bottom no-repeat;
}
#sideContents #localNav #lnav dt{
display:block;
padding:4px 3px 0;
margin-bottom:1px;
background:url(../images/cmn_lnav_bgtop.gif) center top no-repeat;
}
#sideContents #localNav #lnav dd{
display:block;
padding:0 3px 1px;
background:url(../images/cmn_lnav_line.gif) center bottom no-repeat;
}
#sideContents #localNav #lnav dd.last{
padding:0 3px 2px;
background:none;
}
#sideContents #localNav #blog .blogger .txt span{
color:#ff4842;
}

/* footer */
#footer{
background:#fff url(../images/cmn_footer_bg.gif) left top no-repeat;
}
#footer #footnav{
color:#ff4842;
}


/* index.html
----------------------------------------------------------------------------------*/
#index #header h1{
position:absolute;
top:-1.5em;
float:none;
margin:0;
padding:0;
font-size:83%;
font-weight:normal;
}

/*  wrapper  */
#index #wrapper{
float:left;
margin:0;
padding:0;
width:692px;
}

/*  contents  */
#index #contents{
float:right;
margin:0;
padding:0 0 53px;
width:466px;
}
#index #contents #introductionInfo{
position:relative;
margin:0 0 30px;
}
#index #contents #introductionInfo ul{
margin:0;
padding:0;
list-style-type:none;
}
#index #contents #introductionInfo li{
margin:0;
padding:0;
}
#index #contents #introductionInfo li a{
padding-left:15px;
background:url(../../common/images/cmn_arw_red.gif) left top no-repeat;
}
#index #contents #introductionInfo img{
margin-left:3px;
}
#index #contents #introductionInfo p.list{
position:absolute;
top:10px;
right:4px;
}
#index #contents #introductionOfWork{
margin:0 0 15px;
width:466px;
}
#index #contents #introductionOfWork dl,
#index #contents #introductionOfWork dt,
#index #contents #introductionOfWork dd{
margin:0;
padding:0;
}
#index #contents #introductionOfWork dl{
float:left;
width:148px;
margin:0 11px 11px 0;
}
#index #contents #introductionOfWork dl.none{
margin-right:0;
}
#index #contents #introductionOfWork dt{
margin:0 0 8px;
}
#index #contents #introductionOfWork dd.img{
float:left;
margin:0;
width:56px;
display:inline;
}
#index #contents #introductionOfWork dd.txt{
float:right;
width:85px;
font-size:84%;
}

#index #contents #job{
clear:both;
}
#index #contents #job ul{
margin:0 0 15px;
padding:0;
}
#index #contents #job li{
float:left;
margin:0 2.5% 0 0;
padding:0;
width:29%;
list-style-type:none;
}
#index #contents #job li.none{
margin:0;
}

#index #pankuz{
margin:0;
}

/* sideBanners */
#index #sideBanners{
float:right;
margin:2.4em 0 53px;
padding:0;
width:152px;
text-align:center;
}
#index #sideBanners #categoryBanners,
#index #sideBanners #supportBanners,
#index #sideBanners #infoBanners,
#index #sideBanners #certificate{
margin:0 0 16px;
_margin:0 0 8px;
padding:0;
width:152px;
list-style-type:none;
}
#index #sideBanners #categoryBanners li,
#index #sideBanners #supportBanners li,
#index #sideBanners #infoBanners li,
#index #sideBanners #certificate li{
margin:0 0 8px;
padding:0;
}
#index #sideBanners img{
vertical-align:bottom;
}


/* beginner.html
----------------------------------------------------------------------------------*/
#beginner .pct{
float:left;
margin:0 12px 12px 0;
}
#beginner .img{
position:relative;
margin-left:-10px;
}
#beginner #contents dl{
margin:0;
padding:0;
}
#beginner #contents dt{
margin:0;
padding:0;
width:80px;
}
#beginner #contents dd{
margin:-23px 0 1em 80px;
_margin:-20px 0 1em 80px;
padding:0 0 0 0.5em;
text-indent:-0.5em;
}


/* flow.html
----------------------------------------------------------------------------------*/
#flow #contents dl{
padding:0 0 24px;
background:url(../images/flow_step_arw.gif) 49px 98px no-repeat;
}
#flow #contents dl.last{
background:none;
}
#flow #contents dt{
margin:0;
padding:0;
width:129px;
}

#flow #contents dd{
margin:-88px 0 0 142px;
padding:0 0 10px;
min-height:80px;
_height:80px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x
}


/* type.html
----------------------------------------------------------------------------------*/
#type .wrap{
margin:0 0 25px;
}
#type .section{
margin-left:0;
width:286px;
}
#type h3{
position:relative;
padding-left:45px;
}
#type h3 img.icon{
position:absolute;
display:block;
left:7px;
_left:-38px;
top:-5px;
}
#type #contents ul{
margin:0 0 0 8px;
padding:0;
list-style-type:none;
}
#type #contents li{
margin:0;
padding:0;
}


/* perm.html
----------------------------------------------------------------------------------*/
#perm #contents dl{
padding:0 0 24px;
background:url(../images/flow_step_arw.gif) 49px 98px no-repeat;
}
#perm #contents dl.last{
background:none;
}
#perm #contents dt{
margin:0;
padding:0;
width:129px;
}
#perm #contents dd{
margin:-88px 0 0 142px;
padding:0 0 10px;
min-height:80px;
_height:80px;
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x
}


/* documents.html
----------------------------------------------------------------------------------*/
#documents #pnav{
margin:0 0 20px;
min-height:97px;
_height:97px;
}
#documents h3{
position:relative;
padding-left:45px;
}
#documents h3 img.icon{
position:absolute;
display:block;
left:0;
_left:-43px;
top:-16px;
}
#documents #pnav ul{
padding-right:98px;
}
#documents #pnav li{
width:224px;
}
#documents .section{
margin-left:0;
}
#documents .section p{
margin-left:8px;
}
#documents #contents dl{
margin:0 0 0 8px;
padding:0;
}
#documents #contents dt{
margin:0;
padding:0;
width:86px;
}
#documents #contents dd{
margin:-23px 0 1em 86px;
_margin:-20px 0 1em 86px;
padding:0;
}
#documents #contents dd em{
font-style:normal;
font-weight:bold;
color:#ff2727;
}
#documents #contents table{
width:600px;
margin:0 auto 20px;
}
#documents #contents th.head{
background:#ff2727;
color:#fff;
width:auto;
}


/* voice.html
----------------------------------------------------------------------------------*/
#voice h3{
font-size:116%;
color:#ff3535;
font-weight:bold;
}
#voice h3:after{
display:block;
content:".";
height:0;
clear:both;
visibility:hidden;
}
* html #voice h3{
display:inline-block;
}
*:first-child+html #voice h3{
display:inline-block;
}

#voice h3 em{
display:block;
float:left;
font-style:normal;
}
#voice h3 span{
display:block;
float:right;
}
#voice .male{
padding-left:135px;
background:url(../images/voice_img_male.jpg) left top no-repeat;
min-height:153px;
_height:153px;
}
#voice .female{
padding-left:135px;
background:url(../images/voice_img_female.jpg) left top no-repeat;
min-height:153px;
_height:153px;
}

/* qanda.html
----------------------------------------------------------------------------------*/
#qanda #contents #pnav{
padding-right:75px;
}
#qanda #contents dl{
background:url(../images/cmn_lnav_line.gif) left bottom repeat-x;
}
#qanda #contents dt{
margin:0 0 10px 8px;
padding:15px 0 15px 42px;
background:url(../images/qanda_q_bg.gif) top left no-repeat;
color:#ff2727;
font-size:140%;
font-weight:bold;
}
#qanda #contents dd{
margin:0 0 0 8px;
padding:0 0 20px 42px;
background:url(../images/qanda_a_bg.gif) top left no-repeat;
}
#qanda #contents dd ul{
margin:0;
padding:0;
list-style-type:none;
}
#qanda #contents dd li{
margin:0;
padding:0;
}
#qanda #contents dd li ul{
margin:0;
padding:0 0 0 1.5em;
list-style-type:disc;
}
#qanda #contents dd em{
font-style:normal;
margin:0;
padding:0;
color:#ff4842;
}


/* info.html
----------------------------------------------------------------------------------*/
#info #entryBox{
margin:0 auto 25px;
width:602px;
background:url(../images/info_entryBox_bg.gif) top center no-repeat;
}
#info #entryBox dt,
#info #entryBox dd{
margin:0;
padding:0;
display:table-cell;
margin-bottom:1px;
vertical-align:middle;
}
* html #info #entryBox dt,
* html #info #entryBox dd{/* IE 6 */
display:inline;
zoom:1;
}
*:first-child+html #info #entryBox dt,
*:first-child+html #info #entryBox dd{/* IE 7 */
display:inline;
zoom:1;
}
#info #entryBox dt{
padding:14px 0;
width:118px;
text-align:center;
}
#info #entryBox dd{
width:484px;
text-align:center;
}
#info #entryBox dd.confirm{
margin-left:30px;
width:454px;
text-align:left;
}
#info #entryBox dd input{
margin-right:1em;
width:295px;
vertical-align:middle;
font-size:100%;
}


/* campaign.html
----------------------------------------------------------------------------------*/
#entry #terms{
margin-right:10px;
padding:10px;
border:2px solid #ccc;
height:10em;
overflow:scroll;
}
#entry .buttons{
width:331px;
}
#entry #secure dd{
width:360px;
}


/* entry.html
----------------------------------------------------------------------------------*/
#entry em{
font-style:normal;
font-weight:bold;
}
#entry em.important{
color:#ff4842;
}
#entry .buttons{
width:331px;
}
#entry #secure dd{
width:360px;
}


/* input.html
----------------------------------------------------------------------------------*/
#input .section{
width:605px;
padding:0 0 4px 0;
background:url(../images/input_table_bg.gif) right bottom no-repeat;
}
#input table.inputForm td dl,
#input table.inputForm td dd,
#input table.inputForm td ul,
#input table.inputForm td li{
margin:0;
padding:0;
list-style-type:none;
}
#input table.inputForm td dt{
margin:0 0 5px;
}
#input table.inputForm td ul{
width:400px;
}
#input table.inputForm td li{
float:left;
width:100px;
}
#input table.inputForm td span.line{
display:block;
margin-bottom:5px;
}


/* backnumber.html
----------------------------------------------------------------------------------*/
#backnumber #contents ul{
margin:0 0 15px;
padding:0;
list-style:none;
}
#backnumber #contents dl{
margin:0 0 15px;
padding:0;
}
#backnumber #contents li,
#backnumber #contents dt,
#backnumber #contents dd{
margin:0;
padding:0;
}
#backnumber #contents li,
#backnumber #contents dt{
padding-left:15px;
background:url(../../common/images/cmn_arw_red.gif) left 3px no-repeat;
}
#backnumber #contents ul.box{
float:left;
margin-right:40px;
width:260px;
display:inline;
}
* html #backnumber #contents ul.box li{
padding:0;
}
#backnumber #contents li em{
font-style:normal;
margin:0 2em;
}
#backnumber #contents dt{
width:6em;
}
#backnumber #contents dd{
margin:-1.5em 0 0.25em 6em;
}