@charset "UTF-8";

/*
=====================================================================
	アイホーム　建築実例
=====================================================================
*/

/* base
---------------------------------------------------------------------- */
	/* fontsize
	------------------------------------------------------- */
	#contents .f10{
		font-size:10px;
		}
	#contents .f12{
		font-size:12px;
		}
	#contents .f14{
		font-size:14px;
		}
	#contents .f15{
		font-size:15px;
		}
	#contents .f18{
		font-size:18px;
		}

	#contents p{
		font-size:13px;
		}

	/* align
	------------------------------------------------------- */
	.alignC{text-align:center;}
	.alignR{text-align:right;}
	.alignL{text-align:left;}

	/* mb
	------------------------------------------------------- */
	.mb0{margin-bottom:0px;}
	.mb5{margin-bottom:5px;}
	.mb10{margin-bottom:10px;}
	.mb15{margin-bottom:15px;}
	.mb20{margin-bottom:20px;}
	.mb25{margin-bottom:25px;}
	.mb30{margin-bottom:30px;}
	.mb35{margin-bottom:35px;}
	.mb40{margin-bottom:40px;}
	.mb45{margin-bottom:45px;}
	.mb50{margin-bottom:50px;}
	.mb55{margin-bottom:55px;}
	.mb60{margin-bottom:60px;}
	.mb70{margin-bottom:70px;}
	.mb80{margin-bottom:80px;}
	.mb90{margin-bottom:90px;}
	.mb100{margin-bottom:100px;}
	
	/* mt
	------------------------------------------------------- */
	.mt0{margin-top:0px;}
	.mt5{margin-top:5px;}
	.mt10{margin-top:10px;}
	.mt15{margin-top:15px;}
	.mt20{margin-top:20px;}
	.mt25{margin-top:25px;}
	.mt30{margin-top:30px;}
	.mt35{margin-top:35px;}
	.mt40{margin-top:40px;}
	.mt45{margin-top:45px;}
	.mt50{margin-top:50px;}
	.mt55{margin-top:55px;}
	.mt60{margin-top:60px;}
	.mt70{margin-top:70px;}
	.mt80{margin-top:80px;}
	.mt90{margin-top:90px;}
	.mt100{margin-top:100px;}

	/* color
	------------------------------------------------------- */
	.cRed{color:#E50012;}

	/* clearfix
	------------------------------------------------------------ */
	.cl:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}

	.cl {
		display: inline-block;
		}

	/* exlude MacIE5 \*/
	* html .cl {
		height: 1%;
		}
	.cl {
		display:block;
		}
	/* end MacIE5 */

	/* img
	------------------------------------------------------------ */
	img{vertical-align: bottom;}

	/* img link */
	a:hover img{
		filter: alpha(opacity=80);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
		-moz-opacity: 0.8;
		opacity: 0.8;
		}

	/* text link
	------------------------------------------------------------ */
	a:link,
	a:visited,
	a:active {
		color:#00A8ED;
		text-decoration:none;
		}
	
	a:hover {
		color:#00A8ED;
		text-decoration:underline;
		}

/* ============================================================================================== */
@media print, screen and (min-width:641px) {

/* container
---------------------------------------------------------------------- */
#container{
	
	}


/* Wrap
---------------------------------------------------------------------- */
#wrap{
	width:980px;
	margin: 0 auto 50px;
	padding: 150px 0 0;
	}

	#wrap .mv{
		margin-bottom:40px;
		}


/* contents
---------------------------------------------------------------------- */
#contents{
	width:946px;
	margin:0 auto;
	padding: 0 !important;
	}

	#contents h2{
		margin-bottom:20px;
		}

/* pageTopInner
---------------------------------------------------------------------- */
.pageTopInner{
	width:885px;
	}

	.pageTopInner p{
		width:150px;
		margin:0 0 0 auto;
		}

/* pageTop
---------------------------------------------------------------------- */
.pageTop{
	background:url(../../img/sec/line03.jpg) repeat-x left center;
	width:980px;
	}

	.pageTop p{
		background:url(../../img/sec/line03.jpg) repeat-x left center;
		width:150px;
		margin:0 0 0 auto;
		}

/* footer
---------------------------------------------------------------------- */
#footer {
	padding-bottom:50px;
	}

	#footer .footerInner{
		width:980px;
		}

		#footer .footerInner .contactL{
			float:left;
			width:211px;
			}

		#footer .footerInner .contactR{
			float:right;
			width:675px;
			}

			#footer .footerInner .contactR .fiTop{
				margin-bottom:25px;
				}

				#footer .footerInner .contactR .fiTop p.tel{
					float:left;
					margin-top:6px;
					}

				#footer .footerInner .contactR .fiTop p.mail{
					float:right;
					}

			#footer .footerInner .contactR .fiBottom p.footerLogo{
				float:left;
				}

			#footer .footerInner .contactR .fiBottom p.info{
				float:right;
				}

