@charset "utf-8";
/* CSS Document */

@import url("init.css");

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:10px;
	font-size:12px;
	background: #F6F6EF;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#header {
	height: 42px;
	width: 800px;
	border-bottom: 1px solid #CCCCCC;
	background: url(../image/common/header_bg.gif) repeat-x;
}
#header h1{
	background: url(../image/common/logo.gif) no-repeat;
	text-indent:-9999px;
	height:25px;
}
#header h2{
display:none;
}
#header-left{
width:235px;
height:25px;
margin-top:13px;
margin-left:10px;
float:left;
}
#header-right{
text-indent:-9999px;
margin-top:20px;
margin-right:10px;
	float:right;
	width:148px;
	height:14px;
	background: url(../image/common/tel.gif) no-repeat;
}
#img{
	width:800px;
	height:259px;
	background: url(../image/common/menu_bg.gif) repeat-x left bottom;
}
#menu{
width:739px;
height:42px;
margin-right: auto;
	margin-left: auto;
}
#footer{
	font-size:10px;
	background: #FFFFFF url(../image/common/footer_border.gif) repeat-x left top;
	line-height:1.6em;
	padding-bottom:20px;
	letter-spacing: 1px;
	clear:both;
	height:150px;
}
#footer p,#footer ul{
	margin:10px 10px 10px 34px;
}
#footer li{
float:left;
margin-right:30px;
padding-left:24px;
}
.footer-link{
	width:800px;
	margin-top:10px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
	text-align:center;
	
}
.footer-link a:link,.footer-link a:visited{
color:#666666;
text-decoration:none;
}
.footer-link a:hover{
	color:#0033FF;
	text-decoration:underline;
}
.footer-tel{
	background: url(../image/common/tel_icon.jpg) no-repeat left center;
}
.footer-mail{
background: url(../image/common/mail_icon.gif) no-repeat left center;
}
/******************************/
.contents-title{
	margin-bottom:30px;
	margin-top:30px;
	width:700px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #CCCCCC;
	height:30px;
}
.contents-title h2{
height:17px;
}
.contents-title h2.dress-title{
text-indent:-9999px;
	background: url(../image/dress/title.gif) no-repeat 0px 0px;
}
.contents-title h2.plan-title{
text-indent:-9999px;
	background: url(../image/plan/title.gif) no-repeat 0px 0px;
	height:22px;
}
.contents-title h2.system-title{
text-indent:-9999px;
	background: url(../image/system/title.gif) no-repeat 0px 0px;
	height:22px;
}
.contents-title h2.contact-title{
text-indent:-9999px;
	background: url(../image/contact/title.gif) no-repeat 0px 0px;
	height:22px;
}
.contents-title h2.tuxedo-title{
text-indent:-9999px;
	background: url(../image/tuxedo/title.gif) no-repeat 0px 0px;
	height:22px;
}
.contents-title h2.sitemap-title{
text-indent:-9999px;
	background: url(../image/sitemap/title.gif) no-repeat 0px 0px;
	height:22px;
}
.contents-title h2.kimono-title{
text-indent:-9999px;
	background: url(../image/kimono/title.gif) no-repeat 0px 0px;
	height:22px;
}
.contents-title h2.about-title{
text-indent:-9999px;
	background: url(../image/about/title.gif) no-repeat 0px 0px;
	height:22px;
}
.dress{
width:720px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:30px;

}
.dress .thum{
width:117px;
height:230px;
padding-top:8px;
padding-left:16px;
padding-right:10px;
	background: url(../image/dress/photo_bg.jpg) no-repeat;
	float:left;
}
.thum p{
margin-top:3px;
font-size:10px;
}
#banner-area{
	clear:both;
	border-top: 1px solid #CCCCCC;
	padding: 5px 10px 5px 46px;
	height:80px;
}
.banner-l{
float:left;
width:430px;
}
.banner-l2{
float:left;
width:530px;
}
.banner-r{
	float:right;
	width:350px;
	text-align:right;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
}
/*************************************/
#plan,#system,#contact,#miyajima,#sitemap{
width:683px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
}
#plan .plan-l,#system .system-l,#contact .contact-l{
width:334px;
float:left;
}
#plan .plan-r,#system .system-r,#contact .contact-r{
width:334px;
float:right;
margin-bottom:30px;
}
#plan .plan-text{
	width:322px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	padding-top: 15px;

	padding-left: 10px;
	background-color:#FFFFFF;
}
#plan .plan-text p{
font-size:10px;
font-style:normal;
padding-bottom:5px;

