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

update:2008/10/18
----------------------------------------------- */

/*
===== CONTENTS =====

	1: home-p
	2: feature-p
	3: service-p
	4: price-p
	5: voice-p
	6: company-p
	7: community-p
	8: access-p
	9: sitemap-p
	10:contact-p
	11:news-p
	12:link-p

	
====================
*/

/* 1: home-p
----------------------------------------------- */

#home-p #top-image{
	background-image:url(../img/home/top-image.jpg);
	height:368px;
	text-indent:-9000px;
	margin-bottom:22px;
}

/*----- adb -----*/

#home-p #adb .inner{
	border:1px solid #bcbcbc;
	background:url(../img/home/adb-bg.jpg) top repeat-x;
	padding:15px 5px 15px 10px;

}

#home-p #point{
	display: inline-block;
	background:url(../img/home/point-bottom.jpg) bottom;
	width:578px;
	margin-bottom:10px;
}

#home-p #point:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


#home-p #point .top{
	background-image:url(../img/home/point-top.jpg);
	height:11px;
	display:block;
	overflow:hidden;
}

#home-p #point div{
	float:left;
	display:inline;
	margin-left:12px;
	margin-right:18px;
	width:166px;
}

#home-p #point .last{margin-right:0;}

#home-p #point dt{font-weight:bold;}
#home-p #point dd{padding-bottom:10px;}

#home-p .point4{
	font-weight:bold;
	margin-bottom:3px;
}

#home-p .point4 img{vertical-align: text-bottom;}

/* news */

#news-list{	position:relative;}

#news-list ul{
	position:absolute;
	top:0px;
	right:0px;
}

#news-list li{position:absolute;top:0px;}

#n-l1{right:56px; width:38px;}
#n-l2{right:6px; width:43px;}

#news-list li a{
	display:block;
	text-indent:-9000px;
	background-image:url(../img/common/empty.gif);
	height:25px;
}

#news-list dl{position: relative;}
#news-list dt{position:absolute;left:0px;}

#news-list dd{
	padding-left:7.5em;
	padding-bottom:3px;
	background:url(../img/common/line.jpg) left bottom repeat-x;
	margin-bottom:3px;
}



/* 2: feature-p
----------------------------------------------- */

#feature-p .case{
	width:597px;
	display: inline-block;
}

#feature-p .case:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}

#feature-p .case .left{
	float:left;
	width:261px;
}

#feature-p .case .right{
	float:right;
	width:322px;
}

/*----- notes -----*/

#feature-p .notes{
	margin-top:15px;
	border:1px solid #bcbcbc;
}

#feature-p .notes h4{
	border-bottom:1px solid #bcbcbc;
	background:url(../img/feature/notes-h4.jpg) top repeat-x;
	padding:5px 10px;
}

#feature-p .notes div{
	background:url(../img/feature/notes-bg.jpg) top repeat-x;
	padding:9px 5px 10px 10px;
}

#feature-p .notes td{
	font-size:90%;
	_font-size:80%;
}


/* button */

#b-service a{width:170px;background-image:url(../img/feature/button-go-service.jpg);}



/* 3: service-p
----------------------------------------------- */

.dl{margin:5px 0 15px 0;}

.dl dt{
	background:url(../img/service/dl-dt.jpg) 0px 8px no-repeat;
	padding-left:12px;
	font-size:120%;
	font-weight:bold;
	color:#666;
}


/*----- service-list -----*/

.list{
	width:597px;
	display: inline-block;
}

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

.list div{
	float:left;
	width:185px;
	margin-right:21px;
}
.list .last{margin-right:0;}

.clear{clear:both;}



.list li{
	margin-left:1em;
	text-indent:-1em;
}


/* button */

#b-price a{width:160px;background-image:url(../img/service/button-go-price.jpg);}



/* 4: price-p
----------------------------------------------- */

#b-flow a{width:160px; background-image:url(../img/price/button-go-flow.jpg);}

#sub-price h2{background-image:url(../img/price/sub-h2.jpg);}

/*----- table2 -----*/

#price-index-p #table2 th{vertical-align:middle;}
#price-index-p #table2 th,#price-index-p #table2 td{text-align:center;}

#price-index-p #table2 .td2{text-align:right;}
#price-index-p #table2 .td3{text-align:right; background-color:#ececfd; color:#122285;}
.table .price{text-align:right; background-color:#ececfd; color:#122285; font-weight:bold;}

/* floor */

#floor{
	border:1px solid #bbb;
	padding-left:17px;
	margin-bottom:13px;
}

.floor-list{
	width:569px;
	display: inline-block;
}

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

.floor-list div{
	float:left;
	width:133px;
	margin-right:9px;
}
.floor-list .last{margin-right:0;}


.floor-list li{
	margin-left:1em;
	text-indent:-1em;
}


/* step */

#step{width:397px; margin:0 0 22px 100px;}

#step li{text-align:center;}

#step .li1{
	border:1px solid #ccc;
	background:url(../img/price/step-li1.jpg) top repeat-x;
	line-height:44px;
}

#step .li2{
	background:url(../img/price/step-li2.jpg) center no-repeat;
	height:21px;
}

#step .li3{
	border:1px solid #ccc;
	background:url(../img/price/step-li1.jpg) top repeat-x;
}

#step .li3 strong{
	display:block;
	border:solid #d4d4f1 4px;
	color:#47477e;
	line-height:42px;
}


/* button */

#b-contact a{width:162px;background-image:url(../img/price/button-go-contact.jpg);}

/* 5: voice-p
----------------------------------------------- */

