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

/* メイン始まりサービス */

body{line-height:2em;
}

#main{
	float:right;
	width:740px;
	margin:10px auto 0;
	padding-bottom:10px;
	overflow:hidden;
}

#main h2 {
	font-size:16px;
	font-weight:bold;
	margin:20px 0 20px 0;
	padding:6px 10px;
	border:1px solid #e9e9e9;
	background: #F2F2F2;
	color:#333;
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
}
	
.mainimg{
	clear:both;
	width:740px;
	overflow: hidden;
	margin:0px 0 10px 0;
}


.mainimg-small{
	width:740px;
	clear: both;
	overflow: hidden;
	margin:0px 0 10px;
}


#main td{
	padding:10px 3px;
	text-align:center;
}

#main td p{
	line-height:1.5em;
}
	      

.h1-title{
	width:740px;
	margin:10px 0 15px;
}


.title-bottom{
	margin: 0px 0 15px;
	background:url(image/title-bottom.gif) left bottom repeat-x;
	padding-bottom:15px;
}

.text-bottom{
	margin: 0px 0px 30px;
	background:#FFF;
	padding:15px;
	line-height:2em;
	width:708px;
	border:#CCC solid 1px;
}

.mainimg dl{
	margin-top:10px;
}

.mainimg dd{
	margin:10px 0;
	padding-bottom:10px;
	background-image:url(../image/dots.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:1.5em;
}

.planbox{
	width:740px;
	margin-top:20px;
	background-color:#CCC;
	}

.planbox h2{
	padding:5px;
	font-size:1.3em;
	color:#C06;
	line-height:1.2em;
}

.planboxtext{
	padding:5px;
}

.planboxtextred{
	padding:0 5px 5px;
	text-align:right;
	color:#C00;
}

.planbox-bottom{
	margin:0;
	width:740px;
}

.planbox-bottom p{
	font-size:1.3em;
	font-weight:bold;
	line-height:1.2em;
	width:740px;
	margin-bottom:5px;
}

.planbox-bottom p img{
	float:right;
}

.planbox-img{
	float:right;
	padding-bottom:10px;
}



/* メイン終わりサービス */


.service-box{
width:740px;
margin:0;
padding:5px 0px;
font-size:12px;
line-height:1.5em;
color:#333;
background:url(details-item-hinagata-newimage/toppage_bg.jpg) repeat-y;
}


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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.service-image{
float:left;
padding-right:10px;
padding-left:10px;
width:80px;
margin:0;
}


.service-text{
float:right;
width:630px;
padding:0;
margin-right:10px;
}

.service-box p {
	margin:0px;
	padding-bottom:5px;
	font-size: 10px;
	line-height:1.5em;
}


.service-box .service-text ul {
	margin-top: 5px;
	padding-left: 10px;
}

	*html .service-box .service-text ul {
		width: 610px;
	}

.service-box .service-text  ul li {
	width: 45%;
	padding:2px 5px 7px 18px;
	background-image:url(image/sidenavi-button-list.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	list-style-type:none;
	float: left;
}



#service h3 {
	margin-top: 15px;
}

/*20120822*/

.h1-title .tit-m{
	font-size:26px;
	color:#bb0066;
	margin:20px 0 5px;
}
.h1-title .tit-s{
	font-size:14px;
	margin:20px 0 10px;
}

h2.title-midashi{
	padding:30px 0 20px 0;
}

.nayami{
	clear:left;}

.nayami .nayami01{
	width:230px;
	height:140px;
	background-image:url(details-itemphoto/images/nayami-img01.jpg);
	background-repeat:no-repeat;
	margin:10px 0 0 10px;
	float:left;
}
.nayami .title{
	font-size:14px;
	padding:10px 0 0 40px;
	}

.nayami .detail{
	width:200px;
	height:60px;
	padding:15px 0 0 20px;
	line-height:1.5em
}

.nayami .nayami02{
	width:230px;
	height:140px;
	background-image:url(details-itemphoto/images/nayami-img02.jpg);
	background-repeat:no-repeat;
	margin:10px 15px 0;
	float:left;
}


.nayami .nayami03{
	width:230px;
	height:140px;
	background-image:url(details-itemphoto/images/nayami-img03.jpg);
	background-repeat:no-repeat;
	margin:10px 10px 0 0;
	float:left;
	clear:right;
}

.recom{
	text-align:center;
	margin:0 auto;
	font-size:16px;
	padding:20px 0 20px;
}


.service .tokutyo-left{
	width:360px;
	height:140px;
	background-image: url(details-itemphoto/images/service-img01.jpg);
	background-repeat:no-repeat;
	margin:10px 20px 20px 0;
	float:left;
	clear:right;
}
.service .tokutyo-left img{
	margin:14px 10px 0 10px;
	float:left;
}
.service .tit-m{
	margin:15px auto 10px 10px;
	font-size:16px;
}
.service .tit-s{
	line-height:1.5em;
	width:215;
}

.service .tokutyo-right{
	width:360px;
	height:140px;
	background-image:url(details-itemphoto/images/service-img01.jpg);
	background-repeat:no-repeat;
	margin:10px 0 20px 0;
	float:right;
	clear:right;
}
.service .tokutyo-right img{
	margin:14px 10px 0 10px;
	float:left;
}

.record{
	clear:right;
}
.record .cliant-name{
	padding:10px 0;	
}
.record .jisseki1{
	float:left;
	
}
.record .jisseki2{
	float:left;
	margin:0 25px;
}

.record .jisseki3{
	float:right;
	clear:right;
}

.record .jisseki-btn{
	float:right;
	clear:right;
	margin:20px 0 20px 0 ;
}

.detail{
	clear:left;
}

.detail .left{
	float:left;
	width:370px;
	line-height:1.5em;
	clear:left;
}

.detail .left p{
	line-height:1.5em;
}
.detail .left span.price{
	font-size:24px;
	color:#cc0066;
	
}
.detail .left span.midashi{
	font-size:18px;
	color:#cc0066;
}
.detail .right{
	float:left;
	width:370px;
	clear:right;

}
.detail .right .setsumei{
	font-size:12px;
	margin:10px 0;
}

.service-option{
	clear:left;
}

.service-option .content {
	clear:left;
	width:740px;
	overflow:hidden;
	background:url(details-itemphoto/images/faq-bg.jpg);
	background-repeat:repeat-y;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}
.service-option .left{
	width:350px;
	height:154px;
	float:left;
	margin:15px 10px auto 10px;
	clear:right;
}

.service-option .right{
	width:350px;
	height:154px;
	float:left;
	margin:15px 10px auto 10px;
	clear:right;
}

.service-option .line1{
	float:left;
}
.service-option .tit{
	margin:5px 0 1px 10px;
}
.service-option .opt-item{
	float:left;
	clear:right;
	margin:5px;
}
.service-option .shousai{
	margin:10px auto auto 10px;
	line-height:1.5em;
}

.flow {
	clear:left;
}
.flow li{
	list-style:none;
	with:760px;
	height:100px;
}
.flow .komidashi{
	margin:15px auto 5px 125px;
	padding-top:15px;
	font-size:16px;
}
.flow .komidashi2{
	margin:15px auto 5px 125px;
	padding-top:10px;
	font-size:16px;
}

.flow .shousai{
	margin:0 auto 15px 125px;
	padding-top:8px;
	line-height:1.5em;
}
.flow .shousai2{
	margin:0 auto 15px 125px;
	padding-top:0px;
	line-height:1.5em;
}

.flow li.no1{
	background-image: url(details-itemphoto/images/flow-no1.jpg);
	background-repeat:none;
	}
.flow li.no2{
	background-image:url(details-itemphoto/images/flow-no2.jpg);
	background-repeat:none;
	}
.flow li.no3{
	background-image:url(details-itemphoto/images/flow-no3.jpg);
	background-repeat:none;
	}
.flow li.no4{
	background-image:url(details-itemphoto/images/flow-no4.jpg);
	background-repeat:none;
	}
.flow li.no5{
	background-image:url(details-itemphoto/images/flow-no5.jpg);
	background-repeat:none;
	}
.flow li.no6{
	background-image:url(details-itemphoto/images/flow-no6.jpg);
	background-repeat:none;
	}
.flow li.no7{
	background-image:url(details-itemphoto/images/flow-no7.jpg);
	background-repeat:none;
	}
	
	.flow li.no8{
	background-image:url(details-itemphoto/images/flow-no8.jpg);
	background-repeat:none;
	}
	.flow li.no9{
	background-image:url(details-itemphoto/images/flow-no9.jpg);
	background-repeat:none;
	}
	.flow li.no10{
	background-image:url(details-itemphoto/images/flow-no10.jpg);
	background-repeat:none;
	}
.faq{
	magin-top:20px;
}

.faq .content{
	width:740px;
	overflow:hidden;
	background:url(details-itemphoto/images/faq-bg.jpg);
	background-repeat:repeat-y;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

.faq .content .in{
	width:720px;
	margin:0 auto;
}
.faq .faq-q{
	text-align:left; margin:5px 0 0 0px; padding:4px 0 8px 25px; list-style-type:none; 
	background:url(details-itemphoto/images/faq-q.jpg)  no-repeat;
}
.faq .faq-a{
	text-align:left; margin:5px 0 15px 0px; padding:4px 0 8px 25px; list-style-type:none; 
	background:url(details-itemphoto/images/faq-a.jpg) 0 0em no-repeat;
}
.plan-tab{
	clear:left;
}
/*20120822*/

.mall-tokutyo{
	clear:left;
}

.mall-tokutyo .merit-left{
	width:350px;
	margin:10px 10px 20px 10px;
	float:left;
	clear:left;
}
.mall-tokutyo .merit-right{
	width:350px;
	margin:10px 10px 20px auto;
	float:left;
}

.mall-tokutyo .merit-text{
	width:350px;
	height:172px;
	background-image:url(mall-service-list/images/merit-bg.jpg);
	background-repeat:no-repeat;
	margin-top:10px;
	padding-top:8px;

}

.mall-tokutyo ul li{
	list-style-image:url(mall-service-list/images/arr-img.jpg);
	margin:5px 0 5px 30px;
	line-height:1.5em;
}
.mall-shokai{
	clear:left;
}

table#mall-intro{
	width:740px;
	border:1px #CCC solid;
	text-align: center;
    border-collapse: collapse;
}


table#mall-intro th{
	background-color:#E5E5E4;
	padding:8px;
    font-weight: bold;
    border:1px #CCC solid;
    border-width: 0 0 1px 1px;
}
table#mall-intro td{
	padding:8px;
    border:1px #CCC solid;
    border-width: 0 0 1px 1px;
}


