@charset "utf-8";

/*■■■■■■■■■■■■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■■■■■■■■■■■*/

/*------------------------------------------
■ ブラウザのマージンとパディング初期化
------------------------------------------*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td,img {
padding: 0;
margin: 0;
border: 0;
}
ul li{ list-style:none;}
/*------------------------------------------
■ イメージ初期化
------------------------------------------*/
img {vertical-align:middle;margin:0;padding:0;outline:none;}

/*------------------------------------------
■ リンク設定
------------------------------------------*/
a img{border: none;outline:none;}
a {color: #5F7219;text-decoration:none;outline:none;}
a:link {color:#5F7219;text-decoration:underline;}
a:hover {color:#96a950;text-decoration:none;}
/*------------------------------------------
■ リンク画像のhover半透明化設定
------------------------------------------*/
a:hover img{opacity:0.75;/*--IE,FF対応--*/filter:alpha(opacity=75);-ms-filter: "alpha( opacity=75)";}
/*------------------------------------------
■ float対策
------------------------------------------*/
.fcl {zoom: 100%;}
.fcl:after {content: " "; clear: both; height: 0; display: block; visibility: hidden;}
/*------------------------------------------
■ 画像回り込み
------------------------------------------*/
.img_left{display:block;margin:10px auto;}
.img_right{display:block;margin:10px auto;}
.img_center{display:block;margin:0 auto;clear:both;}
.size_m{ border: 2px solid #FFFFFF;
box-shadow: 3px 3px 3px #CCCCCC;}
/*------------------------------------------
■ テキスト装飾
------------------------------------------*/
.txt_bold{font-weight:bold;}
.txt_small{font-size:75%;}
.txt_big{font-size:120%;}
.txt_right{text-align:right;}
.txt_red{color:#f0530e;}
.txt_orange{color:#fe9900;}
.txt_yellow{color:#ffff00;}
.txt_blue{color:#0066cc;}
.txt_keycolor{color:#EB7D05;}
.txt_marker{background-color:#ffffb6;}
.txt_underline{border-bottom:#cccccc 1px dotted;margin-bottom:2px;}
.txt_narrow{line-height:1.2em;}
.b_border{padding:0 0 7px 0;}
/*------------------------------------------
■ PC・スマホ切り替え用
------------------------------------------*/
.pc_none{}
.sp_none{display: none;}

.size_s{width:92px;}
.size_m{width:200px;}
.size_l{width:200px;}
.max_w{max-width:100%;}

/*■■■■■■■■■■■■■■■■■■■■■■
　　各コンテンツ　【　基本設定　】
■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------
■ メイン設定
------------------------------------------*/
body {
font-family: "メイリオ","ＭＳ Ｐゴシック","Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
color:#333333;
font-size: 14px;
line-height: 1.5em;
background-color: #ffffff;
}

#wrap{}

#header {}

#main{
background:#ffffff;
max-width:100%;
margin:0 auto;
padding:0;
}

#content{
max-width:96%;
margin:15px auto 0;
}

#sidebar{
margin:20px auto 0;
bo
}

.box{margin:0 auto 30px;clear:both;}

#footer {
display: block;
font-size: 76%;
}

/*------------------------------------------
■　間隔
------------------------------------------*/
.mar_b10{margin:0 0 10px 0;}
.mar_b20{margin:0 0 20px 0;}
.mar_b30{margin:0 0 30px 0;}
.mar_b40{margin:0 0 40px 0;}
.mar_b50{margin:0 0 50px 0;}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.box{
margin: 0px auto 10px;
clear: both;
}
.box_20{
margin: 20px auto 20px;
clear: both;
}
.box_top10{
margin: 10px auto 10px;
clear: both;
}
.box_bg {
background-color: #fff400;
margin-bottom: 10px;
padding: 10px;
}
.box_bg_top0 {
background-color: #fff400;
margin: 10px 0;
padding: 10px;
}
.box_bg_light{
background-color:#fffbd6;
padding:10px;
margin-bottom:10px;
}
.box_bg_light_end{
background-color:#fffbd6;
padding:10px;
margin:10px 0 0;
}
.box_bg_white{
background-color:#ffffff;
padding:10px;
margin-bottom:10px;
}
.box_border{
background-color: #fdfdfd;
border: 1px solid #1170c0;
margin-bottom: 10px;
padding: 10px 10px 10px;
}
.txt_area{
padding:0 10px;
}
.box_sp{
max-width:100%;
text-align:center;
margin-bottom: 1px;
}
.box_sp_top{
max-width:100%;
text-align:center;
margin-bottom: 10px;
}

/*------------------------------------------
■　box, txt_area
------------------------------------------*/
.ekiten{
margin: 10px auto;
clear: both;
}

.ekiten input{
margin: 0px auto;
padding: 0px;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
border:none;
}
/*------------------------------------------
■ h1 h2 h3 h4 h5
------------------------------------------*/
h1{
color:#000000;
background-color:#ffe400;
font-size:11px;
font-weight:normal;
line-height:1.5em;
height:15px;
margin:0;
padding:0 0 0 5px;
}

h2{}

/*------------------------------------------
■ タイトル装飾
------------------------------------------*/
.title_a {
background-color: #f9f9f9;
border-color: #ffe400;
border-style: solid;
border-width: 1px 1px 1px 10px;
font-size: 14px;
font-weight: normal;
margin: 20px auto 10px;
padding: 4px 10px 3px;
}

.title_b {
border-left: 10px solid #ffcc00;
font-weight: bold;
margin: 10px 0;
padding: 0 0 0 10px;
}

.title_c{
font-weight: bold;
margin: 10px 0 5px;
padding: 0 0 0 0px;
font-size:100%;
}

.title_d {
border-bottom: 5px solid #eb7d05;
font-weight: bold;
margin: 0 0 10px;
padding: 0 0 5px 0px;
}

.title_e {
background-color: #eb7d05;
border-radius: 5px;
color: #ffffff;
font-weight: bold;
margin: 0 0 10px;
padding: 10px 20px 8px;
text-align: center;
}
.catch_a{
font-size:14px;
color:#81511c;
margin:0 0 0 12px;
}

/*------------------------------------------
■ ヘッダー
------------------------------------------*/
#header_area{
margin:0 auto;
background:#ffffff url(../img/header_bg.gif) repeat-x 0 0;
}

#top_area{
width:100%;
margin:0 auto;
}


#header_info{
position: relative;
}

.logo {
display: block;
margin: 5px auto;
width: 220px;
}
.logo2 {
display: block;
margin: 5px auto;
max-width: 100%;
}
.mail{
width:80%;
margin: 5px auto 0;
text-align:center;
font-weight:bold;
}

.con_info{
margin:0px auto;
background:#ffffff;
}
.tel{
margin:10px 0;
}
.con_info p{
color:#666666;
font-size:12px;
line-height:1.4em;
padding:10px;
}

.header_time{
margin:0 auto;
display:block;
}

/*------------------------------------------
■ スライドショー
------------------------------------------*/	

#img_area{
background:#faedd9;
margin:5px auto 0;
}

#js_img{
margin:0 auto;
max-width:100%;
height:auto;
}

.slider{
display:none;
}

.bx-wrapper{
display:none;	
}

/*------------------------------------------
■ ナビ
------------------------------------------*/	
#navi_area{
padding: 0;
}

#navi {
margin:10px auto;
padding:0;
}

