@charset "UTF-8";
/*
Theme Name: yamamoto
Theme URI: 
Description: 山本総合企画テーマ
Version: 1
Author: aily-lab
Author URI: http://www.aily-lab.co.jp
*/
/****************************************
          1.Setting
*****************************************/

body {
	width: 100%;
	margin: 0;
	padding: 0;
	color:#222;
	font-size: 14px;
	font-family: "メイリオ","ＭＳ Ｐゴシック","MS PGothic","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,sans-serif;
	background-color:#fff;
}
a {text-decoration:none;color:#00abda;}
a:hover {text-decoration:underline;color:#003C4D;}
h1{font-size:80%;margin:0px;font-style:normal;color:#fff;width:500px;}
ul{margin:0;padding:0;}
li{list-style:none;}
p{line-height:1.5em;margin:1em ;}
/* Micro clearfix */
.cf {zoom: 1;}
.cf:before, .cf:after { content: ""; display:block; overflow:hidden; }
.cf:after { clear: both; }
.clear{clear:both;}
/*text-align*/
.center{text-align: center; }
.left{text-align: left; }
.right{text-align: right; }

/*display*/
.block{display:block;}
.inline{display:inline;}
.d_none{display:none;}

/*float*/
.fl_left{float:left;}
.fl_right{float:right;}
.fl_none{float:none;}


/* 画像のスタイル指定 */
img {
	width: auto;
	max-width:100%;
}

/****************************************
		2. header
*****************************************/
	#header_bg{
		background:url('images/base/head_bg.jpg') 0 0 repeat-x;
		height:80px;
	}
	#header{display:none;}
	#head_logo{
		float:left;
		margin: 30px 0px 0px 0px;
	}
	#head_contact{
		float:left;
		margin: -10px 0px 0px 384px;
	}
	
	
	/*mobile*/
	#m_title{
		font-size:1.5em;
		color:#fff;
		text-align:center;
	}
	a#simple-menu{
		float:left;
	}
	
/****************************************
		3. Layout 
*****************************************/
	#wrapper{
		width:100%;
		margin:25px auto 0px auto;
	}
	#content{
		width:100%;
		margin:0px 0px 0px 0px;
	}
	
/****************************************
		4. sidebar,nav
*****************************************/
	#side{
		width:22%;
		margin:0px 0px 0px 0px;
		color:#323333;
		font-size:12px;
		float:left;
		display:none;
	}
	#sidenavi{
		background:url('images/gnavi/gnavi_bg.png') 0 0 repeat-x;
		height:415px;
		width:220px;
		margin:0px 0px 25px 0px;
	}
	#sidenavi ul {
		margin:0px 0px 0px 20px;
		padding:15px 0px 0px 0px;
}
	#sidenavi li {
		padding:0px;
		height:65px;
}
	#main{
		width:960px;
		margin:0px auto;
		padding:8px 0px 0px 0px;
	}
	#main_box{
		display:none;
	}

	#mainnavi{
		display:none;
	}

