@charset "utf-8";
html,body {
    height: 100%;
}
body {
	font-family: "���C���I", "Meiryo", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "�l�r �o�S�V�b�N", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: center;
	background: #fff;
}
/*�t�H���g�T�C�Y
	font-size:31.3%; 5px
	font-size:37.5%; 6px
	font-size:43.8%; 7px
	font-size:50.0%; 8px
	font-size:56.3%; 9px
	font-size:62.5%; 10px
	font-size:68.8%; 11px
	font-size:75.0%; 12px
	font-size:93.7%; 15px
	font-size:100%;  16px
*/
@media all and (min-width: 0px)and (max-width: 480px){
	html{
		font-size: 37.5%;/*7px*/
	}
	#wrapper{
	    width: 100%;
	    position: relative;
	    height: auto !important;
	    height: 100%;
	    min-height: 100%;
	}
}
@media all and (min-width: 481px)and (max-width: 640px){
	html{
		font-size: 43.8%;/*7px*/
	}
	#wrapper{
	    width: 100%;
	    position: relative;
	    height: auto !important;
	    height: 100%;
	    min-height: 100%;
	}
}
@media all and (min-width: 641px)and (max-width: 979px){
	html{
		font-size: 43.8%;/*7px*/
	}
	#wrapper{
	    width: 100%;
	    position: relative;
	    height: auto !important;
	    height: 100%;
	    min-height: 100%;
	}
}
@media all and (min-width: 980px){
	html{
		font-size: 62.5%;/*10px*/
	}
	#wrapper{
	    width: 100%;
	    position: relative;
	    height: auto !important;
	    height: 100%;
	    min-height: 100%;
	}
}

#main_contents{
	position:relative;
	margin-top:0px;
	padding-bottom:0px;
	width: 100%;
	background-color:#FFF;
}
.contents_box{
	position:relative;
	width:100%;
	max-width:980px;
	margin:0px auto 0 auto;
	background-color:#FFF;
}
/********** �w�b�_�[ **********/
#head {
	height:0px;
	width:100%;
	background: #FFFFFF;
	text-align: left;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	border-top:solid 2px #000;
}
.logo{
	float:right;
	padding-right:10px;
	width:55%;
}
.logo img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	height:65px;
}
.bottom_menu{
}
/********** footer **********/
footer{
	height: 120px;
	width:100%;
    bottom: 0px;
	background-color:#8DCDD3;
	color:#000;
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	line-height:1.5;
}
footer a{
	color:#000;

}
/********** ���� **********/
.clear{
	clear:both;
}
.bar_black{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#000;
	width:100%;
	color:#FFF;
}
.bar_gray{
	padding-top:5px;
	padding-bottom:5px;
	background-color:#DDD;
	margin:10px auto 10px; 
	width:100%;
	color:#FFF;
}
.underline{
	border-bottom:solid 1px #000;
	padding-bottom:5px;
	margin-bottom:5px;
}

/** �t�H���g�ݒ� **/
.font_bold{
	font-weight:bold;
}
.font_size_10{
	font-size:1.0rem;
}
.font_size_12{
	font-size:1.2rem;
}
.font_size_14{
	font-size:1.4rem;
}
.font_size_16{
	font-size:1.6rem;
}
.font_size_18{
	font-size:1.8rem;
}
.font_size_19{
	font-size:1.9rem;
	line-height:120%;
}
.font_size_20{
	font-size:2.0rem;
	line-height:120%;
}
.font_size_24{
	font-size:2.4rem;
	line-height:120%;
}
.font_size_25{
	font-size:2.5rem;
	line-height:120%;
}
.font_size_26{
	font-size:2.6rem;
	line-height:120%;
}
.font_size_30{
	font-size:3.0rem;
	line-height:120%;
}
.font_size_33{
	font-size:3.3rem;
	line-height:120%;
}
.font_size_48{
	font-size:4.8rem;
	line-height:100%;
}

@media all and (min-width: 0px)and (max-width: 640px){
	.font_size_18_14{
		font-size:1.8rem;
	}
	.font_size_18_16{
		font-size:1.8rem;
	}
	.font_size_20_16{
		font-size:2.0rem;
	}
	.font_size_22_16{
		font-size:2.2rem;
	}
	.font_size_18_26{
		font-size:1.8rem;
	}
	.font_size_28_24{
		font-size:2.8rem;
	}
	.font_size_28_26{
		font-size:2.8rem;
	}
}@media all and (min-width: 641px){
	.font_size_18_14{
		font-size:1.4rem;
	}
	.font_size_18_16{
		font-size:1.6rem;
	}
	.font_size_20_16{
		font-size:1.6rem;
	}
	.font_size_22_16{
		font-size:1.6rem;
	}
	.font_size_18_26{
		font-size:2.6rem;
	}
	.font_size_28_24{
		font-size:2.4rem;
	}
	.font_size_28_26{
    font-size: 2.6rem;
    color: #693920;
	}
}
/**** about�t�H���g ****/
@media all and (min-width: 0px)and (max-width: 480px){
	.font_size_48_s{
			font-size:2.4rem;
	line-height:130%;
	}
	.font_size_33_s{
			font-size:1.8rem;
	line-height:130%;
	}
	.font_size_24_s{
			font-size:1.4rem;
	line-height:200%;
	}
}@media all and (min-width: 481px)and (max-width: 640px){
	.font_size_48_s{
			font-size:3.0rem;
	line-height:130%;
	}
	.font_size_33_s{
			font-size:2.2rem;
	line-height:130%;
	}
	.font_size_24_s{
			font-size:1.8rem;
	line-height:200%;
	}
}@media all and (min-width: 641px)and (max-width: 979px){
	.font_size_48_s{
			font-size:4.0rem;
	line-height:130%;
	}
	.font_size_33_s{
	line-height:130%;
			font-size:3.0rem;
	}
	.font_size_24_s{
			font-size:2.0rem;
	line-height:200%;
	}
}@media all and (min-width: 980px){
	.font_size_48_s{
			font-size:4.8rem;
	line-height:130%;
	}
	.font_size_33_s{
	line-height:130%;
			font-size:3.3rem;
	}
	.font_size_24_s{
			font-size:2.4rem;
	line-height:200%;
	}
}


.font_color_white{
	color:#FFF;
}
.font_color_red{
	color:#F00;
}
.font_color_blue{
	color:#00F;
}
.font_color_green{
	color:#0F0;
}
.font_color_gray{
	color:#999;
}

.font_left{
	text-align:left;
}
.font_center{
	text-align:center;
}

@font-face {
	font-family: "font_matisse";
	src: url("../fonts/FOT-MatissePro-M.otf");
}
@font-face {
	font-family: "font_gothic";
	src: url("../fonts/GOTHIC.TTF");
}
@font-face {
	font-family: "font_seurat";
	src: url("../fonts/FOT-SeuratPro-M.otf");
}

.font_matisse{
    font-family: "font_matisse";
}
.font_gothic{
    font-family: "font_gothic";
}
.font_seurat{
    font-family: "font_seurat";
}