@charset "utf-8";
/*20200304srt*/
#facebook-btn{
	position:fixed;
	bottom:100px;
	right:25px;
	z-index:9999;
}
/*20200304end*/
/* CSS Document */

body{letter-spacing:1px;}

a{text-decoration:none;}

a:hover{text-decoration:underline;}

#contanier{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

header{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin: 5px 0 20px;
}


header h1{
	float: left;
	margin-left:20px;
	margin-top:30px;
}

header p{
	float: right;
	margin-right:20px;
}

.plus{
	float: right;
	margin-right:20px;
	margin-top:0px;
}

nav{
	background-image: url(../img/navi_bg.png);
	background-repeat: repeat-x;
	margin-top: 20px;
}

nav ul{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

nav ul li{float: left;}

#greet{
	margin-top: 15px;
	margin-bottom: 15px;
}

#greet strong{
	float: left;
	width: 60%;
	line-height: 160%;
}

#greet p{float: right;}

#greet span{
	text-align:right;
	display:block;
}

#contents{}

#left_banner{
	float: left;
	width: 25%;
}

#left_banner li{margin-bottom:15px;}

#main_contents{
	float: right;
	width: 748px;
}

.osusume{margin-bottom: 20px;}

.osusume .cms_photo{text-align:center;}

.osusume .cms_photo img{
	max-width:220px;
	height:147px;
}


.cms_box{
	float: left;
	padding: 13px;
	width:220px;
}

.cms_box dt{
	margin-top: 10px;
	font-weight: bold;
	font-size: 90%;
}

.cms_box dd{margin-top: 2px;}

.osusume aside{
	clear: both;
	text-align: right;
	display: block;
	padding-top: 10px;
}

#inuki .cms_box{
	background-color: #f2ffef;
	border: 1px solid #cce8c6;
}

#bay .cms_box{
	background-color: #fffff0;
	border: 1px solid #e7e8c5;
}

#chi .cms_box{
	background-color: #fff6f0;
	border: 1px solid #e8d4c5;
}

#tuki .cms_box{
	background-color: #f1f0ff;
	border: 1px solid #c8c5e8;
}

.cms_box .shousai{text-align: right;}


/*footer{
	background-image: url(../img/foot_bg.png);
	background-repeat: repeat-x;
	min-height: 130px;
	background-position: bottom;
	margin-top: 40px;
}

footer section{
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}

footer ul{
	float: left;
	width: 600px;
	margin-bottom: 5px;
}

footer li{
	float: left;
	margin-right: 10px;
}

footer li a{
	margin-right: 10px;
	color: #000;
	text-decoration: none;
}

footer li a:hover{text-decoration:underline;}

footer p{
	float: right;
	width: 366px;
}*/

small{
	clear: both;
	display: block;
}

.left{float:left;}

.right{float:right;}

#left_banner #bukken_box{
	border: 3px solid #019201;
	height: 570px;
	width: 225px;
	margin-bottom: 15px;
}

#left_banner #bukken_box strong{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #019201;
	width: 216px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#left_banner #bukken_box article{
	width: 95%;
	padding-left: 12px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

#left_banner #bukken_box article .cms_photo{text-align:center;}

#left_banner #bukken_box article .cms_photo img{
	max-width:190px;
	height:127px;
}

#left_banner #bukken_box article .shousai{
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #019201;
	padding-bottom: 10px;
}

#left_banner #bukken_box article dl{
	font-size: 90%;
	line-height: 120%;
	padding-top: 5px;
}

#left_banner #bukken_box article dl dt{
	font-weight:bold;
	font-size:95%;
}

#left_banner #bukken_box article dl dd{margin-bottom:3px;}

#left_banner #bukken_box #osusume_scroll{
	height: 500px;
	overflow: scroll;
	margin-top: 8px;
	overflow-x: hidden;
}

#left_banner ul {margin-top:35px;}

#left_banner li a {/*box-shadow: 3px 3px 3px #888;*/}

#left_banner li a:hover {opacity:0.7;}

#s_midasi{
	margin-top: 3%;
	margin-bottom: 3%;
}

.contents_box{
	width: 695px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 7%;
	line-height: 140%;
}

.contents_box article{
	margin-top: 5px;
	margin-bottom: 20px;
}

#aisatu .left{
	width: 70%;
	line-height: 160%;
}

