@charset "utf-8";

/* ==================================================== */
/* base.css                                             */
/* July 23,2007                                         */
/* ==================================================== */


/*----------------------------------------------------
base setting
----------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
margin:0;
padding:0;
}

body {
background:url(../img/bg_body.gif);
text-align:center; /*center on IE*/
}

table {
border-collapse:collapse;
border-spacing:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:normal;
}

ol,ul {
list-style:none;
}

caption,th {
text-align:left;
}

q:before,q:after {
content:'';
}

hr {
display:none;
border:0;
height:0;
}





/*----------------------------------------------------
font
----------------------------------------------------*/
body {
font-family:simsun, Arial, Helvetica, sans-serif, ;
font-size:100%;
line-height:1.4;
color:#666;
}

h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-size:100%;
font-weight:normal;
}

table {
font-size:inherit;
font:100%;
}





/*----------------------------------------------------
links
----------------------------------------------------*/
fieldset,img {
border:0;
}

.linkNavy a {
color:#0d3d6e;
text-decoration:underline;
}

.linkNavy a:link {
color:#0d3d6e;
text-decoration:underline;
}

.linkNavy a:visited {
color:#0d3d6e;
text-decoration:underline;
}

.linkNavy a:hover {
color:#2978EF;
text-decoration:none;
}





/*----------------------------------------------------
warning for Java Script off
----------------------------------------------------*/
#nonscript {
color:red;
}





/*----------------------------------------------------
common setting
----------------------------------------------------*/

/*---------- clear ----------*/
.clr { clear:both; }

.clrFix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clrFix {display:inline-block;}

/* Hides from IE-mac \*/
* html .clrFix {height: 1%;}
.clrFix {display: block;}
/* End hide from IE-mac */


/*---------- float ----------*/
.fLeft { float:left; }
.fRight { float:right; }


/*---------- text-align ----------*/
.txtRight { text-align:right; }
.txtCenter { text-align:center; }

/*---------- vertical-align ----------*/
.txtMiddle {vertical-align:middle;}
.txtBottom {vertical-align:bottom;}
.txtTop {vertical-align:top;}


/*---------- font-size ----------*/
.small { font-size:80%; }
.large { font-size:130%; }


/*---------- font-weight ----------*/
.normal { font-weight:normal; }
.bold { font-weight:bold; }