/* =============================================================

トップページ

============================================================= */
.listWrapper{
	margin-bottom:30px;
	}

	.listWrapper .inner{
		float:left;
		width:219px;
		margin-right:23px;
		}

		.listWrapper .inner:last-child{
			margin-right:0;
			}

		.listWrapper .inner .photo{
			margin-bottom:15px;
			}

		.listWrapper .inner .entryWrap h3{
			font-size:16px;
			font-weight:bold;
			margin-bottom:5px;
			}

			.listWrapper .inner .entryWrap h3 a{
				color:#000;
				}

			.listWrapper .inner .entryWrap h3 a:hover{
				color:#ccc;
				}

	.listWrapper p.term{
		font-size:11px;
		margin-top:10px;
		}

		.listWrapper p.term a{
			background:#efefef;
			color:#000;
			padding:5px;
			border-radius: 3px;        /* CSS3草案 */  
			-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 3px;   /* Firefox用 */ 
			}

		.listWrapper p.term a:hover{
			background:#efefef;
			color:#999;
			padding:5px;
			border-radius: 3px;        /* CSS3草案 */  
			-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 3px;   /* Firefox用 */ 
			}

/* =============================================================

詳細ページ

============================================================= */
.entryWrapper {
	margin-bottom:80px;
	}

.entryWrapper h3{
	margin-bottom:5px;
	font-size:22px;
	}

.entryWrapper p.client{
	margin-bottom:30px;
	font-size:13px;
	}

.entryWrapper .entry{
	margin-bottom:40px;
	}

	.entryWrapper .entry p{
		margin-bottom:30px;
		}

.entryWrapper .mapWrap{
	margin-bottom:100px;
	}

	#contents .entryWrapper .mapWrap p{
		font-size:18px;
		}

	.entryWrapper .mapWrap p a{
		color:#fff;
		background: #004ea2;
		width: 100%;
		display: block;
		text-align: center;
		padding: 10px 0;
		}

		.entryWrapper .mapWrap p a:hover{
			background: #589edd;
			text-decoration:none;
			}

	.entryWrapper .mapWrap #map{
		width:946px;
		height:520px;
		}

	.entryWrapper .entL{
		width:430px;
		float:left;
		}

	.entryWrapper .entR{
		width:440px;
		float:right;
		}

		.entryWrapper .entR h4{
			border-bottom:1px solid #000;
			font-size:18px;
			padding-bottom:8px;
			margin-bottom:15px;
			}

		.entryWrapper .entR .commentWrap{
			margin-bottom:15px;
			}

			.entryWrapper .entR .commentWrap h5{
				font-size:18px;
				margin-bottom:15px;
				}

			.entryWrapper .entR .commentWrap .cmmtL{
				float:left;
				width:110px;
				}

			.entryWrapper .entR .commentWrap .cmmtR{
				float:right;
				width:310px;
				}

		.entryWrapper .member{
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			padding:10px 0;
			font-size:14px !important;
			}



#nav-below{
	width:50%;
	margin:80px auto;
	font-size:16px;
	text-align:center;
	}

	#nav-below a{
		color:#000;
		}

	#nav-below a:hover{
		color:#ccc;
		}

		#nav-below .nav-next{
			padding:0 20px 0 0;
			}

		#nav-below .buildList{
			padding:8px;
			border:1px solid #000;
			}

		#nav-below .nav-previous{
			padding:0 0 0 20px;
			}


.wp-pagenavi {
	clear: both;
	text-align:center;
	margin:80px 0;
	}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 6px 8px;
	margin: 4px;
	color:#000;
	}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
	}

.wp-pagenavi span.current {
	font-weight: bold;
	}


}

/* ============================================================================================== */
@media screen and  (max-width:640px) {

/* container
---------------------------------------------------------------------- */
#container{
	width:100%;
	padding:20px 0 20px 0;
	}

/* header
---------------------------------------------------------------------- */
#header{
	width:100%;
	margin-bottom:20px;
	}

	#header h1{
		margin-bottom:20px;
		text-align:center;
		}

	#header ul{
		width:95%;
		margin:0 auto;
		}

		#header ul li.pageTitle{
			text-align:center;
			}

		#header ul li.tel{
			margin:0 auto 10px;
			width:90%;
			}

			#header ul li.tel img{
				width:100%;
				}

		#header ul li.contact{
			text-align:center;
			}