#aisatu .right{}

#comp_gaiyo table{margin-top: 20px;}

#comp_gaiyo table th{
	background-image: url(../img/comp/gaiyo_icon.png);
	background-repeat: no-repeat;
	padding-left: 26px;
	letter-spacing: 4px;
	padding-bottom: 10px;
}

#comp_gaiyo table td{
	padding-left: 20px;
	padding-bottom: 10px;
}

address{
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

.b_red{
	font-size: 120%;
	color: #F00;
	font-weight: bold;
}

#kako article{
	margin-top: 25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #007b00;
	padding-bottom: 15px;
}

#kako h4{
	background-image: url(../img/hudo/kako_icon.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight: bold;
	font-size: 120%;
	background-position: left center;
	margin-bottom: 10px;
}

#chintai_img li{margin-bottom: 30px;}

#buncho_text{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	line-height: 160%;
	letter-spacing: 2px;
	margin-top: -15px;
}

#nagare h4{
	margin-top: 15px;
	margin-bottom: 10px;
}

#nagare dl{
	margin-top: 20px;
	margin-bottom: 15px;
}

#nagare dt{}

#nagare dd{
	border: 2px solid #c9c9c9;
	padding: 10px;
}

.nagare_icon{text-align:center;}

.deco01{
	font-weight: bold;
	display: block;
}

.red{color:#F00;}

#kokubun h4{
	background-image: url(../img/hudo/kako_icon.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-weight: bold;
	font-size: 120%;
	background-position: left center;
	margin-bottom: 10px;
}

#kokubun section{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 25px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #007b00;
	padding-bottom: 15px;
	line-height: 160%;
}

.text_box {
	width:370px;
	padding-right: 20px;
	float: left;
}

#koteiImg01 {
	width: 300px;
	height: 212px;
	float: right;
}

#koteiImg03 {
	width: 300px;
	height: 212px;
	float: right;
}

.motto {font-size: 20px;}

#parking {
	border-top: 2px #090 solid;
	padding-top: 30px;
}

.comp_comment p {margin: 0 35px;}

.comp_comment strong {
	color: #090;
	display: block;
	font-weight: bold;
	font-size: 20px;
}

.head1024 {
	width:1024px;
	margin:0 auto;
}

.head1024 a:hover {opacity:0.7;}

.head0 img{
	width:100%;
	height:auto;
	margin:5px auto 0px;
}

.seobox p{
	text-align:left;
	font-size:14px;
}

.headermenu {
	margin:0px 20px 0 0;
	float:right;
	/*width: 1000px;*/
	/*background: #FF9414;*/
}

.headermenu ul{
	margin-top:5px;
	height: 50px;
	/*position: absolute;*/
	top: 0;
	right: 0px;
}

.headermenu li {
	width: 150px;
	height: 15px;
	background: hsl(32, 92%, 54%);
	border-radius: 0 0 5px 5px;
	float: left;
	display: block;
	margin: -5px 5px 0;
	padding:10px 4px 4px;
	box-shadow: 0px 1px 2px hsl(0, 0%, 33%);
	transition: all 0.2s;
	font-size:14px;
}

.headermenu li:hover {box-shadow: 0px 0px 8px hsl(0, 0%, 33%);}

.headermenu a{
	color: white;
	font-size: 12pt;
	text-align: center;
	display: block;
	text-decoration:none;
	float:left;
}

#day, #goon {color: #FFF;}


#day{
	background: #F39800;
	/*background:hsl(144, 100%, 28%)*/
}

#goon {
	background: #F39800;
	/*background: hsl(79, 73%, 44%);*/
}



/*メインメニュー
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar,
#menubar-s {
	clear: both;
	overflow: hidden;
	background: linear-gradient(#00A048, #8FC31F);	/*背景色*/
	border-top: 1px solid #fff;		/*上の線の幅、線種、色*/
	border-bottom: 1px solid #fff;	/*下の線の幅、線種、色*/
	outline: 2px solid #CCC;		/*アウトライン。上の２行で設定しているラインの外側の線。*/
	padding: 6px 0px;	/*上下、左右へのボックス内の余白*/
}
#menubar ul {
	width: 1000px;	/*幅*/
	margin: 0 auto;
	overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar li,
#menubar-s li {
	float: left;	/*左に回り込み*/
	width: 20%;		/*幅*/
}

