/*  ベース設定
----------------------------------------------- */

html
{
	overflow-y: scroll;
}

html,body
{
	height: 100%;
}

body,div,p,h1,h2,h3,h4,h5,h6
{
	margin: 0;
	padding: 0;
}

body > #container
{
	height: auto;
}

a
{
	cursor: pointer;
}

a
{
	-webkit-transition:all 200ms;
	-moz-transition:all 200ms;
	-ms-transition:all 200ms;
	-o-transition:all 200ms;
	transition:all 200ms;
}

/*  リンク付画像マウスオーバー時透明度変更
----------------------------------------------- */
a:hover img 
{ 
	filter:alpha(opacity=70);  /* IE7以下用 */
	-ms-filter: "alpha(opacity=70)"; /* IE8用 */
	-moz-opacity:0.7; /* Firefox 1.5未満, Netscape用 */
	-khtml-opacity: 0.7;  /* Safari 1.x, 他khtmlに対応したブラウザ用  */
	opacity: 0.7; /* Firefox 1.5以上, Opera, Safari用 */

	-webkit-transition:all 400ms;
	-moz-transition:all 400ms;
	-ms-transition:all 400ms;
	-o-transition:all 400ms;
	transition:all 400ms;
}  

/*  文字スタイル
----------------------------------------------- */
#header h1,#header a
{
	padding:0;
	font-size:30px;
	text-decoration:none;
	line-height:1.3em;
	color:#333;
	text-align:left;
}

#header a:hover
{
	text-decoration:none;
}

#container #wrap h1
{
	color: #695623 !important;
	background: #f2f0e9;
	border-left: 10px solid #6a5623;
	line-height: 40px;
	margin: 5px 0;
	padding: 12px;
}

#container #wrap h2
{
	color: #695623 !important;
	background: #f2f0e9;
	border-bottom: 4px double #c1ad89;
	border-top: 4px double #c1ad89;
	line-height: 26px;
	margin: 5px 0;
	padding: 12px 14px;
}

#container #wrap h3
{
	margin:5px 0;
	color: #695623 !important;
}

.bold
{
	font-weight: bold;
}

/*  レイアウト
----------------------------------------------- */

body
{
	background: #fff;
}

#bg
{
	background: #fff;
}

#base
{
	clear: both;
	margin: 0;
	background: #ffffff;
}