/*---------- color ----------*/
.navy { color:#369; }
.red { color:#d25b5b; }
.gray { color:#999; }
.whiteGray { color:#d1d1d1; }
.white { color:#fff; }
.black { color:#000; }


/*---------- border ----------*/
.bdrt1 { border-top:1px solid;}
.bdrr1 { border-right:1px solid;}
.bdrb1 { border-bottom:1px solid;}
.bdrl1 { border-left:1px solid;}
.bdr1 { border:1px solid;}

/*---------- background color ----------*/
.bgGray { background:#f1f5f8; }
.bgWhiteGray { background:#f5f5f5; }
.bgRed { background:#f1f5f8; }
.bgNavy { background:#345b9f; }

/*---------- arrow ----------*/
.arrow01 {
padding:0 0 0 25px;
background:url(../img/arrow01.gif) no-repeat left center;
}

.arrow02 {
padding:0 0 0 15px;
background:url(../img/point02.gif) no-repeat left center;
}

/*---------- btnBox ----------*/
.btnBox {
margin-left:40px;
margin-right:40px;
padding:16px 0;
height:28px;
width:500px;
background:url(../img/bg_btn.gif) no-repeat center center;
text-align:center;
}

.btnBox02 {
margin-left:40px;
margin-right:40px;
padding:8px 0;
height:44px;
width:500px;
background:url(../img/bg_btn.gif) no-repeat center center;
text-align:center;
}

.btnBox03 {
margin-left:40px;
margin-right:40px;
padding:16px 0;
height:28px;
width:500px;
background:url(../img/bg_btn02.gif) no-repeat center center;
text-align:center;
}

.btnBox04 {
margin-left:40px;
margin-right:40px;
padding:8px 0;
height:44px;
width:500px;
background:url(../img/bg_btn02.gif) no-repeat center center;
text-align:center;
}


/*---------- ol ----------*/
ol.decimal {
list-style-type:decimal;
margin:0 0 0 20px;
}

ol.decimal2 {
list-style-type:decimal;
margin:0 0 0 17px;
}

/*---------- ul ----------*/
ul.point01 li {
padding:0 0 0 10px;
background:url(../img/point01.gif) no-repeat left center;
}


sub {
vertical-align: baseline;
position:relative;
top:0.1em;
font-size:80%;
}

sup {
vertical-align: baseline;
position:relative;
top:-0.5em;
font-size:80%;
}





/*----------------------------------------------------
header
----------------------------------------------------*/
div#header {
width:770px;
height:145px;
margin:0 auto;
background:url(../img/header/bg_header.gif) no-repeat;
text-align:left;
}

div#logo {
width:760px;
height:70px;
background:url(../img/header/bg_logo.gif) no-repeat top left;
margin:0 5px;
position:relative;
}

#imgLogo {
position:absolute;
top:14px;
left:14px;
	}

div#logoBot {
width:760px;
height:4px;
background-color:#2F4F99;
position:absolute;
bottom:0;
left:0;
clear:both;
	}

div#logo ul {
width:495px;
position:absolute;
top:32px;
left:256px;
}

div#logo ul li {
height:20px;
display:inline;
	}

div#mainNav {
width:760px;
height:38px;
background:url(../img/header/bg_nav.jpg) repeat-x;
margin:0 5px;
}

div#mainNav ul {
width:750px;
height:38px;
margin:0 5px;
}

div#mainNav ul li {
height:38px;
display:inline;
}

div#subNav {
width:760px;
/*height:25px;*/
margin:0 5px;
}

div#subNav ul {
width:735px;
margin-right:25px;
padding-top:5px;
}

div#subNav ul li {
text-align:right;
}

div#subNav ul li img {
vertical-align:top;
}

div#headerEnd {
width:770px;
height:5px;
background:#FFF url(../img/header/bg_header_end.gif) repeat-y;
margin:0 auto;
}

div#headerEndIndex {
width:770px;
height:1px;
background:#FFF url(../img/header/bg_header_end.gif) repeat-y;
margin:0 auto;
}






/*----------------------------------------------------
category-breadcrumb
----------------------------------------------------*/
div#categoryArea {
width:770px;
background:url(../img/bg_breadcrumb.gif) top no-repeat;
text-align:left;
margin:0 auto;
}

div#breadcrumb {
width:760px;
margin:0 5px;
background-color:#E4E8ED;
letter-spacing:0.1em;
color:#333;
font-size:62.5%;
}

div#breadcrumb ol {
padding:4px 10px 0px 20px;
}

div#breadcrumb ol li {
float:left;
}





/*----------------------------------------------------
container
----------------------------------------------------*/
div#container {
width:770px;
position:relative;
margin:0 auto;
height:100%;
font-size:81.2%;
text-align:left;
background:url(../img/bg_container.gif) repeat-y;
}

div#inner {
width:760px;
margin:0 5px;
}

div#leftArea {
display:inline;
width:170px;
background:url(../img/bg_left_area.gif) repeat;
margin-left:10px;
float:left;
}

div#leftAreaTop {
background: url(../img/bg_left_top.gif) repeat-x;
width:170px;
height:6px;
}

div#leftArea ul li {
width:170px;
}

div#leftArea ul li img {
vertical-align:bottom;
}

.bgWhite {
background-color:#FFF;
}

div#rightArea {
padding:0 0 50px 0;
width:580px;
float:right;
}








/*----------------------------------------------------
footer
----------------------------------------------------*/
div#pagetop {
width:770px;
margin:0 auto;
background:url(../img/bg_container.gif) repeat-y;
}

div#pagetop p {
padding-left:670px;
padding-top:0;
padding-bottom:15px;
}

div#footer{
width:770px;
height:61px;
margin:0 auto;
text-align:left;
}