.mall-service-list{
	clear:left;
}

.mall-service-list .list-left{
	float:left;
	width:232px;
	height:272px;
	background-image:url(mall-service-list/images/service-list-bg.jpg);
	background-repeat:no-repeat;
	margin:auto;
	margin-bottom:20px;
	 display: inline;
}

.mall-service-list .list-center{ /*その他のブラウザ用*/
	float:left;
	width:232px;
	height:272px;
	background-image:url(mall-service-list/images/service-list-bg.jpg);
	background-repeat:no-repeat;
	margin:auto 15px;
	margin-bottom:20px;
	 display: inline;
}

*html .mall-service-list .list-center{ /* IE6用のハック */
	float:left;
	width:232px;
	height:272px;
	background-image:url(mall-service-list/images/service-list-bg.jpg);
	background-repeat:no-repeat;
	margin:auto 8px;  /*通常指定の1／2で指定*/
	margin-bottom:20px;
	 display: inline;
}

.mall-service-list .list-right{
	float:left;
	width:232px;
	height:272px;
	background-image:url(mall-service-list/images/service-list-bg.jpg);
	background-repeat:no-repeat;
	clear:right;
	margin:auto;
	margin-bottom:20px;
	 display: inline;
}

.mall-service-list .list-title{
	margin:0 auto 10px 10px;
	font-size:16px;
}
.mall-service-list .list-text{
	width:232px;
	margin:0 auto 10px 10px;
	line-height:1.5em;
}

