@charset "UTF-8";

@import "default.css";
@import "common.css";


/*----------------------------------------------------------------------------
******************************************************************************
headding
******************************************************************************
----------------------------------------------------------------------------*/

.under_main{
width:900px;
margin:0 auto;
background: url(../common/contents_bg.gif) 0 0 repeat-y;}

.under_main h2 { width:900px; height:137px; text-indent:-99999px;}
#intention h2 { background: url(../images/h2_main01.jpg) 0 0 no-repeat;}
#difference h2 { background: url(../images/h2_main02.jpg) 0 0 no-repeat;}
#merit h2 { background: url(../images/h2_main03.jpg) 0 0 no-repeat;}
#life h2 { background: url(../images/h2_main04.jpg) 0 0 no-repeat;}
#inexpensive h2 { background: url(../images/h2_main05.jpg) 0 0 no-repeat;}
#economical h2 { background: url(../images/h2_main06.jpg) 0 0 no-repeat;}
#flow h2 { background: url(../images/h2_main07.jpg) 0 0 no-repeat;}
#choose h2 { background: url(../images/h2_main08.jpg) 0 0 no-repeat;}
#b_flets h2 { background: url(../images/h2_main09.jpg) 0 0 no-repeat;}
#acca h2 { background: url(../images/h2_main10.jpg) 0 0 no-repeat;}
#faq h2 { background: url(../images/h2_main11.jpg) 0 0 no-repeat;}
#inquiry h2 { background: url(../images/h2_main12.jpg) 0 0 no-repeat;}
#company h2 { background: url(../images/h2_main13.jpg) 0 0 no-repeat;}
#sitemap h2 { background: url(../images/h2_main14.jpg) 0 0 no-repeat;}

