@charset "UTF-8";

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

#header{width:800px;height:76px;}

#contents{width:603px;float:right;text-align:left;}
#contentsPosition{width:585px;padding:4px 0 0;}


#contentsPosition p.topicPath{text-align:left;padding:0px 0 7px;}

h2{background-position:0 0;background-repeat:no-repeat;width:585px;height:43px;text-indent:-9999px;margin-bottom:20px;}

.basic h2{background-image:url(../cmn_images/ttl_02.jpg);}
.recommend h2{background-image:url(../cmn_images/ttl_03.jpg);}
.point h2{background-image:url(../cmn_images/ttl_04.jpg);}
.machinery h2{background-image:url(../cmn_images/ttl_05.jpg);}
.diving h2{background-image:url(../cmn_images/ttl_15.jpg);}
.charge h2{background-image:url(../cmn_images/ttl_06.jpg);}
.select h2{background-image:url(../cmn_images/ttl_07.jpg);}
.tour h2{background-image:url(../cmn_images/ttl_08.jpg);}
.plan h2{background-image:url(../cmn_images/ttl_09.jpg);}
.customer h2{background-image:url(../cmn_images/ttl_10.jpg);}
.faq h2{background-image:url(../cmn_images/ttl_11.jpg);}
.company h2{background-image:url(../cmn_images/ttl_12.jpg);}
.propose h2{background-image:url(../cmn_images/ttl_13.jpg);}
.sitemap h2{background-image:url(../cmn_images/ttl_14.jpg);}

h3{clear:both;background:url(../cmn_images/sttl_01.gif) 0 100% no-repeat;color:#333;font-size:90%;padding:0px 0 5px 25px;margin:0 10px 10px;}

h4{clear:both;background:url(../cmn_images/sttl_02.gif) 0 100% no-repeat;color:#333;font-size:80%;padding:2px 0 3px 25px;margin:0 10px 10px;}
.text_h4 {clear:both;color:#333;font-size:80%;padding:2px 0 3px 25px;margin:0 10px 0px;}

.conBox{margin:0 10px 15px;}
.conBox p{padding:0 10px 10px;}


/* text */

#contentsPosition p span.fcRed{color:#F00;}
#contentsPosition p a{text-decoration:underline;}
#contentsPosition p a:hover{text-decoration:none;}

.text_R {color: #FF0000;}
.text_BR {font-size: 14px; font-weight: bold;}
.text_BG {font-size: 18px; font-weight: bold;}

/* banner */

.bnBox{margin:10px 0 20px;}
.bnBox p{float:left;width:287px;}
.bnBox p.bnL{margin-right:10px;}
.bnBox p.bnC{margin-left:150px;}
*html .bnBox p.bnC{margin-left:75px;}

p.bnInq{margin:0 0 10px 20px;}
p.bnInq2{margin:0 0 10px 20px;}



/* list */

#contentsPosition ul{margin:0 20px 10px 25px;}
#contentsPosition ul li{background:url(../cmn_images/li_bg.gif) 0 4px no-repeat;font-size:80%;padding:0 0 0 12px;margin-bottom:3px;}


/* table */

#contentsPosition table{
width:540px;
font-size:80%;
margin:0 0 10px 20px;
border-top:solid 1px;
border-left:solid 1px;
border-color:#CCC;
}

#contentsPosition table th,#contentsPosition table td{padding:3px 8px;border-right:solid 1px;border-bottom:solid 1px;border-color:#D5D5D5;}
#contentsPosition table th{background:#ecffff;font-weight:normal;
}

#contentsPosition table.charge{
width:565px;
font-size:80%;
margin:0 0 10px 0px;
border:none;
}

#contentsPosition table.charge td{padding:3px 8px; background:#ffffff; border:none;}
#contentsPosition table.charge td.Q{padding:3px 8px; background:#ffffff; border:none; width: 10px; font-weight: bold; color:#FF0000;}
#contentsPosition table.charge td.A{padding:3px 8px; background:#daf3f8; border:none; width: 10px; font-weight: bold;}
#contentsPosition table.charge td.ans{padding:3px 8px; background:#daf3f8; border:none;}


/* image */

.imgR{
float:right;
background:#FFF;
padding:3px;
margin:0 5px 20px 10px;
border:solid 2px #E8E8E8;
}

.imgL{
float:left;
background:#FFF;
padding:3px;
margin:0 15px 20px 0px;
border:solid 2px #E8E8E8;
}



/* page top */

#contentsPosition p.pageTop{
clear:both;
padding:0;
margin:10px 0 10px 465px;
}
#contentsPosition p.pageTop a{
display:block;
background:url(../cmn_images/pagetop_bg.gif) 0 3px no-repeat;
font-size:85%;
text-decoration:none;
padding:0 0 0 12px;
}


