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



/****************************************************************************************************
初期設定
****************************************************************************************************/

/* IE8以下への対応 */
article, aside, figure, figcaption, footer, header, nav, section {
	display:block;
}
/* IE8以下への対応 */

.pcOnly {
	display:block;
}
span.pcOnly {
	display:inline;
}
.spOnly {
	display:none;
}

html,body{
	text-align:center;
	font-family: Arial, Helvetica, Hiragino Sans,"ヒラギノ角ゴシック",Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3",Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ",Verdana,"ＭＳ Ｐゴシック",sans-serif;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	width:100%;
	min-width:1100px;
	background:url(../img/common/bg.png) repeat center top;
}
html#result,#result body{
	background:url(../img/common/bg2.png) repeat center top;
}
* {
	box-sizing:border-box;
}
img {
	vertical-align:top;
}
strong {
	font-weight:bold;
}
a {
	color:#000;
	-webkit-transition: all .3s;
	transition: all .3s;
}
a:not(.nofade):hover {
	opacity:0.6;
}

/* clear fix */
.clearfix:before,
.clearfix:after {
	content:" ";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	*zoom:1;
}
/* clear fix */



/****************************************************************************************************
header
****************************************************************************************************/
#header {
	width:100%;
	height:162px;
	background:#FFF;
}
#header .inner {
	position:relative;
	width:1000px;
	height:90px;
	margin:0 auto;
	text-align:left;
}
#kobecan {
	position:absolute;
	left:-23px;
	top:34px;
}
#logo {
	position:absolute;
	left:73px;
	top:28px;
}
#tel {
	position:absolute;
	left:351px;
	top:40px;
}
#hNavi {
	position:absolute;
	right:-23px;
	top:40px;
}
#hNavi li {
	float:left;
}
#hNavi li + li {
	margin-left:15px;
}

#menu-wrap {
	width:100%;
	padding:18px 0 27px 0;
	background:#FFF;
}
.fixed {
	position:fixed;
	left:0;
	right:0;
	top:0;
	z-index:4000;
	/* box-shadow */
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,0.3);
}

#gNavi {
	width:1000px;
	margin:0 auto;
}
#gNavi > ul {
	border-right:1px solid #AACC04;
}
#gNavi > ul > li {
	float:left;
	border-left:1px solid #AACC04;
}
#gNavi > ul > li >ul {
	display:none;
	position:absolute;
	z-index:3000;
}
#gNavi > ul > li >ul {
	display:none;
	position:absolute;
	z-index:3000;
}
#search-btn {
	position:fixed;
	right:0;
	top:200px;
	z-index:3000;
}



/****************************************************************************************************
footer
****************************************************************************************************/
#footer {
	width:100%;
	padding:30px 0 40px 0;
	background:#DBDCDC;
}
#footer .inner {
	position: relative;
	overflow: hidden;
}
#footer .inner ul {
	position: relative;
	left: 50%;
	float: left;
	font-size:12px;
	color:#333;
}
#footer .inner ul li {
	position: relative;
	left: -50%;
	float: left;
}
#footer .inner ul li:nth-child(1):before {
	content:'　｜　';
}
#footer .inner ul li:after {
	content:'　｜　';
}
#footer .inner ul li a {
	color:#333;
	text-decoration:none;
}
#pagetop {
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:3000;
}


/****************************************************************************************************
TOP
****************************************************************************************************/
#main-img {
}
#slide-block {
	background:#F6F6F6;
	position:relative;
}
.slider {
}
.slider img {
}

