@charset "UTF-8";

/* =============================================================================
outline
============================================================================= */
html, body {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
/*	background: #F6A936;*/
	_text-align: center;/* for IE6 */
}

body a {
	color: #0059B2;
}

/* PCのみ表示スタイル、SPのみ非表示スタイル
--------------------------------------------------------- */
@media screen and (min-width:768px) ,print {
#wrapper {
	padding: 0 0 40px;
	border-top: 4px solid #FCA827;
	background: #F7EDDF url(../images/bg_body.jpg) no-repeat center top;
}
}/*@media*/

/* SPのみ表示スタイル、PCのみ非表示スタイル
--------------------------------------------------------- */
@media screen and (max-width:767px) {
#wrapper {
	padding: 0;
	margin: 0;
	background-color: #fff;
    border-top: 4px solid #fca827;
/*	background: #F7EDDF url(../images/bg_body.jpg) no-repeat center top;*/
}
}/*@media*/


/* PCのみ表示スタイル、SPのみ非表示スタイル
--------------------------------------------------------- */
@media screen and (min-width:768px) ,print {
.pc_onry{
	display: block;
}
.sp_onry{
	display: none;
}
}/*@media*/

/* SPのみ表示スタイル、PCのみ非表示スタイル
--------------------------------------------------------- */
@media screen and (max-width:767px) {
.pc_onry{
	display: none;
}
.sp_onry{
	display: block;
}
}/*@media*/



/* =============================================================================
header
============================================================================= */
@media screen and (min-width:768px) ,print {
#header {
	position: relative;
	width: 960px;
	height: 98px;
	margin: 0 auto 15px;
	padding: 0;
}

#header .header_link {
	position: absolute;
	top: 32px;
	right: 8px;
	width: 369px;
	margin: 0;
	padding: 0;
}

#header h1.sitelogo {
	position: absolute;
	top: 25px;
	left: 12px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image:url(../images/sitelogo.png);
	padding : 0;
	margin : 0 ;
}

.sitelogo a{
	width: 544px;
	height: 63px;
	display: block;

}

#header .header_link li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}



}/*@media*/


@media screen and (max-width:767px) {
#header {
	position: relative;
	height: 65px;
	margin: 0 auto 0 0;
	padding: 0;
    background: #F7EDDF url(../images/bg_body.jpg) no-repeat center top;
    background-size: 200% auto;
}

#header .header_link {
	display:none;
}

#header h1.sitelogo {
    position: absolute;
    top: 14px;
    left: 14px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background-image: url(../images/sitelogo_sp.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.sitelogo a{
    width: 197px;
    height: 41px;
    display: block;
	margin: 0;
	padding: 0;

}
}/*@media*/




/* =============================================================================
global_nav
============================================================================= */@media screen and (min-width:768px) ,print {
#global_nav {
	width: auto;
	height: 60px;
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding: 0;
	background: url(../images/bg_gnav.png) no-repeat center top;
}
#global_nav ul {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
#global_nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#global_nav_secound {
	width: auto;
	height: 60px;
	overflow: hidden;
	zoom: 1;
	margin: 0;
	padding: 0;
	background: url(../images/bg_gnav.png) no-repeat center top;
}
#global_nav_secound ul {
	width: 940px;
	margin: 0 auto;
	padding: 0;
}
#global_nav_secound ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
}

@media screen and (max-width:767px) {
#global_nav {
	display:none;
}

#global_nav_secound {
	display:none;
}
}



/*メニューボタン（PC時非表示）
--------------------------------------------------------- */
@media screen and (min-width:768px) ,print {
#menu_btn{
	display:none;
}

.language{
	display:none;
}

.h_nav {
	display:none;
}
.gnav {
	display:none;
}
}/*@media*/

/*メニューボタン（スマホ）
--------------------------------------------------------- */
@media screen and (max-width:767px) {
#menu_btn img{
	display:block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 13px;
	right: 13px;
	z-index : 1000000;
	margin: 0;
	padding: 0;
}


.h_nav {
	display: none;
	margin: 0;
	padding: 0;
}

.sub_nav {
	display: none;
	margin: 0;
	padding: 0;
}