/* basic */


/* recommend */

.recommend .conBox{margin:0 10px 10px;}

.recommend #contentsPosition ul{
padding:5px;
margin-left:12px;
margin-bottom:10px;
}

.recommend #contentsPosition ul li{
float:left;
width:125px;
font-size:80%;
margin-right:10px;
}

.plan #contentsPosition ul.top {
padding:5px;
margin-left:12px;
margin-bottom:10px;
}

.plan #contentsPosition ul.top li{
float:left;
width:150px;
font-size:80%;
margin-right:10px;
}

.plan #contentsPosition ul li.longer { width: 400px; margin-right: 0;}



/* point */

/* machinery */

/* diving */
#wrapOuter .enclosure {
	margin: 0 0 20px 10px;
	padding: 5px;
	width: 265px;
	text-align: center;
	color: #39f;
	border: 1px solid #39f;
}

/* charge */

/* select */

/* tour */

/* plan */

/* customer */

/* faq */

.faq #contentsPosition h3{
clear:both;
background:none;
color:#555;
font-size:80%;
padding:0px 0 5px 0px;
margin:-22px 10px 10px 36px;
}

.faq #contentsPosition span{
display:block;
background:url(../images/q_bg.gif) 0 0 no-repeat;
width:21px;
height:24px;
text-indent:-9999px;
margin:0 0 0 10px;
}

.faq #contentsPosition dl{
font-size:80%;
padding:0 0 10px 0;
margin:0 10px 20px 10px;
border-bottom:dashed 1px #CCC;
}

.faq #contentsPosition dl dt{
background:url(../images/a_bg.gif) 0 0 no-repeat;
width:21px;
height:24px;
text-indent:-9999px;
}

.faq #contentsPosition dl dd{margin:-22px 20px 0 25px;}


/* company */

.company #contentsPosition table{margin-bottom:20px;}
.company #contentsPosition table th{width:100px;}
.company #contentsPosition table td a{text-decoration:underline;}
.company #contentsPosition table td a:hover{text-decoration:none;}

p.map{margin:0 0 40px 20px;}

/* charge */

/* propose */

.propose #contentsPosition dl{font-size:80%;margin:20px 0 0 10px;}
.propose #contentsPosition dl dt{width:130px;line-height:1.4;padding:0 0 0 20px;}
.propose #contentsPosition dl dd{line-height:1.4;margin-left:150px;margin-top:-1.4em;margin-bottom:10px;
margin-right:30px;}
.propose #contentsPosition dl dt span{color:#F00;}

input,textarea{padding:0;margin:0;}

.w100{width:100px;}
.w150{width:150px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}

.formBtn{font-size:80%;text-align:center;margin:20px 0 50px 0;}
.formBtn input{margin:0 10px;}


/* sitemap */

.sitemap #contentsPosition ul{margin:0 20px 100px 40px;}
.sitemap #contentsPosition ul li{font-size:80%;padding:0 0 0 12px;margin-bottom:10px;}
.sitemap #contentsPosition ul li ul{margin:10px 0 15px 2px;}
.sitemap #contentsPosition ul li ul li{background:url(../cmn_images/li_02_bg.gif) 0 4px no-repeat;font-size:100%;}