@charset "utf-8";
/* base.css */

/*再定義化
////////////////////////////////////////////////////*/

html {
	font-size:62.5%;
}
* {
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size:100%;
}
body {
	font-size:140%;
	line-height:120%;
}
img {
	vertical-align:top;
	border:none;
	font-size:0;
}

/*デフォルトリンクカラー
////////////////////////////////////////////////////*/
a {
	color:#009706;
	text-decoration:none;
}
a:hover {
	color:#999999;
}

/*レイアウト
////////////////////////////////////////////////////*/
#wrapper_top,#wrapper_center,#wrapper_bottom {
	margin:0 auto;
}

/*ヘッダー
////////////////////////////////////////////////////*/

/*コンテンツ
////////////////////////////////////////////////////*/
header img,#contents img {
	width:100%;
}
.arrow {
	margin:0 auto;
}
.posi_rela {
	position:relative;
	z-index:0;
	height:100%;
}
.course-btn {
	position:absolute;
	z-index:100;
	width:85%;
	left:7.5%;
}
.normally-btn {
	z-index:100;
	width:40%;
	position:absolute;
	left:49%;
}
.tel {
	position:absolute;
	width:90%;
	left:5%;
}
#product_first .course-btn {
	top:35%;
}
#product_first .normally-btn {
	top:78%;
}
#product_second .course-btn {
	top:39.5%;
}
#product_second .normally-btn {
	top:70%;
}
#product_second .tel {
	top:84%;
	}
#product_third .course-btn {
	top:26%;
}
#product_third .normally-btn {
	top:46%;
}
#product_third .tel {
	top:55%;
	}
#movie {
	position:absolute;
	top:25%;
	left:23%;
}
#contents dl {
	width:80%;
	margin:0 auto;
	height:60%;
	overflow-y:scroll;
	padding:5% 5%;
	background:#fff;
	border:1px solid #ccc;
	position:absolute;
	top:21%;
	left:5%;
}
#contents dt {
	background:#bdf8cd;
	font-size:120%;
	padding:5px 10px;
	border-radius:5px;
}
#contents dd{
	padding:2% 0 2%;
	margin:0 0 2%;
	border-bottom:1px solid #ccc;
}
iframe {
	width:55%;
	height:60%;
}

/*フッター
////////////////////////////////////////////////////*/
#wrapper_bottom {
	background:#fcfff8;
}
#f_menu {
	overflow:hidden;
}
#f_menu a {
	color:#3861fd;
	text-decoration:underline;
	}
#f_menu a:hover {
	color:#999999;
	}
.f-menu-box {
	float:left;
	padding:2.5%;
	width:95%;
}
#f_menu h3 {
	background:#b8ec75;
	padding:2%;
	margin:0 0 3%;
	font-size:110%;
}
#f_menu ul {
	margin:0 0 20px;
	}
#f_menu li.title {
	color:#009706;
	padding:0 0 1%;
}
#f_menu li {
	clear:both;
	overflow:hidden;
	padding:0 1% 2%;
	line-height:150%;
}
#f_menu p {
	float:left;
}
#f_menu p.order {
	padding:0 0 0 3%;
	line-height:130%;
	font-size:90%;
}
footer ul#f_nav {
	overflow:hidden;
	clear:both;
	margin:0 auto;
	width:90%;
	list-style:circle;
}
#f_nav  li {
	margin:5px 0;
	color:#318c09;
	padding:0 0.5%;
	line-height:1em;
}
#copy {
	clear:both;
	text-align:center;
	color:#b8ec75;
	font-size:70%;
}

/*調整
////////////////////////////////////////////////////*/
.padding10 {
	padding:10px 0;
}
.padding20 {
	padding:20px 0;
}
.f150 {
	font-size:130%;
}
.bgcolor-y {
	background:yellow;
}
.red {
	color:red;
}