div#footerTop {
width:770px;
height:6px;
background-color:#7693C0;
}

div#footerNav {
width:770px;
height:27px;
background-color:#345B9F;
position:relative;
}

div#footerNav ul {
width:131px;
height:17px;
position:absolute;
top:6px;
left:609px;
}

div#footerNav ul li {
height:17px;
display:inline;
}



/*----------------------------------------------------
form table01
----------------------------------------------------*/
table.tbl01 {
width:500px;
}

table.tbl01 th {
padding:10px 8px;
width:130px;
border-bottom:1px solid #ffffff;
background:#f2f6f9 url(../../news/img/bg_th01.gif) repeat-x left bottom;
text-align:right;
vertical-align:top;
word-break:break-all;
}

table.tbl01 th.joint {
border-bottom:none;
background-image:none;
}

table.tbl01 td {
padding:10px 8px;
width:330px;
vertical-align:top;
word-break:break-all;
}

table.tbl01 input.txtLine330 {
padding:3px;
width:322px;
border:1px solid #cccccc;
vertical-align:middle;
}

table.tbl01 input.txtLine150 {
padding:3px;
width:142px;
border:1px solid #cccccc;
vertical-align:middle;
}

table.tbl01 input.txtLine50 {
padding:3px;
width:42px;
border:1px solid #cccccc;
vertical-align:middle;
}

table.tbl01 textarea {
padding:3px;
height:100px;
width:322px;
border:1px solid #cccccc;
font-size:inherit;
vertical-align:middle;
}

table.tbl01 textarea.h200 {
height:200px;
}

table.tbl01 input.radio {
vertical-align:middle;
}


/*----------------------------------------------------
form table02
----------------------------------------------------*/
table.tbl02 {
width:500px;
}

table.tbl02 th {
padding:10px 8px;
width:130px;
border-bottom:1px solid #ffffff;
background:#f2f6f9 url(../../news/img/bg_th01.gif) repeat-x left bottom;
text-align:right;
vertical-align:top;
word-break:break-all;
}

table.tbl02 th.joint {
border-bottom:none;
background-image:none;
}

table.tbl02 td {
padding:10px 8px;
width:330px;
vertical-align:top;
word-break:break-all;
}

table.tbl02 input.txtLine330 {
padding:3px;
width:322px;
border:1px solid #cccccc;
vertical-align:middle;
}

table.tbl02 input.txtLine150 {
padding:3px;
width:142px;
border:1px solid #cccccc;
vertical-align:middle;
}

table.tbl02 input.txtLine50 {
padding:3px;
width:42px;
border:1px solid #cccccc;
vertical-align:middle;
}

table.tbl02 textarea {
padding:3px;
height:100px;
width:322px;
border:1px solid #cccccc;
font-size:inherit;
vertical-align:middle;
}

table.tbl02 textarea.h200 {
height:200px;
}

table.tbl02 input.radio {
vertical-align:middle;
}


/*----------------------------------------------------
form table03
----------------------------------------------------*/
table.tbl03 {
width:500px;
}

table.tbl03 th {
padding:10px 8px;
width:200px;
border-bottom:1px solid #ffffff;
background:#f2f6f9 url(../../news/img/bg_th01.gif) repeat-x left bottom;
text-align:left;
vertical-align:top;
word-break:break-all;
}

table.tbl03 th.joint {
border-bottom:none;
background-image:none;
}

table.tbl03 th.item {
padding:3px 10px 3px 35px;
border-top: 4px solid #ffffff;
border-bottom: 1px solid #ffffff;
color: #ffffff;
background:#345b9f url(../img/arrow01.gif) no-repeat 10px center;
text-align:left;
}

table.tbl03 td {
padding:10px 8px;
width:260px;
vertical-align:top;
word-break:break-all;
}

table.tbl03 textarea {
padding:3px;
height:100px;
width:472px;
border:1px solid #cccccc;
font-size:inherit;
vertical-align:middle;
}

table.tbl03 textarea.h200 {
height:200px;
}