#menubar li a,
#menubar-s li a {
	display:  block;
	text-decoration: none;
	text-align: center;
	color: #fff;	/*文字色*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 1.6;	/*行間*/
	letter-spacing: 0.3em;	/*文字間隔を少し広くする設定*/
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);	/*文字の影。右、下、幅、色の順の設定。色はrgbでの指定で「0,0,0」は黒で「0.4」が透明度40%の事。*/
	padding: 3px 0px;	/*上下、左右へのボックス内の余白*/
}

/*小文字の設定*/
#menubar li a span,
#menubar-s li a span{
	font-size: 10px;	/*文字サイズ*/
	display: block;
	color: rgba(255,255,255,0.6);	/*文字色。「255,255,255」は白で「0.6」が透明度40%の事。*/
	text-shadow: none;
}

/*マウスオン時*/
#menubar li a:hover {
	background: #fff;	/*背景色*/
	color: #085a1f;		/*文字色*/
	text-shadow: none;
	border-radius: 6px;	/*角丸のサイズ*/
}

#menubar li a:hover span {
	color: #085a1f;	/*文字色*/
}

/*スマホ用メニューを表示させない*/
#menubar-s {display: none;}

/*３本バーアイコンを表示させない*/
#menubar_hdr {display: none;}

/*コンテンツ02
---------------------------------------------------------------------------*/
/*main,sub,sideを囲むブロック設定*/
#contents02 {
	clear: left;
	padding-top: 40px;	/*上部メニューとの余白*/
	overflow: hidden;
	width: 740px;		/*幅*/
	margin: 0 auto;
}
/*main,subを囲むブロック設定*/
#contents02-inner {
	float: left;
	width: 740px;
	overflow: hidden;
}
/*main,subを囲むブロック設定（※２カラム利用時）*/
.c2 #contents02-inner {
	float: none;
	width: 100%;
}


/*メインコンテンツ
---------------------------------------------------------------------------*/
#itiran {
	float: right;	/*右側に回り込み*/
	width: 740px;	/*幅*/
}
/*２カラム利用時*/
.c2 #itiran {width: 740px;}

/*mainコンテンツのh2タグの設定*/
#itiran h2 {
	clear: both;
	margin-bottom: 15px;
	color: #FFF;		/*文字色*/
	padding: 5px 15px;	/*上下、左右への余白*/
	background: #00A048;	/*背景色*/
}

#itiran .pic a img{
	clear: both;
	margin-bottom: 15px;
	color: #FFF;		/*文字色*/
	padding: 5px 0;	/*上下、左右への余白*/
}

.pic a:hover {opacity:0.7;}

.title{padding-top:10px;}

/*mainコンテンツのh2タグの１文字目への設定*/
#itiran h2::first-letter {
	border-left: 3px solid #fff;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}
/*mainコンテンツのh3タグの設定*/
#itiran h3 {
	clear: both;
	margin-bottom: 15px;
	padding: 3px 15px;	/*上下、左右への余白*/
	color: #000;		/*文字色*/
	background: #fff;	/*背景色（古いブラウザ用）*/
	border: 1px solid #ccc;	/*線の幅、線種、色*/
}

/*mainコンテンツのh3タグの１文字目への設定*/
#itiran h3::first-letter {
	border-left: 3px solid #085a1f;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}

/*mainコンテンツの段落タグ設定*/
#itiran p {
	padding: 7px 15px 14px;	/*上、左右、下への余白*/
}

#itiran p + p {padding-top: 0px;}

#itiran h2 + p,
#itiran h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}



/*物件一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
#itiran .list {
	border: 1px solid #bcbcbc;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;	/*ボックスの下に空ける余白*/
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);	/*影の設定。右・下・ぼかし幅・色の設定。「0,0,0」はrgbでの「黒」を指し、「0.1」は透明度「10%」の事。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);			/*同上*/
}

#itiran .list a {
	padding: 3%;	/*ボックス内の余白*/
	text-decoration: none;
	display: block;
	overflow: hidden;
}

/*マウスオン時のボックス*/
#itiran .list a:hover {
	background: #e5ebe7;	/*背景色*/
}

/*ボックス内のh4タグ設定*/
#itiran .list h4 {
	margin-bottom: 0.5em;
	color: #085a1f;		/*文字色*/
	border-bottom: 1px solid #CCC;	/*下線の幅、線種、色*/
}