#header
{
	clear: both;
	display: block;
	margin:0 auto;
	min-width:1000px;
	padding: 20px 0px 10px 0px;
	height: 130px;
	background: url(https://u.jimcdn.com/cms/o/sade002b737d6835c/userlayout/img/header-bg.png?t=1433391849) repeat-x top;
}
/* start: clearfix ------------------------------ */
#header:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

#header
{
	display:inline-table;
}

/* Hides from Mac IE \*/
* html #header
{
	height:1px;
}

#header
{
	display:block;
}
/* */
/* end: clearfix ------------------------------ */

#wrap_header
{
	clear: both;
	margin:0 auto;
	padding: 40px 0px 0px 0px;
	width: 1000px;
	height: 100px;
	color: #000000;
}

#header_right
{
	float: right;
}

#header_right p
{
	clear: both;
	margin: 0;
	padding: 5px 0 5px 0;
	font-size:12px;
	color: #695623;
	text-align:right;
}

#header ul
{
	margin: 0;
	padding: 0;
}

#header li
{
	float: right;
	list-style: none;
	margin: 0 5px 0 20px;
	padding: 0;
}

.logo
{
	float: left;
}

.logo img 
{
	width: 328px;
	height: 57px;
}

.tel
{
	width: 230px;
	height: 54px;
}

.tel_e
{
	width: 249px;
	height: 54px;
}

#container
{
	clear: both;
	margin:0 auto;
	width: 1000px;
	min-width:1000px;
	background:#ffffff;
}

#wrap
{
	clear: both;
	margin:0 auto;
	width: 1000px;
}

#menu
{
	clear: both;
	margin: 0 auto;
	width:1000px;
	padding: 0;
	display: block;
	background: #fff;
	border-top: 1px solid #d8ced8;
	border-bottom: 1px solid #d8ced8;
}
/* start: clearfix ------------------------------ */
#menu:after
{
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

#menu
{
	display: inline-table;
}

/* Hides from Mac IE \*/
* html #menu
{
	height: 1px;
}
#menu
{
	display: block;
}
/* */
/* end: clearfix ------------------------------ */


#wrap_menu
{
	clear: both;
	display: block;
	margin:0 auto;
	width: 1000px;
}

#sidebar
{
	clear: both;
	padding: 0 0 0 0px; 
}

.cc-indexpage #content
{
	float: left;
	width: 960px;
	padding: 10px 20px 10px 20px; 
}

#content
{
	float: right;
	width: 740px;
	padding: 25px 0 10px 20px; 
}

#footer_contact
{
	clear: both;
	margin:0 auto;
	padding: 40px 0px 40px 0px;
	min-width:1000px;
	height: 150px;
	background: #f2f0e9;
}

#wrap_footer_contact
{
	clear: both;
	margin:0 auto;
	width: 1000px;
	min-width:1000px;
}

#footer_contact .gutter 
{
	margin-left:5px;
	margin-right:5px;
	min-width:1000px;
}

#footer_contact .gutter p
{
	color: #695623;
	clear: both;
	padding: 5px 0px 5px 0;
}

.footer_tel
{
	width: 186px;
	height: 54px;
}

#footer_contact .gutter ul
{
	margin: 0;
	padding: 0;
}

#footer_contact .gutter li
{
	float: right;
	list-style: none;
	margin: 0 5px 0 20px;
}


#footer_contact .gutter a
{
	color: #333;
}


#footer_contact_right
{
	float: right;
}

#footer_contact_right p
{
	color: #695623;
	clear: both;
	text-align:right;
	margin: 0 5px 0 0;
	padding: 5px 0 5px 0;
	font-size:12px;
}

#footer
{
	clear: both;
	margin:0 auto;
	padding: 5px 0px 10px 0px;
	min-width:1000px;
	color: #ccc;
	background: #fff;
}

#wrap_footer
{
	clear: both;
	margin:0 auto;
	width: 1000px;
	min-width:1000px;
}

#footer .gutter 
{
	padding:5px 0px 0px 0px;
	margin-left:5px;
	margin-right:5px;
	min-width:1000px;
	color: #333;
}

#footer .gutter a
{
	color: #333;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

#clear
{
	clear:both;
}

.clear
{
	clear:both;
}


/*トップ画像部分（可変）
----------------------------------------------- */
.cc-indexpage #topimage
{
	position: relative;
	display: block;
	margin:0 auto;
	width: 1000px;
}

.cc-indexpage #topimage img
{
	margin:30px 0 0 0;
	width: 100%;
}

#topimage
{
	display: none;
}

/*  メインメニューレイアウト（横表示）
----------------------------------------------- */

#navigation
{
	clear: both;
	width: 1000px;
	background: #fff;
}

#navigation .mainNav1
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navigation .mainNav1 li
{
	float: left;
	height: 50px;
	line-height: 50px;
}

#navigation .mainNav1 li a
{
	font-size:15px;
	width:200px;
	text-align:center;
	padding: 0;
	display: block;
	color: #6a5623;
	background: #fff;
	text-decoration: none;
}

#navigation .mainNav1 li .current
{
	padding: 0;
	display: block;
	color: #fff;
	background: #6A5623;
	text-decoration: none;
}

#navigation .mainNav1 li a:hover
{
	color: #fff;
	background: #897951;
}


/*  2階層目を非表示　*/
#navigation .mainNav2,
#navigation .mainNav3
{
	display: none;
}


/*  サイドメニューレイアウト
----------------------------------------------- */

.cc-indexpage #side
{
	display: none;
}

#side
{
	padding: 0px 0px 10px 10px; 
	float: left;
	width: 220px;
}

#side .mainNav1
{
	display: block;
	margin: 30px 0 20px 0;
	padding: 0;
	list-style-type: none;
}

#side .mainNav2
{
	display: block;
	margin: 30px 0 20px 0;
	padding: 0;
	list-style-type: none;
}

#side .mainNav3
{
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#side .mainNav1 li,
#side .mainNav2 li,
#side .mainNav3 li
{
	width: 182px;
	height: 30px;
	line-height: 50px;
	display: inline;
}


#side .mainNav1 li a
{
	display: block;
	padding: 0 0 0 25px;
	color: #333;
	border-bottom: 1px solid #d8ced8;
	text-decoration: none;
}

#side .mainNav2 li a
{
	display: block;
	padding: 0 0 0 25px;
	color: #333;
	border-bottom: 1px solid #d8ced8;
	text-decoration: none;
	background:url(https://u.jimcdn.com/cms/o/sade002b737d6835c/userlayout/img/ico-aw.png?t=1433391854) no-repeat left center;
	background-size: 8px;
	background-position: 5pt;
}

#side .mainNav2 li:nth-of-type(1) a
{
	border-top: 1px solid #d8ced8;
}

#side .mainNav3 li a
{
	display: block;
	padding: 0 0 0 10px;
	color: #333;
	border-bottom: 1px solid #d8ced8;
	text-decoration: none;
}

#side .mainNav1 li a
{
	margin: 2px 0 0 0;
}

#side .mainNav2 li a
{
 	margin: 2px 5px 0 5px;
}

#side .mainNav3 li a
{
 	margin: 2px 0 0 20px;
}

#side .mainNav1 a:hover,
#side .mainNav2 a:hover,
#side .mainNav3 a:hover
{
	color: #695623;
	font-weight: bold;
}

#side .mainNav1 .current,
#side .mainNav2 .current,
#side .mainNav3 .current
{
	color: #695623;
	font-weight: bold;
}

/*  サイドリンクメニュー一階層目を表示させない
----------------------------------------------- */

#side ul.mainNav1 li .level_1 
{
	display: none;
}   


/*  （クラス）指定した場所にトップへ戻るボタンを設置
--------------------------------------------------------------- */
.cc-indexpage .backtotop
{
        display: none;
}

.backtotop 
{
	float: right;
	width: 170px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	margin: 0 !important;
	padding: 10px !important;
	line-height: 15px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #302e2f;
	border-radius: 3px;
} 

.backtotop:hover,active
{
	float:right;
	text-align: center;
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #514E4F;
}                          


/*  回り込み解除指定
----------------------------------------------- */         
.clear
{
	clear:both;
}  

.clear hr
{
	display:none;
}


/*　ブログ
----------------------------------------------- */

.blogselection div.n
{
	padding: 10px 0 0 !important;
}

.blogselection .datetime,
.blogselection .datetime-inner
{
	height:20px;
	float:left;
	background: none;
}

.cc-page-blog .datetime,
.cc-page-blog .datetime-inner
{
	height:20px;
	float:right;
	background: none;
}

.blogselection .datetime-inner
{
	background:url(datetime.png) 0px 4px no-repeat;
}

.blogselection .datetime .yr
{
	padding:0px;
	margin:5px;
	height:20px;
	float:right;
	font-size:16px;
	color:#2A2C2E;
	text-align:right;
	vertical-align:top;
	display:inline;
	line-height:2 !important;
}

.blogselection .datetime .mon
{
	padding:0px;
	margin:5px;
	height:20px;
	float:right;
	font-size:16px;
	color:#2A2C2E;
	text-align:center;
	vertical-align:top;
	display:inline;
	line-height:2 !important;
}

.blogselection .datetime .day
{
	padding:0px;
	margin:5px;
	height:20px;
	float:right;
	background:none;
	font-size:16px;
	color:#2A2C2E;
	text-align:left;
	vertical-align:top;
	display:inline;
	line-height:2 !important;
}

.cc-page-blog .datetime .yr
{
	padding:0px;
	margin:5px;
	height:20px;
	float:right;
	font-size:16px;
	color:#2A2C2E;
	text-align:right;
	display:inline;
	line-height:1.2 !important;
}

.cc-page-blog .datetime .mon
{
	padding:0px;
	margin:5px;
	height:20px;
	float:right;
	font-size:16px;
	color:#2A2C2E;
	text-align:center;
	display:inline;
	line-height:1.2 !important;
}

.cc-page-blog .datetime .day
{
	padding:0px;
	margin:5px;
	height:20px;
	float:right;
	background:none;
	font-size:16px;
	color:#2A2C2E;
	text-align:left;
	display:inline;
	line-height:1.2 !important;
}

#container #wrap .blogselection h2
{
	padding:2px !important;
	margin:5px;
	width:75% !important; /* テンプレートによってサイズ変更 */
	float:right;
	font-size:16px;
	background:none !important;
	line-height:1.8 !important;
	text-indent:0px !important;
	border:none;
}

#container #wrap .blogselection h2 a
{
	display:inline !important;
	padding:0px;
	text-align:left !important;
	text-indent:0px !important;
	font-weight:bold;
	color: #83b144;
	text-decoration:none;
}

#container #wrap .blogselection h2 a:hover
{
	color: #a2c968;
}

.j-blogarticle
{
	border-bottom:1px dotted #ccc;
	margin-bottom:0px;
	clear:both;
}

.j-blogarticle .blogreadmore
{
	display:none;
} 

#container #wrap h1.j-blog-header
{
	margin:0px;
	font-size:18px;
	font-weight:bold;
	padding:0;
	background: none;
	border-left: none;
	color: #111111 !important;
}

#container #wrap h1.j-blog-header a
{
	color: #111111 !important;
	text-decoration: none;
}

/* パンくずリスト
---------------------------------------------*/
#breadcrumb
{
	padding:5px;
	font-size:12px;
	text-align:right;
}

.cc-indexpage #breadcrumb
{
	display: none;
}

#breadcrumb div
{
	display:inline;
}

#breadcrumb a
{
	color: #695623 !important;
}

#breadcrumb ol
{
	margin:0px;
	padding:0px;
	display:inline;
}

#breadcrumb ol li
{
	display:inline;
	margin-right:10px;
	font-size:12px;
}

#breadcrumb ol li:before
{
	content:"> ";
} 


/*リンクボタン
----------------------------------------------- */
.link 
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-size: 14px;
	padding: 6px 12px;
	line-height: 20px;
	color: #5E551C  !important;
	text-decoration: none !important;
	background: #fff;
	border: solid 1px #6a5623;
	border-radius: 3px;
}

.link:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #f2f0e9;
}

.link2
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-size: 14px;
	padding: 7px 13px;
	line-height: 20px;
	color: #fff  !important;
	text-decoration: none !important;
	background: #6a5623;
	border-radius: 3px;
}

.link2:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #897951;
}

#footer_contact .link2
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-size: 14px;
	margin: 10px 0 0 0;
	padding: 7px 13px;
	line-height: 20px;
	color: #fff  !important;
	text-decoration: none !important;
	background: #6a5623;
	border-radius: 3px;
}