#main2 {
	background:#FFF url(../img/top/main2-bg.jpg) repeat-x left top;
}
.slider #main2 {
	position: relative;
	width: 100%;
	height: 296px;
	overflow: hidden;
	padding: 0;
}
.slider #main2 img {
	position: absolute;
	height: 296px; /*画像のサイズに合わせて*/
	margin-left: -700px;/*画像の横幅の半分のマイナス*/
	left: 50%;
}
#main3 {
	background:#FFF url(../img/top/main3-bg.jpg) repeat-x left top;
}
.slider #main3 {
	position: relative;
	width: 100%;
	height: 296px;
	overflow: hidden;
	padding: 0;
}
.slider #main3 img {
	position: absolute;
	height: 296px; /*画像のサイズに合わせて*/
	margin-left: -700px;/*画像の横幅の半分のマイナス*/
	left: 50%;
}
#main4 {
	background:#FFF url(../img/top/main4-bg.jpg) repeat-x left top;
}
.slider #main4 {
	position: relative;
	width: 100%;
	height: 296px;
	overflow: hidden;
	padding: 0;
}
.slider #main4 img {
	position: absolute;
	height: 296px; /*画像のサイズに合わせて*/
	margin-left: -700px;/*画像の横幅の半分のマイナス*/
	left: 50%;
}
.slider #main5 {
	position: relative;
	width: 100%;
	height: 296px;
	overflow: hidden;
	padding: 0;
}
.slider #main5 img {
	position: absolute;
	height: 296px; /*画像のサイズに合わせて*/
	margin-left: -1000px;/*画像の横幅の半分のマイナス*/
	left: 50%;
}
#main6 {
	background:#FFF url(../img/top/main6-bg.png) repeat-x left top;
}
.slider #main6 {
	position: relative;
	width: 100%;
	height: 296px;
	overflow: hidden;
	padding: 0;
}
.slider #main6 img {
	position: absolute;
	height: 296px; /*画像のサイズに合わせて*/
	margin-left: -700px;/*画像の横幅の半分のマイナス*/
	left: 50%;
}
.slider #main8 {
	position: relative;
	width: 100%;
	height: 296px;
	overflow: hidden;
	padding: 0;
}
.slider #main8 img {
	position: absolute;
	height: 296px; /*画像のサイズに合わせて*/
	margin-left: -850px;/*画像の横幅の半分のマイナス*/
	left: 50%;
}
.slider #main9 {
	position: relative;
	width: 100%;
	height: 296px;
	overflow: hidden;
	padding: 0;
}
.slider #main9 img {
	position: absolute;
	height: 296px; /*画像のサイズに合わせて*/
	margin-left: -700px;/*画像の横幅の半分のマイナス*/
	left: 50%;
}
#prev {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(-563px,-50%);
	transform:translate(-563px,-50%);
	z-index:2000;
}
#next {
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate(521px,-50%);
	transform:translate(521px,-50%);
	z-index:2000;
}
#pager {
	position:relative;
	overflow:hidden;
	margin-top:16px;
}
#pager ul {
	position:relative;
	left:50%;
	float:left;
}
#pager ul li {
	position:relative;
	float:left;
	left:-50%;
	width:11px;
	height: 11px;
}
#pager ul li + li {
	margin:0 0 0 9px;
}
#pager ul li a {
	display:block;
	width:100%;
	height:100%;
	background:#A9CB02;
	text-indent:-9999px;
	text-decoration:none;
}
#pager ul li.selected {
	background:#004B25;
}
#pager ul li.selected a {
	background:#004B25;
}

#contents-index {
	width:1100px;
	margin:0 auto;
	padding:45px 0 90px 0;
	text-align:left;
	background:#FFF;
}
#contents-index .inner {
	width:900px;
	margin:0 auto;
	text-align:left;
}
#benefits {
}
#benefits p {
	margin-top:10px;
	color:#333;
	font-size:12px;
	line-height:1.6;
	text-align:right;
}
#feature {
	margin:40px 0 0 0;
	padding:38px 0 24px 0;
	background:#F4F6CF;
	text-align:center;
}
#feature h2 {
	margin:0 0 18px 0;
}
#course {
	margin:40px 0 0 0;
	text-align:center;
}
#course h2 {
	margin:0 0 18px 0;
}
#course-cont {
	padding:0 75px;
}
#course-cont div {
	float:left;
}
#course-cont div + div {
	margin-left:18px;
}
.gr-box {
	background:#F6F6F6;
}
#contact {
	width:100%;
	margin:65px 0 0 0;
	padding:40px 0;
}
#contact .inner {
	width:770px;
	margin: 0 auto;
}
#contact .inner div {
	float:left;
}
#contact .inner ul {
	float:right;
	margin-right:20px;
}
#contact .inner ul li {
	position:relative;
	margin-top:4px;
}
#contact .inner ul li + li {
	margin-top:18px;
}
#contact-balloon {
	position: absolute;
	left: 183px;
	top: -77px;
}
#contact {
	position:relative;
}
#koberin {
	position: absolute;
	left: 44px;
	top: 87px;
}
#kobea {
	position: absolute;
	left: 944px;
	top: 84px;
}

#movie {
	width:748px;
	margin:0 auto;
	margin-top:50px;
	text-align:center;
	padding:40px 0;
	background:url(../img/top/movie-bg.png) no-repeat center top;
}
#movie h2 {
	margin:0 0 40px 0;
}

#search {
	margin:70px -26px 0 -43px;
	text-align:center;
}
#search h2 {
	margin:0 0 17px 0;
}
#search-map {
	position:relative;
	width:1169px;
	margin-left:-40px;
}
#search-map p.note {
	position:absolute;
	left:827px;
	top:253px;
	color:#333;
	font-size:17px;
	line-height:1.6;
	text-align:left;
}
#search-map div {
	position:absolute;
}
#search-tokyo {
	left:970px;
	top:46px;
}
#search-chiba {
	left:1052px;
	top:27px;
}
#search-aichi {
	left:733px;
	top:109px;
}
#search-ehime {
	left:262px;
	top:265px;
}
#search-hyogo {
	left:484px;
	top:75px;
}
#search-kyoto {
	left:551px;
	top:59px;
}
#search-nara {
	left:620px;
	top:182px;
}
#search-okayama {
	left:385px;
	top:116px;
}
#search-osaka {
	left:571px;
	top:154px;
}
#search-shiga {
	left:640px;
	top:69px;
}

