@charset "UTF-8";

body {
	color: #6C6559;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	margin: 0 auto;
	width: 100%;
	height:100%;
	}
	
p {
	line-height: 1.4em;
	margin: 0;
	padding: 5px 0;
	}
	

	
.dl_bottom {
	border-bottom: 1px solid #FFF;
	}
img.pdL { padding-left: 15px; }

h3 {
	color: #a60000;
	line-height: 1em;
	font-size: 16px;
	font-weight: bold;
	margin:0;
	padding: 0;
	}
	
a, a:link {
	color: #cc9900;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}

	
.clear_both {
	clear: both;
	}

#wrapper {
	background: #ffcc33;
	margin: 30px auto 0;
	padding: 12px;
	width: 1124px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
	}


#header {
	background: #fff url(../img/n_head.jpg) right 45px no-repeat;
	height: 100px;
	width:100%;
	text-align:right;
	}

#main { background: #fff; }
	
#menubar {
	height: 20px;
	padding: 30px 0;
	margin: 0;
	text-align: left;
	}

#main_vis{
	padding: 0;
	margin-left: 0;
	width: 1120px;
	height: 564px;
	}
	
.main_vis_pic {
	padding: 0;
	}
	
#content {
	padding: 20px 5px 0 20px;
	text-align: left;
	width: 880px;
	float: right;
	line-height: 22px;
	}
#com { margin-top: 5px; height: 470px; padding-right: 15px; overflow-y: scroll; }
#com2 { margin-top: 5px; height: 495px; padding-right: 15px;overflow-y: scroll; }
#com3 { margin-top: 5px; height: 495px; padding-right: 15px; overflow-y: scroll; }
#com4 { margin-top: 5px; height: 495px; padding-right: 0px; overflow-y: scroll; }
#com5 { margin-top: 5px; height: 495px; padding-right: 0px; overflow-y: scroll; }


#footer {
	height: 32px;
	padding: 18px 10px 0 10px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	}

.cr { 
	font-size: 10px;
	margin-top: 20px;
	float: right;
	color: #999;
	margin-right: -15px;
}

.foot_link { width: auto; float: right; }
.fl_btn { background: #fff; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; padding: 2px 12px; }
	
	
/* ============================= */

#header h1 {
	font-size:20px;
	font-weight: bold;
	line-height: 1em;
	color: #000;
	margin: 0;
	padding: 25px 10px 0 0;
	}
	
#header_logo {
	float: left;
	padding: 0;
	width: 235px;
	height: 94px;
	}

	
.head_text {
	height: 30px;
	width: 270px;
	margin-top: 8px;
	padding: 0 13px 0 0;
	position: relative;
	left: 670px;
	}
.head_text p { visibility: hidden; }

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

#menubar { background: #ffcc33; }
	
.m_small { font-size: 14px; }

#menubar a { background:#ffcc33; color: #FFFFFF; font-size: 18px; font-weight: bold; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; line-height: 20px; display: inline-block; float: left; }
#menubar a:hover { background:#fff; color: #ffcc33; font-size: 18px; font-weight: bold; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; text-decoration: none; }
	
.m1 { width: 156px; text-align: center; }
.m2 { width: 145px; text-align: center; }
.m3 { width: 145px; text-align: center; }
.m3-2 { width: 145px; text-align: center; }
.m4 { width: 166px; text-align: center; }
.m5 { width: 92px; text-align: center; }
.m6 { width: 92px; text-align: center; }
.m7 { width: 181px; text-align: center; }
	

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

#news {
	border: 1px solid #AAA;
	padding: 4px 10px;
	color: #666;
	}

#news dl{
	line-height: 1.8em;
	}
	
#news dt {
	padding-top: 1px;
	}
	

#news dd {
	border-bottom: 1px dotted #AAA;
	margin-left: 0px;
	padding: 2px 0 0 6em;
	margin-bottom: 2px;
	line-height: 20px;
	}
	