table.tbl03 input.radio {
vertical-align:middle;
}

/*----------------------------------------------------
table04
----------------------------------------------------*/
table.tbl04 {
width:100%;
border:1px solid #999;
font-size:80%;
}

table.tbl04 th {
padding:2px 5px;
border:1px solid #999;
background:#f5f5f5;
text-align:center;
}

table.tbl04 td {
padding:2px 5px;
border:1px solid #999;
}

/*----------------------------------------------------
table05
----------------------------------------------------*/
table.tbl05 {
margin-right:20px;
margin-left:20px;
width:540px;
}

table.tbl05 th {
padding:1px 5px 20px;
width:139px;
background:url(../img/bg_tbl05th.gif) repeat-x left bottom;
font-weight:bold;
vertical-align:top;
}

table.tbl05 th.normal {
font-weight:normal;
}

table.tbl05 th span{
padding:0 0 0 10px;
background:url(../img/point01.gif) no-repeat left 0.3em;
}

table.tbl05 td {
padding:1px 10px 20px;
width:371px;
background:url(../img/bg_tbl05td.gif) no-repeat left bottom;
vertical-align:top;
}

table.tbl05 td.wide {
padding:1px 10px 30px;
background:url(../img/bg_tbl05td2.gif) no-repeat left bottom;
vertical-align:top;
}

table.tbl05 td dl {
margin:0 50px 0 0;
}

table.tbl05 td dt {
margin:0 0 8px 0;
padding:2px;
border-bottom:2px solid #ccc;
font-weight:bold;
}

table.tbl05 td dd {
padding:0 2px 0 30px;
}

table.tbl05 td ul.linkNavy li {
padding:0 0 0 15px;
background:url(../img/point02.gif) no-repeat left center;
}

table.tbl05 td span.linkNavy {
padding:0 0 0 15px;
background:url(../img/point02.gif) no-repeat left center;
}


/*----------------------------------------------------
index
----------------------------------------------------*/
div.index {
margin-right:20px;
margin-left:20px;
background:url(../img/bg_index01.gif) no-repeat left bottom;
}

div.index dl {
float:left;
padding:0 0 11px 0;
width:260px;
}

div.index dt {

}

div.index dd {
padding:0 11px;
}

* html div.index dd {
padding:3px 11px 0;
}

div.index dd a {
color:#666;
text-decoration:none;
}


/*----------------------------------------------------
index2
----------------------------------------------------*/
div.index2 {
margin-left:20px;
width:260px;
background:url(../img/bg_index01.gif) no-repeat left bottom;
}

div.index2 dl {
padding:0 0 11px 0;
}

div.index2 dt {

}

div.index2 dd {
padding:0 11px;
}

* html div.index2 dd {
padding:3px 11px 0;
}

div.index2 dd a {
color:#666;
text-decoration:none;
}


/*----------------------------------------------------
box
----------------------------------------------------*/
div.box {
position:relative;
padding:0 0 5px 0;
margin-right:20px;
margin-left:20px;
width:540px;
background:url(../img/btm_box.gif) no-repeat left bottom;
}

div.box p.btn {
position:absolute;
top:20px;
right:10px;
}

div.innerBox {
padding:20px;
border-right:1px solid #d1d1d1;
border-left:1px solid #d1d1d1;
}

div.innerBox dt {
float:left;
padding:7px 10px;
width:89px;
}

div.innerBox dd {
float:left;
padding:5px 5px 5px 13px;
width:369px;
background:url(../img/line_box.gif) no-repeat left top;
line-height:1.4;
}

div.innerBox dl.exception dt {
padding:0 5px 0 0;
width:166px;
}

div.innerBox dl.exception dd {
padding:0 0 0 13px;
width:309px;
background:url(../img/line_box.gif) no-repeat left top;
line-height:1.4;
}

div.innerBox dl.exception2 dt {
padding:7px 10px;
width:50px;
}

div.innerBox dl.exception2 dd {
float:left;
padding:5px 5px 5px 13px;
width:408px;
background:url(../img/line_box.gif) no-repeat left top;
line-height:1.4;
}

