@charset "utf-8";
/* CSS Document */

/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/

#contents{
	width:96%;
	margin:0 auto 50px;
}

/*---------- メインビジュアル -------------*/
#main_visual{
	border-bottom:2px solid #000;
	border-top:2px solid #000;
}

#main_visual img{
	clear:both;
	width:100%;
	vertical-align:bottom;
}

/*---- タイトルテキスト ----*/
h3.contents_title{
	width:100%;
	margin:0 auto;
	font-size:116%;
	color:#434343;
	text-align:center;
	padding-top:30px;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
}

h3.contents_title::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color:#862442;
}

.step{
	text-align:center;
	font-size:116%;
	color:#535353;
	font-weight:bold;
	padding:30px 0 0 0;
}

/*画像と説明文の枠*/
.back{
	margin:10px auto 0;
}

/*左側の画像*/
.hp_pic img{
	display:block;
	margin:0 auto !important;
	width:96%;
	height:auto;
	overflow:hidden;
	margin:10px 0 0 0;
	box-shadow: rgba(83, 83, 83, 0.870588) 2px 1px 3px 0px;
    -webkit-box-shadow: rgba(83, 83, 83, 0.870588) 2px 1px 3px 0px;
    -moz-box-shadow: rgba(83, 83, 83, 0.870588) 2px 1px 3px 0px;
}

/*⑤ 完成・納品の画像*/
.hp_pic03 img{
	display:block;
	margin:5px auto 10px;
	width:96%;
	height:auto;
	overflow:hidden;
	box-shadow: rgba(83, 83, 83, 0.870588) 2px 1px 3px 0px;
    -webkit-box-shadow: rgba(83, 83, 83, 0.870588) 2px 1px 3px 0px;
    -moz-box-shadow: rgba(83, 83, 83, 0.870588) 2px 1px 3px 0px;
}

/*説明文テキスト*/
.homepage_text{
	font-size:116%;
	color:#535353;
	text-align:justify;
	padding:0 10px 10px 10px;
}


/*///////　テーブル　/////////*/
#table_box{
    margin:10px auto 0;
}

table.listing_price {
	border: 1px solid #a4a4a4;
	width: 100%;
}

table.listing_price th {
	width: 36%;
	padding:5px 0px;
	background:#7e7e7e;
	font-size:77%;
	font-weight: bold;
	color: #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align:center;
}

.row02{
	border-bottom: none !important;
}

table.listing_price td.centaer_box{
	width:20%;
	background:#b6b6b6;
	padding:5px;
	font-weight:bold;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	text-align:center;
	font-size:77%;
}

table.listing_price td.centaer_box02{
	width:20%;
	background:#df7373;
	padding:5px;
	font-weight:bold;
	border-right: 1px solid #FFF;
	color: #FFF;
	text-align:center;
	border-bottom: none;
	font-size:77%;
}

table.listing_price td {
	padding: 5px;
	background:#fff;
	border-bottom: 1px solid #ccc;
	color:#535353;
	font-size:93%;
	text-align:justify;
}

table.listing_price td.last{
	border:none !important;
}