@charset "utf-8";


/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */



/* 全体
------------------------------------------------------------*/



/**************************
/* グリッド
**************************/
.gridWrapper{
clear:both;
padding:20px 0;
overflow:hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
float:left;
}

.grid2{
float:right;
}

.grid3{
	float:left;
}


.grid p{
padding:5px 10px;
}

.detail{height:160px;}

.grid ul{margin:5px 10px;}

.grid li{
padding:5px 0;
list-style:inside;
border-bottom:1px dashed #ebebeb;
}

.gridWrapper img{
max-width:100%;
height:auto;
}

.grid2 ul{margin:5px 10px;}

.grid2 li{
padding:5px 0;
list-style:inside;
border-bottom:1px dashed #ebebeb;
}

.grid3 ul{margin:5px 10px;}

.grid3 li{
padding:5px 0;
list-style:inside;
border-bottom:1px dashed #ebebeb;
}





/*************
メイン コンテンツ
*************/
section.content{
margin-bottom:20px;
font-size:14px;
overflow:hidden;
}

* html section.content{height:1%;}

section.content p{margin-bottom:5px;}

h3.heading,#sub .grid h3,#sub .grid2 h3{
padding:5px 10px;
margin-bottom:10px;
font-size:16px;
background:#f5f5f5;
border-left:7px solid #a7445a;  
}

#sub .grid h3,#sub .grid h3{margin-right:10px;}

.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

img.frame,#gallery img{
border:4px solid #fff;
box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.5);
}

#gallery .gridWrapper{
	padding:0;
	margin-left:30px;}

#gallery img{
margin:5px;
}

section#gallery{overflow:visible;}






/* PC用 */
@media print, screen and (min-width:960px){
	#wrapper,.inner{
	width:940px;
	padding:0;
	}
	
	#wrapper{padding-bottom:20px;}

#wrapper .logo_hd{
 position: absolute;
 top: 20px;
 left: 20px;
}

.logo_hd span{
font-size:12px;
font-weight:normal;
color:#333;
}


.info_hd{
 position: absolute;
 top: 20px;
 right: 20px;
}

.tel{
	color:#fff;
max-width:100%;
height:auto;
bottom:10px;
left:10px;
padding:10px 10px;
z-index:100;
background:url(images/tp2.png);
}

.tel strong{
font-size:20px;
font-weight:bold;
}


	
	#subpage #sub{
	float:left;
	width:235px;
	overflow:hidden;
	}
	
	/* グリッド */
	.grid{width:230px;}
	.grid2{width:230px;}
	.grid3{width:230px;}
	.col2{width:705px;}
	.col3{width:705px;}
	#gallery .grid{width:340px;}
	#subpage #sub .grid{
	width:100%;
	float:none;
	padding-bottom:30px;
	}
	
}