#news {
	width:902px;
	margin:0 auto;
	margin-top:80px;
}
#news-block {
	float:left;
	width:626px;
}
#news-block h2 {
	margin:0 0 13px 0;
}
#news-cont {
	border-top:1px solid #004C25;
	border-bottom:1px solid #004C25;
	height:560px;
	padding:27px 17px;
	overflow:scroll;
}
#news-cont dl {
	font-size:13px;
	line-height:1.6;
}
#news-cont dl + dl {
	margin-top:0.5em;
}
#news-cont dl dt {
	float:left;
}
#news-cont dl dd {
	padding-left:140px;
}
#news-cont dl dd a {
	color:#036EB8;
	text-decoration:none;
}
.n_open {
	background:url(../img/top/ico_open.png) no-repeat 80px top;
}
.n_renew {
	background:url(../img/top/ico_renew.png) no-repeat 80px top;
}
.n_award {
	background:url(../img/top/ico_award.png) no-repeat 80px top;
}
.n_info {
	background:url(../img/top/ico_info.png) no-repeat 80px top;
}
.n_media {
	background:url(../img/top/ico_media.png) no-repeat 80px top;
}
#banner-block {
	float:right;
	margin:45px 0 0 0;
}
#banner-block div + div {
	margin:16px 0 0 0;
}


/****************************************************************************************************
共通
****************************************************************************************************/

#bread {
	padding:0.5em;
	background:#D6E496;
}
#result #bread {
	background:#FADCD8;
}
#bread .inner {
	width:970px;
	margin:0 auto;
	text-align:left;
}
#bread .inner ul {
	color:#333;
	font-size:12px;
	line-height:1.0;
}
#bread .inner ul li {
	float:left;
}
#bread .inner ul li + li:before {
	content:'\00a0＞\00a0';
}
#bread .inner ul li a {
	color:#004C26;
	text-decoration:none;
}
#title {
	background:#A9CB02;
}
#result #title {
	background:#E51F4C;
}
#title .inner {
	width:970px;
	margin:0 auto;
	text-align:left;
}
#contents {
	width:970px;
	margin:0 auto;
	padding:35px 0 90px 0;
	text-align:left;
	background:#FFF;
}
#contents-left {
	float:left;
	width:710px;
}

.flL {
	float:left;
}
.flR {
	float:right;
}
.fl-box {
	width:610px;
}
.talr {
	text-align:right;
}
.col1,
#contents-left p.col1 {
	color:#004C26;
}
.col2,
#contents-left p.col2 {
	color:#EC6C00;
}
.col3,
#contents-left p.col3 {
	color:#E6204C;
}
.mt-20 {
	margin-top:-20px;
}
.mt-10 {
	margin-top:-10px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.mt35 {
	margin-top:35px;
}
.mt40 {
	margin-top:40px;
}
.mt45 {
	margin-top:45px;
}
.mt50 {
	margin-top:50px;
}
#contents-left p.small,
#contents-left ul.small,
#contents-left p .small,
#contents-left ul .small {
	color:#333;
	font-size:13px;
	line-height:1.6;
}
#contents-left p,
#contents-left ul {
	color:#333;
	font-size:14px;
	line-height:1.6;
}
#contents-left p.large,
#contents-left ul.large {
	color:#333;
	font-size:15px;
	line-height:1.6;
}
#contents-left p.xlarge,
#contents-left ul.xlarge {
	color:#333;
	font-size:17px;
	line-height:1.6;
}
h3.midashi {
	color:#EC6C00;
	font-size:17px;
	font-weight:bold;
	line-height:1.6;
}
h3.area {
	color:#EC6C00;
	font-size:20px;
	font-weight:bold;
	line-height:1.6;
}
#contents-left ul li.hl {
	text-indent:-1.3em;
	padding-left:1.3em;
}

#about-sec1 {
	background:url(../about/img/top/sec1-bg.jpg) no-repeat right bottom;
}
.sec-cont {
	padding:30px 30px 50px 30px;
}

#contents #contact,
#contents .contact {
	width:100%;
	margin:20px 0 0 0;
	padding:32px 0;
}
#contents #contact .inner,
#contents .contact .inner {
	width:650px;
	margin: 0 auto;
}
#contents #contact .inner div,
#contents .contact .inner div {
	float:left;
}
#contents #contact .inner ul,
#contents .contact .inner ul {
	float:right;
}
#contents #contact .inner ul li,
#contents .contact .inner ul li {
	position:relative;
	margin-top:3px;
}
#contents #contact .inner ul li + li,
#contents .contact .inner ul li + li {
	margin-top:16px;
}
#contents #contact-balloon,
#contents .contact-balloon {
	position: absolute;
	left: 100px;
	top: -61px;
}


#contents-right {
	float:right;
	width:230px;
}
#search-cont {
	border:1px solid #004B25;
	padding:22px;
}
#search-cont ul {
	font-size:14px;
	line-height:1.6;
}
#search-cont ul li + li {
	padding-top:1.2em;
}
#search-cont ul a {
	text-decoration:none;
	color:#036EB7;
}
#search-cont ul a.ico_btn {
	display:block;
	font-size:18px;
}
#search-cont ul a.ico_btn {
	text-decoration:underline;
}
#search-rail {
	margin-top:30px;
}