@charset "utf-8";
/*
 * index.css
 * 
 * CSS for Page - HTML5/CSS3 Template by Masanori Kawase
 * 
 * Copyright 2012 Masanori Kawase, adiva
 * http://www.adiva.jp
 * 
 */

@import "global.css";
body, html {
/*	width:100%;*/
	height:100%;
/*	min-width:320px;*/
	min-width:960px;
}
body {
	color:#222;
	background:#ca8b00 url(../img/bg.png) center top no-repeat;
}
#container {
	width:100%;
	height:auto;
/*	background-color:#fff;*/
}


header {
/*	position:fixed;*/

position:relative;
	width:100%;
min-width:320px;
	height:153px;
/*	margin-bottom:-42px;*/
margin-top:257px;
margin-bottom:111px;

	background:#e5c580 url(../img/header_bg.png) center top no-repeat;
/*	background-size:auto 100%;*/
/*	color:#fff;*/
	text-align:center;
}
hgroup {
/*width:auto;*/
/*max-height:210px;*/

margin:0 auto;
/*	display:inline-block;*/
padding-top:20px;
color:#633902;
/*font-weight:normal;*/
/*font-weight:bold;*/
/*padding-bottom:69px;
padding-top:2%;
padding-bottom:5%;*/
/*text-align:left;*/
}
hgroup > h1 {
/*	font-family:'メイリオ';*/
	font-size: 300%;
/*	font-size: 46px;*/
	line-height:1;
/*	height:42px;*/
	min-height:42px;
/*text-shadow:0px 2px 0px #fff;*/
font-weight:bold;
}
hgroup > h2 {
	font-size: 120%;
	line-height:1.1;
/*	height:52px;*/
	min-height:46px;
visibility:hidden;
color:#393b2c;
/*text-shadow:0px -1px 0px #000;*/
/*font-weight:bold;*/
}

nav {
	text-align:center;
font-weight:bold;
font-size:120%;
color:#1c221a;
}
nav > a {
color:#1c221a;
font-weight:bold;
/*text-shadow:0px 1px 0px #fff;*/
}
nav > a:hover {
color:#fff;
/*text-shadow:0px -1px 0px #000;*/
}
#wrapper {

position:relative;
width:100%;
/*height:auto;
max-width:960px;*/
/*min-width:320px;*/
/*padding:0 10px;*/
/*margin:0 auto;*/
background:#fff8e3;
}





#contents {
/*	clear:both;
	float: left;*/
background:#fff8e3;
width:100%;
max-width:960px;
min-width:320px;
min-height:640px;
margin:0 auto;
padding-bottom:100px;
}

#contents > section {
	min-width:300px;
/*	height:auto;*/
	min-height:160px;
	margin-bottom:20px;
	padding:10px 20px;
}
section > div {
/*padding-left:50px;*/
padding:0 50px;
}

#title {
	padding:10px 20px;
	background-color:#4d4d4d;

	color:#fff;
/*	font-family:Impact,"HelveticaNeue-CondensedBlack",sans-self;*/
	font-size:200%;
/*	text-shadow:0 -1px 0 #000;*/
}




#box1 {
/*	min-width:300px;
	height:auto;
	margin-bottom:20px;
	padding:10px 20px;*/
}
#box1.index {
/*	display:block;
	float:left;
	width:100%;
	max-width:620px;
	margin-right:20px;
	background:#296cb7;
	border-radius:20px;
	color:#fff;*/
}
.list_table {
margin:0;
padding:0;
border-collapse: collapse;
border-spacing: 0px;
width:100%;
}
.list_table td {
/*width:25%;*/
line-height:1 !important;
border:#ccc solid 1px;
padding:5px;
}

#box2 {
/*	min-width:300px;
	height:auto;
	margin-bottom:20px;
	padding:10px 20px;*/
}
#box2.index {
/*	display:block;
	float:left;
	background:#3b88cd;
	border-radius:20px;
	color:#fff;*/
}

#box3 {
/*	min-width:300px;
	height:auto;
	margin-bottom:20px;
	padding:10px 20px;*/
}
#box3.index {
/*	clear:both;*/
}

#box4 {
/*	min-width:300px;
	height:auto;
	margin-bottom:20px;
	padding:10px 20px;*/
}

#box5 {
/*	min-width:300px;
	height:auto;
	margin-bottom:20px;
	padding:10px 20px;*/
}
#box5.index {
/*	padding:0 !important;*/
}

#box6 {
/*	width:160px;
	height:160px;
	background:#f0f;*/
}
#box7 {
/*	width:160px;
	height:160px;
	background:#f60;*/
}
#box8 {
/*margin-bottom:20px;
	width:160px;
	height:160px;
	background:#0f6;*/
}
#box9 {
/*	width:100%;
	height:160px;
	padding:20px;*/
/*	margin-bottom:0 !important;
	background:#479bd8;
	border-radius:20px;
	color:#fff;*/
}



.subtitle {
font-size:140%;
}
.subtitle2 {
/*padding-bottom:5px;*/
padding-left:20px;
margin-bottom:15px;
font-size:140%;
height:30px;
line-height:30px;
color:#6b4101;
border-bottom:#6b4101 solid 1px;
border-left:#6b4101 solid 30px;
border-radius:10px;
border-radius: 0px 0px 0px 60px / 0px 0px 0px 30px;
font-weight:bold;
}
.subtitle3 {
font-size:140%;
/*line-height:1.4;*/
color:#fff;
padding:10px 20px;
background:#296CB7;
border-radius:20px 20px 0 0;
}
.contents_body3 {
display:block;
padding:20px;
background:#DFEAF8;
border-radius:0 0 20px 20px;
}

#top_oj_01 {
display:block;
float:left;
margin: 0 20px 20px 0;
}
#signature_wrapper {
	width:100%;
	text-align:right;
}
#signature {
clear:both;
	display:inline-block;
	width:auto;

	text-align:left;
/*	background:url(../img/top_oj_02.png) right bottom no-repeat;*/
}







footer {
/*position:absolute;
bottom:0;*/
min-width:320px;
	color:#fff;
	text-align:center;
}
.totop {
	text-align:right;
	padding:20px;
}
#footer_wrapper {
	max-width:840px;
	margin:0 auto;
/*	padding:0 60px;*/
	text-align:left;
}
.footer_contents {
/*	display:inline-block;
	padding: 0 10px;
	float:left;*/
	width:410px;
}
.footer_contents_subtitle {
	margin-bottom:5px;
	font-size:120%;
font-weight:bold;
}

#footer_wrapper > span {
	line-height:1;
}
#copyright {
	padding:20px;
	font-size:80%;
	text-align:right;

}



.float_left {
	float:left;
}
.float_right {
	float:right;
}
.clear_both {
	clear:both;
}

/* 画面サイズ〜480pxの端末のときに */
/*@media only screen and (max-width: 480px) {  
	#top_oj_01 {
	float:none;
	margin: 0 auto 20px auto;
	}
}

@media only screen and (min-width: 961px) {  
	header {
		margin-bottom:-48px;
	}
	hgroup {
		padding-bottom:48px;
	}
}*/

#form_wrapper {
width:80%;
margin: 3em auto;
}
#form_wrapper dd {
margin-left:1em;
margin-bottom:2em;
}
.required {
font-size:80%;
color:#f00;
}
#sub_btn {
width:100%;
padding:1em 2em;
font-size:120%;
}