@charset "UTF-8";
/* ================================================================

	common.css
		/reset
		/layout
		/common

================================================================ */
/* reset
---------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}

a img {
	border: none;
}
	
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

/* layout
---------------------------------------------------------------- */
/* general --------------------- */
html {
	color: #000;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,sans-serif;
	font-size: 13px;
	*font: x-small;
	line-height: 1.5;
	background-color: #fff;
}

body {
	color: #2d2d2d;
	background: #fff;
}

hr {
	display: block;
	width: 100%;
	height: 1px;
	border: 0 none;
	background: #e4e4e4;
}

a {
	color: #2d2d2d;
	text-decoration: none;
}

a:active, a:hover, a:focus {
	text-decoration: underline;
}

em {
	font-style: normal;
}

em, strong {
	font-weight: bold;
}

small {
	font-size: .8em;
}

img {
	vertical-align: top;
}

/* clearfix --------------------- */
.clearfix {
	*display: inline-block;
	*zoom: 1;
}

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

/* header --------------------- */
#header {
	padding: 20px 0 24px;
}

.header_block {
	position: relative;
	width: 930px;
	margin: 0 auto;
}
.header_block #logo {
	width: 235px;
	float: left;
}
.header_block #logo a {
	display: block;
}

.hd_right {
	float: right;
	width: 527px;
	padding: 20px 0 0;
}
.hd_right .tel {
	float: left;
}
.hd_right .hd_btn {
	float: right;
}


/*--------------------------*/
#mdd_overlay{
    background:#000;
    display:none;
    opacity:0;
    position: absolute;
    top:75px;
    left:0px;
    width:100%;
    height: 165px;
    z-index:100;
}
#mdd_nav_wrap {
	position: relative;
	height: 75px;
}
#mdd_nav {
    width: 931px;
    margin-right: auto;
    margin-left: auto;
}
/*
-- Level1 -------------------------  */
ul.mdd_lv1 {
    position: relative;
    list-style:none;
    margin:0;
    padding:0;
    z-index:200;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
ul.mdd_lv1 li {
    float: left; 
}
ul.mdd_lv1 li a {
    display:block;
	height: 75px;
}
/*
-- Level2 -------------------------  */
.mdd_lv2{
    display:none;
    position:absolute;
    left:10px;
	top: 75px;
    padding:20px 0;
    list-style-position:outside;
    color:#000;
    margin:0;
}
ul.mdd_lv1 li:hover .mdd_lv2 {
    display:block;
}
.mdd_lv2 li {
    margin-top:15px;
    margin-right:20px;
    width: 214px;
}
.mdd_lv2 li.w290 {
    margin-top:15px;
    margin-right:20px;
    width: 290px;
}
.mdd_lv2 li.last {
    margin-right:0px;
}



/*----------------------------------------*/



/* container --------------------- */
#container {
	width: 910px;
	margin: 0 auto 60px;
}
.left_area {
	width: 680px;
	float: left;
}
.side_area {
	width: 214px;
	float: right;
}
.side_area li {
	padding: 0 0 10px;	
}

/* footer --------------------- */
#footer {
	font-size: 93%;
}
#footer .fnavi {
	margin:0 auto;
	text-align:left;
	color: #666666;
}
#footer .fnavi ul {
	position: relative;
	left: 50%;
	float:left;
	padding: 20px 0;
}
#footer .fnavi ul li {
	position: relative;
	left: -50%;
	float: left;
	padding: 0;
}
#footer .fnavi ul li a {
	padding: 0 10px;
	color: #666666;
}
#footer .fnavi ul li.last{
	border:none;
}

#footer .f_link_wrap {
	background-color: #068051;
	padding: 8px 0 4px;
}
#footer .f_link {
	width: 930px;
	margin: 0 auto;
}
#footer .f_link ul {
	float: right;
}
#footer .f_link li {
	float: left;
	color: #fff;
	margin-left: 20px;
	line-height: 2em;
}
#footer .f_link li a {
	color: #fff;
}


#footer .ft_block {
	clear: both;
	padding: 20px 0 30px;
	background: #202020;
}
#footer .ft_block_inner {
	width: 930px;
	margin: 0 auto;
}
#footer .ft_block .name {
	float: left;
}
#footer .ft_block .copyright {
	float: right;
	padding-top: 50px;
}

/* common
---------------------------------------------------------------- */
/* PCだけ表示 */
.visible_l {
	display: block !important;
}

/* SPだけ表示 */
.visible_s {
	display: none !important;
}

.img_visible_l {
	display: inline !important;
}

/* SPだけ表示 */
.img_visible_s {
	display: none !important;
}

@media only screen and (max-width: 736px) {
	/* PCだけ表示 */
	.visible_l {
		display: none !important;
	}

	/* SPだけ表示 */
	.visible_s {
		display: block !important;
	}
	
	/* PCだけ表示 */
	.img_visible_l {
		display: none !important;
	}

	/* SPだけ表示 */
	.img_visible_s {
		display: inline !important;
	}	
}
.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.img_float_l {
	float: left;
	margin-right: 10px;
}

.img_float_r {
	float: right;
	margin-left: 10px;
}

.font10 {
	font-size: 77% !important;
}

.font11 {
	font-size: 85% !important;
}

.font12 {
	font-size: 93% !important;
}

.font13 {
	font-size: 100% !important;
}

.font14 {
	font-size: 108% !important;
}

.font15 {
	font-size: 116% !important;
}

.font16 {
	font-size: 123.1% !important;
}

.font17 {
	font-size: 131% !important;
}

.font18 {
	font-size: 138.5% !important;
}

.font19 {
	font-size: 146.5% !important;
}

.font20 {
	font-size: 153.9% !important;
}

.font21 {
	font-size: 161.6% !important;
}

.font22 {
	font-size: 167% !important;
}

.font23 {
	font-size: 174% !important;
}

.font24 {
	font-size: 182% !important;
}

.font25 {
	font-size: 189% !important;
}

.font26 {
	font-size: 197% !important;
}

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

.fontn {
	font-weight: normal !important;
}

.font_red {
	color: #c21b07!important;
}

.font_orange {
	color: #f6b545!important;
}

.font_bg_orange {
	color: #ffffff;
	background-color: #ed6c00;
	padding: 0 3px;
}


/*margin
----------------------------------------*/
/*top*/
.mt0 {
	margin-top: 0px !important;
}

.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt45 {
	margin-top: 45px !important;
}

.mt50 {
	margin-top: 50px !important;
}

/*bottom*/
.mb0 {
	margin-bottom: 0px !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

/*right*/
.mr05 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr35 {
	margin-right: 35px !important;
}

.mr40 {
	margin-right: 40px !important;
}

/*left*/
.ml05 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml35 {
	margin-left: 35px !important;
}

.ml40 {
	margin-left: 40px !important;
}