#navi ul {
width:96%;
margin:0 auto;
padding:0;
list-style:none;
}

#navi a {
background-color: #ffe400;
border: 2px solid #fff179;
color: #000000;
display: block;
float: left;
font-size: 13px;
margin: 0;
padding: 1%;
text-align: center;
text-decoration: none;
width: 46%;
}


#navi a:hover {
color:#ffff00;
text-decoration: none;
background-color:#000000;
} 

/*------------------------------------------
■ サイドバー
------------------------------------------*/	
#side_con_box{
background:#ffffff url(../img/title_bg.gif) repeat-x 0 0;
border-right:#cccccc 1px solid;
border-bottom:#cccccc 1px solid;
border-left:#cccccc 1px solid;
padding:17px 0 15px 0;
margin:20px auto 20px;
box-shadow: 0 1px 3px #CCCCCC;
}

.side_title{
background:url(../img/point_01.gif) no-repeat left center;
padding:0 0 0 15px;
margin:10px 0 0 60px;
}

.side_txt{
margin:0 0 10px 75px;
}

#side_btn_area {
border-bottom: 2px solid #cccccc;
border-top: 2px solid #cccccc;
padding: 10px 0;
}

#side_btn_area ul li{
float: left;
margin: 5px;
width:45%;
}

#side_btn_area img{
width: 100%;
}

/*------------------------------------------
■ コンテンツページ
------------------------------------------*/	
/*-- お知らせ　--*/
.news_area{}

#news_box {
border: 1px solid #ffe400;
font-size: 85%;
line-height: 140%;
margin: 0;
padding: 5px 10px;
}
#news_box ul li{ list-style:none;}

#news_day{
    background: url("../img/point_01.gif") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    font-weight: bold;
    padding: 3px 0 0 10px;
}

#news_txt{
border-bottom: 1px dotted #cccccc;
padding: 0 0 4px;
}

/*-- TOPページ　--*/
.box_bg_001 {
background: none repeat scroll 0 0 #fbfdf0;
border: 1px solid #b3d98b;
padding-bottom: 20px;
}
.box_bg_001 p.in_txt01{
padding:0 5px;	
}
.box_bg_001 p.in_txt02{
padding:15px 5px 0 5px;	
}
.top_bnr{
display:block;
margin: 5px auto;
}

/*-- page002　--*/
.tool{font-size:14px; line-height:160%;}

