@charset "utf-8";
/* CSS Document */

/* =Reset default browser CSS.
-------------------------------------------------------------- */
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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ul {list-style: none;}
ol {margin:1em 2em;}

table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

hr {border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));  background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); }
/* -------------------------------------------------------------- */


/* =共通部分
-------------------------------------------------------------- */

body {
color:#412500;
background-color:#f6f1ea;
font-size:14px;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.6;
-webkit-text-size-adjust: none;
}

a {text-decoration:none; color: #412500;}
a:hover {text-decoration:underline; color: #412500;}
a.underline {text-decoration:underline;}

img.max100 {  max-height:100%;}

.wink{}
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; font-size:0.8em; } sub { top: .5ex; }

.moblie0 {}
@media only screen and (max-width: 479px) {
	.moblie0 {display:none; visibility:hidden;}
}

img.img100 {width:100%; border:1px solid #e9dcc1; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
img.imgmax100 {max-width:100%;}

a.btnormal {
	background:#3a2100; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
	display:block; 
	width: 160px; 
	text-align:center; 
	margin:10px;
	color:#ecc270;
	padding:5px 0;
}
a.btwide {
	background:#3a2100; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
	display:block; 
	width: 300px; 
	text-align:center; 
	margin:10px;
	color:#ecc270;
	padding:5px 0;
}
a:hover.btnormal,a:hover.btwide  {background:#593d18;}
/* -------------------------------------------------------------- */

/* =メイン枠（PC960px）
-------------------------------------------------------------- */

.wrapper {
	position:relative;
	width:960px;
	padding:0;
	margin:0 auto;
}
@media only screen and (max-width:959px){
	.wrapper {
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.wrapper {
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;
	}
}
@media only screen and (max-width: 480px) {
	.wrapper {
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;
	}
}

.main_box {
	width:700px;
	float:left;
	margin-right:20px;
}
@media only screen and (max-width: 959px) {
	.main_box {
	width:100%;
	float:left;
	}
}
.side_box {
	width:240px;
	float:left;
}
@media only screen and (max-width: 959px) {
	.side_box {
	width:100%;
	float:left;
	}
}
.box50 {width:46%; margin:0 2%;	float:left;}
@media only screen and (max-width: 767px) {
	.box50 {width:100%; margin:0;	float:left;}
}
/* -------------------------------------------------------------- */

/* =ヘッダー
-------------------------------------------------------------- */
#header{
	background:url(../img/bg_header.gif) repeat-x top #e9dcc1;
	width:100%;
}
.h_logo{float:left;}

.h_tel{
float:right;
}

.headernavi{font-size:11px; margin-bottom:10px;}
.h_tel .tel{color:#CC0000; font-size:22px; font-weight:bold; padding-right:20px;}
.h_tel span{color:#333; font-size:12px; font-weight:normal;}
.h_tel .open{color:#333; font-size:12px;}

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

/* =メインNavi
-------------------------------------------------------------- */
#Navi{
	background:#291700;
	width:100%;
	border-bottom: 2px solid #fff;
}

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

/* =メインNavi
-------------------------------------------------------------- */
#category4 {	width:100%;	border-left: 1px solid #d4ae7b;}
#category4 li {	width:25%;	border-right: 1px solid #d4ae7b; padding:5px 10px; float:left;}
@media only screen and (max-width: 959px) {
	#category4 li {	width:50%;	border-right: 1px solid #d4ae7b; padding:5px 10px; float:left;}
}
@media only screen and (max-width: 480px) {
	#category4 li {	width:100%;	border-right: 1px solid #d4ae7b; padding:5px 10px; float:left;}
}
#category4 p a {
	background:#fff;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	display:block; 
	width: 96%; 
	margin:5px 2%;	padding:5px;
}
#category4 p a:hover  {background:#d4ae7b;}
#category4 div.nolink {margin:5px 2%;	padding:5px; color:#f6f1ea; border: 1px solid #f6f1ea;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

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

/* =枠3種類
-------------------------------------------------------------- */
.box960{
	background:#fff;
	width:97%;
	margin:10px 2% 10px 1%;
	padding:5px;
	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
@media only screen and (max-width: 767px) {
	.box960{
	background:#fff;	width:96%;	margin:10px 2%;	padding:5px;	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
}
.box640{
	background:#fff;
	width:64%;
	margin:10px 1%;
	padding:5px;
	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.box480{
	background:#fff;
	width:48%;
	margin:10px 1%;
	padding:5px;
	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.box320{
	background:#fff;
	width:31%;
	margin:10px 1%;
	padding:5px;
	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
@media only screen and (max-width:959px){
	.box640{
	background:#fff;	width:64%;	margin:10px 1%;	padding:5px;	float:left;	font-size:0.9em;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
	.box320{
	background:#fff;	width:31%;	margin:10px 1%;	padding:5px;	float:left;	font-size:0.9em;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
	.box640{
	background:#fff;	width:96%;	margin:10px 2%;	padding:5px;	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
	.box320{
	background:#fff;	width:46%;	margin:10px 2%;	padding:5px;	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
}
@media only screen and (max-width: 480px) {
	.box640, .box320{
	background:#fff;	width:96%;	margin:10px 2%;	padding:5px;	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 959px) {
	.box480{
	background:#fff;	width:48%;	margin:10px 1%;	padding:5px;	float:left;	font-size:0.9em;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
}
@media only screen and (max-width: 640px) {
	.box480{
	background:#fff;	width:96%;	margin:10px 2%;	padding:5px;	float:left;
	border: 1px solid #d4ae7b;	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	}
}
/* -------------------------------------------------------------- */


/* =TOPメッセージボード
-------------------------------------------------------------- */
.m_board {width:150px; height:120px; overflow:hidden; font-size:12px; float:left;}
.m_board a {display:block; background:url(../img/bg_board150.gif) no-repeat top left #fff; width:150px; height:120px; padding:35px 15px 20px 15px;}
.m_board a:hover {display:block; background:url(../img/bg_board150b.gif) no-repeat top left #fff;}
.m_board p { width: 120px; height: 20px; overflow:hidden; line-height:20px;}

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

/* =求む売り物件
-------------------------------------------------------------- */
.m_board01 {width:225px; height:200px; overflow:hidden; font-size:12px; float:left;}
.m_board01 a {display:block; background:url(../img/bg_board225.gif) no-repeat top left #fff; width:225px; height:200px; padding:50px 20px 30px 35px;}
.m_board01 a:hover {display:block; background:url(../img/bg_board225b.gif) no-repeat top left #fff;}
.m_board01 p { width: 170px; height: 20px; overflow:hidden; line-height:20px;}

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



/* =TOP右バナー
-------------------------------------------------------------- */
.top_bn a { float:left; display:block;}


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


/* =見出し
-------------------------------------------------------------- */645708
h1 { font-size:11px;	line-height: 20px;	color: #fff;	font-weight:normal;	background:#906833;}
h2.h_red  {margin:0 0 20px 0; padding:5px 10px; background: #6c0006; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.2em;}
h2.h_blue {margin:0 0 20px 0; padding:5px 10px; background: #1c3a51; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.2em;}
h2.h_green {margin:0 0 20px 0; padding:5px 10px; background: #43511c; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.2em;}
h2.h_yellow {margin:0 0 20px 0; padding:5px 10px; background: #614e0b; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.2em;}

h3.h_red  {margin:0 0 5px 0; padding:5px 10px; background: #6c0006; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.0em;}
h3.h_blue {margin:0 0 5px 0; padding:5px 10px; background: #1c3a51; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.0em;}
h3.h_green {margin:0 0 5px 0; padding:5px 10px; background: #43511c; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.0em;}
h3.h_yellow {margin:0 0 5px 0; padding:5px 10px; background: #614e0b; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.0em;}

h3.linered {margin:0 0 15px 0; padding:3px 0; border-bottom:2px solid #6c0006; color:#6c0006; font-size:1.0em; font-weight:bold;}
h3.lineblue {margin:0 0 15px 0; padding:3px 0; border-bottom:2px solid #1c3a51; color:#1c3a51; font-size:1.0em; font-weight:bold;}
h3.linegreen {margin:0 0 15px 0; padding:3px 0; border-bottom:2px solid #43511c; color:#43511c; font-size:1.0em; font-weight:bold;}
h3.lineyellow {margin:0 0 15px 0; padding:3px 0; border-bottom:2px solid #614e0b; color:#614e0b; font-size:1.0em; font-weight:bold;}
/* -------------------------------------------------------------- */

/* =font
-------------------------------------------------------------- */
img.float-right {float: right; margin-left:10px;}
img.float-left {float: left; margin-right:10px;}

.textR{	text-align:right;}
.textC{	text-align:center;}

.font_s {font-size:0.8em;}
.font_sm {font-size:0.9em;}
.font_b {font-size:1.2em;}
.f_sgray {font-size:0.8em; color:#666;}
.f_red {color:#F00;}
.f_reds {color:#F00; font-size:0.8em;}
.f_blue {color:#0c1e74;}
.f_white {color:#fff;}
/* -------------------------------------------------------------- */


/*=TOP更新日
-------------------------------------------------------------- 
**************************************************************/
.reset_date {margin:0 10px; float:left;}
@media only screen and (max-width: 479px) {
	.reset_date {margin-right:0; float:none;}
}
/* ************************************************************** */


/*=お客様の声
-------------------------------------------------------------- 
**************************************************************/
div.koe_box {
	position:relative;
	background:url(../img/read_more.gif) no-repeat right bottom #eee;
	border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	margin:0 0 20px 0;
	padding:10px;
}
div.koe_box:hover, div.koe_box:active {background:url(../img/read_more.gif) no-repeat right bottom #f0f0e0;}
.koe_box a {
	display:block;
	position:absolute;
	left:0;top:0;
	width: 100%;
	height: 100%;
	background/*\**/:#fff;/*IE7 8のハック*/
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:.0; /* 透明に */ 
}
.koe_come {margin-top:20px; width:90%; height:24px; overflow:hidden; }
/* ************************************************************** */

/*=会社案内／グレイBOX
-------------------------------------------------------------- 
**************************************************************/
.gray_box {
	background:url(../img/logo_gray.gif) no-repeat right bottom #eee;
	border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	margin:0 0 20px 0;
	padding:10px;
}
.gray_boxs {
	background:url(../img/logo_grays.gif) no-repeat right bottom #eee;
	border:1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	margin:0 0 20px 0;
	padding:10px;
}

.box240 {width:220px; margin:7px; float:left;}
.box240x180 {width:220px; height:180px; margin:7px; float:left;}

/* ************************************************************** */


/*=TOPおすすめ物件
-------------------------------------------------------------- 
**************************************************************/
.b_osusume {}
@media only screen and (max-width: 479px) {
	.b_osusume {display:none; visibility:hidden;}
}
.b_osusumes ul {}
.b_osusume li {float:left; list-style:none; width: 25%;}
@media only screen and (min-width: 481px) and (max-width: 699px) {
	.b_osusume li {float:left; list-style:none; width: 33%;}
}
.b_osusume a {
	border: 2px #ccc solid; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	width: 90%;
	padding:5%;
	margin-bottom: 10px;
	display:block;
	height: 180px;
	overflow:hidden;
}
.b_osusume a:hover, .b_osusume a.active {background:#f0f0e0;}
.b_osusume img { width:auto; height:75px; margin-bottom: 5px;}
.b_osusume h3 { padding:1px 5px; background: #c66; color:#FFF; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

/* ************************************************************** */


/*=売買/賃貸物件一覧
-------------------------------------------------------------- 
**************************************************************/


div.Buk_list {	margin-bottom:25px;	position:relative;}
div.Buk_list:hover, div.Buk_list:active {background:#f0f0e0;}
.Buk_list a {
	display:block;
	position:absolute;
	left:0;top:0;
	width: 100%;
	height: 100%;
	background/*\**/:#fff;/*IE7 8のハック*/
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:.0; /* 透明に */ 
}

div.Buk_list h4 {margin:0 0 5px 0; padding:3px 10px; color:#FFF; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:1.2em;}
div.Buk_list h4.red {background: #cc0000;}
div.Buk_list h4.blue {background: #0c1e74;}

.listgaikan { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 130px; height: 100px; text-align: center; border: 1px #ccc solid; background:#fff;}
.listmadori { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 100px; height: 100px; text-align: center; border: 1px #ccc solid; background:#fff;}
.listgaikan img{ max-width: 120px; max-height: 90px; padding-top:5px;}
.listmadori img{ max-width: 90px; max-height: 90px; padding-top:5px;}

.listText{ margin-left: 260px;}
@media only screen and (max-width: 640px) {
	.listText{ width: 100%; margin-left: 0; clear: both;}
}
.listText li{ border-bottom: 1px #ccc solid; padding:5px 0 3px 0;}
.listText .chapter { width: 70px; float:left;}
.listText .valuex { width: 90px; float:left;}


/* ************************************************************** */



/*=Q&A・購入ガイド
-------------------------------------------------------------- 
**************************************************************/
.qaQ { background:url(../img/bg_q.gif) no-repeat left top; padding:10px 0 5px 40px; margin-top: 20px; font-weight:bold;}
.qaA { background:url(../img/bg_a.gif) no-repeat left top; padding:10px 0 10px 40px;  border-bottom: #483834 1px dotted;}

.tbl_box160{ width:156px; margin:2px; padding:5px 2px; border:1px solid #999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:left;}
.tbl_box320{ width:316px; margin:2px; padding:5px 2px; border:1px solid #999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; float:left;}
/* ************************************************************** */



/* =side
-------------------------------------------------------------- */

.sbox {
	background:#90816a; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	width: 100%;
	padding:5%;
	margin-bottom:15px;
	color:#fff;
}
@media only screen and (min-width: 481px) and (max-width: 956px) {
	.sbox {
	background:#90816a; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	width: 46%;
	padding:10px;
	margin:0 2% 15px 2%;
	color:#fff;
	float:left;
	}
}
@media only screen and (max-width: 480px) {
	.sbox {
	background:#90816a; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
	width: 90%;
	padding:3%;
	margin:5px auto;
	color:#fff;
	float:none;
	}
}

.red_back_side { background:#c00; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.blue_back_side { background:#0c1e74; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}


.sbox h3 {font-size:1.3em; border-bottom:2px dotted #fff; margin-bottom:5px;}
.sbox h4 {font-size:1.1em; border-bottom:1px solid #333; margin:5px 0; color:#333;}

.sbox li {margin:5px 0;}
.sbox a {
	background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; 
	display:block; 
	width: 100%; 
	text-align:center; 
	font-size:1.1em;
	padding:5px 0;
}
.sbox a.listnv {
	text-align:left;
	font-size:1.0em;
	padding:3px 0 3px 10px;
	margin-bottom:5px;
}
.sbox a:hover {background:#f0f0e0;}

.check50 {width:50%; float:left; padding:3px 0;}


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

/* google MAP
----------------------------------------------------- */
#map_canvas2 { width:100%; height:400px; border: 3px #ccc solid; }
/* -------------------------------------------------------------- */


/* メールフォーム
----------------------------------------------------- */
/* Form styles */
div.form-container { padding: 5px; }

div.form-container form p { margin: 0; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #999 1px solid;  background-color: #eee;}
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { width: 20%; display: block; float: left; text-align: right; position: relative; padding-right:1%;}
div.form-container input:focus,
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 23%; }
div.form-container div.buttonrow { margin-left: 25%; }

input.SSwaku { width: 18%; }
input.Swaku { width: 30%; }
input.Bwaku { width: 50%; }
textarea { width: 50%; height: 7em;}
input#submit_button {padding: 5px 20px; background-color: #333; color: #fff; border: #666 2px solid; font-size:1.2em;}
input#clear_button {padding: 5px 20px; background-color: #666; color: #fff; border: #999 2px solid; font-size:1.2em;}




.autoConfirmVal { font-size:1.2em;}

/* テーブル　標準
----------------------------------------------------- */
table.t_list {
    width: 100%;
    border: 1px #aaa solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 0 0 20px 0;
}
table.t_list_w0 {
    border: 1px #aaa solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin: 0 0 20px 0;
}

table.t_list th, table.t_list_w0 th {
    padding:8px 5px;
    border: #aaa solid;
    border-width: 0 0 1px 1px;
    background: #eee;
	text-align: left;
}
table.t_list td, table.t_list_w0 td  {
    border: 1px #aaa solid;
    border-width: 0 0 1px 1px;
	padding:8px 5px;
	background: #fff;
}
table.t_list td.tdC {text-align: center; }
table.t_list td.tdvTop {vertical-align: top; }

/* テーブル　デザイン0
----------------------------------------------------- */
table.t_underline { border: 1px #fff dotted; border-collapse: collapse; border-spacing: 0;}
table.t_underline th { border:1px #aaa dotted; border-width: 0 0 1px 0; padding:3px; vertical-align:top; text-align: left;}
table.t_underline td { border:1px #aaa dotted; border-width: 0 0 1px 0; padding:3px; vertical-align:top;}
/* -------------------------------------------------------------- */

/* テーブル　デザイン0
----------------------------------------------------- */
table.t_design0 { margin: 0; padding: 0;   border: none;}
table.t_design0 th { padding: 0; margin: 0; border: none; text-align: left; vertical-align: top; font-weight:nomal;}
table.t_design0 td { padding: 0; margin: 0; border: none; text-align: left;}
/* -------------------------------------------------------------- */


/* =footer
-------------------------------------------------------------- */
.foot_navi {background:#e9dcc1; border-top:10px solid #291700; width:100%; padding:10px 0;}
.foot_navi ul {width:18%; margin:5px 1%; float:left;}
.foot_navi li a {display:block; width:100%; font-size:0.8em;}
.foot_navi ul h2{border-bottom:1px solid #906833; margin-bottom:5px;}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.foot_navi {background:#e9dcc1; border-top:10px solid #291700; width:100%; padding:10px 0;}
	.foot_navi ul {width:48%; margin:5px 1%; float:left;}
	.foot_navi li a {display:block; width:100%; font-size:0.85em;}
}
@media only screen and (max-width: 479px) {
	.foot_navi {background:#e9dcc1; border-top:10px solid #291700; width:100%; padding:10px 0;}
	.foot_navi ul {width:94%; margin:2px 3%;}
	.foot_navi li a {display:none; visibility:hidden;}
}

#footer {background:#906833; width:100%; padding:5px 0; color:#fff; font-size:0.9em;}
/* -------------------------------------------------------------- */



/* .clearfix
---------------------------------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/
.clear { clear: both; }