/*-----------------------
	common
------------------------*/

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	line-height:1.5em;
	background:url(../images/mainimage-bg2.png) top center no-repeat;
	color:#000000;
}
/*-----------------------
	mainstructure
------------------------*/
body#top{
	background:url(../images/mainimage-bg.png) top center no-repeat;
}

div#container{
	width:960px;
	margin:0 auto;
}

header{
	height:180px;
	position:relative;
}

div#mainimage{
	clear:both;
	height:460px;
}


div#contents-area1{
	height:1460px;	
}

div#contents-area2{
	height:1060px;
}

div#contents-area3{
	height:500px;
	width:1200px;
	margin:0 auto;
}

footer{
	clear:both;
	height:160px;
	width:960px;
	margin:0 auto;
}

p#contactimage{
	text-align:center;
	height:320px;
	margin-top:20px;
	margin-bottom:20px;
}


/*-----------------------
	line
------------------------*/

#line1,#line2,#line3{
	text-align:center;
}

/*-----------------------
	smartbutton
------------------------*/

header button{
	display:none;
}

@media(min-width:801px){
header nav#menu{
	display:block !important;
}
}

/*-----------------------
	header
------------------------*/
header h1{
	position:absolute;
	top:20px;
}

header p.time{
	position:absolute;
	top:60px;
	left:440px;
	font-size:12px;
}

header p.telephone{
	position:absolute;
	left:610px;
	top:76px;
}
header p.telephone span{
	font-size:22px;
}


header p.mail-button{
	position:absolute;
	top:60px;
	left:790px;
}


header nav ul{
	position:absolute;
	top:140px;
	left:3px;
	height:40px;
	text-align:center;
	border-left:1px solid #cccccc;
}


header nav ul li{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	width:158px;
	height:40px;
	border-right:1px solid #cccccc;
}

header nav ul li.line-height{
	line-height:40px;
}
header nav ul li a:link,header nav ul li a:visited{
	text-decoration:none;
	color:#ffffff;
}

header nav ul li a:active,header nav ul li a:hover{
	text-decoration:underline;
	color:#f328d4;
}

/*-----------------------
	div#mainimage
------------------------*/
div#mainimage p#midashi{
	text-align:center;
	padding-top:120px;
}

ul.image_area{
position:relative;
height:320px;  
}
ul.image_area li{
position:absolute;
}
ul.image_area li.active{
z-index:10;   
}
ul.image_area li.next{
z-index:11;
}

p#sp-mainimge{
	display:none;
}

/*-----------------------
	div#contents-area1
------------------------*/

span.pink{
	color:#f328d4;
	font-size:14px;
	font-weight:bold;
}

div#contents-area1 h2{
	text-align:center;
	padding-top:60px;
}

div#contents-area1 div{
	clear:both;
}

div#contents-area1 div#hotellist1{
	padding-left:100px;

}
div#contents-area1 div#hotellist1 ul li{
	padding-right:60px;
	width:215px;
}
div#contents-area1 div#hotellist2{
	padding-left:100px;
	padding-top:20px;

}
div#contents-area1 div#hotellist2 ul li{
	padding-right:60px;
	width:215px;
}

div#contents-area1 div ul li p{
	text-align:left;
	font-size:12px;

}
div#contents-area1 div ul li{
	float:left;
}



p#supplement{
	clear:both;
	color:#c21c4a;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding-top:20px;
	padding-bottom:40px;
}
/*-----------------------
	div#contents-area2
------------------------*/
div#contents-area2 h2{
	padding-top:20px;
	text-align:center;
}

div#contents-area2 div{
	text-align:center;
	width:760px;
	height:160px;
	margin:20px auto 0;
}
div#contents-area2 div p{
	padding-left:170px;
	font-size:16px;
}

div#contents-area2 div p.text{
	padding-top:20px;	
}
div#contents-area2 div#area2-1{
	background:url(../images/reason-img1.png) no-repeat #ffffff left top;
	border-bottom:2px solid #c21c4a;
}

div#contents-area2 div#area2-2{
	background:url(../images/reason-img2.png) no-repeat #ffffff left top;
	border-bottom:2px solid #c21c4a;
}

