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

	HEADER [ALL]
	
======================================================================= */


#header{
	position:relative;
	width:1000px;
	height:102px;
	margin:0 auto;
	z-index:2;
}



#header_BOX{ position:absolute; left:-60px; top:0; width:1060px; height:200px; margin:0; background:url(../../images/header_on_bg.png) no-repeat 50% bottom; z-index:2; }









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

	　 [ALL] BOX
	
====================================================== */


/* [ALL] コンテンツボックス*/
#contents{ width:1000px; height:100%; margin: 0; padding:0; }





/* [左] メニューボックス*/
#contents div#L_BOX{ width:200px;/*padding-left 分-10*/
	height: 100%; float: left; }


/* [中] コンテンツボックス*/
#contents_BOX{ background-color: #fff; text-align: left; width:540px; height: 100%; z-index: 80; float: left; margin-right: 30px; padding: 35px 30px 50px; box-shadow: 0px 0px 8px #222; -webkit-box-shadow: 0px 0px 8px #222; -moz-box-shadow: 0px 0px 8px #222; position:relative;}


/* [右] サブボックス*/
#contents div#R_BOX{ width:170px; background-color:#c00; height: 100%; float: left; min-height:100%; display: block; margin: 0; padding-top: 20px; padding-bottom: 200px; }






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

	[ALL] MENU
	
================================== */

#memu_BOX{ clear:both; padding:0; margin-top:35px; margin-right: 0; margin-bottom: 0; }

#memu_bt{ color: #ff9; font-size: 10.5pt; font-weight: 600; background-image: url(../../images/bt_bg.png); text-align: left; letter-spacing: 2px; width:185px; height: 47px; padding-left: 15px; }

#memu_bt_2{ color: #ff9; font-size: 10.5pt; font-weight: 600; background-image: url(../../images/bt_bg.png); background-position:20px center;background-repeat:no-repeat; text-align: left; letter-spacing: 2px; width:185px; height: 47px; padding-left: 40px; }

#memu_bt a, #memu_bt_2 a{ color: #ff9; font-size: 10.5pt; font-weight: 600; text-decoration: none}
.bt{margin-bottom:10px;}

.menu_link{ display: block; width: 200px; height: 47px; padding-top: 12px; }

.menu_tit{ position: absolute; top: 300px; position: absolute; z-index: 89; display: block; }	


.menu_tit2{ position: absolute; top: 150px; z-index: 89; display: block;  }	

.bnr_relay { position: absolute; top: -76px; left:304px; z-index: 101; display: block; border:none; outline:none;}
.bnr_run{ position: absolute; top: -78px; left:67px; z-index: 101; display: block; border:none; outline:none;}	


/*======== logo_BOX =========*/

.logo_BOX{ width:158px; margin:6px auto 0; padding:1px 0 0; text-align:center; background:#fff url(../img/base/R_box_head.gif) no-repeat 50% 5top;
	
}

.logo_BOX ul{
	padding:10px 0px 7px 0px;
	margin:5px 0px 0px 0px;
	background:url(../img/base/R_box_bottom.gif) bottom no-repeat;
}

.logo_BOX li{
	padding:0px 0px 10px 0px;
}









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

	[ALL] FOOTER
	
================================== */



#footer{ color: #999; clear:both; background-color: #fff; background-image: url(../../images/foot_bg.jpg); background-repeat: repeat-x; background-position: 0 bottom; text-align: left; position: relative; width: 100%; z-index: 90; padding-top: 20px; padding-bottom: 100px; border-top: 10px solid #5e953c; }

#footer_BOX{ position:relative; width:1000px; height:auto; font-size:8pt; line-height:8pt; text-align: left; margin:0 auto; }








/*===========　copyright　==============*/

#footer_BOX .copyright{
	position:absolute;
	right:205px;
	top:-23px;
	font-size:10px;
	line-height:12px;
	font-family:Verdana, Geneva, sans-serif;
	color:#b49a4d;
	width:247px;
	height:20px;
	text-align:right;
}




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

[ALL] footer_logo_BOX2
	
================================== */


#footer_logo_BOX{ position:absolute; left:0; top:-40px; width:520px; height:32px; }

#footer_logo_BOX h3{
	float:left;
	padding:10px 0px 0px 6px;
}


#footer_logo_BOX .logo01{
	float:left;
	padding:0px 15px 0px 7px;
	border-right:solid 1px #ccc;
	height:32px;
}

#footer_logo_BOX .logo02{
	float:left;
	padding:0px 0px 0px 15px;
}
#footer_logo_BOX .logo03{
	float:left;
}








/*========== [btn] PAGE TOP ==========*/

.pagetop{
	position:absolute;
	right:19px;
	top:-33px;
	width:164px;
	height:33px;
}

.pagetop a{
	display:block;
	font-size:5px;
	text-indent:-9999px;
	width:164px;
	height:33px;
}


.pagetop a:hover{
	width:164px;
	height:33px;
}



/* Responsive code */
#globalnav_bg, #globalnav, #header_logo{display:none;clear:both; overflow:hidden;}
#header_logo img{margin-top:11px;}
#R_BOX_sns {text-align: left; width: 145px;overflow:hidden; margin-bottom: 5px; padding-top: 2px; padding-bottom: 2px;padding-right:10px;padding-left:10px;}
@media screen and (max-width:767px) {
body{background-image:none;}
#globalnav_bg, #globalnav, #header_logo{display:block;clear:both;}
#header {height:90px;  background-image: url(/ccr/images/header_bg.jpg); background-position: center 0; background-repeat: repeat-x;}

#L_BOX {display:none;}
#contents, #header, #header_BOX {width:100%;}
#no_slider {width:100%; min-width:300px;}
#contents {margin-top:3px;}
#footer {width:100%; min-width:300px;}
#footer_BOX {width:90%; margin:0% 5%;}
#contents_BOX {float:none; max-width:540px; width:80%; margin:0 auto; padding:3% 6% 8%;} 
#contents div#R_BOX {float:none; max-width:540px; width:80%; margin:20px auto; padding:6% 6% 8%;} 
.news_head, .news {max-width:540px; width:100%; margin:10px auto;}
.news_txt2 {width:88%;}
img.w100 {width:100%; height:auto;}
img.menu_tit2, #no_slider, #header_BOX{display:none;}
.table_txt{ width:100%;}
.left{ width: 100%; float: none; }
.right{width: 100%; float: none; }	
iframe.map {width:100%; }
#R_BOX{text-align:left}
#R_BOX_sns {width: 172px;padding:0;padding-bottom: 2px;}
}
@media screen and (max-width:480px) {
.entry_btn{width:180px; height:110px; margin:0 auto}
.fl_left{float:none; margin:0 auto; margin-bottom:10px}
.fl_right{float:none; margin:0 auto; }
}