div.innerBox span.linkNavy {
padding:0 0 0 15px;
background:url(../img/point02.gif) no-repeat left center;
}


/*----------------------------------------------------
box2
----------------------------------------------------*/
div.box02 {
margin-right:20px;
margin-left:20px;
padding:20px;
border-right:1px solid #d1d1d1;
border-bottom:1px solid #d1d1d1;
border-left:1px solid #d1d1d1;
}



/*----------------------------------------------------
flow
----------------------------------------------------*/
dl.flow {
margin-right:39px;
margin-left:39px;
width:502px;
}

dl.flow dt img {
vertical-align:top;
}

dl.flow dd {
margin:0 14px 5px;
padding:10px 30px 30px;
background:#f2f6f9 url(../../member/img/boxbtm_estimate01.gif) no-repeat center bottom;
}

dl.flow dd.last {
padding:10px 30px 11px;
background:#f2f6f9 url(../../member/img/boxbtm_estimate02.gif) repeat-x left bottom;
text-align:left;
}







div.caution {
   border: 1px solid #EE9999;
   padding: 0.5em;
   margin: 1em;
   background-color:#FFEEEE;
}



/*----------------------------------------------------
common setting - Spacer
----------------------------------------------------*/
.mg20 { margin:20px; }
.pd5 { padding:5px; }
.pd10 { padding:10px; }

.mgt1 { margin-top:1px; }
.mgt2 { margin-top:2px; }
.mgt3 { margin-top:3px; }
.mgt4 { margin-top:4px; }
.mgt5 { margin-top:5px; }
.mgt6 { margin-top:6px; }
.mgt7 { margin-top:7px; }
.mgt8 { margin-top:8px; }
.mgt9 { margin-top:9px; }
.mgt10 { margin-top:10px; }
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt25 { margin-top:25px; }
.mgt30 { margin-top:30px; }
.mgt35 { margin-top:35px; }
.mgt40 { margin-top:40px; }
.mgt45 { margin-top:45px; }
.mgt50 { margin-top:50px; }

.mgb1 { margin-bottom:1px; }
.mgb2 { margin-bottom:2px; }
.mgb3 { margin-bottom:3px; }
.mgb4 { margin-bottom:4px; }
.mgb5 { margin-bottom:5px; }
.mgb6 { margin-bottom:6px; }
.mgb7 { margin-bottom:7px; }
.mgb8 { margin-bottom:8px; }
.mgb9 { margin-bottom:9px; }
.mgb10 { margin-bottom:10px; }
.mgb15 { margin-bottom:15px; }
.mgb20 { margin-bottom:20px; }
.mgb25 { margin-bottom:25px; }
.mgb30 { margin-bottom:30px; }
.mgb35 { margin-bottom:35px; }
.mgb40 { margin-bottom:40px; }
.mgb45 { margin-bottom:45px; }
.mgb50 { margin-bottom:50px; }
.mgb189 { margin-bottom:189px; }

.mgl1 { margin-left:1px; }
.mgl2 { margin-left:2px; }
.mgl3 { margin-left:3px; }
.mgl4 { margin-left:4px; }
.mgl5 { margin-left:5px; }
.mgl6 { margin-left:6px; }
.mgl7 { margin-left:7px; }
.mgl8 { margin-left:8px; }
.mgl9 { margin-left:9px; }
.mgl10 { margin-left:10px; }
.mgl12 { margin-left:12px; }
.mgl15 { margin-left:15px; }
.mgl18 { margin-left:18px; }
.mgl20 { margin-left:20px; }
.mgl21 { margin-left:21px; }
.mgl22 { margin-left:22px; }
.mgl25 { margin-left:25px; }
.mgl30 { margin-left:30px; }
.mgl35 { margin-left:35px; }
.mgl39 { margin-left:39px; }
.mgl40 { margin-left:40px; }
.mgl45 { margin-left:45px; }
.mgl50 { margin-left:50px; }
.mgl130 { margin-left:130px; }