h3 {
width:655px;
color:#FFFFFF;
font-weight:bold;
font-size:90%;
padding:7px 0 7px 10px;
margin:0 0 10px 0;
background:#b9cf1b url(../images/h3_ttl.jpg) 0 100% no-repeat;}

h3 a:link{color:#FFFFFF;text-decoration:none;}
h3 a:visited{color:#FFFFFF;text-decoration:none;}
h3 a:hover{color:#FFFFFF;text-decoration:underline;}
h3 a:active{color:#FFFFFF;text-decoration:underline;}
h3 a:focus{outline:none;}

p.star{
font-size:80%;
margin:10px 0 10px 0;
padding:5px 0 5px 27px;
color:#7d4003;
font-weight:bold;
background: url(../images/star.gif) 0 0 no-repeat;}

.subttl{
font-size:78%;
font-weight:bold;
padding:0 0 6px 18px;
background: url(../images/icon_001.gif) 0 2px no-repeat;}

.subttl2{
font-size:78%;
padding:0 0 2px 13px;
background: url(../images/icon_002.gif) 0 4px no-repeat;}

.subttl3{
font-size:78%;
margin-top:10px;
padding:3px 0 5px 17px;
color:#663300;
font-weight:bold;
background: url(../images/icon_003.gif) 0 4px no-repeat;}

.subttl5{
font-size:78%;
margin-top:10px;
padding:3px 0 5px 15px;
color:#663300;
background: url(../images/icon_004.gif) 0 2px no-repeat;}

p.ttl {
width:655px;
color:#009900;
font-weight:bold;
font-size:78%;
padding:7px 0 6px 10px;
margin:0 0 10px 0;
background:#e8f394 url(../images/ttl.jpg) 0 100% no-repeat;}

p.ttl span {
color:#009900;
font-weight:bold;
font-size:140%;
letter-spacing:-0.05em;
padding:7px 0 6px 10px;}

.conBox p.ttl a {color:#009900;}
.conBox p.ttl a,.conBox p.ttl a:visited { text-decoration: none; }
.conBox p.ttl a:hover {color:#009900; text-decoration:underline;}



/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/

/* images
-------------------------------------------------------------*/
.imgR{
float:right;
margin:0 3px 15px 15px;
padding:2px;
width:190px;
height:130px;
border:solid 1px #cccccc;}


/* fontsize
-------------------------------------------------------------*/
.contentsBox .fsSS{
font-size:70%;}

/* pagetop
-------------------------------------------------------------*/
.pTop{

background: url(../images/ptop.gif) 0 100% no-repeat;
margin:0 0 15px 603px;
text-indent:-99999px;}

.pTop a{
display:block;
width:62px;
height:11px;}
/* box
-------------------------------------------------------------*/
.conBox{
width:665px;
padding:0 0 0 2px;
margin-bottom:30px;}

.conBox2{
width:665px;
padding:0 0 0 2px;
margin-bottom:20px;}

.conBox3{
width:665px;
padding:0 0 5px 2px;}

.conBox p,.conBox2 p,.conBox3 p{
font-size:78%;
line-height:1.4;}

.conBox p a:link,.conBox2 p a:link{color:#009900;text-decoration:underline;}
.conBox p a:visited,.conBox2 p a:visited{color:#009900;text-decoration:underline;}
.conBox p a:hover,.conBox2 p a:hover{color:#ff6600;text-decoration:none;}
.conBox p a:active,.conBox2 p a:active{color:#ff6600;text-decoration:none;}
.conBox p a:focus{outline:none;}


/* life
-------------------------------------------------------------*/
#life dl{ padding:0 20px 0 10px;}

#life dl dt{
font-size:78%;
line-height:1.4;
font-weight:bold;
color:#0099cc;}

#life dl dd{
font-size:78%;
line-height:1.4;
padding:0 0 0 15px;}

#life dl.L01 dt{
font-size:78%;
line-height:1.4;
font-weight:bold;
padding:0 0 6px 18px;
background: url(../images/icon_001.gif) 0 0 no-repeat;}

#life dl.L01 dd{
font-size:78%;
line-height:1.4;
padding:0 0 10px 12px;}

#life dl dt a,#life dl dt a:hover,
#life dl dd a,#life dl dd a:hover{ text-decoration:underline;}


/* inexpensive economical
-------------------------------------------------------------*/

#inexpensive .contents ul,
#economical .contents ul,
#b_flets .contents ul,
#company .contents ul{ margin:0 0 0 5px; width:600px;}

#inexpensive .contents ul li,
#economical .contents ul li,
#b_flets .contents ul li,
#company .contents ul li{
width:600px;
font-size:78%;
line-height:1.4;
padding:0 0 5px 13px;
background: url(../images/icon_002.gif) 0 4px no-repeat;}



/* flow
-------------------------------------------------------------*/
#flow dl{ background: url(../images/flow_bg.gif) 0 0 repeat-y;}

#flow dl dt,
#flow dl.f01 dt{
background: url(../images/flow_btop.gif) 0 0 no-repeat;
font-size:90%;
color:#009966;
padding:10px 0 10px 15px;
line-height:1.4;
font-weight:bold;}

#flow dl dd,
#flow dl.f01 dd{
background: url(../images/flow_bbottom.gif) 0 100% no-repeat;
font-size:78%;
line-height:1.4;
padding:0 15px 40px 15px;}

#flow dl dd.flowLast{
background: url(../images/flow_bbottom_last.gif) 0 100% no-repeat;
font-size:78%;
line-height:1.4;
padding:0 15px 10px 15px;
margin-bottom:40px;}

#flow dl.f01{ background: url(../images/flow2_bg.gif) 0 0 repeat-y;}
#flow dl.f01 dt{ background: url(../images/flow2_btop.gif) 0 0 no-repeat;}
#flow dl.f01 dd{ background: url(../images/flow2_bbottom.gif) 0 100% no-repeat;}
#flow dl.f01 dd.flowLast2{
background: url(../images/flow2_bbottom_last.gif) 0 100% no-repeat;
padding:0 15px 20px 15px;
margin-bottom:40px;}

#flow dl dd a:link{color:#009900;text-decoration:underline;}
#flow dl dd a:visited{color:#009900;text-decoration:underline;}
#flow dl dd a:hover{color:#ff6600;text-decoration:none;}
#flow dl dd a:active{color:#ff6600;text-decoration:none;}
#flow dl dd a:focus{outline:none;}


/* choose
-------------------------------------------------------------*/
#choose p.chooseboxL,
#choose p.chooseboxR,
#choose p.chooseboxC {
width:329px;
height:100px;
}

#choose p.chooseboxL {
float:left;
background: url(../images/choose_001.jpg) 0 0 no-repeat;}

#choose p.chooseboxR {
float:right;
background: url(../images/choose_002.jpg) 0 0 no-repeat;}
#choose p.chooseboxC {
margin-left:170px;
background: url(../images/choose_001.jpg) 0 0 no-repeat;}

#choose p.chooseboxL a,
#choose p.chooseboxR a,
#choose p.chooseboxC a{
display:block;
width:329px;
height:100px;
text-indent:-99999px;}