div#contents-area2 div#area2-3{
	background:url(../images/reason-img3.png) no-repeat #ffffff left top;
	border-bottom:2px solid #c21c4a;
}

div#contents-area2 div#area2-4{
	background:url(../images/reason-img4.png) no-repeat #ffffff left top;
	border-bottom:2px solid #c21c4a;
}

div#contents-area2 div#area2-5{
	background:url(../images/reason-img5.png) no-repeat #ffffff left top;
	border-bottom:2px solid #c21c4a;
	margin-bottom:40px;	
}

/*-----------------------
	div#contents-area3
------------------------*/
div#contents-area3 h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}


div.session-form{
	text-align:center;
}


/*-----------------------
	footer
------------------------*/

footer p{
	text-align:center;
}

footer ul li a:link,footer ul li a:visited{
	text-decoration:underline;
	color:#000000;
}

footer ul li a:active,footer ul li a:hover{
	text-decoration:none;
	color:#cccccc;
}

footer ul{
	text-align:center;
	width:640px;
	margin:0 auto;
}
footer ul li{
	float:left;
	font-size:12px;
	padding:8px;
}

footer p#comment{
	clear:both;
}

footer p#pagetop{
	clear:both;
}
/*-----------------------
	service-page
------------------------*/
body#service h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}


body#service div#service1{
	height:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image1.png) no-repeat right top;
}

body#service div#service2{
	height:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image2.png) no-repeat right top;
}


body#service div#service3{
	height:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image3.png) no-repeat right top;
}


body#service div#service4{
	height:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image4.png) no-repeat right top;
}


body#service div#service5{
	height:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image5.png) no-repeat right top;
}


body#service div#service6{
	height:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image6.png) no-repeat right top;
}


body#service div#service7{
	height:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image7.png) no-repeat right top;
}

body#service div#service8{
	height:150px;
	margin-top:10px;
	background:url(../images/service-image8.png) no-repeat right top;
}

body#service div.session-form{
	height:500px;
	padding-bottom:0px;
}


body#service div hr{
	display: block;
  	width: 100%;
 	height: 2px;
 	background-color: #c21c4a;
  	border:none;
}


body#service p{
	font-size:16px;
	padding-top:20px;
}


body#service header p.time{
	position:absolute;
	top:60px;
	left:440px;
	font-size:12px;
	padding-top:0;

}

body#service header p.telephone{
	position:absolute;
	left:610px;
	top:76px;
	padding-top:0;

}
body#service header p.telephone span{
	font-size:22px;
	padding-top:0;
}


body#service header p.mail-button{
	position:absolute;
	top:60px;
	left:790px;
	padding-top:0;
}
/*-----------------------
	quote-page
------------------------*/
body#quote h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#quote div.session-form{
	height:410px;
}

body#quote header p.time{
	position:absolute;
	top:60px;
	left:440px;
	font-size:12px;
}

body#quote header p.telephone{
	position:absolute;
	left:610px;
	top:76px;

}
body#quote header p.telephone span{
	font-size:22px;
}


body#quote header p.mail-button{
	position:absolute;
	top:60px;
	left:790px;
}


p.quote-line1{
	text-align:center;
	margin:0 auto;
	
}

p.quote-line2{
	text-align:center;
	margin:0 auto;
	
}

p.quote-ilne3{
	text-align:center;
	margin:0 auto;
	
}

body#quote div#quote-text{
	height:120px;
	width:760px;
	margin:0 auto;
	margin-bottom:20px;	
}

body#quote div#quote-text p{
	font-size:18px;
	line-height:1.8em;
	text-align:center;
}

body#quote div#quote-text span.red{
	color:#c21c4a;
	font-size:18px;
	font-weight:bold;
}
body#quote div#quote-figure{
	height:580px;
	width:760px;
	margin:0 auto;
	text-align:center;	
}

body#quote div#next-quotetext{
	height:440px;
	width:480px;
	margin:0 auto;
}
body#quote div#next-quotetext p{
	font-size:16px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

p.text-pink{
	color:#f328d4;
	font-size:16px;
	text-align:center;
	line-height:2em;	
}


body#quote div#quote-thirdarea{
	height:460px;
	width:760px;
	margin:0 auto 20px;
	background-color:#ffdbfc;
}

