@charset "UTF-8";

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

#bestC,
#catalog01,
#catalog02,
#design,
#other,
#info,
#profit,
#results,
#flow,
#faq,
#contact,
#company,
#sitemap{
width:700px;
float:right;
margin-top:20px;
}

/* -------------------------------------------------------------------------------- */
/*      H E A D I N G                                                               */  
/* -------------------------------------------------------------------------------- */

h3{
background:url(../cmn_images/h3_ttl01.jpg) 0 100% no-repeat;
color:#0066CC;
font-size:85%;
padding:42px 0 14px 40px;
margin-bottom:13px;
font-weight:bold;
}
#sitemap h3{
background:url(../cmn_images/h3_ttl02.jpg) 0 0 no-repeat;
padding:8px 0 8px 30px;
}
h4{
background:url(../cmn_images/h4_ttl01.jpg) 0 0 no-repeat;
font-size:85%;
font-weight:bold;
color:#555;
padding:11px 0 6px 37px;
border-bottom:1px solid #EBEBEB;
margin-bottom:13px;
}

/* -------------------------------------------------------------------------------- */
/*      B A N N E R                                                                 */  
/* -------------------------------------------------------------------------------- */

.bnnTel01{
margin:20px 0 0 110px;
padding-bottom:20px;
}


.campaignbnr{
	display: block;
	width: 700px;
	height: 96px;
	text-indent: -9999px;
	margin-bottom:20px;
}

.campaignbnr a{
	display: block;
	width: 700px;
	height: 96px;
	text-indent: -9999px;
	background: url(../cmn_images/banner4_off.jpg) no-repeat;
}

.campaignbnr:hover a{
background: url(../cmn_images/banner4_on.jpg) no-repeat;
}


/* -------------------------------------------------------------------------------- */
/*      DL SET                                                                      */  
/* -------------------------------------------------------------------------------- */

#bestC dl {
	float: left;
	width: 300px;
	margin: 0 30px 10px 0;
	font-size: 87%;}

#bestC dl.rank1 {
	margin-left: 150px;}

#bestC dl dd {
	margin-bottom: 4px;
	line-height: 1.2;}

#bestC dl dd.item {
	color: #0066CC;
	font-weight: bold;}

#bestC dl dd.price {
	color: #f00;
	font-weight: bold;}

#catalog01 dl,
#catalog02 dl,
#design dl,
#other dl,
#results dl.col1 {
	float: left;
	width: 140px;
	margin: 0 25px 10px 0;
	font-size: 78%;}

#design dl dt,
#other dl dt {
	height: 140px;}

#catalog01 dl dt img,
#catalog02 dl dt img,
#design dl dt img,
#other dl dt img,
#results dl.col1 dt img {
	display: block;
	margin: 0 auto;}

#catalog01 dl dd,
#catalog02 dl dd,
#design dl dd,
#other dl dd,
#results dl.col1 dd {
	margin-bottom: 4px;
	line-height: 1.2;}

#catalog01 dl dd.item,
#catalog02 dl dd.item,
#design dl dd.item,
#other dl dd.item,
#results dl.col1 dd.item {
	margin-top: 4px;
	color: #0066CC;
	font-weight: bold;}

#design dl dd.item {
	margin-bottom: 15px;
	text-align: center;}

#catalog01 dl dd.price,
#catalog02 dl dd.price,
#design dl dd.price,
#other dl dd.price {
	color: #f00;
	font-weight: bold;}

#results dl.col2 dt {
	margin-bottom: 4px;
	color: #0066CC;
	font-size: 78%;
	font-weight: bold;}

#results dl.col2 dd {
	margin-bottom: 4px;
	line-height: 1.2;
	font-size: 78%;}



#flow dl{width:670px; padding-top:10px;}
#flow dt{padding-bottom:10px;}
#flow dd{
font-size:87%;
line-height:1.6;
padding:0 15px 10px 15px;
}
#flow dd.arw{
background:url(../info/images/arrow.gif) 50% 100% no-repeat;
padding:0 15px 25px 15px;
margin-bottom:15px;
}

#faq dl{margin-top:20px;}
#faq dt{
font-size:78%;
font-weight:bold;
background:url(../images/q.gif) 10px 0 no-repeat;
padding:7px 0 12px 43px;
}
#faq dd{
font-size:78%;
line-height:1.6;
padding:15px 15px 15px 15px;
margin-bottom:25px;
background:#E4F6F9;
border-bottom:2px solid #BAD6E2;
}