.mgr1 { margin-right:1px; }
.mgr2 { margin-right:2px; }
.mgr3 { margin-right:3px; }
.mgr4 { margin-right:4px; }
.mgr5 { margin-right:5px; }
.mgr6 { margin-right:6px; }
.mgr7 { margin-right:7px; }
.mgr8 { margin-right:8px; }
.mgr9 { margin-right:9px; }
.mgr10 { margin-right:10px; }
.mgr15 { margin-right:15px; }
.mgr20 { margin-right:20px; }
.mgr25 { margin-right:25px; }
.mgr30 { margin-right:30px; }
.mgr35 { margin-right:35px; }
.mgr39 { margin-right:39px; }
.mgr40 { margin-right:40px; }
.mgr45 { margin-right:45px; }
.mgr50 { margin-right:50px; }

.pdt1 { padding-top:1px; }
.pdt2 { padding-top:2px; }
.pdt3 { padding-top:3px; }
.pdt4 { padding-top:4px; }
.pdt5 { padding-top:5px; }
.pdt6 { padding-top:6px; }
.pdt7 { padding-top:7px; }
.pdt8 { padding-top:8px; }
.pdt9 { padding-top:9px; }
.pdt10 { padding-top:10px; }
.pdt15 { padding-top:15px; }
.pdt20 { padding-top:20px; }
.pdt25 { padding-top:25px; }
.pdt30 { padding-top:30px; }
.pdt35 { padding-top:35px; }
.pdt40 { padding-top:40px; }
.pdt45 { padding-top:45px; }
.pdt50 { padding-top:50px; }

.pdb1 { padding-bottom:1px; }
.pdb2 { padding-bottom:2px; }
.pdb3 { padding-bottom:3px; }
.pdb4 { padding-bottom:4px; }
.pdb5 { padding-bottom:5px; }
.pdb6 { padding-bottom:6px; }
.pdb7 { padding-bottom:7px; }
.pdb8 { padding-bottom:8px; }
.pdb9 { padding-bottom:9px; }
.pdb10 { padding-bottom:10px; }
.pdb15 { padding-bottom:15px; }
.pdb20 { padding-bottom:20px; }
.pdb25 { padding-bottom:25px; }
.pdb30 { padding-bottom:30px; }
.pdb35 { padding-bottom:35px; }
.pdb40 { padding-bottom:40px; }
.pdb45 { padding-bottom:45px; }
.pdb50 { padding-bottom:50px; }

.pdl1 { padding-left:1px; }
.pdl2 { padding-left:2px; }
.pdl3 { padding-left:3px; }
.pdl4 { padding-left:4px; }
.pdl5 { padding-left:5px; }
.pdl6 { padding-left:6px; }
.pdl7 { padding-left:7px; }
.pdl8 { padding-left:8px; }
.pdl9 { padding-left:9px; }
.pdl10 { padding-left:10px; }
.pdl15 { padding-left:15px; }
.pdl20 { padding-left:20px; }
.pdl22 { padding-left:22px; }
.pdl25 { padding-left:25px; }
.pdl30 { padding-left:30px; }
.pdl35 { padding-left:35px; }
.pdl40 { padding-left:40px; }
.pdl45 { padding-left:45px; }
.pdl50 { padding-left:50px; }
.pdl111 { padding-left:111px; }

.pdr1 { padding-right:1px; }
.pdr2 { padding-right:2px; }
.pdr3 { padding-right:3px; }
.pdr4 { padding-right:4px; }
.pdr5 { padding-right:5px; }
.pdr6 { padding-right:6px; }
.pdr7 { padding-right:7px; }
.pdr8 { padding-right:8px; }
.pdr9 { padding-right:9px; }
.pdr10 { padding-right:10px; }
.pdr15 { padding-right:15px; }
.pdr20 { padding-right:20px; }
.pdr25 { padding-right:25px; }
.pdr30 { padding-right:30px; }
.pdr35 { padding-right:35px; }
.pdr40 { padding-right:40px; }
.pdr45 { padding-right:45px; }
.pdr50 { padding-right:50px; }