/* ===================================================================
CSS information
 file name  :  default.css
=================================================================== */
html {
	font-size: 100%;
	overflow-y: scroll;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, ul {
	margin: 0;
	padding: 0;
}

body{
	background:url(../images/bg_outer.jpg) repeat-x #bc121b;
}

.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

.clearfix {
	min-height:1px;
}

#pagetop{
	bottom:20px;
	position:fixed;
	right:20px;
}

.font_big{
	font-size:150%;
}

.font_red{
	font-size:125%;
	color:#c32f36;
}

#wrapper{
	margin:0 auto;
	width:1377px;
	background:url(../images/bg_wrapper.jpg) no-repeat;
	padding-bottom:15px;
}

#container{
	width:1000px;
	padding-left:200px;
}

#headder{
	padding-top:110px;
	padding-left:185px;
}

/*#message_area*/
#message_area{
	padding:50px 0 50px 45px;
}

#message_area h2{
	padding-bottom:12px
}

#message_area h3{
	padding-bottom:20px;
}

#message_area p{
	padding:20px 0;
	color:#FFFFFF;
	line-height:1.5;
}

/*#banner_area*/
#banner_area{
	padding-bottom:20px;
}

/*#chart_area*/
#chart_area table{
	width:100%;
	border-collapse:collapse;
	border:1px #d6a535 solid;
	background-color:#FFFFFF;
	font-size:80%;
}

#chart_area td, #chart_area th{
	border:1px #d6a535 solid;
	text-align:center;
	padding:15px 25px;
	width:16.6%;
}

#chart_area th{
	color:#d6a535;
}

.chart_headder{
	font-size:120%;
	font-weight:bold;
	color:#00421e;
}

.chart_footer p{
	color:#FFFFFF;
	font-size:80%;
	text-align:right;
	padding-top:10px;
}

/*#access_area*/
#access_area{
	padding-bottom:20px;
}

#access_area hr{
	border:none;
	height:4px;
	background:url(../images/border_01.gif) repeat-x;
	color:#d6a535;
	margin:0 0 5px 0;
}

.address{
	color:#FFFFFF;
	width:50%;
	font-size:80%;
	line-height:2;
	float:left;
}

.address p{
	padding:5px 0;
}

.address span{
	margin-left:4.5em;
}

.map{
	color:#FFFFFF;
	width:50%;
	font-size:80%;
	float:right;
	text-align:right;
}

.map small{
	display:block;
	width:450px;
	font-size:100%;
	float:right;
	text-align:center
}

.font_small{
	font-size:80%;
}

/*#fb_area*/
#fb_area{
	border:1px #d6a535 solid;
	background-color:#FFFFFF;
	width:100%;
	height:200px;
	overflow-y:scroll;
	overflow-x:hidden;
}


/*#footer*/
#footer{
	background:#00421e;
}

#footer_wrapper{
	margin:0 auto;
	width:822px;
	padding:50px 0 50px 550px;	
}
.footer_logo{
	width:104px;
	float:left;
}

.footer_address{
	float:left;
	color:#FFFFFF;
	font-size:80%;
	line-height:2;
	padding-left:20px;
}

.footer_address span{
	margin-left:4.5em;
}

#copyright{
	background:#000000;
}

#copyright_wrapper{
	margin:0 auto;
	width:1000px;
	padding:20px 0 50px 455px;	
	color:#d6a535;
	font-size:80%;
}

/****コンタクトページ****/
/*contact page headder*/
#contact_headder{
	padding:25px 0 20px 45px;
}

#contact_headder p{
	color:#FFFFFF;
	padding-top:25px;
}

#contact_headder a{
	color:#d6a535;
}

/*contact_area*/
#contact_area{
	margin-bottom:20px;
}
.contact_info{
	padding:20px 0 0 45px;
	line-height:1.8;
	color:#FFFFFF;
	font-size:90%;
}

.contact_info span{
	font-size:24px;
}

#form_input_area{
		background:#FFF;
		border:1px #d6a535 solid;
		float:left;
}

.mailform{
	background-color:#FFF;
}

.input_max, .input_maxproblem{
	width:63.5%;
}

.first_row{
	padding-bottom:2px;
}

.attention{
	color:#ff0f0f;
	padding-top:10px;
}

.button_reset{
	background:url(../contact/images/button_reset.jpg) no-repeat;
	height: 30px;
    width: 123px;
	border:0;
}

.button_confirm{
	background:url(../contact/images/button_confirm.jpg) no-repeat;
	height: 30px;
    width: 123px;
	border:0;
}

#form_confirm_area{
	text-align:center;
	padding-top:15px;
}

.thanks_area{
	color:#FFF;
	padding:20px 0;
	text-align:center;
}