#sitemap dl{
border-bottom:1px dashed #CCC;
margin-bottom:10px;
}
#sitemap dt{
background:url(../cmn_images/icon_lin02.gif) 15px 4px no-repeat;
font-weight:bold;
font-size:78%;
padding:1px 0 8px 30px;
}
#sitemap dd{
font-size:78%;
line-height:1.6;
padding-left:30px;
margin-bottom:10px;
}

/* -------------------------------------------------------------------------------- */
/*     L I N K                                                                      */  
/* -------------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------------- */
/*      L I S T                                                                     */  
/* -------------------------------------------------------------------------------- */

ul.lin01 li{
background:url(../cmn_images/icon_lin02.gif) 0 4px no-repeat;
padding:1px 0 10px 15px;
font-size:78%;
margin-top:10px;
}

ul.lis01 li{
background:url(../cmn_images/icon_lin01.gif) 0 7px no-repeat;
padding:1px 0 5px 10px;
font-size:78%;
line-height:1.4;
}

ol.lis01 {
margin-bottom: 15px;}

ol.lis01 li{
padding:1px 0 5px 10px;
line-height:1.4;
list-style: decimal inside;
}


#flow ul.lis01{margin-top:10px;}
#flow ul.lis01 li{font-size:100%;}

#faq dd ul{margin-left:12px !important; margin-left:16px;}
#faq dd ul li{padding-bottom:8px; line-height:1.4; list-style:disc outside;}
#faq dd span{color:#0066CC;}


/* -------------------------------------------------------------------------------- */
/*      T A B L E                                                                   */  
/* -------------------------------------------------------------------------------- */

table{width:670px; background-color:#DDD; margin-bottom:20px;}
table th,
table td{
font-size:78%;
line-height:1.6;
padding:10px 8px;
border-top:solid 2px #FFF;
border-left:solid 2px #FFF;
background-color:#FFF;
}
table th{background-color:#E4F6F9; font-weight:bold; color:#666;}

table td p{line-height:1.4;}

#contact th{text-align:left;}
#contact span.fcOr{font-weight:normal;}

#catalog01 table {
	width: auto;}

#catalog01 table {}


/* -------------------------------------------------------------------------------- */
/*      I M A G E                                                                   */  
/* -------------------------------------------------------------------------------- */

.imgR,
.imgL{
background:#FFF;
padding:4px;
border:1px solid #CCC;
}
.imgR{
float:right;
margin:0 0px 20px 10px;
}
.imgL{
float:left;
margin:0 15px 20px 0px;
}

.imgLnoB{float:left; margin-right:10px;} 
.imgRnoB{float:right; margin-left:10px;} 

.map{
background:#FFF;
padding:4px;
border:1px solid #CCC;
}


/* -------------------------------------------------------------------------------- */
/*      P A G E   T O P                                                             */  
/* -------------------------------------------------------------------------------- */

p.pTop{
font-size:0;
margin:0 0 20px 639px;
}



/* -------------------------------------------------------------------------------- */
/*      P LIST                                                               */  
/* -------------------------------------------------------------------------------- */

p.pList{
width:700px;
font-size:71%;
text-align:right;
}
	

/* -------------------------------------------------------------------------------- */
/*      F O R M                                                                     */  
/* -------------------------------------------------------------------------------- */

#contact fieldset{border:0; margin:0; padding:0;}

.fbtn{
width:230px;
padding:3px !important;
padding:6px 0 3px 0;
text-align:center;
background:#CCC;
border:1px outset #999;
}
textarea{
width:350px;
font-size:100%;
padding:3px;
}
input{padding:2px;}

.w35{width:35px;}
.w45{width:45px;}
.w60{width:60px;}
.w85{width:85px;}
.w115{width:115px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}

p.info{
color:#0066CC;
}

/* -------------------------------------------------------------------------------- */
/*      M A P                                                                       */  
/* -------------------------------------------------------------------------------- */
#map{
width:500px;
height:440px;
border:1px solid #CCC;
margin:0 auto 10px;
}
#info table {
	border: 0px;
	padding:0;
	}
#info table th { background:#fdeadb; font-weight:normal;
	text-align:left; color:#333333; border:0px; border-bottom: 1px dashed #CCCCCC; margin:0; padding:0;}
#info table td { background:#fdfeee; border:0px; border-bottom: 1px dashed #CCCCCC; margin:0; padding:0;}
#info table td.none { background:#fdfeee; border:0px;}