@charset "UTF-8";


/* ===================================
	base CSS
	=================================== */

/* ===================================

	reset Area

	=================================== */

html{
	-webkit-text-size-adjust: none;
	min-width:320px;
}

a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{
	background:transparent;
	border:0 none;
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:top;
	font-family: "メイリオ", Meiryo, "Lucida Grande", "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
}

input,textarea{
	font-family: "メイリオ", Meiryo, "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size:100%;
	max-width:100%;
}

table{
	border-collapse: collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

img{
	border:none;
	padding:0;
	margin:0;
}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block;
}

.video embed,
.video object,
.video iframe {
	width: 100%;
	height: auto;
}
img{
	max-width:100%;
	height: auto;
	width: auto;
}

.bold{
	font-weight:bold !important;
}

.f-red{
	color:#c00;
}


/* ------------------Grid System--------------- */ 
.zerogrid{ width: 960px; position: relative; margin: 0 auto; padding: 0px;}
.zerogrid:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.zerogrid .row:before,.row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.zerogrid .row:after{clear: both; }
.zerogrid .row{zoom: 1;}

.zerogrid .wrap-col{margin:10px;}

.zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{float:left; display: inline-block;}

.zerogrid .col-full{width:100%;}

.zerogrid .col-1-2{width:50%;}

.zerogrid .col-1-3{width:33.33%;}
.zerogrid .col-2-3{width:66.66%;}

.zerogrid .col-1-4{width:25%;}
.zerogrid .col-2-4{width:50%;}
.zerogrid .col-3-4{width:75%;}

.zerogrid .col-1-5{width:20%;}
.zerogrid .col-2-5{width:40%;}
.zerogrid .col-3-5{width:60%;}
.zerogrid .col-4-5{width:80%;}

.zerogrid .col-1-6{width:16.66%;}
.zerogrid .col-2-6{width:33.33%;}
.zerogrid .col-3-6{width:50%;}
.zerogrid .col-4-6{width:66.66%;}
.zerogrid .col-5-6{width:83.33%;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.zerogrid{width:768px;}
}

@media only screen and (max-width: 767px) {
	.zerogrid{width:100%;}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
	.zerogrid{width:100%;}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
	.zerogrid{width:100%;}
	.zerogrid .col-1-3, .zerogrid .col-2-3{width:100%;}
	.zerogrid .col-1-4{width:50%;}
	.zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
}

@media only screen and (max-width: 479px) {
	.zerogrid .zerogrid .col-1-2, .zerogrid .col-1-3, .zerogrid .col-2-3, .zerogrid .col-1-4, .zerogrid .col-2-4, .zerogrid .col-3-4, .zerogrid .col-1-5, .zerogrid .col-2-5, .zerogrid .col-3-5, .zerogrid .col-4-5, .zerogrid .col-1-6, .zerogrid .col-2-6, .zerogrid .col-3-6, .zerogrid .col-4-6, .zerogrid .col-5-6{width:100%;}
}

/* -------------------------------------------- */
/*====================================
	browser scrollbar invalid
=================================== */
html {
 overflow: scroll;
 overflow: -moz-scrollbars-vertical;
 overflow-y: scroll;
}
/* ------------------Style--------------------- */


html, body {
	width:100%;
	padding:0;
	margin:0;
}


body {
	background: #F8F8F8 url("/images/bg.jpg") repeat-x;
	color: #474747;
	font-size:12px;
	line-height:25px;
}
@media (max-width:767px){
	body {
		background-size:auto 400px;
	}
}
a{
	color: #474747;
	text-decoration: none;
}
a:hover {
	color: #DB5705;
	text-decoration: none;
}

a.button{
	cursor: pointer;
	color: #ffffff;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	background: #DB5705;
	border:1px solid #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
a.button {
	display: inline-block;
	text-decoration: none;
	padding: 6px 12px 6px 12px;
}
a.button:hover{
}

/* ------------------Header-------------------- */
header {
	background:#F8F8F8;
	margin-top:40px;
}
header .wrap-header{
	height: 130px;
}

header #logo {
	position:absolute;
	top:30px;
	padding:0px;
	width: 100%;
	max-width:360px;
}

nav {
}
nav .wrap-nav{
	position:absolute;
	top:50px;
	right:0px;
	height: 37px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	background:#336045;
	padding:0px 10px;
}

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu  ul li {
	position: relative;
	float: left;
	padding: 6px 5px 0px 5px;
}
.menu  ul li:hover {
background-color:#DB5705;
}
.menu  ul li a {
	font-size: 14px;
	line-height:14px;
	color: #FFF;
	display: block;
	padding: 6px 10px;
	margin-bottom: 5px;
	z-index: 6;
	position: relative;
	font-weight:bold;
	text-transform:uppercase;
}
.menu  ul li:hover a {
	color:#ffffff;
}

.minimenu{
	display:none;
}
.minimenu{
	position: relative;
	margin: 0px;
}
.minimenu div{
	overflow: hidden;
	position: relative;
	font: 18px/37px 'PT Sans Narrow';
	color: #fff;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
.minimenu select{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}
/* -------------------------------------------- */
/* ------- response Header  768px ------------- */

@media only screen and (max-width: 767px) {
	header {
		margin-top: 0px;
	}
	header #logo{
		top:16px;
		left:10px;
		width:160px;
	}
	header #logo img{
		max-height:40px;
	}
	header .wrap-header {
		height: 60px;
	}

	nav .wrap-nav{top: 10px; right:10px; left:auto;}
	.menu ul li {
		position: relative;
		float: left;
		padding: 6px 0px 0px;
	}
}
/* -------------------------------------------- */
/* ------- response Header  480px ------------- */
@media only screen and (max-width: 479px) {

	nav .wrap-nav {
		position:absolute;
		height: 37px;
		right:10px;
		left:auto;
		top:10px;
		width:30%;
	}
	.menu{display:none;}
	.minimenu{display:block;}
	
}

