@charset "UTF-8";
/* Micro clearfix
----------------------------------------------- */
.cf {
	zoom: 1;
}
.cf:before, .cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* clear
----------------------------------------------- */
.clear {
	clear: both;
}
/* 必要要素の初期設定
----------------------------------------------- */
body {
	font-size: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #e5f0ce;
}
a, a:hover, a:visited {
	text-decoration:none;
	overflow: hidden;
	outline: none;
	border-style: none;
}
a {
	color: #036eb7;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0em;
}
ul {
	margin: 0;
	padding: 0;
}
p {
	margin: 0em;
	padding: 0px;
 }
em {
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
/* ベースレイアウト
----------------------------------------------- */

/* footer_menu
----------------------------------------------- */
.footer_menu {
	width: 100%;
	clear: both;
	padding-top: 10px;
	background: #eeada9;
}


/* common_footer
----------------------------------------------- */
footer#common_footer {
	text-align: center;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	color: #000;
	padding-bottom: 4em;
	padding-top: 1em;
}

/* pagetop
----------------------------------------------- */
.pagetop {
	font-size: 0.9em;
	text-align: right;
	width: 100%;
	clear: both;
	padding-bottom: 10px;
}
.pagetop a {
	background: url(../img/pagetop_mark.gif) no-repeat right center;
	padding-right: 20px;
	color: #898989;
	padding-top: 5px;
	padding-bottom: 5px;
}
.pagetop a:hover {
	text-decoration: underline;
}
/* white_box
----------------------------------------------- */
.white_box {
	background: #ffffff;
}
/* ヘッダー・ナビ
----------------------------------------------- */

.header_wrapper{
	width: 100%;
	background-image: url(../img/header_back.fw.png);
	background-repeat: repeat-x;
}


header {
	margin: 0;
	padding: 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.header_01 {
	margin: 0;
	padding: 0;
	width: 88%;
	margin-right: auto;
	margin-left: auto;
}

/* wrapper
----------------------------------------------- */
.wrapper {
	width: 100%;
	padding-top: 2em;
}
/* container
----------------------------------------------- */
.container {
	width: 88%;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}
/* page_title_area
----------------------------------------------- */
.page_title_area {
	width: 100%;
	margin-bottom: 2em;
	position: relative;
}


/* contents_area
----------------------------------------------- */
.contents_area {
	width: 100%;
	clear: both;
}

/* contents_main_1
----------------------------------------------- */
.contents_main_1 {
	width: 100%;
	clear: both;
}

/* cl_contents
----------------------------------------------- */
.cl_contents {
	clear: both;
	margin-bottom: 1em;
}

/* 左右のボックス01
----------------------------------------------- */
.l_box01 {
	width: 100%;
	margin-bottom: 1em;
}
.r_box01 {
	width: 370px;
	float: right;
	text-align: right;
}


/* 左右のボックス02
----------------------------------------------- */
.l_box02 {
	width: 100%;
	margin-bottom: 1em;
}
.r_box02 {
	float: right;
	width: 200px;
	text-align: right;
}


@media only screen and (min-width: 768px) {


/* footer_menu
----------------------------------------------- */
.footer_menu_navi {
	overflow: hidden;
	max-width:768px;
	width: auto !important;
	width: 768px;
}

/* 左右のボックス01
----------------------------------------------- */
.l_box01 {
	float: left;
	width: 472px;
	margin-bottom: 0em;
}



/* 左右のボックス02
----------------------------------------------- */
.l_box02 {
	float: left;
	width: 642px;
	margin-bottom: 0em;
}


}

@media only screen and (min-width: 961px) {
header {
	width: 960px;
}

.header_01 {
	width: auto;
}
/* sub_nav
----------------------------------------------- */
nav#sub_nav {
	float: right;
	clear: none;
	min-height:38px;
	height: auto !important;
	height: 38px;
}


/* container
----------------------------------------------- */
.container {
	width: 960px;
}

/* contents_area
----------------------------------------------- */
.contents_area {
	width: 852px;
	margin-right: auto;
	margin-left: auto;
}




}