.tool img{width:180px;border: 2px solid #FFFFFF;box-shadow: 3px 3px 3px #CCCCCC;}

.point_set {
border-bottom: 1px dotted #8d8d8d;
margin-bottom: 10px;
padding: 0 0px 10px;
font-size:14px;
}
.point_set .point_title{
font-weight: bold;
line-height: 160%;
margin: 5px 0;
}

.point_set .num {
background-color: #eb7d05;
border-radius: 30px;
color: #ffffff;
display: block;
float: left;
height: 22px;
margin-right: 8px;
text-align: center;
width: 22px;
}

.map_area {
display: block;
height: 400px;
margin: 10px auto;
width: 90%;
}

.p4_img001{margin:5px auto;}

/*--お客様の声--*/
.voice {
background: url("../img/bg01.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #cccccc;
border-radius: 5px;
font-size: 90%;
line-height: 180%;
margin: 10px auto 0;
padding: 10px;
}

.voice_title {
border-bottom: 2px dotted #eb7d05;
color: #eb7d05;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 10px;
line-height:140%;
}
.voice img{ width:90px; float:left; margin:0 10px 10px 0;}

/*--挨拶--*/
.ceo {
border: 1px solid #dadada;
box-shadow: 2px 2px 2px #cccccc;
width: 200px;
}

/*------------------------------------------
■ 写真
------------------------------------------*/
/*レイアウトパターン１*/
.img_list_area_1 {

padding: 0px;
height: auto;
margin-top: 15px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.img_list_area_1 .thumbnail {

}
.img_list_area_1 .thumbnail ul li {
float: left;
font-size: 11px;
list-style: none outside none;
padding-bottom: 5px;
padding-right: 10px;
width: 29%;
}

.img_list_area_1 .thumbnail ul li img {
border: 2px solid #efefef;
width: 100%;
}

.mbi_area{}
.myBigImage{border: 3px solid #efefef;width: 90%;}

.img_list_area_1 .thumbnail_notes {
clear: both;
font-size: 12px;
}
.img_list_area_1 .text_block {
background-color:#fff400;
border-radius: 30px;
color: #000000;
line-height: 120%;
margin-bottom: 5px;
padding: 3px 0;
text-align: center;
width: 240px;
}
.img_list_area_1 .text_block img {
}
.img_list_area_1 table {
font-size: 16px;
margin: 0px;
width: 100%;
}
.img_list_area_1 table th {
width: 30%;
background-color: #EFEFEF;
font-weight: normal;
line-height: 140%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}
.img_list_area_1 table td {
width: 70%;
background-color: #FFFFFF;
line-height: 150%;
padding: 10px 20px;
text-align: left;
border: 1px solid #CCCCCC;
}

/*------------------------------------------
■ パンくず
------------------------------------------*/	
.pang{
display:block;
margin:0 auto 14px;
padding:3px 0 0 10px;
font-size:14px;
background-color:#eeeeee;
}

.pang a {color: #1d6fc8;text-decoration:none;}
.pang a:hover {color:#449cfc;text-decoration:underline;}
.pang a:visited {color:#12467e;text-decoration:none;}

/*------------------------------------------
■ リストスタイル
------------------------------------------*/
.list_01{margin:0 0 0 25px;}
.list_01 li{margin:0 0 10px;}

/*------------------------------------------
■ テーブル
------------------------------------------*/
.table01{
font-size:90%;
background-color:#ffcc00;
margin: 10px auto;
width:100%;
}
.table01 th{
background-color: #fff400;
padding: 5px 5px;
text-align: center;
}
.table01 .th01{
text-align: center;
width: 10%;
}
.table01 td{
padding:5px 5px;
background-color:#FFFFFF;
text-align:center;
}

.table02{
background-color: #ffcc00;
margin: 10px auto;
width:100%;
font-size:11px;
}
.table02 th {
background-color: #fff400;
font-weight: normal;
line-height: 140%;
padding:5px 5px;
text-align: left;
width:22%
}
.table02 td{
background-color: #FFFFFF;
line-height: 150%;
padding:5px 5px;
text-align: left;
}

/*------------------------------------------
■ 良くある質問
------------------------------------------*/
.faq {
	background-color: #fffbd6;
	border: 1px dashed #D5CFBA;
	margin: 10px auto;
	padding: 5px 10px;
}
.faq_q {
	border-bottom: 1px solid #eb7d05;
	color: #eb7d05;
	font-weight: bold;
	margin: 10px auto;
	padding: 0 0 5px;
}
.faq_a {
	margin: 10px auto;
	padding: 0;
}

/*------------------------------------------
■ お問い合わせはこちらから
------------------------------------------*/
#contact_box{
display:none;
}

/*------------------------------------------
■ ページの先頭へ
------------------------------------------*/	
#return_top{
text-align:right;
padding:20px 5px 0 0;
clear:both;
}

/*------------------------------------------
■ フッター
------------------------------------------*/	
#copyright{
width:100%;
text-align:center;
margin:0px auto 0;
background-color: #fff400;
color: #000000;
}

input, textarea, select {
font-size: 16px;
margin: 5px auto;
padding: 5px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
border:1px solid #999999;
}

.btn {
background: -moz-linear-gradient(top,#FFF 0%,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
border: 1px solid #DDD;
color:#111;
width: 150px;
padding: 10px;
}