/* -------------------------------------------- */
/* ------------------main and side-------------------- */

#main-content{
	float:right;
}

.btn_bottom-links{
	margin-top:40px;
	padding:10px;
}
.btn_bottom-links p a{
	display:block;
	font-size:24px;
	background-color:#336045;
	border-radius:5px;
	font-weight:bold;
	text-align:center;
	width:5em;
	padding:5px 0;
	color:#fff;
	margin:0 auto;
}
.btn_bottom-links p a:hover{
	background-color:#DB5705;
}
.btn_bottom-links .btns{
	margin-top:60px;
	padding:0 20px;
	margin-bottom:20px;
}
.btn_bottom-links .btns li{
	float:left;
	width:20%;
	padding:0 2%;
	margin-right:1%;
}
.btn_bottom-links .btns li{
	float:left;
	width:20%;
	padding:0 2%;
	margin-right:1%;
}

@media (max-width:479px){
	.btn_bottom-links .btns{
		padding:0 10px;
	}
	.btn_bottom-links .btns li{
		float:left;
		width:23%;
		padding:0;
		margin-right:2%;
	}
}
.btn_bottom-links .btns li img{
	max-width:112px;
	display:block;
	width:100%;
}



#sidebar{
float:left;
	}

#sidebar .box{
	margin-bottom:20px;
	margin-right:10px;
}
#sidebar .heading{
	 padding:5px;
	border-bottom:3px double #333333;
}
#sidebar .heading .head2{
	font-size:22px;
	font-weight:normal;
	display:inline;
	padding:0 10px;
}
#sidebar .content{
	padding:15px}
#sidebar .content ul{
	 font-size:14px;
	list-style-type:circle;
	margin-left:20px;
}
#sidebar .content ul li{
	border-bottom: 1px solid #E1E1E1;
	padding:5px;
	font-size:18px;
}
#sidebar .content .post {
	margin-bottom: 20px;
}
#sidebar .content .post h4{
	 font-size:14px;
	font-weight:normal;
}
#sidebar .content .post img{
	 float:left;
	padding:5px;
	border:1px solid #CCC;
	margin-right:10px;
}
#sidebar .content .post p{
	color:#A3A3A3;
	font-style:italic;
}

/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {
	background-color:#336045;
	margin-top:30px;
}
footer .wrap-footer{
	padding:10px 0px;
	color:#ffffff;
}
footer .box{
	}
footer .heading{
	 padding:5px;
	border-bottom:3px solid #DB5705;
}
footer .heading h2{
	font-size:22px;
	font-weight:normal;
	display:inline;
	padding:0 5px;
}
footer .content{
	padding:5px 0}
footer .content a{
	color:#DB5705;
	text-decoration:none;
}
footer .content .social ul {
	list-style: none;margin: 0;padding: 0;
}
footer .content .social ul li {
	position: relative;float: left;padding: 6px 5px 0px 5px;
}

.copyright{
	text-align:center;
	margin-top:20px;
}
.copyright a{
	color:#ffffff;
	text-decoration:underline;
}


@media only screen and (max-width: 767px) {

	footer .head2 {
		font-size:18px !important;
	}
}




	footer .gallery li{
		width:30%;
		margin:5px 1%;
		float:left;
	}

footer .content .gallery a{
	border:solid 1px #ccc;
	padding:4px;
	display:block;
}

footer .content .gallery img{
	display:block;
	width:100%;
	height:auto;
}
@media only screen and (max-width: 767px) and (min-width:641px){

	footer .gallery li{
		width:48%;
		margin:5px 1%;
	}

}

@media only screen and (max-width: 640px) and (min-width:480px) {
	footer .gallery li{
		width:30%;
		margin:5px 1%;
	}

}
@media only screen and (max-width: 479px) {

	footer .gallery li{
		width:48%;
		margin:5px 1%;
	}

}

.nowrap{
white-space:nowrap;
}





.headbar_20{
	display:block;
	color:#fff;
	background-color:#000;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	padding-left:40px;
	background-image:url(/images/headbar_20.png);
	background-size:30px 30px;
	background-image:url(/images/headbar_20_s.png)\9;
	background-repeat:no-repeat;
	background-position:left bottom;
	margin-bottom:20px;
}

.breadcrumb{
	padding:3px 5px;
	margin:0 5px;
}
.breadcrumb li:after{
	content: " >";
}
.breadcrumb li{
	font-size:12px;
	line-height:1.5;
	float:left;
	*border-right:solid 1px #ccc;
	*padding:0 5px;
}

.breadcrumb li.last:after,
.breadcrumb li.last{
	*border-right:none;
	content: " ";
}
.breadcrumb li.last a{
	text-decoration:underline;
	background-color:#dfd;
}

/* ===================================

	clearfix Area

	=================================== */

.clearfix:after {
display: block;
clear: both;
height: 0;
visibility: hidden;
content: ".";
line-height: 0;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* for macIE \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* end of for macIE */