@charset "utf-8";

/* format
----------------------------------------------------------------------------------*/

a{color:#0294d4;}

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 #02a9e9;
}


table{
margin:0 0 1em;
padding:0;
width:100%;
border:1px solid #34c3ff;
border-collapse:collapse;
}
table th{
padding:8px 9px;
width:120px;
background:#effbff url(../images/table_line.gif) left bottom repeat-x;
color:#008cc5;
text-align:left;
vertical-align:top;
white-space:nowrap;
}
table td{
padding:8px 9px;
background:#fff url(../images/table_line.gif) left bottom repeat-x;
color:#656565;
}
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:#d1eeff;
}
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 .w270{width:270px;}
table.inputForm .w390{width:390px;}


/* common parts
----------------------------------------------------------------------------------*/
body{
background:url(../images/cmn_header_bg01.gif) center top repeat-x;
}

body#sitemap,
body#entry,
body#info,
body#campaign{
background:url(../images/cmn_header_bg02.gif) center top repeat-x;
}

/* header */
#header{
background:#8bd4ff;
}

/* conainer */
#container{
background:url(../images/cmn_container_bg.gif) left top repeat-y;
}

/* contents */
#contents{
padding-right:12px;
width:618px;
}
#sitemap #contents,
#entry #contents,
#info #contents,
#campaign #contents{
position:relative;
margin-top:-107px;
padding-right:12px;
padding-left:12px;
width:618px;
background:#fff;
}

#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 #pankuz{
margin:0 0 15px;
}

/* error */
.error,
.thanks{
color:#fe0000;
}
strong.error{
font-size:116%;
}

/* sideContents */
#sideContents #localNav{
background:#d1eeff;
}
#sideContents #localNav #lnav{
display:block;
padding:0 0 2px;
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:#0294d4;
}

/* footer */
#footer{
background:#fff url(../images/cmn_footer_bg.gif) left top no-repeat;
}
#footer #footnav{
color:#0294d4;
}


/* mission.html
----------------------------------------------------------------------------------*/
#mission .lead,
#mission #contents .section{
margin-bottom:56px;
}
#mission h3{
position:relative;
}
#mission h3 img.promise{
position:absolute;
top:-28px;
_top:-26px;
left:0;
_left:-4px;
}

#mission #contents ul{
padding:0;
list-style-type:none;
}
#mission #contents li{
margin:0;
padding:0;
}


/* beginner.html
----------------------------------------------------------------------------------*/
#beginner #pnav{
width:618px;
margin:0 0 24px;
padding:8px 0 0;
background:#daf1ff url(../images/beginner_pnav_bgtop.gif) center top no-repeat;
}
#beginner #pnav ul{
width:522px;
margin:0;
min-height:88px;
_height:88px;
padding:8px 83px 30px 13px;
background:#daf1ff url(../images/beginner_pnav_bgbtm.gif) center bottom no-repeat;
list-style-type:none;
}
#beginner #pnav li.Lside{
float:left;
width:230px;
margin:0 0 3px;
padding:0;
}
#beginner #pnav li.Rside{
float:right;
width:260px;
margin:0 0 3px;
padding:0;
}
#beginner #pnav li a{
padding-left:16px;
background:url(../images/cmn_arw.gif) left top no-repeat;
}
#beginner h3{
position:relative;
padding-left:45px;
}
#beginner h3 img.icon{
position:absolute;
display:block;
left:7px;
_left:-38px;
top:-13px;
}
#beginner .pct{
float:left;
margin:0 0 0 -5px;
width:202px;
display:inline;
}
#beginner .txt{
float:right;
width:380px;
margin-right:8px;
display:inline;
}
#beginner .txt p{
margin:0 0 1em;
}


/* compliance.html
----------------------------------------------------------------------------------*/
#compliance h2{
padding:0;
background:none;
border:none;
}
#compliance #signature{
text-align:right;
}


