@charset "UTF-8";
@import url("money.css");
/* CSS Document */


/*-----------------------------*/
/*共通設定*/
/*-----------------------------*/


/*YUI3 CSS Reset ブラウザー固有のスタイルリセット*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,
textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img{
	border:0;
}

ul,ol,li{list-style:none;
}


/*HTML5要素のブロック化*/
header,section,footer,aside,nav,article,figure,hgroup{
	margin:0;
	padding:0;
	display:block;
}


/*フォント・背景*/
body{
	width:100%;
	height:auto;
	padding:0;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メ
イリオ",Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#222;
	line-height:normal;
	 background:url(../images/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align:justify;
text-justify: inter-ideograph;
}


/*ヘッダー*/

.topbar{
	width:100%;
	height:20px;
	border-bottom:1px solid #555;
	background:#EEE;
	}

#wrapper{
	width:960px;
	height:auto;
	margin:0 auto;
}

#logo{
	display:block;
	width:270px;
	height:55px;
	margin:30px 0 0 20px;
	float:left;
}

#icon{
	margin-left:656px;
}

#icon li{
	float:left;
	margin-top:20px;
	margin-right:18px;
	margin-bottom:20px;

}

#icon li:hover{
	opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
	transition:0.3s;
	}

header nav{
	width:960px;
	height:50px;
	background:url(../images/nav_back.jpg);
	margin:30px auto 50px;
	float:left;
	
}


header nav li{
	float:left;
	margin-top:10px;
	border-left:solid 1px #222;	
}


header nav li:first-child {
	border: none; 
}

header nav a{
	display:block;
	width:189px;
	font-size:12px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
	color:#222;
	text-align:center;
	text-decoration:none;
	line-height:10px;
	transition: 0.6s;
}

header nav a:hover{
	color:#fff;
}


header nav h3{
	font-size:17px;
	letter-spacing:2px;
	
}



/*コンテンツ*/

.menu ul{
	width:966px;
	margin-top:10px;
	margin-right:-6px;
}

.menu li{
	width:316px;
	float:left;
	margin-right:6px;
	
}

.course01{
	position: relative;
	width:314px;
	height:650px;
	background:url(../images/tatara_back.jpg);
	float:left;
	margin:5px 9px 0 0;
	
}

	
.course02{
	position: relative;
	width:314px;
	height:650px;
	background:url(../images/etsuke_back.jpg);
	float:left;
	margin:5px 9px 0 0;
}



.course03{
	position: relative;
	width:314px;
	height:650px;
	background:url(../images/tegata_back.jpg);
	float:left;
	margin:5px 0 0 0;
}


h4{
	font-size:24px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
	color:#444;
	text-align:center;
	letter-spacing:4px;
	margin:40px 0 30px 0;
}

.course_text{
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
	margin:0 40px 0 40px;
	letter-spacing:4px;
	line-height:20px;
	float:left;
}
	

.reserve{
	width:150px;
	height:40px;
	position: absolute;
	bottom:0px;
	margin-bottom:15px;
	margin-left:80px;
	overflow: hidden;
}


/*内容詳細*/

#info{
	width:960px;
	height:596px;
	background:url(../images/info_back2.jpg);
	margin-top:760px;
}


#info .course_text{
	display:block;
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", serif;
	letter-spacing:4px;
	line-height:25px;
	width:310px;
	height:auto;
	margin-left:30px;
	margin-top:25px;
	margin-bottom:80px;	
}


#info .info_tittle01{
	width:300px;
	padding-top:40px;
	margin-left:30px;
}


#info .info_tittle02{
	width:300px;
	margin-top:80px;
	margin-left:30px;
}


#modal {
	background-color:#fff;
	margin-top:30px;
}


#modal .info_menu{
	width:940px;
	height:110px;
	padding-top:20px;
	padding-left:20px;
	clear:both;
	
}
	

#modal .info_menu li{
	float:left;
	border-left: 1px #777 dotted;	
}

#modal .info_menu li a:hover img{
	opacity:0.6;
	filter: alpha(opacity=70);
}

#modal .info_menu li:first-child {
	border: none; 
}
	
	

#info_menuname{
	width:939px;
	height:30px;
	padding-left:20px;
	background-color:#fff;
	clear:both;
}


#info_menuname a{
	text-decoration:none;
	display:block;
	width:187px;
	color:#777;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	
}

#info_menuname a:hover{
	text-decoration:none;
	display:block;
	width:150px;
	margin-left:18px;
	margin-right:18px;
	color:#fff;
	background:#B59D6A;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	
}
	
#info_menuname  li{
	width:187px;
	text-align:center;
	float:left;
	border-left: 1px #fff dotted;
}

	
#info_menuname li:first-child {
	border: none; 
}



#page-top img{
	position:fixed;
	right:60px;
	bottom:50px;
	display:none;
	
}



/*フッター*/
footer{
	clear:both;
	width:100%;
	margin-top:30px;
	padding:5px 0 20px 10px;
	background-color:#EEE;
	border-top:5px solid #AAA;
}

.inner{
	width:960px;
	margin:auto;
	}

footer ul{
	float:right;
}

footer ul li{
	float:left;
	margin:0 15px;
	color:#333;
	font-size:12px;
}

footer ul li a{
	text-decoration:none;
}

footer ul li a:link{
	color:#333;
}

footer ul li a:visited{
	color:#333;
}

footer ul li a:hover{
	color:#B59D6A;
}


footer p{
	color:#333;
	font-size:12px;
	letter-spacing:1px;
}

footer .address{
	margin-top:30px;
	letter-spacing:2px;
}
	


.reserve2{
	width:352px;
	height:52px;
	margin-top:60px;
	margin-bottom:50px;
	margin-left:300px;
	overflow: hidden;
}

.color {
	width:500px;
	height:174px;
	position: absolute;
	overflow: hidden;
	clear:both;
	margin-left:430px;

	
}



#acMenu dt{
    display:block;
    width:600px;
    height:50px;
    line-height:50px;
	padding-left:10px;
    text-align:left;
    border:#666 1px solid;
    cursor:pointer;
    }
#acMenu dd{
    background:#f2f2f2;
    width:600px;
    height:auto;
    line-height:25px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
    text-align:left;
    border:#666 1px solid;
    display:none;
    }



.color ul li{
	float:left;
	margin-right:30px;
}