.mall-service-list .list-img{
	margin:10px;
}
/*20120827*/

/*20120829*/


.plandetai {
	float:left;
}


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
 
.cf:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}


.plan_price_position{
	position:relative;
}
.plan_detail_box{
	width:172px;
	float:left;
	margin:0 0 0 10px;
}
	

.plan_shosai{
	margin:5px 0 0 0 ;
	text-align:right;
}


#plan_price_wrap{
	margin:20px 0 0 0;
}
.plan_price_midashi{
	font-size:18px;
	color:#cc0066;
	
}
.plan_price_text{
	padding:100px 0 0 0;
		font-size:18px;
	color:#cc0066;
}

.plan_price_box{
	margin:30px 0 0 0;
}

.tit strong{
		color:#cc0066;
	font-weight:bold;
	font-size:1.2em;
}

.option-position{
	position:relative;
}

.option_price{
	text-align:right;
	position:absolute;
	 bottom:0;
	 right:5px;
}

/*20120829*/
/*20120903*/
#plan-icon-naiyo{
	float:left;
	margin:0 310px 0 0;
}

#plan-icon-melit{
	float:left;
}
	
#plan-text-wrap{
	margin:3px 0 10px 0;
}
.plan-text-box{
width:353px;
float:left;
font-size:12px;
line-height:1.5em;
border:solid 1px #b8b8b8;
margin:0 10px 10px 0;
padding:5px;
}