.gnav {
	background: #333333;
	border-top: 1px solid #adadad;
	margin: 0;
	padding: 0;
	top : 65px;
	left : 0;
	width : 100%;
	z-index : 10000000;
	position : absolute;
	list-style-type: none;
}
.gnav li {
	border-bottom: 1px solid #adadad;
	list-style-type: none;
	color : #fff;
	margin: 0 ;
	padding: 0 ;
	line-height : 60px;
}
.gnav li a {
	margin: 0 0 0 0 ;
	padding: 0 0 0 20px;
	display: block;
	color : #fff;
	text-decoration : none;
}

.gnav li a:before{
	content:"";
	padding-right: 10px;
	margin-top: 23px;
	font-size : 189%;
	width  : 15px;
	height : 15px;
	display : block;
	float : left;
	background: url(../images/arrow_ul_sp.png) no-repeat center center;
	background-size : 15px 60px;
}


.gnav > li > a:hover {
	color: #000000;
	background-color : #cecdcc;
}

.gnav li.sub_nav ul{
	margin: 0;
	padding: 0 0 0 0 ;
}

.gnav li.sub_nav ul li{
	margin: 0 ;
	padding: 0 0 0 0 ;
}

.gnav li.sub_nav ul li a:hover {
	color: #000000;
	background-color : #cecdcc;
}

.gnav li.sub_nav ul li a:before{
	content:"";
	padding-right: 10px;
	margin-top: 25px;
	font-size : 189%;
	width  : 15px;
	height : 15px;
	display : block;
	float : left;
	background: url(../images/arrow_ul_sub_sp.png) no-repeat center center;
	background-size : 15px 60px;
}



}/*@media*/



/*下部に表示するサブメニュー（PC時非表示）
--------------------------------------------------------- */
@media screen and (min-width:768px) ,print {
.subcon-nav,.subcon-h3{
display : none;
}


}/*@media*/

/*下部に表示するサブメニュー（スマホ）
--------------------------------------------------------- */
@media screen and (max-width:767px) {

.subcon-h3{
	background-color : #00a2e1;
	width : 100%;
	padding : 10px 5px;
	text-align : center;
	color  : #fff;
	margin : 0;
	box-sizing: border-box;
}


ul.subcon-nav {
	border-bottom: 1px dotted #ccc9c3;
	border-right: 1px solid #ccc9c3;
	display: table;
	width:100%;
	margin: -1px 0 0 0;
	padding: 0;
	background-color : #fbf7f0;
	box-sizing: border-box;
}
ul.subcon-nav > li:nth-child(2n+1) {
	clear: both;
}
ul.subcon-nav > li {
	display: table-cell;
	float: left;
	width: 50%;
	border-top: 1px dotted #ccc9c3;
	border-left: 1px solid #ccc9c3;
	box-sizing: border-box;
}

.subcon-nav a {
	padding: 15px 5px;
	display: block;
	color: #000;
	text-decoration: none;
	box-sizing: border-box;
}
.subcon-nav a:hover { 
	color: #000;
	background: #e6e6e6;
}


.subcon-nav li a:before{
	content:"";
	font-size : 189%;
	padding : 5px 10px 10px 10px;
	width  : 10px;
	height : 10px;
	float : left;
	background: url(../images/subcontents_ul_sp.png) no-repeat top center;
	background-size : 10px 10px;
}


}/*@media*/

/* =============================================================================
main
============================================================================= */@media screen and (min-width:768px) ,print {
#main {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	_text-align: left;/* for IE6 */
}
}

@media screen and (max-width:767px) {
#main {
	margin: 0 auto;
	padding: 0 ;
	position: relative;
	_text-align: left;/* for IE6 */
	background-color : #fbf8f1;
}
}

/* =============================================================================
content
============================================================================= */@media screen and (min-width:768px) ,print {
#content {
	margin: 0;
	padding: 30px;
	float: left;
	width: 680px;
	min-height: 500px;
	background: #FEFCFA;
	position: relative;
	z-index: 100;
	
	border-radius: 8px;
	-webkit-border-radius: 8px; /* Safari,Chrome */
	-moz-border-radius: 8px; /* Firefox */
	
	box-shadow: 0px 0px 4px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.15);/* Safari,Chrome */
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.15);　/* Firefox */  
}
#content {
	/* IE8以下のみ */ 
	border: 1px solid #E0E0E0;
	padding: 29px;
}
}

@media screen and (max-width:767px) {
#content {
	margin: 0;
	padding:30px 0 0 0 ;
	background: #fff;
	position: relative;
	z-index: 100;

}

#content_inner {
	padding:0 5% ;

}
}