letter-spacing:1px;
line-height:1.5em;
}
#plan .icon-set{
margin-top:10px;
margin-bottom:5px;
}
#plan .icon-set p{
margin-left:3px;
margin-top:5px;
padding:0;
font-size:12px;
}
#plan .plan-price{
text-align:right;
margin-left:100px;
margin-top:0px;
clear:both;
}
.plan-price dt{
	clear: left;
	float: left;
	width: 6em;
	padding: 13px 0em 10px;
	text-align:left;
}
.plan-price dd{
margin-left: 0;
	padding: 10px 0.5em 10px 0em;
	
}
.plan-price dd.dotline{
border-bottom: 1px dashed #CCC;
}
.plan-l img.title-img,.plan-r img.title-img{
padding-top:3px;
}
.plan-r h4,.plan-l h4{
font-weight:normal;
font-size:12px;
line-height:1.6em;
margin-bottom:10px;
margin-right:10px;
}
.plan-price dd.nopad{
margin:0;
padding: 0px 0.5em 10px 0em;
}
#system h3,#contact h3{
	font-size:12px;
	line-height:1.6em;
	font-weight:normal;
	margin: 10px 10px 20px;
}
#contact .contact-l img{
margin-bottom:10px;
margin-left:10px;
}
/****************************************/
#cform{
	font-size: 12px;
	padding:4px;
	margin:4px;
	line-height: 20px;
}
#cform td{
padding:6px;
}
#cform th.uppertext{
vertical-align:top;
}
#cform .inp {
width:300px;
	color : #000 ;

	background-color : #ffF ;
	border : 1px solid #666666;
	
}
#cform .s-inp {
	color : #000 ;
	
	background-color : #fff ;
	border : 1px solid #666666;
	
}
#cform textarea{
	width:300px;
	color : #000;
	border : 1px solid #666666;
	background: #FFFFFF;
}
#cform .hoge{
width:50px;
color : #FFFFFF ;
	background-color : #990000;
}
/********************************************/
#miyajima{
width:757px;
float:right;
margin-bottom:20px;
margin-top:30px;
}
#miyajima-r{
width:558px;
float:right;
}
#miyajima-l{
float:left;
padding-top:50px;
}
#miyajima-r h3.m-title{
font-size:12px;
font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
font-weight:normal;
color:#FFFFFF;
background-color:#000000;
height:11px;
padding:12px;
margin-bottom:30px;
}
#miyajima-r h3.m-title a:link,#miyajima-r h3.m-title a:visited{
color:#FFFFFF;
text-decoration:none;
}
#miyajima-r h3.m-title a:hover{
text-decoration:underline;
color:#FFFFFF;
}
#miyajima-r h3.plan-title{
	background: url(../image/itsukushima/plan.gif) no-repeat;
	height:27px;
	text-indent:-9999px;
}
#miyajima-r h2{
	height:34px;
	background: url(../image/itsukushima/caption.gif) no-repeat;
	border-bottom: 1px solid #CCCCCC;
	text-indent:-9999px;
	padding-bottom:20px;
}
#miyajima-r h4{
	background: url(../image/itsukushima/text.gif) no-repeat;
	height:64px;
	margin-top:20px;
	margin-bottom:40px;
	text-indent:-9999px;
}
#miyajima-r li{
	margin-top:24px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #CCCCCC;
	text-indent:-9999px;
}
#miyajima-r .plan1{
	background: url(../image/itsukushima/waso.gif) no-repeat;
}
#miyajima-r .plan2{
	background: url(../image/itsukushima/12.gif) no-repeat;
}
#miyajima-r p{
margin-top:40px;
margin-bottom:65px;
line-height:1.8em;
}
/*******************************************/
#privacy{
line-height:1.8em;
}
#privacy ol{
margin-left:20px;
}
#privacy li{
	list-style: decimal;
	font-weight:bold;
	margin-top:10px;
}
#privacy ol p{
	list-style: none;
	font-weight:normal;
	margin-bottom:10px;
}
/************************************************/
#sitemap ul{
margin-left:26px;
}
#sitemap li{
	margin-bottom:20px;
	background: url(../image/sitemap/mark.gif) no-repeat left center;
	padding-left:20px;
}
#sitemap a:link,#sitemap a:visited{
	color:#666;
	text-decoration:none;
	border-bottom: 1px dashed #666666;
}
#sitemap a:hover{
	color:#990000;
	text-decoration:none;
	border-bottom: 1px dashed #990000;
}
#sitemap th,#sitemap td{
padding:10px;
line-height:1.8;
text-align:left;
}
/***********************************************/
#top{
width:777px;
float:right;
margin-top:30px;

}
#top .top-l{
width:494px;
float:left;
}
#top .top-r{
	float:right;
	width:275px;
	background: url(../image/top/line.jpg) no-repeat;
	padding-top:160px;

}
#top .top-r .wall-icon{
	width:275px;
	text-align:center;
	border-top: 1px solid #CCCCCC;
	padding-top:6px;
	padding-bottom:6px;

}

#top .top-l h2{
text-indent:-9999px;
	width:232px;
	height:31px;
	background: url(../image/top/m-title.gif) no-repeat;
}

 
#top dl.serviceList dt {
	position: relative;
	width: 494px;

}
 
#top dl.serviceList dt.firstChild,
#top dl.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0;
}
 
#top dl.serviceList dd .m-link a {
width:235px;
height:27px;
display:block;
text-indent:-9999px;
	background: url(../image/top/m-btn.gif) no-repeat;
}
 
#top dl.serviceList dt img {
	position: absolute;

}
 
#top dl.serviceList dt.firstChild img,
#top dl.serviceList dt:first-child img {
	top: 0;
}
 
#top dl.serviceList dd {
	padding-left: 250px;
	height:134px;
	line-height:1.8em;
}
#top dl.serviceList dd p{
margin-bottom:16px;
}
#top dl.serviceList > dd {
	min-height: 50px;
	height: auto;
}
#top .info{
margin-top:20px;
	background: url(../image/top/info-bg.gif) repeat-y;
	margin-bottom:30px;
}
#top .info ul{
margin-left:20px;
margin-top:10px;
}
#top .info li{
	margin-bottom:8px;
	line-height:1.6em;
	background: url(../image/top/info-mark.jpg) no-repeat left 2px;
	padding-left:20px;
	margin-right:10px;
}