/*ボックス内のh4タグの１文字目への設定*/
#itiran .list h4::first-letter {
	border-left: 3px solid #085a1f;	/*左側の線の幅、線種、色*/
	padding-left: 10px;	/*線と文字との余白*/
}

/*ボックス内の段落タグ設定*/
#itiran .list p {
	padding: 0px;
	margin-left: 24%;	/*左側の写真幅とのバランスをとって設定*/
}

/*ボックス内の写真設定*/
#itiran .list figure img {
	float: left;	/*画像を左へ回り込み*/
	width: 20%;		/*写真の幅*/
	background: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
	padding: 1%;			/*余白。ここに上の行で設定した背景色が出ます。*/
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	margin-right: 1%;		/*写真の右側に空ける余白*/
}

/*登録日情報*/
#itiran .list .date {
	display:block;
	font-size:11px;
	color:#999;
	text-align: right;
}

#itiran .list .date2 {
	display:flex;
	font-size:13px;
	color:#999;
	text-align: right;
}


/*各ボックスの設定（※compactタイプへの追加設定）*/
#itiran .list.compact {
	width: 31%;	/*幅*/
	float: left;
	margin-left: 1.3%;
	font-size: 11px;	/*文字サイズ*/
	line-height: 1.2;
}

#itiran .list.compact a {
	height: 200px;	/*高さ*/
}

/*ボックス内のh4タグ設定（※compactタイプへの追加設定）*/
#itiran .list.compact h4 {
	border: none;
}

/*ボックス内のh4タグの１文字目への設定（※compactタイプへの追加設定）*/
#itiran .list.compact h4::first-letter {
	border: none;
	padding: 0;
}

/*ボックス内の段落タグ設定（※compactタイプへの追加設定）*/
#itiran .list.compact p {margin: 0;}

/*ボックス内の写真設定（※compactタイプへの追加設定）*/
#itiran .list.compact figure img {
	float: none;
	margin: 0;
	margin-bottom: 5px;
	border: none;
	width: auto;
	padding: 0;
	width:100%
}

/*一覧ページの各物件ボックス内のテーブル
---------------------------------------------------------------------------*/
#itiran .list table {
	font-size: 12px;	/*文字サイズ*/
	background: #FFF;	/*背景色*/
	width: 76%;			/*テーブル幅*/
	margin-bottom: 5px;
}

#itiran .list table,
#itiran .list table td,
#itiran .list table th{
	border: 1px solid #bcbcbc;	/*枠線の幅、線種、色*/
}

#itiran .list table td,
#itiran .list table th{
	padding: 1%;	/*テーブル内の余白*/
	height:20px;
}

/*色のついた見出しブロック*/
#itiran .list table th{
	width: 20%;		/*幅*/
	text-align: center;		/*文字をセンタリング*/
	font-weight: normal;	/*デフォルトの太字を標準にする設定*/
	background: #edf0f5;	/*背景色*/
}

/*白い説明用ブロック*/
#itiran .list table td {width: 30%;	/*幅*/}




/*メインコンテンツ（ピックアップ）
---------------------------------------------------------------------------*/
#pu {
	float: right;	/*右側に回り込み*/
	width: 640;	/*幅*/
}

/*２カラム利用時*/
.c2 #pu {width: 740px;}

/*mainコンテンツのh2タグの設定*/
#pu h2 {
	clear: both;
	margin-bottom: 15px;
	color: #FFF;		/*文字色*/
	padding: 5px 15px;	/*上下、左右への余白*/
	background: #00A048;	/*背景色*/
}

#pu .pic a img{
	clear: both;
	margin-bottom: 15px;
	color: #FFF;		/*文字色*/
	padding: 5px 0;	/*上下、左右への余白*/
}

/*mainコンテンツのh2タグの１文字目への設定*/
#pu h2::first-letter {
	border-left: 3px solid #fff;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}

/*mainコンテンツのh3タグの設定*/
#pu h3 {
	clear: both;
	margin-bottom: 15px;
	padding: 3px 15px;	/*上下、左右への余白*/
	color: #000;		/*文字色*/
	background: #fff;	/*背景色（古いブラウザ用）*/
	border: 1px solid #ccc;	/*線の幅、線種、色*/
}

