@charset "UTF-8";

/* -------------------------------------------------------------------
 下層ページ印刷用CSS
------------------------------------------------------------------- */

/* -------------------------------------------------------------------
 基本設定
------------------------------------------------------------------- */

/* 基本フォント -------------------- */

body {
	color: #333333;
	font-family: Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

address,em {
	font-style: normal;
}

input { 
	vertical-align: middle;
}

/*\*/
* html body {
	font-size: 75%;
}
* html table {
	font-size: 100%;
	line-height: 1.5;
}
*:first-child + html body {
	font-size: 75%;
}
/**/


/* 基本タグ -------------------- */

body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,pre,form,input,textarea {
	margin: 0px;
	padding: 0px;
}

img,table {
	border: none;
}

ol,ul {
	list-style: none;
}


/* 基本テキストリンク -------------------- */

a {
	text-decoration: underline;
}
a:link {
	color: #718B11;
}
a:visited {
	color: #718B11;
}
a:hover {
	color: #FFCC00;
}
a:active {
	color: #718B11;
}


/* -------------------------------------------------------------------
 float解除
------------------------------------------------------------------- */

br.clr /* テスト用 */ {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/**/


body{
	background: none;
	width: 100%;
}

div#hd {
	display: 100%;
}

div#hd h1{
	margin: 15px 0px;
	font-size: 115%;
}

div#hd p{
	display: none;
}

div#ct-area{
	width: 100%;
	background: none;
}

p.location {
	display: none;
}

div#ct-left{
	width: 100%;
}

p.hd-ad{
	display: none;
}

.sub-title{
	margin-bottom: 10px;
	padding: 7px 5px 7px 5px;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 115%;
	background: url(../img/sub_title01.png) repeat-x bottom;
}

.sub-title-low{
	margin: 10px;
	padding: 7px 5px 7px 5px;
	letter-spacing: 0.2em;
	font-weight: bold;
	font-size: 115%;
	background: url(../img/sub_title01.png) repeat-x bottom;
}

.sub-title02{
	margin: 25px 0px 10px 0px;
	padding: 2px 5px;
	letter-spacing: 0.2em;
	background: #718B11;
	font-weight: bold;
	font-size: 115%;
	color: #FFFFFF;
	clear: both;
}

/* 事例詳細ページ -------------------- */

div#case-detail{
	width: 100%;
}

div#case-detail div.photo-box{
	width: 650px;
	margin-bottom: 15px;
}

div#case-detail div.photo-box .photo01{
	width: 450px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	float: left;
}

div#case-detail div.photo-box .photo02{
	width: 179px;
	float: right;
}

div#case-detail div.photo-box .photo02 p{
	width: 175px;
	margin-bottom: 10px;
	padding: 2px;
	border: 1px solid #CCCCCC;
}

div#case-detail p.total-price{
	margin: 25px 0px 20px 0px;
	padding: 7px;
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
	background: url(../img/bg_price.png) repeat-x bottom;
	border: 1px solid #718B11;
	clear: both;
}

div#case-detail p.total-price span{
	margin-left: 5px;
	color: #FF3300;
	font-size: 130%;
}

div#case-detail .detail-list01{
	width: 100%;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

div#case-detail .detail-list01 th{
	width: 20%;
	padding: 2px 5px;
	font-weight: bold;
	background: #F4F3D5;
	border: 1px solid #CCCCCC;
	text-align: left;
}

div#case-detail .detail-list01 td{
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
}

div#case-detail .detail-list01 td.company{
	font-size: 115%;
}

div#case-detail .detail-list01 td.tel{
	font-size: 115%;
	color: #FF3300;
}

div#case-detail .detail-list02{
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

div#case-detail .detail-list02 th{
	width: 20%;
	padding: 2px 5px;
	font-weight: bold;
	background: #EFEFEF;
	border: 1px solid #CCCCCC;
	text-align: left;
}

div#case-detail .detail-list02 th span{
	margin-right: 10px;
	font-size: 115%;
	color: #FF3300;
}

div#case-detail .detail-list02 th.read01{
	width: 80%;
	background: #ECE9D8;
}

div#case-detail .detail-list02 th.read02{
	width: 80%;
	background: #95BFEA;
}

div#case-detail .detail-list02 th.read03{
	width: 80%;
	background: #99CC99;
}

div#case-detail .detail-list02 td{
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
}

div#case-detail .detail-list02 td.price{
	width: 20%;
	text-align: right;
	font-weight: bold;
	font-size: 120%;
	color: #FF3300;
}

div#case-detail .print-btn{
	margin: 20px 0px;
	text-align: center;
}

div#case-detail .newPage { 
	page-break-before: always;
}

div#ct-right{
	display: none;
	background: none;
}

p.page-top{
	display: none;
}

p.print-btn{
	display: none;
}

div#ft{
	display: none;
	background: none;
}