/* choose
-------------------------------------------------------------*/

#b_flets .cam01{
	padding: 10px 0 0 10px;
	color: #009933;
	font-size: 18px;
	font-weight: bold;
}

#b_flets .cam02{
	padding: 10px 0 0 10px;
	color: #FF6600;
	font-size: 18px;
	font-weight: bold;
}

#b_flets .cam_txt{
	padding: 0px 0px 5px 10px;
}

.red_b01{
	padding: 0px 0px 5px 10px;
	font-weight: bold;
	color: #FF0000;
}

.bold{font-weight: bold;}








/* faq
-------------------------------------------------------------*/
#faq .contents ul{ margin:0 0 5px 5px; width:600px;}

#faq .contents ul li{
width:600px;
font-size:78%;
line-height:1.4;
padding:0 0 10px 20px;
background: url(../images/icon_005.gif) 0 1px no-repeat;}

#faq .contents ul li a:link{color:#009900;text-decoration:underline;}
#faq .contents ul li a:visited{color:#009900;text-decoration:underline;}
#faq .contents ul li a:hover{color:#ff6600;text-decoration:none; padding-bottom:1px;}
#faq .contents ul li a:active{color:#ff6600;text-decoration:none; padding-bottom:1px;}

#faq .conBox dl {
background: url(../images/line.gif) 0 0 repeat-x;
padding:20px 0 5px 10px;}

#faq .conBox dt {
font-size:78%;
line-height:1.4;
color:#7d4003;
font-weight:bold;
background: url(../images/q.gif) 0 0 no-repeat;
padding:5px 0 20px 30px;}

#faq .conBox dd {
font-size:78%;
line-height:1.4;
background: url(../images/a.gif) 0 0 no-repeat;
padding:5px 0 20px 30px;}

#faq .conBox dd a:link{color:#009900;text-decoration:underline;}
#faq .conBox dd a:visited{color:#009900;text-decoration:underline;}
#faq .conBox dd a:hover{color:#ff6600;text-decoration:none;}
#faq .conBox dd a:active{color:#ff6600;text-decoration:none;}
#faq .conBox dd a:focus{outline:none;}


/* company
-------------------------------------------------------------*/
#company div.conBox div.compboxL { float:left; width:314px;} 
#company div.conBox div.compboxR { float:left; margin:0 0 0 15px; width:330px;} 

#company div.conBox div.compbox2L { float:left; width:100px;} 
#company div.conBox div.compbox2R {
float:left;
margin:18px 0 0 15px;
width:500px;
font-size:120%;} 

#company table td a, #company table td a:hover { text-decoration:underline; line-height:1.4;}


/* inquiry
-------------------------------------------------------------*/
.formw01 { width:100px;}
.formw02 { width:300px;}
.formbtn { padding:10px 0; text-align:center;}
.btn {
padding:3px 5px 2px 5px;
width:100px;
margin:0 10px;
font-size:78%;}
.btn2 { padding:3px 5px 2px 5px; width:100px; margin:0 10px; font-size:100%;}

.thankMess {
width:665px;
text-align:center;
margin:20px 0 25px 0;}

.thankMess p {
font-size:78%;
line-height:1.4;}

.formbnr {
height:100px;
width:665px;
text-indent:-99999px;
margin:10px 0 20px 0;
background: url(../images/form_bnr_off.jpg) 0 0 no-repeat;}

.formbnr a{
display:block;
width:665px;
height:100px;}

.formbnr a:hover{ background: url(../images/form_bnr_on.jpg) 0 0 no-repeat;}

input,textarea { line-height:1.4; padding:1px 0; margin:1px 0;}

/* sitemap
-------------------------------------------------------------*/
#sitemap .conBox dl {
padding:5px 0 20px 20px;}

#sitemap .conBox dt {
font-size:78%;
line-height:1.4;
background: url(../images/icon_001.gif) 0 1px no-repeat;
padding:0 0 5px 20px;}

#sitemap .conBox dd {
font-size:78%;
line-height:1.4;
padding:0 0 10px 20px;}

/* table
-------------------------------------------------------------*/
table {
font-size:78%;
line-height:1.4;
background:#BBBBBB;
margin:0 0 10px 1px;
border:solid 3px #DDDDDD;
}