body#quote h3{
	text-align:center;
	padding-top:20px;
}

body#quote div#quote-thirdarea p{
	line-height:2em;
	text-align:center;
	padding:10px;
	padding-top:20px;
	font-size:18px;
}
body#quote p.session-formtext{
	text-align:center;
}
/*-----------------------
	difference-page
------------------------*/

body#difference header p.time{
	position:absolute;
	top:60px;
	left:440px;
	font-size:12px;
}

body#difference header p.telephone{
	position:absolute;
	left:610px;
	top:76px;
}
body#difference header p.telephone span{
	font-size:22px;
}


body#difference header p.mail-button{
	position:absolute;
	top:60px;
	left:790px;
}

body#difference h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}
body#difference div#mainimage{
	height:320px;
}

body#difference div h3{
	padding-top:20px;
	padding-bottom:20px;
}

body#difference div p{
	font-size:16px;
	padding-bottom:20px;
}

body#difference div#difference-area1{
	text-align:center;
	height:180px;
	background:url(../images/difference-bg1.png) no-repeat center top;	
}

body#difference div#difference-area2{
	text-align:center;
	height:180px;
}

body#difference div#difference-area3{
	text-align:center;
	height:180px;
	background:url(../images/difference-bg2.png) no-repeat center top;	
}

body#difference div#difference-area4{
	text-align:center;
	height:180px;
}

body#difference div#difference-area5{
	text-align:center;
	height:180px;
	background:url(../images/difference-bg3.png) no-repeat center top;
}

body#difference div#difference-area6{
	text-align:center;
	height:180px;
}


body#difference p#difference-line{
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
}

body#difference p#difference-comment{
	text-align:center;
}


body#difference div#difference-area1 h3 span{
	display:none;
}

body#difference div#difference-area2 h3 span{
	display:none;
}

body#difference div#difference-area3 h3 span{
	display:none;
}

body#difference div#difference-area4 h3 span{
	display:none;
}

body#difference div#difference-area5 h3 span{
	display:none;
}

body#difference div#difference-area6 h3 span{
	display:none;
}

/*-----------------------
	voice-page
------------------------*/

body#voice header p.time{
	position:absolute;
	top:60px;
	left:440px;
	font-size:12px;
	padding:0;
}

body#voice header p.telephone{
	position:absolute;
	left:610px;
	top:76px;
	padding:0;
}
body#voice header p.telephone span{
	font-size:22px;
	padding:0;
}


body#voice header p.mail-button{
	position:absolute;
	top:60px;
	left:790px;
	padding:0;
}

body#voice div#mainimage{
	height:220px;
}

body#voice h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}

body#voice p#difference-line{
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
	padding:0;
}

body#voice p#difference-comment{
	text-align:center;
	padding:0;
}

body#voice p#contactimage{
	text-align:center;
	height:320px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0;
}

body#voice div#voice-area1{
	text-align:center;
	height:260px;
	background:url(../images/persons01.jpg) no-repeat left top;
}

body#voice div#voice-area2{
	text-align:center;
	height:260px;
	background:url(../images/persons02.jpg) no-repeat left top;
}

body#voice div#voice-area3{
	text-align:center;
	height:260px;
	background:url(../images/persons03.jpg) no-repeat left top;
}

body#voice div#voice-area4{
	text-align:center;
	height:260px;
	background:url(../images/persons04.jpg) no-repeat left top;
}

body#voice div h3{
	text-align:left;
	font-size:16px;
	color:#c21c4a;
	padding-left:280px;
	margin-bottom:20px;
}

body#voice div p{
	text-align:left;
	padding-left:280px;
}

body#voice p#voice-line{
	text-align:center;
	margin:20px auto;
	padding:0;
}


/*-----------------------
	session-page
------------------------*/
body#session h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}


body#session p#difference-line{
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
}

p.session-message{
	text-align:center;
	font-size:18px;
	color:#c21c4a;
	font-weight:bold;
	margin-top:30px;
}

#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}

#formWrap h3{
	text-align:center;
	margin-bottom:20px;
	font-size:16px;
}

#formWrap p.session-text{
	text-align:center;
	margin:10px;
	font-size:14px;
}