/* Wrap
---------------------------------------------------------------------- */
#wrap{
	width:90%;
	margin:0 auto 30px;
	}

	#wrap .mv{
		margin-bottom:30px;
		}

	#wrap .mv img{
		width:100%;
		}

/* pageTop
---------------------------------------------------------------------- */
.pageTop{
	width:95%;
	margin:0 auto 20px;
	}

	.pageTop p{
		width:150px;
		margin:0 0 0 auto;
		}


/* footer
---------------------------------------------------------------------- */
#footer {
	
	}

	#footer .footerInner{
		width:100%;
		}

		#footer .footerInner .contactL{
			width:211px;
			margin:0 auto 20px;
			}

		#footer .footerInner .contactR{
			width:100%;
			}

			#footer .footerInner .contactR .fiTop{
				margin-bottom:25px;
				}

				#footer .footerInner .contactR .fiTop p.tel{
					margin-bottom:10px;
					}

					#footer .footerInner .contactR .fiTop p.tel img{
						width:100%;
						}

				#footer .footerInner .contactR .fiTop p.mail{
					text-align:center;
					}

			#footer .footerInner .contactR .fiBottom p.footerLogo{
				text-align:center;
				margin-bottom:20px;
				}

			#footer .footerInner .contactR .fiBottom p.info img{
				width:100%;
				}

/* =============================================================

トップページ

============================================================= */
.listWrapper{
	margin-bottom:30px;
	}

	.listWrapper .inner{
		width:60%;
		margin:0 auto 20px;
		}

		.listWrapper .inner .photo{
			margin-bottom:15px;
			}

			.listWrapper .inner .photo img{
				width:100% !important;
				height:auto !important;
				}

		.listWrapper .inner .entryWrap h3{
			font-size:14px;
			font-weight:bold;
			margin-bottom:5px;
			}

			.listWrapper .inner .entryWrap h3 a{
				color:#000;
				}

			.listWrapper .inner .entryWrap h3 a:hover{
				color:#ccc;
				}

/* =============================================================

詳細ページ

============================================================= */
.entryWrapper {
	margin-bottom:80px;
	}

.entryWrapper h3{
	margin-bottom:5px;
	font-size:20px;
	}

.entryWrapper p.client{
	margin-bottom:30px;
	font-size:12px;
	}

.entryWrapper .entry{
	margin-bottom:40px;
	}

	.entryWrapper .entry p{
		margin-bottom:30px;
		}

.entryWrapper .mapWrap{
	margin-bottom:50px;
	}

	.entryWrapper .mapWrap p a{
		color:#fff;
		background: #004ea2;
		width: 100%;
		display: block;
		text-align: center;
		padding: 10px 0;
		}

		.entryWrapper .mapWrap p a:hover{
			background: #589edd;
			}


	.entryWrapper .entL{
		width:100%;
		margin-bottom:20px;
		}

	.entryWrapper .entR{
		width:100%;
		margin-bottom:20px;
		}

		.entryWrapper .entR h4{
			border-bottom:1px solid #000;
			font-size:16px;
			padding-bottom:8px;
			margin-bottom:15px;
			}

		.entryWrapper .entR .commentWrap{
			margin-bottom:15px;
			width:100%;
			}

			.entryWrapper .entR .commentWrap h5{
				font-size:16px;
				margin-bottom:15px;
				}

			.entryWrapper .entR .commentWrap .cmmtL{
				width:110px;
				margin:0 auto 15px auto;
				}

			.entryWrapper .entR .commentWrap .cmmtR{
				width:100%;
				margin-bottom:15px;
				}

		.entryWrapper .member{
			border-top:1px solid #000;
			border-bottom:1px solid #000;
			padding:10px 0;
			font-size:14px !important;
			}


#nav-below{
	width:50%;
	margin:80px auto;
	font-size:16px;
	text-align:center;
	}


	#nav-below a{
		color:#000;
		}

	#nav-below a:hover{
		color:#ccc;
		}

		#nav-below .nav-next{
			display:block;
			margin-bottom:5px;
			padding:8px;
			border:1px solid #000;
			}

		#nav-below .buildList{
			display:block;
			margin-bottom:5px;
			padding:8px;
			border:1px solid #000;
			}

		#nav-below .nav-previous{
			display:block;
			margin-bottom:5px;
			padding:8px;
			border:1px solid #000;
			}


.wp-pagenavi {
	clear: both;
	text-align:center;
	margin:80px 0;
	}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 6px 8px;
	margin: 4px;
	color:#000;
	}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
	}

.wp-pagenavi span.current {
	font-weight: bold;
	}


}