/*mainコンテンツのh3タグの１文字目への設定*/
#pu h3::first-letter {
	border-left: 3px solid #085a1f;	/*左側のアクセント用ラインの幅、線種、色*/
	padding-left: 10px;	/*アクセントラインと文字の間にとる余白*/
}

/*mainコンテンツの段落タグ設定*/
#pu p {
	padding: 7px 15px 14px;	/*上、左右、下への余白*/
}

#pu p + p {
	padding-top: 0px;
}

#pu h2 + p,
#pu h3 + p {
	padding-top: 0px;
	margin-top: -5px;
}

/*詳細ページの画像切り替え（imgchg_pack.js）
---------------------------------------------------------------------------*/
/*大きな画像のボックスと説明文を入れるボックス*/
#item-image {
	position: relative;
}

/*大きな画像の１行目*/
#item-image #item_image1 {
	width:640px;
	height:auto;
	margin:0 auto;
	z-index:2;
	position:relative;
	overflow:hidden;
}

/*大きな画像の２行目*/
#item-image #item_image2 {
	width:640px;
	height:auto;
	margin:0 auto;
	z-index:1;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
}

/*サムネイル画像*/
.thumbnail {
	width: 70px;	/*画像の幅*/
	height: 70px;	/*画像の高さ*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	margin-bottom: 15px;
}

.thumbnail:hover {
	border: 1px solid #000;	/*マウスオン時の枠線の幅、線種、色*/
}


/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
	background: #F00;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 10px;	/*文字サイズ*/
	padding: 0px 5px;
	border-radius: 2px;
	margin: 0px 5px;
}

/*地域表示アイコン
---------------------------------------------------------------------------*/
.place {
	width:200px;
	background: #063;	/*背景色*/
	color: #FFF;		/*文字色*/
	font-size: 14px;	/*文字サイズ*/
	padding: 4px 20px;
	border-radius: 4px;
	margin: 0px 5px;
}


/*「おすすめ」表示
---------------------------------------------------------------------------*/
.osusume02 {
	font-size: 10px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	background: #F00;	/*背景色*/
	text-align: center;
	display: block;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	-webkit-transform: rotate(-45deg) translate(37px,20px);
	-ms-transform: rotate(-45deg) translate(37px,20px);
	transform: rotate(-45deg) translate(37px,20px);
}

h2 span.osusume02 {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
}

/*「おすすめ」表示
---------------------------------------------------------------------------*/
.soldout {
	font-size: 11px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	background: #7E318E;	/*背景色*/
	text-align: center;
	display: block;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	-webkit-transform: rotate(-45deg) translate(37px,20px);
	-ms-transform: rotate(-45deg) translate(37px,20px);
	transform: rotate(-45deg) translate(37px,20px);
}

h2 span.soldout {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
}

/*「ご契約済」表示
---------------------------------------------------------------------------*/
.sumi {
	font-size: 10px;	/*文字サイズ*/
	color: #FFF;		/*文字色*/
	background: #069;	/*背景色*/
	text-align: center;
	display: block;
	width: 120px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	-webkit-transform: rotate(-45deg) translate(37px,20px);
	-ms-transform: rotate(-45deg) translate(37px,20px);
	transform: rotate(-45deg) translate(37px,20px);
}

h2 span.sumi {
	position: static;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	display: inline-block;
}


/*テーブル
---------------------------------------------------------------------------*/
/*ta1設定*/
.ta1 {
	width: 100%;
	margin-bottom: 15px;
}

.ta1, .ta1 td, .ta1 th {
	font-size:13px;
	border: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	padding: 5px;	/*ボックス内の余白*/
	word-break: break-all;
}

/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
	width: auto;
	text-align: left;	/*左よせ*/
	background: #e5ebe7;	/*背景色*/
}

/*ta1の左側ボックス*/
.ta1 th {
	background-color:#EEE;
	width: 100px;	/*幅*/
	text-align: center;	/*センタリング*/
}

/*こだわりアイコンのフロート指定(CMS用)*/
.ta1 td .specialbox {
	float: left;
	width: 25%;
	height: 30px;
}

.ta1 td .specialbox img {
	vertical-align: middle;
}

/*ボタンリスト
---------------------------------------------------------------------------*/
.btnlist table{
	margin:20px auto;
	width:96%;}
.btnlist th{
	width:20%;}
