﻿@charset "UTF-8";

* {
	margin : 0;
	padding : 0;	
}

body {
	font-size : 85%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
	background: #f5f5f5 url("../images/bo_01.png");
	
}

.min {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;	
}


#wrapper {
	width : 900px;
	background : #ffffff;
	margin : 25px auto;
	box-sizing:border-box;
	border : 1px solid #cccccc;
	
-moz-box-shadow:0px 0px 7px -1px #666;
-webkit-box-shadow:0px 0px 7px -1px #666;	
box-shadow:0px 0px 7px -1px #666;	
	
}

.inner {
	padding : 25px 100px;
}


/*
一括色変更
*/

.title{
	background : #742011;
}

.bg01 {
	background : #7b520b;
	color : #ffffff;
}

.bg02 {
	background : #b05408;
	color : #ffffff;
}




/* header
-------------------------------------------------------*/

.title .inner {
	padding : 30px 0;
}


.title h1 {
	font-size : 260%;
	text-align:center;

}



.title p {
	font-weight : normal;	
}
.title span.sub {
	font-size : 75%;
	letter-spacing : -1px;
	margin-right : -15px;
}

.title strong {
	letter-spacing : -5px;

}

.second {
	letter-spacing : 3px;	
}

.third {
	letter-spacing : 2px;
}

.title > * {

	color : #ffffff;
	font-weight : bold;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;

	line-height : 1.4;


}
.copy {
	font-size:  150%;
	letter-spacing : 1px;
	margin : 80px auto 15px;
	font-weight : bold;
	text-align:center;
	color : #333;
}

#wrapper {
	position : relative;	
}

.logo {
	position : absolute;
	left : 50px;
	top : 30px;
}

.title {
	box-shadow: 8px 8px rgba(201,196,169,1);

}


/* manarea
-------------------------------------------------------*/

.h3title {
	text-indent : -1em;
	padding-left : 1em;
	font-size : 130%;
	line-height : 1.6;
	letter-spacing : 1px;

}

.h3title:before {
	content : "●";
	color : #999999;
	font-size : 110%;
}

.table-title{
	font-size : 130%;
	font-weight : bold;
}

.table-title:before {
	content : "●";
	color : #999999;
	font-size : 110%;
}


.schedule th {
	padding-left : 0!important;
}


p {
	line-height : 1.8;	
}

th .bg01 {
	text-align : center;
	padding : 5px 0;
	width : 6em;
	border-radius : 10px;
	font-size : 110%;
	font-weight : bold;
}

.h2title {
	border-radius : 10px;
	padding : 10px 20px;
	font-size : 120%;
	letter-spacing : 1px;
	font-weight : normal;
box-shadow:0px 0px 7px -1px #cccccc;
-moz-box-shadow:0px 0px 7px -1px #cccccc;
-webkit-box-shadow:0px 0px 7px -1px #cccccc;
border-bottom : 2px solid #999;
}



#mainarea {
	padding : 30px 0 50px;	
}


.h4title {
	border-left : 10px solid #7b520b;
	font-size : 105%;
	padding : 10px;
	letter-spacing : 1px;
	border-radius : 5px;
	background : #f5f5f5;
	border-bottom : 1px solid #ccc;
}


.box {
	background : #ffffec;	
}

.chirashi-btn {
	margin-bottom : 20px;
	text-align : right;
	margin-right : 100px;
		
}

.over:hover {
	opacity : .6;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
	    transition: all .2s ease;	

}


/* フォーム用ボタン */

.btn {
	width : 280px;
	color : #ffffff;
	margin-left : auto;
	margin-right : auto;

}

.btn a {
	display : block;
	padding : 15px 0;
	text-align:center;
	text-decoration:none;
	background : #343C36 url(../images/blank-icn.gif) 95% 70% no-repeat;
	color : #ffffff;
	border-right : 3px solid #333;
	border-bottom : 3px solid #333;

	font-weight : bold;
	letter-spacing : 2px;
	
	border-radius : 25px;	
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
	    transition: all .2s ease;	

	-moz-box-shadow:0px 0px 7px -1px #cccccc;
	-webkit-box-shadow:0px 0px 7px -1px #cccccc;	
	box-shadow:0px 0px 7px -1px #cccccc;
		
}

.btn a:hover {
	border-right : 3px solid #336699;
	border-bottom : 3px solid #336699;
	background : #237395 url(../images/blank-icn.gif) 95% 70% no-repeat;		
}


/* footer
-------------------------------------------------------*/


#footer {
	background : #666666;
	text-align:center;
	color:#ffffff;
}