/* orangeribbon.html
----------------------------------------------------------------------------------*/
#orangeribbon table{
margin:0 auto 36px;
width:600px;
}
#orangeribbon table th{
width:auto;
padding:8px 3px;
text-align:center;
background:#edf8ff url(../images/orangeribbon_line.gif) right bottom no-repeat;
}
#orangeribbon table td{
padding:10px 7px;
text-align:center;
vertical-align:top;
background:url(../images/orangeribbon_line.gif) right top no-repeat;
}
#orangeribbon table th.last{
background:#edf8ff url(../images/orangeribbon_line.gif) left bottom no-repeat;
}
#orangeribbon table td.last{
background:none;
}
#orangeribbon #contents .button{
margin:0 auto 30px;
width:602px;
padding:4px 0;
text-align:center;
background:url(../images/orangeribbon_btn_bg.gif) center center no-repeat;
}


/* outline.html
----------------------------------------------------------------------------------*/
#outline h2{
padding:0;
background:none;
border:none;
}
#outline td dt{
font-weight:bold;
}
#outline td dd{
margin: 0 0 0 1em;
}
#outline .detail{
display:block;
margin:0;
float:right;
width:190px;
}
#outline .detail dt{
display:block;
margin:0;
font-weight:bold;
color:#008cc5;
}
#outline .detail dd{
display:block;
margin:0 0 1em;
}
#outline #contents ul{
margin:0 0 20px;
padding:0;
list-style-type:none;
}
#outline #contents li{
float:left;
margin-right:15px;
padding:5px;
width:129px;
border:1px solid #d9d9d9;
}
#outline #contents li.last{
margin-right:0;
}
#outline #contents li strong{
display:block;
padding:15px 0;
color:#008cc5;
text-align:center;
}
#outline #contents li span{
display:block;
text-align:left;
}


/* privacy.html
----------------------------------------------------------------------------------*/
#privacy .section dl{
margin:0;
}
#privacy .section dt{
font-weight:bold;
}
#privacy .section dd{
margin:0 0 1.5em;
}
#privacy #signature{
text-align:right;
}


/* 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{
width:454px;
padding-left:30px;
text-align:left;
}
#info #entryBox dd input{
margin-right:1em;
width:295px;
vertical-align:middle;
font-size:100%;
}


/* sitemap.html
----------------------------------------------------------------------------------*/
#sitemap h3{
padding:0;
background:none;
border-top:none;
}
#sitemap #contents .section{
width:298px;
margin:0;
}
#sitemap #contents .section ul{
margin:0 0 0 8px;
padding:0;
list-style-type:none;
}
/* dispatch */
#sitemap #contents #dispatch{
margin-bottom:20px;
}
#sitemap #contents #dispatch a{
color:#3f79df;
}
#sitemap #contents #dispatch li{
padding-left:15px;
background:url(../../common/images/cmn_arw_blue.gif) left 3px no-repeat;
}
#sitemap #contents #dispatch li ul{
margin:0;
}
#sitemap #contents #dispatch li li{
padding-left:10px;
background:url(../images/sitemap_arw_blue.gif) left 4px no-repeat;
}

/* introduction */
#sitemap #contents #introduction{
margin-bottom:20px;
}
#sitemap #contents #introduction a{
color:#ff5852;
}
#sitemap #contents #introduction li{
padding-left:15px;
background:url(../../common/images/cmn_arw_red.gif) left 3px no-repeat;
}
#sitemap #contents #introduction li ul{
margin:0;
}
#sitemap #contents #introduction li li{
padding-left:10px;
background:url(../images/sitemap_arw_red.gif) left 4px no-repeat;
}

/* client */
#sitemap #contents #client a{
color:#6f6f6f;
}
#sitemap #contents #client li{
padding-left:15px;
background:url(../../common/images/cmn_arw_gray.gif) left 3px no-repeat;
}
#sitemap #contents #client li ul{
margin:0;
}
#sitemap #contents #client li li{
padding-left:10px;
background:url(../images/sitemap_arw_gray.gif) left 4px no-repeat;
}

/* seminar */
#sitemap #contents #seminar{
margin-bottom:20px;
}
#sitemap #contents #seminar a{
color:#599e02;
}
#sitemap #contents #seminar li{
padding-left:15px;
background:url(../../common/images/cmn_arw_green.gif) left 3px no-repeat;
}
#sitemap #contents #seminar li li{
padding-left:10px;
background:url(../images/sitemap_arw_green.gif) left 4px no-repeat;
}
#sitemap #contents #seminar li ul{
margin:0;
}

