/* base.css */

@charset "UTF-8";

/*

*********************************************************************************************************

	common.css

*********************************************************************************************************

*/

/* 
----------------------------------------------------------------------
	1.body
----------------------------------------------------------------------
*/

body {
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #555;
	background: #fff;
	font-size: 16px;
}

a {
	color: #6699cc;
	text-decoration: underline;
}

a:hover, a:active {
	color:#99ccff;
}

/* 
----------------------------------------------------------------------
	2.header
----------------------------------------------------------------------
*/
#header{
	/*background:url(../img/common/bg_header.gif) repeat-x center top;*/
	height:143px;
}

.header_wapper {
	width:953px;
	height:103px;
	margin:0px auto;
	text-align:left;
}
.header_h1 {
	float:left;
	width:398px;
	height:61px;
	padding-top:16px;
	margin-bottom:14px;
}
.header_telmail{
	float:right;
	width:520px;
	height:53px;
	padding-top:24px;
	margin-bottom:14px;
	text-align:right;
	 background:url(../img/common/tel03.gif) no-repeat left top;
}

/* 
----------------------------------------------------------------------
	2.h2
----------------------------------------------------------------------
*/

#h2_bg{
	background:url(../img/common/bg_h2.gif) repeat-x center top;
	height:93px;
}
#h2_wrapper {
	width:953px;
	height:93px;
	margin:0px auto;
	text-align:left;
}
#h2_wrapper h2{
	padding-top:32px;
	padding-left:14px;
	color: #ee9500;
	letter-spacing: 7px;
}
/*TOP--------------------*/
/*slide_area*/

/*スライド画像の横幅可変*/
.slider img {
	width: 100%;
	height: auto;
}
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
 color: #ffffff;
}


/* 
----------------------------------------------------------------------
	3.wrapper
----------------------------------------------------------------------
*/
#wrapper_bg{
	/*background:url(../img/common/bg_outline.gif) repeat-x center top;*/
}
#wrapper{
	width:953px;
	margin:0px auto;
	padding-top:27px;
	text-align:left;
}

#main{
	float:right;
	width:694px;
}
#side{
	float:left;
	width:230px;
}

.side_box01{
	border:solid #dae8cb 2px;
	padding:13px;
}

.side_box02{
	background-color:#f6f9f2;
	padding:15px;
}

.side_cont01{
	padding-bottom:7px;
	margin-bottom:7px;
	border-bottom: solid #dae8cb 1px;
}
.h3_sidetitle{
	padding:4px 7px 4px 19px;
	display:inline-block;
	font-size:12px;
	color:#9cb426;
	background:#fffbf3 url(../img/common/list01.png) no-repeat 5px;
	}
.side_cont01 p{ padding:0px 3px;}

/* 
----------------------------------------------------------------------
	4.footer
----------------------------------------------------------------------
*/
#footer{
	background-color: #fff3dd;
	/*background: url(../img/common/bg_footer.gif) repeat-x center top;*/
	height:113px;
}
.footer_wapper {
	width:953px;
	margin:0px auto;
	text-align:left;
}
.footer_navi {
	 width: 908px;
	 float:left;
	 height:69px;
}
.footer_navi p{
	font-size:12px;
	line-height:1.0;
	padding-top:32px;
	text-align:center;
	padding-left:65px;
	padding-right:20px;
}
.footer_navi a{ color:#666; text-decoration:none;}
.footer_navi a:hover{ color:#666; text-decoration: underline;}
.footer_pagetop{
	float:right;
	text-align:left;
	width:45px;
	height:45px;
	padding-top:15px;
	margin-bottom:9px;
}
.footer_copy{
	clear:both;
	height:44px;
	text-align:center;
}
.footer_copy p{
	padding-top:16px;
	line-height:1.0;
	font-size:12px;
	color:#999999;
}

/*****グローバルメニュー****/
#menu{
    width: 100%;
    margin: 0px auto;
    background: #f39800;/*７*/
}
#menu-inner{
    width: 1000px;/*１*/
    height: 40px;/*２*/
    margin: 0 auto;
    background: #fffbf3;/*８*/
}
#menu-btn{display: none;}
#menu-content{
    padding-left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
}
#menu-content > li{
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    width: 20%;
}
#menu-content > li > a{
    position: relative;
    display: block;
    height: 100%;
    width: 100%;/*3*/
    line-height: 40px;/*２*/
    background: #f39800;/*９*/
    color: #fff;/*10*/
    font-size: 90%;
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
    background: #fbb239;/*11*/
    color: #fff;/*12*/
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}
/*２階層目*/
#menu-content > li > ul.second-content{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
}
#menu-content > li:hover > ul.second-content{
    visibility: visible;
    top: 40px;/*2*/
    z-index: 1;
    transition: all .3s;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 200px;/*４*/
    height: 40px;/*５*/
}
#menu-content > li > ul.second-content > li > a{
    display: block;
    line-height: 40px;/*５*/
    background: #f39800;/*13*/
    color: #fff;/*14*/
    font-size: 80%;
    text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
    background: #fbb239;/*15*/
    color: #fff;/*16*/
}
/*******トグルメニュ*********/
@media screen and (max-width:960px){/*19*/
#menu-inner{
    width: 100%;
    height: auto;
	opacity: 0.8;
}
#btn-content{text-align: right;}/*20*/
#menu-btn{
    display: inline-block;
    padding: 8px 15px;
    margin: 5px;
    cursor: pointer;
    background: #eec501;/*17*/
    color: #fff;/*18*/
    font-size: 70%;
}
#menu-content{
    display: none;
    width: 100%;
}
#menu-content > li{
    width: 100%;
    height: 40px;/*６*/
}
#menu-content > li > a{
    width: 100%;
    line-height: 40px;/*６*/
    padding: 0;
    text-decoration: none;
}
/*２階層目*/
#menu-content > li:hover > ul.second-content{display: none;}
#menu-content > li > a > .blogicon-chevron-down{display: none;}
}