#footer_contact .link2:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #897951;
}

.link3
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #00aeef;
	border-radius: 3px;
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.1);
}

.link3:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #67C7EA;
}

.link4
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	font-weight: bold;
	font-size: 14px;
	padding: 10px;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #82AC5A;
	border-radius: 3px;
	box-shadow: 0 0 30px 5px rgba(0,0,0,0.1);
}

.link4:hover
{
	font-weight: bold; 
	font-size:14px;
	text-decoration: none !important;
	background: #9AC96A;
}

.link-title
{
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	padding: 20px !important;
	line-height: 20px;
	color: #ffffff  !important;
	text-decoration: none !important;
	background: #99bc53;
	border-radius: 5px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
} 

.link-title:hover
{
	text-align: center;
	font-weight: bold; 
	font-size: 20px;
	text-decoration: none !important;
	background: #AED660;
} 

/* 枠表示用ソース
----------------------------------------------- */
div.imprint
{
	border:1px solid #CCC;
	padding:10px;
	background:#FAFAFA;
}

/* ページ内スクロール用ソース
----------------------------------------------- */
.scroll
{
	background-color: #ffffff;
	overflow: auto;
	height: 300px;
	margin: 10px;
	padding: 20px;
	border: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.scroll_min
{
	background-color: #ffffff;
	overflow: auto;
	height: 100px;
	margin: 10px;
	padding: 20px;
	border: 1px solid #ccc;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}