#plan-text-box-end{
	margin:0;
}
/*20120903*/

/*20120917 */
#sitelist {
    width: 214px;
}
#sitelist ul {
    margin: 0px;
    padding: 0px;
}
#sitelist ul li {
    list-style-type: none;
}
#sitelist ul li a {
    display: block; /* ここでaタグに対し、blockに設定をします */
    text-decoration: none;
}

/*20120917*/

/*20150715*/


/* 特徴　*/
.feature{
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	}

.feature .left{
	float: left;
	width: 32%;
	margin: 0 14px 20px 0;
	padding:0;
}

.feature .center{
	float: left;
	width: 32%;
	margin: 0 -14px 0 0;
	padding:0;
}

.feature .right{
	float: right;
	width: 32%;
	margin: 0 0 20px 0;
	padding:0;
}

.feature p{
	font-size:16px;
	color:#C06;
	font-weight:bold;
	margin:10px 0;
}

/* 例　*/
.example{
	width:100%;
	overflow:hidden;
	margin-bottom:40px;
	}

.example .left{
	float: left;
	width: 32%;
	margin: 0 14px 0 0;
	padding:0;
	clear:left;
}

.example .center{
	float: left;
	width: 32%;
	margin: 0 -14px 0 0;
	padding:0;
}

.example .right{
	float: right;
	width: 32%;
	margin: 0 0 0 0;
	padding:0;
}

.example p{
	font-size:16px;
	color:#C06;
	font-weight:bold;
	margin:10px 0;
}

/*　プラン　*/
.plan{
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
	}

.plan .left{
	float: left;
	width: 50%;
	margin: 0 0 20px 0;
}

.plan .right{
	float: right;
	width: 48%;
	margin: 0 0 20px 0;
}


.plan h3{
	font-size:16px;
	color:#C06;
	font-weight:bold;
	margin:10px 0;
}

.plan .button{
	float:right;
	display:block;
	font-size:16px;
	color:#FFF;
	width:50%;
	margin:10px 0;
	padding:5px 0;
	text-align:center;
	background-color:#099;
}

.plan .rule_text{
	clear:both;
	margin:10px 0 10px;
	padding:10px;
	border:#CCC solid 1px;
}

/*　オプション　*/

.option{
	clear:both;
	width:738px;
	overflow:hidden;
	margin-bottom:50px;
	padding-bottom:10px;
	border:#CCC solid 1px;
}


.option .left{
	width:350px;
	float:left;
	overflow:hidden;
	margin:15px 9px auto 9px;
	clear:left;
}

.option .right{
	width:350px;
	float:left;
	overflow:hidden;
	margin:15px 9px auto 9px;
}

.option .tit{
  margin: 2px 0 2px 0;
  padding: 0 0 0 10px;
  border-bottom: 1px dotted #CCC;
  border-left: 5px solid #C06;
  font-size:14px;
  font-weight: bold;
  color: #C06;
}
.option .opt-item{
	float:left;
	clear:right;
	margin:10px 10px 0 0;
}

.option .shousai{
	margin:10px auto auto 10px;
}

.option .price{
	color:#C00;
	clear:left;
	text-align: right;
	margin-top:5px;
	padding-top:5px;
}

.option .detail{
	text-align:right;
}

/*　サービス　*/
#sBox{
	width:100%;
	}

#sBox .oBox{
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
	}

#sBox .oBox .left{
	float: left;
	width: 30%;
	margin: 0 0 20px 0;
}

#sBox .oBox .right{
	float: right;
	width: 70%;
	margin: 0 0 20px 0;
}


#sBox .oBox h3{
	font-size:16px;
	color:#C06;
	font-weight:bold;
	margin:10px 0;
}

#sBox .oBox .button{
	float:right;
	display:block;
	font-size:16px;
	color:#FFF;
	width:50%;
	margin:10px 0;
	padding:5px 0;
	text-align:center;
	background-color:#099;
}

#sBox .oBox .rule_text{
	clear:both;
	margin:10px 0 10px;
	padding:10px;
	border:#CCC solid 1px;
}

.toggle{
	cursor: pointer;
}

.tit-r{
	font-size:14px;
	margin:25px 10px;
}

.tit-rtest{
	font-size:14px;
	margin:5px 10px;
	padding:10px 0;
}

.tit-planTxt{
	font-size:14px;
	margin:5px 10px;
	padding:10px 0;
}