#formWrap .session-t{
	padding-top:10px;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#FFC1F1;
	text-align:left;
}


/*-----------------------
	contact-page
------------------------*/
body#contact h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}


body#contact p#difference-line{
	text-align:center;
	margin-top:10px;
	margin-bottom:40px;
}



/*-----------------------
	company-page
------------------------*/

body#company h2{
	height:100px;
	margin-top:40px;
	text-align:center;
	margin-bottom:20px;
}

body#company h3{
	font-size:18px;
	font-weight:bold;
	color:#c21c4a;
	width:760px;
	margin:10px auto;
	text-align:center;
}

body#company div#company-info{
	margin:20px auto;
	height:560px;
}

body#company div#company-info table{
	text-align:center;
	margin:0 auto;
}
body#company div#company-info table tr{
	border-bottom:1px solid #cccccc;
}

body#company div#company-info table th{
	text-align:left;
	font-size:16px;
	padding:16px;
	color:#000000;
}

body#company div#company-info table td{
	text-align:left;
	padding:16px;
	padding-left:130px;
}

body#company div#googlemap{
	text-align:center;
	height:320px;
}

body#company h3.access{
	color:#000000;
}

body#company div#recruit{
	width:760px;
	margin:20px auto;
}
body#company div#recruit h3.panel_title{
	color:#c21c4a;
	font-size:16px;
}

body#company div#recruit h3.panel_title a:link,body#company div#recruit h3.panel_title a:visited{
	color:#c21c4a;
	text-decoration:underline;
}

body#company div#recruit h3.panel_title a:hover,body#company div#recruit h3.panel_title a:active{
	color:#cccccc;
	text-decoration:none;
}


body#company div#recruit div{
	display:none;
}

span.recruitmidashi{
	font-weight:bold;
}


/*-----------------------
	kuroji
------------------------*/

body#service p#session-button{
    padding-top:0;
}


span.red{
	color:#c21c4a;
	font-size:21px;
	font-weight:bold;
}

p.abouttext{
	text-align:center;
	font-size:16px;
	padding-top:20px;
	padding-bottom:20px;
}
.kurojimidashi{

}


.midashi1{
	margin: 0 0 1.5em;
	padding: 1em;
	border-left: 7px solid #c21c4a;
	border-bottom: 1px dashed #c21c4a;
	font-size: 21px;
	color:#000000;
	line-height:1.5em;
}


.midashi2 {
  position: relative;
  color: #111;
  border-bottom: 4px solid #ccc;
  padding: 8px 10px;
  font-size:22px;
}
.midashi2::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 40%;
  height: 4px;
  background-color:#c21c4a;
  z-index: 2;
  content: '';
}


.midashi3 {
	position: relative;
	text-align: center;
	font-size:34px;
	color:#FF1493;
	margin-top:20px;
}
.midashi3 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #fff;
	text-align: left;
}
.midashi3::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}


.midashi4{
	padding: .5em .75em;
	background-color: #f3f3f3;
	border-left: 6px solid #ffcf28;
	font-size:22px;
	font-weight:bold;
	font-style:oblique;
	color:#c21c4a
}

.midashitop{
	margin: 0 0 1.5em;
	padding: 1em;
	border-left: 7px solid #c21c4a;
	border-bottom: 1px dashed #c21c4a;
	font-size: 24px;
	color:#000000;
	line-height:1.5em;
}

span.topred{
	color:#c21c4a;
}


div#topimg1{
	height:240px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/topimg1.jpg) no-repeat right top;
}

div#topimg1 p{
	font-size:26px;
	line-height:3em;
}

div#topimg2{
	height:240px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/topimg2.jpg) no-repeat right top;
}

div#topimg2 p{
	font-size:18px;
	line-height:3em;
}

div#topimg3{
	background:url(../images/topimg3.jpg) no-repeat #ffffff left top;
	border-bottom:2px solid #c21c4a;
	height:200px;
	clear:both;
}

div#topimg3 p{
	padding-left:440px;
	font-size:24px;
	color:#c21c4a;
	line-height:2em;
	padding-top:40px;
}

div#point{
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/point.jpg) no-repeat right top;
}

div#point p.midashi4{
	width:68%;
}