/****************************************
		5. contents
****************************************/
	/*temp*/
	.page_img{
		width:100%;
		display:none;
	}
	#content h2{
		height:35px;
		width:100%;
		background-color:#00b0e0;
		color:#fff;
		font-size:15px;
		padding:10px 0px 0px 10px;
	}
	#content h3{
		margin: 30px 0  0 2px;
		padding: 10px;
		border-left: 7px solid #00b0e0;
		border-bottom: 1px solid #00b0e0;
		font-size: 14px;
		font-weight: bold;	
	}	
	
	/*top*/
	#m_mainimg{
		display:none;
	}
	#top_content{
		width:100%;
		margin:0px auto 40px auto;
		float:left;
	}
	#top_search{
		width:97%;
		height:auto;
		background-color:#CADCE0;
		padding:13px 0px 10px 10px;
		margin:0px 0px 20px 0px;
		text-align:center;
	}
	#top_recommend{
		width:100%;
		background-color:#ECEEED;
	}
	#top_recommend h2{
		width:100%;
	}
	.re_cont{
		margin:10px 0px;
	}
	.re_photo{
		border:solid 4px #fff;
		width: 100%;
		text-align:center;
		background:#fff;
	}
	.re_txt{
		margin:0px 0px 30px 0px;
		padding:10px;
		background-color:#fff;
		text-align:left;
		display:block;
	}
	#top_consul{
		width:100%;
	}
	#top_consul h2{
		width:100%;
		margin:20px 0px 20px 0px;
	}
	#consul_left{
		width:100%;
		heigt:210px;
		letter-spacing:-1px;
	}
	.con_midashi{
		font-weight:bold;
		font-size:120%;
		text-align:center;
	}
	#consul_right{
		text-align:center;
	}	
	/*company*/
	dl.company {
		border-bottom:1px solid #808080;
		border-left:1px solid #808080;
		border-right:1px solid #808080;
		background-color:#DDF5FF;
		margint:5px;
	}
	dl.company dt {
		font-size:14px;
		clear: left;
		width:100%;
		font-weight:bold;
		background-color:#DDF5FF;
		border-top:1px solid #808080;
		padding:5px;
	}
	dl.company dd {
		background-color:#ffffff;
		padding:5px;
		margin-left:30px;
		width:100%


	}
	/*sitemap*/
	ul.sitemap  li{
		margint:5px;
		line-height:50px;
		background:url('images/base/sitemap_icon.gif') 0px 22px no-repeat;
		padding:0px 0px 0px 20px;
	}
	/*detail*/
	#detail_photo{
		width:100%;
		padding:4px 0px;
		margin-bottom: 10px;
	}
	dl#price{
	padding:0px;
	margin:0px 0px 10px 0px;
	}
	dl#price dt,dl#price dd{
		padding:15px;
		font-size:20px;
		font-weight:bold;
		color:#001BC1;
		border-top:1px dotted #999;
		border-bottom:1px dotted #999;
	}
	dl#price dt{
		background:#ECECEC;
		letter-spacing:10px;
	}
	dl#price dd{
		margin-top:5px;
		text-align:center;
	}
	p.price-s{
	font-size:14px;
	color:#666;
	}
	#detail_txt{
		width:100%;
		float:left;
		margin: -12px 0px 0px 0px;
	}
	dl.detail {
		border-bottom:1px dotted #808080;
		background-color:#ececec;
		width:145%;
	}
	dl.detail dt {
		font-size:14px;
		clear: left;
		width:100%;
		font-weight:bold;
		background-color:#ececec;
		border-top:1px solid #808080;
		padding:5px;
	}
	dl.detail dd {
		background-color:#ffffff;
		padding:5px;
		margin:0px 0px10px 0px;
		width:100%
	}
	.detail_gallery{
		margin:20px 0px 0px 5px;
		border:solid 1px #ccc;
		padding:4px
		}
	div.gallery_img img{
		float:left;
		margin:20px 20px 0px 0px;
		border:1px solid #ccc;
	}
	
	#prd_search li{float:left;margin:5px 10px;list-style:none;}
	#prd_search li a{display:block;padding:0px;}
	#prd_search li a.hover{border-bottom:3px solid #ff0000;padding:0px;}
	
	#prd_search dt{background:#ECEEEE;padding:5px 20px;margin:0px;}
	#prd_search dd{background:#ECEEEE;margin:0px 0px 80px 0px;}

	.prd_search_title{
	width:100%;
	background:#00B0E1;
	font-size:16pt;
	color:#fff;
	font-weight:bold;
		text-indent:10px;
	}
	
	
	/******estate*****/
	ul.target{
		margin:20px 40px;
	}
	ul.target li{
		list-style:disc;
	}
	div.estate_step{
		float:right;
		width:500px;
	}
	img.estate{
		float:left;
		border:1px solid #ccc;
		clear:both;
		margin-bottom:20px;
	}
	/******footer*****/
	#footer{
		background:#00b0e0 0 0 repeat-x;
		color:#fff;
		font-size:14px;
		overflow:hidden;
		height:auto;
		margin:0px auto;
		padding: 0px 0px 40px 0px;
		width:100%;
		float:left;
	}
	.foot_link ul{
		width:50%;
		margin:20px 80px 0px 0px;
		line-height:25px;
	}
	.foot_li{
		background:url('images/base/foot_icon.gif') 0px 8px no-repeat;
		padding:0px 0px 0px 15px;
	}
	#footer a{
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	#foot_logo{
		margin: 50px auto 0px auto;
		color:#fff;
		text-align:center;
	}
	.pageinfo{
		margin: 50px 0px 50px 0px;
		}	

	.thumb ul{
		margin:10px 0px;
	}
	.thumb li{
		float:left;
		margin-right:0px;
		margin-bottom:20px;
	}
	.thumb img{
		border:1px #ccc solid;
		display:block;
		width:80%;
	}
	#entry_list .entry{border-bottom:1px solid #eee;width:100%;}
	#entry_list .entry a{display:block;overflow:hidden;padding:15px; color:#222;}
	#entry_list .entry a:hover{background-color:#f1f1f1; color:#222;}
	#entry_list .entry .thumb img{margin:10px auto;width:150px;}
	#entry_list .entry .title_box {width:100%;}
	#entry_list .entry .price_box {float:right;margin-right:10px;width:28%;text-align:center;font-size:18px;font-weight:bold;border:1px solid #ccccff;height:150px;color:#4444ff;}
	#entry_list .entry h2.title {float:left;font-size:2em;margin:0px;width:100%;}
	#entry_list .entry h3.title {
		font-size:16px;
		border-left:10px solid #3399FF;
		border-bottom:none;
		height:auto;
		padding:0px 0px 0px 15px;
		margin:0px;
		background:none;
		width:490px;
		}
	.price_box h4{margin:0px;background:#efefff;padding:10px;color:#4444ff;}
	.price_box p{margin-top:30px;}
	dd.price{color:#6666ff;font-size:16px;font-weight:bold;}
	#entry_list .entry .date {
		width:100%;
		color:#585858;text-decoration:none;
		font-size:14px;
		display:block;
		padding: 0 1em 0.5em 1em;
		float:left;
		text-align:right;
	}
	.title_box dt{
		float:left;
		width:90px;
		padding:5px;
		clear:both;
	}
	.title_box dd{
		border-bottom:1px dashed #ddd;
		padding:5px 10px 5px 100px;
		width:370px;
		margin:0px;
	}
	#entry_list .entry .extract {margin:15px 0px 0px 15px;float:left;color:#000;}
	#entry_list .entry .excerpt_more {color:#13a0d3;}

.hidden input{
	display:none;
}


/****************************************
 Media Queries による切り替え 
****************************************/


@media only screen and (min-width: 900px) {

	.d_none{display:block;}

	#wrapper{
		width:960px;
		margin:20px auto 0px auto;
	}
	#header{
		width:960px;
		margin: 0px auto;
		overflow:hidden;
		display:block;
	}
	#header_bg{
		background:url('images/base/head_bg.jpg') 0 0 repeat-x;
		height:132px;
	}
	#m_header{display:none;}
	#content{
		width:720px;
		margin:0px 0px 0px 20px;
		float:left;
		overflow:hidden;
		display:block;
	}
	#mainimg {
		background: url("images/top/mainimg.jpg") no-repeat ;
		background-position: center center;
		overflow:hidden;
		background-attachment: fixed;
		background-size: cover;
	}
	#top_content{
		width:720px;
		margin:0px 0px 40px 20px;
		float:left;
		overflow:hidden;
		display:block;
	}
	.re_cont{
		width:660px;
		heigt:170px;
		margin:10px 10px 10px 30px;
	}
	.re_photo{
		border:solid 4px #fff;
		margin-bottom:20px;
		width: 150px;
		float:left;
	}
	.re_txt{
		width:470px;
		min-height:147px;
		margin:0px 0px 0px 170px;
		padding:10px;
		background-color:#fff;
		text-align:left;
	}
	#main{
		display:block;
	}
	#main_box{
		width:700px;
		display:block;
		float:right;
		margin-top:100px
	}
	#mainnavi{
		background:url('images/gnavi/gnavi_bg.png') 0 0 no-repeat;
		height:420px;
		width:230px;
		margin:20px 0px 25px 0px;
		display:block;
		float:left;
	}
	#mainnavi ul {
		margin:0px 0px 0px 20px;
		padding:15px 0px 0px 0px;
}
	#mainnavi li {
		padding:0px;
		height:65px;
}
	#top_search{
		width:720px;
		height:auto;
		background-color:#CADCE0;
		padding:13px 0px 10px 10px;
		margin:0px 0px 20px 0px;
		text-align:left;
	}
	#top_recommend h2{
		width:720px;
	}
	#top_consul h2{
		width:720px;
	}
	#top_consul{
		width:720px;
	}
	#consul_left{
		width:450px;
		heigt:210px;
		float:left;
		letter-spacing:-1px;
	}
	.con_midashi{
		font-weight:bold;
		font-size:120%;
		text-align:center;
	}
	#consul_right{
		width:240px;
		heigt:210px;
		float:left;
	}
	#entry_list .entry{border-bottom:1px solid #eee;width:720px;}
	#entry_list .entry a{display:block;overflow:hidden;padding:15px; color:#222;}
	#entry_list .entry a:hover{background-color:#f1f1f1; color:#222;}
	#entry_list .entry .thumb img{float:left; margin:10px 20px;width:150px;}
	#entry_list .entry .title_box {float:left;width:490px;}
	#entry_list .entry .price_box {float:right;margin-right:10px;width:28%;text-align:center;font-size:18px;font-weight:bold;border:1px solid #ccccff;height:150px;color:#4444ff;}
	#entry_list .entry h2.title {float:left;font-size:2em;margin:0px;width:100%;}
	#entry_list .entry h3.title {
		font-size:16px;
		border-left:10px solid #3399FF;
		border-bottom:none;
		height:auto;
		padding:0px 0px 0px 15px;
		margin:0px;
		background:none;
		width:490px;
		}
	.price_box h4{margin:0px;background:#efefff;padding:10px;color:#4444ff;}
	.price_box p{margin-top:30px;}
	dd.price{color:#6666ff;font-size:16px;font-weight:bold;}
	#entry_list .entry .date {
		width:100%;
		color:#585858;text-decoration:none;
		font-size:14px;
		display:block;
		padding: 0 1em 0.5em 1em;
		float:left;
		text-align:right;
	}
	.title_box dt{
		float:left;
		width:90px;
		padding:5px;
		clear:both;
	}
	.title_box dd{
		border-bottom:1px dashed #ddd;
		padding:5px 10px 5px 100px;
		width:370px;
		margin:0px;
	}
	#entry_list .entry .extract {margin:15px 0px 0px 15px;float:left;color:#000;}
	#entry_list .entry .excerpt_more {color:#13a0d3;}
	.thumb ul{
		width:760px;
		margin:10px 0px;
	}
	.thumb li{
		float:left;
		margin-right:32px;
		margin-bottom:20px;
		text-align:center;
	}
	.thumb img{
		border:1px #ccc solid;
		display:block;
		width:150px;
	}

	#prd_search .l_box{
		float:left;
		width:300px;
		margin-bottom:10px;
	}
	#prd_search .r_box{
		float:right;
		width:400px;
		margin-bottom:10px;
		position:relative;
	}
	#prd_search li{float:left;margin:5px 10px;list-style:none;}
	#prd_search li a{display:block;padding:0px;}
	#prd_search li a.hover{border-bottom:3px solid #ff0000;padding:0px;}
	
	#prd_search dt{float:left;background:#ECEEEE;padding:5px 20px;margin:0px;}
	#prd_search dd{background:#ECEEEE;margin:0;}
	.prd_search_title{
	width:100%;
	background:#00B0E1;
	font-size:16pt;
	color:#fff;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	text-indent:10px;
	}

	.page_img{
		width:100%;
		display:block;
	}
	p.price-s{
	font-size:12px;
	color:#666;
	}

	#detail_photo{
		width:40%;
		float:left;
		border:solid 1px #ccc;
		padding:4px 4px 0px 4px;
		margin-bottom: 10px;
	}

	#detail_txt{
		width:56%;
		float:left;
		margin: -12px 0px 0px 15px;
	}

	dl.detail {
		border-bottom:1px dotted #808080;
		background-color:#ececec;
		width:145%;
	}
	dl.detail dt {
		font-size:14px;
		float:left;
		clear: left;
		width:135px;
		font-weight:bold;
		background-color:#ececec;
		border-top:1px dotted #808080;
		padding:5px;
	}
	dl.detail dd {
		background-color:#ffffff;
		border-top:1px dotted #808080;
		margin-left:136px;  
		padding:5px;
	}
	.detail_gallery{
		margin:20px 0px 0px 5px;
		border:solid 1px #ccc;
		padding:4px
		}
	div.gallery_img img{
		float:left;
		margin:20px 20px 0px 0px;
		border:1px solid #ccc;
	}

	dl.company dt {
		float:left;
		clear: left;
		width:130px;
		font-weight:bold;
		background-color:#DDF5FF;
		border-top:1px solid #808080;
		padding:5px;
	}
	dl.company dd {
		background-color:#ffffff;
		border-top:1px solid #808080;
		margin-left:140px;  
		padding:5px;
	}


/******sidebar*****/
	#side{
		display:block;
	}
		
/******footer*****/	
	#footer{
		background:#00b0e0 0 0 repeat-x;
		color:#fff;
		font-size:14px;
		overflow:hidden;
		height:auto;
		margin:0px auto;
		padding: 0px 0px 40px 0px;
		width:100%;
		float:left;
	}

	#foot_navi{
		width:960px;
		margin:0px auto;
	}
	.foot_link ul{
		width:122px;
		float:left;
		margin:20px 80px 0px 0px;
		line-height:25px;
	}
	.foot_li{
		background:url('images/base/foot_icon.gif') 0px 8px no-repeat;
		padding:0px 0px 0px 15px;
	}
	#footer a{
		color:#fff;
		text-decoration:none;
	}
	#footer a:hover{
		text-decoration:underline;
	}
	#foot_logo{
		margin: 30px 0px 0px 0px;
		float:right;
		color:#fff;
		font-size:11px;
		display:block;
		overflow:hidden;
	}
	

}