h2.news_title {
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	width: 250px;
	height: 30px;
	margin: 2px 0 5px 2px;
	padding: 4px 0 0 30px;
	display: block;
	background: #ffcc33 url(../img/news_h.gif) 0 5px no-repeat;
	}
.news_title a { color: #FFF; text-decoration: none; }
.news_title a:hover { color: #FFF; text-decoration: none; }
	
.news_link {
	text-align: right;
	font-size: 10px;
	line-height: 15px;
	padding: 3px;
	margin-bottom:0px;
	}

a { color: #cc9900; text-decoration: none; }
a:hover {  color: #cc9900; text-decoration: underline; }
a:visited { color: #cc9900; }

/* ============== NEWS =============== */


dt {
	clear: both;
	color: #777;
	float: left;
	width: 70px;
	}
	
dd {
	margin-left: 6em;
	}

dt.news { font-weight: bold; color:#AAA; padding: 0; margin-right: 10px; width: 90px; }
dd.news {
	border-bottom: 1px dotted #BBB;
	margin-left: 0px;
	padding-left: 6em;
	margin-bottom: 10px;
	}
dl.news_dl dt { font-weight: bold; color:#AAA; padding: 0; margin-right: 10px; width: 90px; }
dl.news_dl dd {
	border-bottom: 1px dotted #BBB;
	margin-left: 0px;
	padding-left: 6em;
	margin-bottom: 10px;
	}
/* ============== sub_menu =============== */

#sub_menu {
	float: left;
	margin: 12px 0 0 12px;
	background-color: #ffcc33;
	width: 195px;
	height: 255px;
	_display:inline;
	}

#sub_menu h2 { font-size:16px; color: #FFF; padding: 3px 0 0 30px; margin: 8px 0 0 8px; line-height: 26px; background: url(../img/h2_bg.gif)  0 2px no-repeat; letter-spacing: 1px; }
#sub_menu ul {
	list-style-type: none;
	margin: 10px;
	padding: 12px;
	height: 175px;
	background-color: #fff;
	}
	
#sub_menu li {
	background: url(../img/li_pickup_bullet.gif) 0 2px no-repeat;
	padding: 0 0 10px 22px;
	}

#sub_menu li.sub a {
	color: #632d00;
	text-decoration: none;
	border-bottom: 1px dotted;
	}
	
#sub_menu li.sub a:hover {
	color: #D7860D;
	text-decoration: none;
	border-bottom: 1px solid;
	}
	


/* ============== h =============== */

h3 { font-size: 18px; background: url(../img/h3_bg.gif) no-repeat; padding: 0 0 3px 30px !important; margin: 0 0 10px 0; color: #333; letter-spacing: 1px; line-height: 1.3; }

h4 { text-decoration: underline; margin: 0; padding: 0; }

li.con { float: left; }
li.con2 { float: left; clear:both; }

.top_com { font-size: 24px; font-weight:bold; padding: 15px 0 10px 15px; color: #333; letter-spacing: 1px; }

#top_area { width: 1124px; height: 508px; background-color: #ffcc33; }

#left { float: left; }
#right { float: right; height: 496px; overflow: hidden; background-color: #fff; margin-top: 10px; }
#top_news { float:left; width:284px; padding: 3px; overflow: hidden; }
#rss_f { float:left; width:278px; padding: 2px 0px 0px 2px; background: #FFF; }

h4.taiken { font-size: 18px; padding: 8px 0 5px 8px; background-color:#ffcc33; color: #FFF; text-decoration: none; font-weight: normal; display: block;}



/* ============== pick up =============== */

#special { width: 100%; height: auto; margin-top: 14px; }
#special ul, #special2 ul { list-style: none; }
img.sp { border: 1px #FFF solid; box-sizing: border-box; }

tr.td01 td { background: #FFAA00; color:#fff; font-weight:bold; }






#slideShow {
	overflow: hidden;
	width: 100%;
	height: 100%;
	margin-top: 10px;
}
#slideShow .main {
	position: relative;
	float: left;
	left: 50%;
}
#slideShow li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	left: -50%;
	display: none;
	width: 100%;
	list-style: none;
}
#slideShow img {
	display: block;
	width: 100%;
}
#nav {
	text-align: center;
	margin-top: -60px;
	width: 100%;
	display: block;
}
#nav li {
	margin: 0 5px;
	display: block;
	list-style: none;
	float: left;
	width: 110px;
	height: 40px;
}
#nav a img {
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	opacity: .7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#nav a:hover img,
#nav .rslides_here img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


/* ============== Add2018 =============== */
#news {width: 258px; margin-left:2px;}
.mgT30 { margin-top: 30px; }
.sp01 { display: none; }
.pc01 { display: block; }
.txt_top1 { font-size: 18px; font-weight: bold; color: #f3410e; }
.txt_top1 span { color: #fff; }

.txt_l1 { font-size: 16px; font-weight: bold; }
#sub_menu { margin-bottom: 15px; }
ul.banner_list { margin: 0 0 0 13px !important; padding: 0; }
ul.banner_list:after { content: ""; clear: both; }
ul.banner_list li { list-style: none; margin-bottom: 3px; }
ul.banner_list li:last-child { margin-bottom: 20px; }

ul.banner_list li a img { border: 1px #DDD solid; padding: 0; box-sizing: border-box; }
ul.banner_list li a:hover img { filter: alpha(Opacity=60); opacity: 0.6; padding: 0; border: 1px #DDD solid; }
.f_address { text-align: right; }
.fl_btn { margin-left: 10px; }

.form_block { width: 50%; float: left; padding-bottom: 15px; }

.hamburger{display: none !important;}
@media all and (min-width:768px){
	#special{height: 126px !important; overflow: hidden; }
	#page-wrap {background: url(../../images/25.gif) center center no-repeat;}
}
@media all and (max-width:767px){
.top_txt_block{display: block; margin-top:5px; clear: both; padding: 20px; }
.hamburger{display: inherit !important;}
.sp01 { display: block; }
.pc01 { display: none; }
body { overflow-x: hidden;}
h3 { font-size: 15px; background-size: 16px auto; padding: 0 0 3px 25px !important; margin: 0 0 10px 0; color: #333; letter-spacing: 1px; line-height: 1.4; }
#wrapper {width:100%; box-sizing: border-box; margin-top: 0; height: auto; }
#main_vis{width:100%; box-sizing: border-box; margin-top: 0; height: auto; padding: 0; }
#menubar{display: none;}
#content {width: 100%;float: none; box-sizing: border-box !important; padding: 20px !important; }
#com { margin-top: 5px; height: auto; padding-right: 15px; overflow-y: hidden; }
#com2 { margin-top: 5px; height: auto; padding-right: 15px; width:100%; box-sizing: border-box; overflow-y: hidden; }
#com3 { margin-top: 5px; height: auto; padding-right: 15px; overflow-y: hidden; width:100%; box-sizing: border-box; }
#com4 { margin-top: 5px; height: auto; padding-right: 0px; overflow-y: hidden; width:100%; box-sizing: border-box; }
#com5 { margin-top: 5px; height: auto; padding-right: 0px; overflow-y: hidden; width:100%; box-sizing: border-box; }
#header { position: relative; }
.head_text {}
#right { float: none; height:auto; overflow: hidden; background-color: #fff; width: 100%; margin: 10px 0 !important; box-sizing:border-box; padding: 8px; }
#top_news { float:left; width:100%; padding: 3px; overflow: hidden; box-sizing: border-box; }
#rss_f { float:left; width:100%; padding: 2px 0px 0px 2px; background: #FFF; box-sizing: border-box; }
#news {width: 100%; margin-left:0; box-sizing:border-box; }
h2.news_title { width: 100%; box-sizing: border-box; }
ul.cycle li img { width: 100%; height: auto; }
#special { width: 100%; height: auto; margin-top: 14px; box-sizing: border-box; }
#special img { width:  100%; height: auto; }
#sub_menu { float: none; width: 96%; box-sizing: border-box; overflow: hidden; height: auto; margin: 30px auto 0 !important; }
#sub_menu ul { height: auto; }

ul.banner_list { margin: 12px auto 15px !important; padding: 0; width: 96%; display: block; }
ul.banner_list:after { content: ""; clear: both; display: block; }
ul.banner_list li { list-style: none; width: 32%; margin: 0 2% 5px 0 !important; float: left; box-sizing: border-box; }
ul.banner_list li img { width: 100%; }
ul.banner_list li:last-child { margin: 0 !important; }

.foot_link { width: 100%; display: block; padding-top: 10px; }
.foot_link:after {
    content:" ";
    display:block;
    clear:both;
}
#footer { height: auto; padding-top: 0 !important; margin-top: 10px !important; }
.cr { color: #fff; margin-top: 0; }
#footer:after {
    content:" ";
    display:block;
    clear:both;
}
.f_address { text-align: left; display: block; }
.tel_btn { display: block; margin: 7px 0; }
.fl_btn { display: block; margin: 0 2% 7px 0 !important; float: left; box-sizing: border-box; width: 23.5%; text-align: center; }
.fl_btn:last-child { margin-right: 0 !important; }
#header { text-align: left; padding-top: 24px; background: #fff; }
#header h1 { position: absolute; top: 0; left: 0; font-size: 12px; color: #fff; background: #ffcc33; width: 100%; padding: 0 5px 5px; line-height: 1.3; box-sizing: border-box; }
.head_tel { display: none; }

.form_block { width: 100%; float: none; padding-bottom: 15px; }
li.con { float: none; }
	
.outer {
  width: 100%;
	overflow-x: scroll;
}
.outer table { font-size: 90%; white-space: nowrap; }

.top_com { font-size: 16px; padding: 3px 15px 10px; }
#top_area { width: 100%; height: auto; background-color: #ffcc33; }
#page-wrap { width: 100% !important; margin: 0px; position: relative; height: auto !important; float: none; overflow: visible; }
	#rss_f { overflow-x: scroll; }

#slideShow { margin-bottom: 9px; }
#nav {
	text-align: center;
	margin: 0px auto 15px;
	width: 80%;
	display: block;
}
#nav li {
	margin:0;
	width: 20%;
	height: auto;
	float: left;
	display: block;
}
#nav li a { padding: 0 3px; display: block; }
#nav li a img {	width: 100%; }
}

.pcB { display: inherit; }
.spB { display: none; }
@media all and (max-width:640px){
#nav { width: 100%; }
.fl_btn { width: 48.5%; text-align: center; margin: 0 3% 8px 0 !important; }
.fl_btn:nth-child(3) { margin-right: 0 !important; }
.pcB { display: none; }
.spB { display: inherit; }
}
@media all and (max-width:540px){
#sub_menu, ul.banner_list { width: 94%; }
#content {width: 100%;float: none; box-sizing: border-box !important; padding: 12px !important; }
}
@media all and (max-width:480px){
.top_com { font-size: 14px; letter-spacing: 0; }
#nav li {width: 32%; margin: 0 2% 5px 0;}
#nav li:nth-child(3n) {margin-right:0;}
#nav li a { padding: 0; display: block; }
	.txt_top1 { font-size: 16px; }
}
@media all and (max-width:440px){
.hamburger {top: 64px !important;right: 26px !important;}
#header { padding-top: 36px;}
}
@media all and (max-width:360px){
#header { height: 88px; }
#header_logo{width: 220px; height: 80px;}
#header_logo img { width: 220px; height: auto; }
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}