/* =============================================================================
banner
============================================================================= */
@media screen and (min-width:768px) ,print {
.banner {
	float: right;
	width: 220px;
	margin: 0;
	padding: 0;
}


.banner ul,
.banner ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.banner ul li {
	margin: 0 0 10px;
}

}

@media screen and (max-width:767px) {
.banner {
	display : none;
}
}


/* =============================================================================
banner
============================================================================= */
@media screen and (min-width:768px) ,print {
.banner_sub {
	float: right;
	width: 180px;
	margin: 0;
	padding: 0;
}

.banner_sub ul li img{
	width: 180px;
	height : 49px;}

.banner_sub ul,
.banner_sub ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.banner_sub ul li {
	margin: 0 0 5px;
}

}

@media screen and (max-width:767px) {
.banner_sub {
	float: none;
	display : none;
}

.banner_sub ul li img{
	display : none;
}
}


/* =============================================================================
sidebar
============================================================================= */@media screen and (min-width:768px) ,print {
#sidebar {
	position: relative;
	z-index: 50;
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
}
}
@media screen and (max-width:767px) {
#sidebar {
	display : none;
}
}


/* local_nav
------------------------------------------------------------------------------ */

@media screen and (min-width:768px) ,print {#sidebar .local_nav {
	width: 200px;
	margin: 0 0 20px -10px;
	padding: 19px 0 0 10px;
}
#sidebar .local_nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}
}
@media screen and (max-width:767px) {#sidebar .local_nav {
	display : none;
}
#sidebar .local_nav li {
	display : none;
}
}




/* =============================================================================
section
============================================================================= */
div.section {
	margin: 0;
	padding: 0;
	clear: both;
}


/* =============================================================================
footer
============================================================================= */@media screen and (min-width:768px) ,print {

.pagetop_sp{
	display : none;
}

footer{}

#footer_wrap {
	width: 940px;
	margin: 0 auto;
	padding: 15px 0 10px 0;
}


#footer {
	margin: 0;
	padding: 0;
	background: url(../images/bg_footer.gif) repeat-x left top;
	_text-align: left;/* for IE6 */

}

#footer_wrap h2 {
	float: left;
	padding: 0;
	margin: 0 25px 0 0;
	background: url(../images/footer_logo.png) no-repeat top left;
	background-size : 152px 36px;
	display : block;
	width : 152px;
	height : 36px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#footer_wrap p.address {
	float: left;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	color: #454545;
}

#footer_wrap .adbr{
	display : none;
}

#footer_wrap div.pagetop_pc {
	float: right;
	margin: 0;
	padding: 0;
	font-size: 93%;
}
#footer p.copyright {
	margin: 0;
	padding: 10px 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 93%;
	text-align: center;
	background: #F6A936;
}


}


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

.pagetop_pc{
	display : none;
}


footer{
	background-color : #f5ebdb;
	padding-top : 40px;
}

div.pagetop_sp {
	text-align : center;
	display : block;
	width : 135px;
	height : 35px;
	line-height : 35px;
	margin: 0 auto;
	padding: 0;
	font-size: 85%;
	background-color : #559d56;
	color : #fff;
	-webkit-border-top-left-radius: 18px;
	-webkit-border-top-right-radius: 18px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 18px;
	-moz-border-radius-topright: 18px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
}

div.pagetop_sp a{
	color : #fff;
	text-decoration : none;
}

div.pagetop_sp:before{
	content:"";
	padding-right: 5px;
	font-size : 189%;
	padding-top : 25px;
	margin-left : 5px;
	width  : 14px;
	height : 10px;
	display : block;
	float : left;
	background: url(../images/arrow_pagetop.png) no-repeat center center;
	background-size : 14px 10px;
}

#footer_wrap {
	margin: 0 auto;
	padding: 0 0 15px 0;
	background-color : #f6efe3;
}


#footer {
	margin: 0;
	padding: 0;
	border-top : 1px solid #cbc7c1;

	_text-align: left;/* for IE6 */
}

#footer_wrap h2 {
	padding: 0;
	margin: 10px auto 10px auto;
	background: url(../images/footer_logo_sp.png) no-repeat top center;
	background-size : 85px 26px;
	display : block;
	width : 85px;
	height : 26px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#footer_wrap p.address {
	text-align : center;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	color: #000000;
	font-size : 85%;
}

#footer p.copyright {
	margin: 0;
	padding: 10px 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: center;
	background: #F6A936;
}

}