#sub-voice h2{background-image:url(../img/voice/sub-h2.jpg);}

/* index */

.voice-table{
	margin-bottom:20px;
	width:579px;
}

.voice-table th{width:30%;}
.voice-table td{width:70%;}

.voice-table .border td{
	height:1px;
	background:url(../img/common/line.jpg) left repeat-x;
	width: auto;
}

/* voice-list */

.voice-list{
	width:597px;
	display: inline-block;
}

*:first-child+html .voice-list{padding-bottom:15px;}

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

.voice-list div{
	width:169px;
	_width:189px;
	border:1px solid #ccc;
	margin-right:15px;
	margin-bottom:15px;
	padding:0px 9px;
	float:left;
}

.voice-list .last{margin-right:0;}

.voice-list img{
	text-align:center;
	display:block;
	margin:10px auto 5px auto;
}

.voice-list dl{ color:#666;}
.voice-list dt{font-weight:bold;}
.voice-list p{margin-bottom:10px;}

/* sub */

.voice-block{
	width:597px;
	display: inline-block;
	padding-top:5px;
}

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


.voice-img{
	float:left;
	width:208px;
	background:#fff;
	padding-bottom:12px;
}




/* 6: faq-p
----------------------------------------------- */

.faq-list{margin-bottom:20px;}
.faq-list li{
	background:url(../img/common/line.jpg) left bottom repeat-x;
	margin-bottom:4px;
	padding-bottom:2px;
}
.faq-list li a{margin-left:5px;}

.faq-dl{
	margin-bottom:15px;
	border:1px solid #bbb;
}

.faq-dl dt,.faq-dl dd{padding:5px 8px;}

.faq-dl dt{
	border-bottom:1px solid #bbb;
	color:#9d1153;
	font-weight:bold;
	background-color:#f0f0f0;
}



/* 7: community-p
----------------------------------------------- */

#community-table{
	background-color:#bbb;
	width:597px;
}

#community-table thead th{
	background-color:#ccc;
	font-weight:normal;
	color:#444;
}

#community-table .col1{width:32%;}
#community-table .col2{width:22%;}
#community-table .col3{width:46%;}

#community-table th,#community-table td{vertical-align:middle;}

/* 8: access-p
----------------------------------------------- */

#access-p #block1{
	width:597px;
	display: inline-block;
}

#access-p #block1:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


#transport{
}

#transport th{vertical-align:middle; width:104px;}
#transport td{vertical-align:middle; width:194px;}
#transport .space td{height:19px; width:auto;}

#transport img{}

#transport dl{ margin:0 0 0 9px;}
#transport dt{color:#666; font-weight:bold;}
#transport dd{color:#093899; font-weight:bold; font-size:120%;}





/* 9: sitemap-p
----------------------------------------------- */

#sitemap-block{position:relative;}

#s-b1{margin-left:78px;}
#s-b2{position:absolute; top:0px; left:298px;}

#sitemap-block li{margin-bottom:10px;}
#sitemap-block li li{margin-bottom:0px; margin-top:10px;}

#sitemap-block li a{
	padding-left:12px;
	background:url(../img/service/dl-dt.jpg) left no-repeat;
}

#sitemap-block li li a{background:none;}




/* 10: contact-p
----------------------------------------------- */

#contact-p .col1{width:30%;}
#contact-p .col2{width:70%;}

.hissu{vertical-align:middle;}


.input1{width:180px;margin-right:10px;}
.input2{width:50px;}
.input3{width:100px;margin-right:10px;}
textarea{width:350px; height:200px;}

#contact-p .button{
	position:relative;
	height:41px;
	width:597px;
}

.button #kakunin{background-image:url(../img/other/contact-kakunin.jpg) ; width:154px;}
.button #soushin{
	background-image:url(../img/other/contact-send.jpg);
	width:92px;
	position:absolute;
	left:314px;
}
.button #modoru{background-image:url(../img/other/contact-modoru.jpg); width:72px;}

.button .left{position:absolute; left:195px;}

.validation-advice{
	border:1px solid #c21100;
	margin-bottom:10px;
	background-color:#ede5e4;
	color:#ce1410;
	font-weight:bold;
	padding:5px;
}

/* 11:news-p
----------------------------------------------- */

.news-p .block{position:relative;}

.news-p #rss{
	position:absolute;
	top:0px;
	right:0px;
}

.news-p #rss a{
	background-image:url(../img/news/rss.jpg);
	width:55px;
	height:25px;
	display:block;
	text-indent:-9000px;
}

.news-p .entry-date{
	text-align:right;
	margin:0 0 10px 0;
}

.news-p .entry-body{
	display: inline-block;
	width:597px;
}

.news-p .entry-body:after{content: ".";display: block;height:0;clear:both;visibility: hidden;}


.news-p .entry-navi{
	background:url(../img/common/line.jpg) left top repeat-x;
	margin-top:22px;
	padding-top:8px;
}

.entry-navi table{width:100%;}
.entry-navi .next{text-align:right; width:30%;}
.entry-navi .index{text-align: center; width:40%;}
.entry-navi .back{ width:30%;}



/* sub */

#sub-news .cat{background-image:url(../img/news/sub-cat.jpg);}
#sub-news .back{background-image:url(../img/news/sub-year.jpg);}



/* 12:link-p
----------------------------------------------- */

#link-p .table th,#link-p .table td{vertical-align:middle;}



/* : -p
----------------------------------------------- */



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

#step .bold {
	font-weight: bold;
	text-decoration: underline;
}