.btnlist table , td, th{
	/*border: 1px solid #FFF;*/
	border-collapse: collapse;
}
.btnlist td, th{
	text-align:center;
	padding: 2px;
	height: 25px;
}
.btnlist tr{
	border: 4px solid #fff;
	background-color:#ECF4D9;
}

/*その他
---------------------------------------------------------------------------*/
.look {background: #e5e5e5;padding: 5px 10px;border-radius: 4px;}
.mb15,.mb1em {margin: 15px;}
.clear {clear: both;}
ul.disc {padding: 0em 25px 15px;list-style: disc;}
.color1, .color1 a {color: #085a1f;}
.pr {font-size: 10px;}
.wl {width: 96%;}
.ws {width: 50%;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}
.big1 {font-size: 24px;letter-spacing: 0.2em;}
.mini1 {font-size: 11px;display: inline-block;line-height: 1.5;}
.sh {display: none;}
.btn0 {
	padding:10px 8px;
}

.c a:hover {opacity:0.7;}

.btn0 a {
	font-size:18px;
	margin:5px;
	line-height:25px;
}


/*フッター*/
#footerback{
	float: left;
	clear: both;
	background-image: url(../img/foot_bg.png);
	background-repeat: repeat-x;
	min-height: 130px;
	background-position: bottom;
	background-color: #00A048;
	width: 100%;
	height: 200px;
	margin-top: 48px;
		border-top: 2px solid #8FC31F;
}

#footer{
	margin:0 auto;
	max-width:1024px;
	width:100%;
	border: 0px solid #fff;
}

#footerlogo{
	color: #fff;
	text-align: center;
	margin-top: 0px;
	height: 160px;
    width: 250px;
	border-right: 0px solid 8FC31F;
    float: left;
    font-size: 12px
}

#footerlogo img{
    width: 230px;
	margin: 10px; max-width: 100%;
}

.footerlist{
	color: #fff;
	text-align: center;
	border-right: 0px solid #8FC31F;
	margin-top: 0px;
	height: 160px;
	width: 200px;
	float: left;
}

.footerlist h1{
	font-size: 18px;
	text-align: center;
	padding-top: 15px;
}

.footerlist h1 a:hover{
	font-size: 18px;
	text-align: center;
	border-bottom:3px solid #CF0;
}
.footerlist a{
	text-decoration: none;
	color: #fff;
	transition:all 0.2s;
}
.footerlist a:hover{
	text-decoration: none;
	color: #CF0;
}
.footerlist ul{
	margin-top: 16px;
	list-style: none;
	line-height: 24px;
	font-size: 14px;
}

#footer .both {
	clear:both;
}

#footer p {
	width:100%;
	text-align: center;
	bottom: 0;
	padding: 10px;
	/*background-color:#00A048;*/
	color: #FFF;
}

#pagetop {
     position: fixed;
     bottom: 0px;
     right: 0px;
     z-index: 3;
}

/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header .inner {
	width: auto;
	height: 100px;
	background: url(../images/header_bg.png) no-repeat right bottom/60%;
	margin: 0 10px;
}
/*ロゴ画像*/
header #logo {
	margin-top: 30px;	/*ロゴの上にあける余白。上下のバランスをここで調整して下さい。*/
}

/*ヘッダー右側の電話番号ブロック
---------------------------------------------------------------------------*/
/*ブロック全体*/
#contact {
	display: none;
}



/*コンテンツ
---------------------------------------------------------------------------*/
/*main,sub,sideを囲むブロック設定*/
#contents {
	width: auto;
	padding: 10px;
}
/*main,subを囲むブロック設定*/
#contents-inner {
	float: none;
	width: auto;
}

/*main,sub,sideコンテンツ
---------------------------------------------------------------------------*/
#main, #sub, #side {
	float: none;
	width: auto;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
/*２カラム利用時*/
.c2 #main {
	width: auto;
}

/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
section#new h2.open {
	background: #085a1f url(../images/btn_minus.png) no-repeat right center/34px 34px;
}
section#new h2.close {
	background: #085a1f url(../images/btn_plus.png) no-repeat right center/34px 34px;
}

/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
	width: auto;
}

/*その他
---------------------------------------------------------------------------*/
body.s-n #sub,body.s-n #side,body.s-n #footermenu {display: none;}
.sh {display:block;}
.pc {display:none;}

}