/*-----------------------
	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:520px;
}


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

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

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

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

p#contactimage{
	text-align:center;
	height:326px;
	margin-top: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:118px;
	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.red{
	color:#c21c4a;
	font-size:18px;
	font-weight:bold;
}
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;
}



div#contents-area1 p#supplement{
	clear:both;
	color:#c21c4a;
	font-size:30px;
	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{
	padding-top:120px;
	text-align:center;
	margin-bottom:20px;
	background:url(../images/question-image.png) no-repeat top left;
	background-position:80px 0;
	padding-left:230px;
	height:120px;
}

div#contents-area3 div.area3-comment{
	background:url(../images/top-text-bg.png) no-repeat top center;
	height:440px;
	text-align:center;
}
div#contents-area3 div.area3-comment p{
	font-size:23px;
	line-height:1.5em;
	padding-top:80px;
	text-align:center;
}

div#contents-area3 div.area3-comment p span.red{
	font-size:23px;
}

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;
}
footer ul li{
	float:left;
	font-size:12px;
	padding:8px;
}

footer p#comment{
	clear:both;
}

/*-----------------------
	top-page
------------------------*/
body#top div.session-form p#contact-button{
	padding-left:60px;
}


/*-----------------------
	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:180px;
	margin-top:10px;
	margin-bottom:10px;
	background:url(../images/service-image8.png) no-repeat right top;
}

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

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 div.session-form p{
	padding-top:0;
}

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:440px;
}

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:210px;
	width:760px;
	margin:0 auto;
	background:url(../images/quote-image.jpg) no-repeat right top;
	margin-bottom:20px;	
}

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

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 div.session-form{
	height:420px;
	padding-bottom:20px;
}

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;
}


body#difference p#contactimage{
	padding-bottom:10px;
}

/*-----------------------
	voice-page
------------------------*/
body#voice div.session-form{
	height:420px;
	padding-bottom:20px;
}

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:326px;
	margin-top:20px;
	margin-bottom:10px;
	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#session-button{
	padding-left:0;
	text-align:center;
}

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;
}