/* company */
#sitemap #contents #company{
padding-top:20px;
background:url(../images/cmn_lnav_line.gif) top left repeat-x;
}
#sitemap #contents #company li{
padding-left:15px;
background:url(../../common/images/cmn_arw_aqua.gif) left 3px no-repeat;
}
#sitemap #contents #company ul{
margin:0 0 1.5em;
}
#sitemap #contents #company li li{
padding-left:10px;
background:url(../images/sitemap_arw_aqua.gif) left 4px no-repeat;
}


/* inquiry.html
----------------------------------------------------------------------------------*/


/* entry.html
----------------------------------------------------------------------------------*/
#entry .section p.btn{
margin:0;
padding:3px;
width:auto;
background:#d1eeff;
text-align:center;
}
#entry .box{
display:block;
margin:0 auto 30px;
padding:0;
width:602px;
background:url(../images/entry_box_linebtm.gif) left bottom no-repeat;
}
#entry .box dt{
display:block;
margin:0 auto;
padding:0 12px;
width:578px;
background:#fff url(../images/entry_box_linetop.gif) left 8px no-repeat;
}
#entry .box dt span{
background:#fff;
padding:0 8px;
}
#entry .box dd{
margin:0;
padding:15px 12px;
}
#entry .buttons{
margin:0 auto;
padding:30px 0;
width:472px;
}
#entry .buttons li{
width:236px;
}


/* campaign.html
----------------------------------------------------------------------------------*/
#campaign h2{
margin-bottom:0;
padding-left:18px;
background:url(../images/campaign_boxtop_bg.gif) left 14px no-repeat;
}
#campaign h2 span{
padding:0 10px;
background:#fff;
}
#campaign .linebox{
margin:0 0 33px;
padding:8px 11px 21px;
background:url(../images/campaign_boxbtm_bg.gif) bottom no-repeat;
}
#campaign .linebox p{
padding-left:15px;
}
#campaign .linebox p.lead{
margin-bottom:1.5em;
padding:0 0 15px 15px;
background:url(../images/campaign_line01.gif) bottom repeat-x;
}
#campaign .linebox .flow{
margin:0 0 20px 20px;
padding:0;
width:560px;
list-style-type:none;
}
#campaign .linebox .flow li{
margin-bottom:5px;
padding:0 0 20px 1.5em;
text-indent:-1.5em;
background:url(../images/campaign_arw.gif) 22px bottom no-repeat;
}
#campaign .linebox .flow li.last{
padding-bottom:0;
background:none;
}
#campaign .linebox .flow li span{
font-weight:bold;
}
#campaign .linebox .flow li table{
margin:5px 0 0;
border:1px solid #ff9d29;
width:536px;
}
#campaign .linebox .flow li th{
padding:5px 10px;
background:#fff5e9 url(../images/campaign_line03.gif) right bottom no-repeat;
color:#000;
width:245px;
}
#campaign .linebox .flow li td{
padding:5px 10px;
background:url(../images/campaign_line03.gif) right top no-repeat;
vertical-align:top;
}
#campaign .linebox .flow li th.last{
background:#fff5e9 url(../images/campaign_line03.gif) left bottom no-repeat;
}
#campaign .linebox .flow li td.last{
background:url(../images/campaign_line03.gif) left top no-repeat;
}
#campaign .terms{
margin-left:18px;
width:560px;
background:url(../images/campaign_termsbtm_bg.gif) bottom left no-repeat;
}
#campaign .terms dl{
display:block;
margin:0;
padding:10px 0;
width:560px;
background:url(../images/campaign_termstop_bg.gif) top left no-repeat;
}
#campaign .terms dt,
#campaign .terms dd{
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
}
* html #campaign .terms dt,
* html #campaign .terms dd{
display:inline;
zoom:1;
}
*:first-child+html #campaign .terms dt,
*:first-child+html #campaign .terms dd{
display:inline;
zoom:1;
}
#campaign .terms dt{
width:87px;
text-align:center;
}
#campaign .terms dd{
width:445px;
padding-left:18px;
background:url(../images/campaign_line02.gif) left repeat-y;
}
#campaign .terms dd ul{
margin:0;
padding-left:1.5em;
list-style-type:disc;
}
#campaign .terms dd li{
margin:0;
padding:0;
color:#676767;
font-size:84%;
}
#campaign #contents .link{
margin:0 0 1.5em;
padding:0;
list-style-type:none;
}