#difference table th,
#life table th,
#b_flets table th
#acca table th,
#inquiry table th,
#company table th {
background:#fdedbf;
padding:5px 5px 5px 5px;
vertical-align:middle;}

#difference table td,
#life table td,
#b_flets table td,
#acca table td,
#inquiry table td,
#company table td {
background:#FFFFFF;
line-height:1.2;
vertical-align:top;
padding:5px 5px 5px 5px;
vertical-align:middle;}

#difference table td.dif01,
#life table td.dif01,
#life table th.dif01 {
width:40%;
background:#e8f394;
text-align:center;
padding:5px 5px 5px 5px;}

#company table td p { line-height:1.4;}

/* inexpensive table
-------------------------------------------------------------*/
#inexpensive table { text-align:center;}

#inexpensive table td {
background:#FFFFFF;
line-height:1.2;
vertical-align:top;
padding:5px 5px 5px 5px;
vertical-align:middle;
width:32%;}

#inexpensive table td.bg01,
#inexpensive table td.bg02 {
background:#edf5b2;
line-height:1.2;
width:35%;
padding:5px 5px 5px 5px;}

#inexpensive table td.bg02 {
background:#edf5b2 url(../images/arrow.gif) 5px 50% no-repeat;
padding:5px 5px 5px 50px;
vertical-align:middle;}

/* -----------------------------------------------*/

#inexpensive table#inexpensiveT {
background:#BBBBBB;
margin:0 0 0 1px;
border:solid 3px #DDDDDD;
}

table#inexpensiveT td { width:20%;}

table#inexpensiveT td.bg03 { background:#fdedbf;}
table#inexpensiveT td.bg04 { background:#edf5b2;}
table#inexpensiveT td.bg05 { background:#d6ecfd;}
.borderB { border-bottom:solid 1px #BBBBBB;}
.tableH { font-size:5%;}
 
/* b_flets
-------------------------------------------------------------*/
#b_flets table { text-align:center;}
#b_flets table td.bg03 { background:#fdedbf; border-bottom:solid 2px #BBBBBB;}
#b_flets table td.bg04 { background:#edf5b2; }
#b_flets table td.bg06 { background:#fdedbf; vertical-align:middle; text-align:center;}
#b_flets table td.bg07 { background:#fdedbf; vertical-align:middle; text-align:center; width:17%;}
#b_flets table td.vtm { vertical-align:middle; text-align:center;}

/* acca
-------------------------------------------------------------*/
#acca table td { vertical-align:middle; }
#acca table th { background:#fdedbf;padding:5px 5px 5px 5px;}
#acca table td.bg07 { background:#edf5b2;}
#acca table td .big { font-size:130%; }

#acca .acca-bnr a{
margin-left:80px;
margin-bottom:15px;
display:block;
width:500px;
height:80px;
background:url(../images/acca-bnr.jpg) 0 0 no-repeat;
text-indent:-9999px;
outline:none;
}
#acca .acca-bnr a:hover {
background-position:-500px;
}


#acca li { font-size:80%; line-height:160%; }
.red-b { color:#FF0000; font-weight:bold; }
.blue-b { color: #0000FF; font-weight:bold; }
.aC{text-align:center;}

/* inquiry
-------------------------------------------------------------*/

#inquiry table th.bg08{ background:#edf5b2; width:35%;padding:5px 5px 5px 5px;}
#inquiry table th { width:25%;}
#inquiry table td { width:75%;}
#inquiry table td p { margin-top:5px;}
/* table width
-------------------------------------------------------------*/

#difference table th,
#life table th {width:20%;}

#difference table td,
#life table td, 
#difference table td.dif01,
#life table td.dif01,
#life table th.dif01 {
width:40%;}

#life table th,
#life table th.dif01 {width:40%; text-align:center;}
#life table td,
#life table td.dif01{width:30%; text-align:center;}

#company table th {
width:20%;
text-align:left;}

#company table td {
text-align:left;}

#company table td.bg09 { text-align:center; background:#edf5b2;}









#difference .pro_bnr{
height:100px;
width:665px;
text-indent:-99999px;
margin:10px 0 20px 0;
background: url(../images/pro_bnr_off.jpg) 0 0 no-repeat;}

#difference .pro_bnr a{
display:block;
width:665px;
height:100px;}

#difference .pro_bnr a:hover{ background: url(../images/pro_bnr_on.jpg) 0 0 no-repeat;}