
big {
font-size: 14px;
font-weight: bold;
letter-spacing:1px;
}
small{font-size:11px;}

/* ページヘッダ */
.header_title{
	width:100%;
	background-image: url(../img/udimg/menuback.gif); background-position:center;
	font-size:24px; text-align:left; color:#a57954;
letter-spacing:0.15em;
padding:8px 0 6px;margin:0 0 5px; 
text-shadow:2px 2px 2px #a4aa97;
-webkit-text-shadow:2px 2px 2px #a4aa97;
-moz-text-shadow:2px 2px 2px #a4aa97;
}
.header_title p{ margin:0 0 0 25px; padding:0; }



/****************  個別データ *****************/
/* データ タイトル */
.dtitle{
	text-align:left;
	color:#ffffff;
	font-size:15px;
	letter-spacing:1px;
	/*font-weight:bold;*/
	background-color:#aeb6bd;
	margin:0 0 5px;  text-shadow: 0.1px 0.1px 0.4px #eeeeee;
}
.dtitle p{margin:0;padding:5px 0 5px 15px;}


/* New! */
.newmark_d{
	color:#ff0000;font-weight:bold;
	font-size:12px;
	padding-right:5px; 
}
/* 画像大表示 */
.pictarea{
	vertical-align:bottom;
	text-align:center; 
	padding:0;
/* 外枠装飾 */
box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
}
.pictarea img{margin:0;padding:0;vertical-align:bottom;}



/***** サムネイル表示 *****/
#pcontents{
	display: table;
	table-layout: fixed;
	margin:10px 0 0;
	box-sizing: border-box;
	background-color: #cbe1d9;
}
.sum {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	background-color: #cbe1d9;
}
.sum img{ padding:0;margin:0;}

#ifrmpano { 
vertical-align: bottom;
margin:0;padding:0;
}
/* コメント */
#pano_come {
padding:7px 10px 7px; 
text-align:left;
line-height:1.4;
}

#pano_come p { margin:0; padding:8px; }

/* パノ注釈 */
#panotxt{
margin:13px 2px 0;line-height:1.5;font-size:12px
}
/* 360パノラマ   ff758e 00dcff  */
.pano360{ 
	font-size:13px; color:#ffff00; font-weight:bold;
	text-shadow: 1px 1px 5px #ff0000;
	position: relative; top:-25px;
}
#panosum{position: relative; top:8px;}



/* 「施工例一覧」タイトル */
.stitle{
	text-align:left;
	color:#ffffff;
	font-size:15px;
	letter-spacing:1px;
	/*font-weight:bold;*/
	background-color:#aeb6bd;
	margin:20px 0 10px;  text-shadow: 0.2px 0.1px 0.4px #eeeeee;
}
.stitle p{margin:0;padding:5px 0 5px 15px;}





/****************  一覧表示 *****************/
/* 外枠 */
.outtable ul{margin:0; padding:0;}
.outtable li{ float:left;list-style-type:none; text-align:center; letter-spacing:0.05em;margin:0 0 2px;}
/* 内枠 */
.intable{
	width:104px;height:134px;padding:2px 0 0;
	vertical-align:top;
	text-align:center; 
	color:#555555;
	border:2px solid #ffffff;
}
/* 内枠(選択) */
.intable2{
	width:104px;height:134px;padding:2px 0 0;
	vertical-align:top;
	text-align:center; 
	color:#555555;
	border:2px solid #ae8e9f;
}

/* 画像 */
.pimage{
	width:100px;
	margin:0 auto 2px;
}
/* New! */
.newmark{
	color:#ff0000;margin:0;padding:0;
	font-size:10px;
}
/* タイトル */
.ptitle{
	font-size:10px;
}

/**========================= ======================================= **/

/* --様邸Title */
.dtitle{width:800px;}
/* 施工例一覧Title */
.stitle{width:800px;}
/* 施工例小画 */
.outtable{width:800px;}
/* 画像大表示 */
.pictarea{width:800px;}
/* sum */
#pcontents{ width:800px;padding: 15px 15px;}
.sum img{ width:100px; }
/* パノframe高さ */
#ifrmpano { height:430px;}



/********** 800未満 タブ *****/
@media screen and (max-width:800px){ 
.dtitle{width:100%;clear: both;}
.stitle{width:100%;}
.outtable{width:100%;}
.pictarea{width:100%;}
#pcontents{ width:100%;padding:10px 10px;}

#ifrmpano { height:350px;}
.pano360{ font-size:11px;}
.header_title{font-size:22px;}
}

/********* スマ 650未満 ******/
@media screen and (max-width:650px){ 
.sum img{ width:88%; }
}


