@charset "UTF-8";

/* * * Reset * * */
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, blockquote, pre, table, th, td, form{
	margin:0;
	padding:0;
}
img {
	vertical-align: baseline;
}
a img {
	border: none;
}

ul li{
	list-style-type:none;
}

/* * * Setting * * */
body {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	color: #333;
	text-align:center;
}


/* * * general * * */
#container{
	text-align:left;
}

.inner{
	width:960px;
	margin:0 auto;
	text-align:left;
}

/*** pc only ***/
.sp{
	display:none;
}


/*** header***/
#header{
	background-color:#80acb3;
	overflow: hidden;
}
#header h1{
/*	line-height:0;*/
	float:left;
	margin: 20px 40px;
	color: #FFF;
}
#header h1 span{
	display: block;
	font-weight: normal;
	font-size: 45%;
	line-height: 1.0em;
}
	#header h1 small{
	font-weight: normal;
}
#header .telno{
/*	position: absolute;
	right: 10px;
	top:10px;*/
	color: #FFF;
	text-align: right;
	padding-right: 10px;
}

#header dl{
	float:right;
}

#header ul{
	overflow: hidden;
}
#header li{
	float:left;
	overflow:hidden;
}
#header li a{
	color:#FFF;
	text-decoration:none;
	height:3em;
	display:table-cell;
	width:135px;
	height:80px;
  	vertical-align:middle;
	font-size:20px;
	text-align:center;
	line-height:1.2em;
}



#header li a:hover{
	background-color:#EFDA21;
	color: #000;
}
#header li span{
	font-size:80%;
}






/*各ページ　シグネチャ*/
/*
#page_index #header li#link_top a{
	background-color:#F90;
}
#page_XXX #header li#link_service a{
	background-color:#F90;
}
#page_XXX #header li#link_info a{
	background-color:#F90;
}
#page_XXX #header li#link_performance a{
	background-color:#F90;
}
#page_XXX #header li#link_contact a{
	background-color:#F90;
}
*/







/*** contents***/
#contents{
	background-color:#FFF;
	padding:20px 40px;
}


#contents h1{
	margin:20px 0;
	text-align: center;
	font-size: 300%;
	color:#c6c6c6;
}
#contents h2{
	color:#5a728a; 
}



.block{
	clear:both;
	margin-bottom:30px;
	overflow: hidden;
	
}

.ret{
	text-align:right;
}


/*** class ***/
a.hover80:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}




/*上部に戻るボタン*/
.goTop {
 position: fixed;
 bottom: 1%;
 right: 3%;
 filter:alpha(opacity=70);
 -moz-opacity:0.70;
 -khtml-opacity: 0.70;
 opacity:0.70;
 width:20%;
	max-width: 130px;
 height:auto;
}
.goTop a{
 width:100%;
}
.goTop a img{
	width:100%;
	padding:0;
}


@media only screen and (orientation : landscape) { /*横向きの際に適用*/
	.goTop {
 bottom: 3%;
 right: 1%;
	}
	.goTop a{
		width:70%;
	}
	.goTop a img{
		width:70%;
	}

}









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

#footer{
	clear:both;
	width:100%;
	background-color:#80acb3;
}


#footerInner {
	width: 920px;
	margin: 0 auto;
	padding: 10px;
}

#footer ul{
	overflow: hidden;
}
#footer ul li {
	float: left;
	padding: 0 0 0 25px;
}
#footer ul li a {
	color: #fff;
	padding: 0 0 0 12px;
	background: url(../../common/img/icn_arw02.png) no-repeat 1px center;

}


#footer p {
	clear: both;
	color: #fff;
	font-size: 93%;
}
#footer p a {
	color: #fff;
}
#footer a {
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}





/*fonts*/
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }



.small{
	font-size:90%;
}


.txt_r{
	text-align:right;
}

.txt_c{
	text-align:center;
}


.text{
	padding-bottom:1em;
}


.blue{
	color:#0099ff;
}
.pink{
	color:#ff3e66;
}
.red{
	color:red;
}

.info{
	background-color: #ffffad;
}



.t10{
	margin-top:10px;
}

.t50{
	margin-top:50px;
}


.t1em{
	margin-top:1em;
}

.clear{
	clear:both;
}






/*btn_style*/
.btn_style01{
	text-align:center;
	margin:30px 0;
}
.btn_style01 a{
font-size:120%;
border:2px solid #ff2596; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;padding: 10px 30px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #ff5db1; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5db1), to(#ef007c));
 background-image: -webkit-linear-gradient(top, #ff5db1, #ef007c);
 background-image: -moz-linear-gradient(top, #ff5db1, #ef007c);
 background-image: -ms-linear-gradient(top, #ff5db1, #ef007c);
 background-image: -o-linear-gradient(top, #ff5db1, #ef007c);
 background-image: linear-gradient(to bottom, #ff5db1, #ef007c);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff5db1, endColorstr=#ef007c);
}

.btn_style01 a:hover{
 border:2px solid #f60080;
 background-color: #ff2a98; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2a98), to(#bc0062));
 background-image: -webkit-linear-gradient(top, #ff2a98, #bc0062);
 background-image: -moz-linear-gradient(top, #ff2a98, #bc0062);
 background-image: -ms-linear-gradient(top, #ff2a98, #bc0062);
 background-image: -o-linear-gradient(top, #ff2a98, #bc0062);
 background-image: linear-gradient(to bottom, #ff2a98, #bc0062);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff2a98, endColorstr=#bc0062);
 text-decoration:underline;
}




/*------------------------------------------------------
	mediaQuery
*-------------------------------------------------------/

/* スマホスタイル：～640px */
@media only screen and (max-width: 640px) {
	.pc{
		display:none;
	}

	.sp{
		display:block;
	}

	.with100{
		width:100%;
		height:auto;
	}

	.inner{
		width:100%;

	}	
		
	#container{
		width:100%;
		font-size: 90%;
	}
		
	#header{
	}
	#header h1{
		margin: 10px 0 0 20px;
	}
	#header .telno{
	text-align: center;
	padding:0;
}
	
	
	/**メニュー**/
	#header h1{
		float:none;
	}
	#header dl{
		float:none;
	}

	#header li{
		float:none;
		border-right:none;
	}
	#header li a{
		height:auto;
		display:block;
		width:100%;
		height:auto;
		vertical-align:middle;
		background-color:#80acb3;
		font-size:20px;
		text-align:center;
		line-height:1.2em;
		border-bottom:3px solid #329aaa;
		padding:10px 0;
	}
	#link_top{
		width:100%;
	}
	#link_play{
		width:100%;
	}
	
	
	/** accordion **/
		.accordion dt{
		cursor:pointer;
		display:block;
		color:#FFF;
		text-decoration:none;
		height:3em;
		width:100%;
		height:auto;
		background-color:#329aaa;
		font-size:100%;
		text-align:center;
		line-height:1.2em;
		padding:10px 0;
	}
	
	
	dl.accordion dt:before{
		content:"▼ ";
	}
	dl.accordion dt:after{
		content:"を開く";
	}
	
	dl.accordion dt.open:before{
		content:"▲ ";
	}
	dl.accordion dt.open:after{
		content:"を閉じる";
	}
	dl.accordion dd { 
		display:none;
	}
	dl.accordion dd li a{ 
		font-size:100% !important;
	}

	/**contents**/
	#contents{
		padding:10px;

	}
	#contents h1{
	font-size: 210%;
	}



	
	/**footer**/
	#footer{

	}
	#footerInner {
		width:100%;
		padding:0;
	}
	#footer ul li{
		color: #fff;
		padding:0;
	}

}