#wrap{
    width: 860px;
    margin: 0 auto;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

p{
    line-height: 150%;
    font-size: 90%;
}

.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.clearfix{display: inline-block;} 

/* Hides from IE Mac \*/
* html .clearfix {height: 1%;}
.clearfix{display:block;}
/* End Hack */ 


/* Header 
*******************************/

#header #information {
    background-color: #f0f2f3;
    padding: 20px 36px;
}

#header h1 {
    margin: 0;
    font-size: 100%;
}

#header p {
    line-height: 150%;
    color: #333;
}

#header {
    margin-bottom: 20px;
}


/* リスト */
ol.topic-path {
margin: 0; /* マージン（上下左右） */
padding: 0px 0px; /* パディング（上下、左右） */
background-color: ; /* 背景色 */
list-style-type: none; /* リストマーク非表示 */
font-size: 50%; /* 文字サイズ */
}
/* リスト項目 */
ol.topic-path li {
padding-left: 5px; /* 左パディング */
display: inline; /* 項目を横並び */
}
/* リスト項目（最初の項目） */
ol.topic-path li.first {
padding-left: 0px; /* 左パディング */
background: url(../image/topic-path-home-gray.png) no-repeat left; /* ホーム記号（※） */
}
/* リンクエリア */
ol.topic-path li a {
padding-right: 18px; /* 右パディング */
background: url(../image/topic-path-gray.gif) no-repeat right; /* 矢印記号（※） */
}
/* リンク色 */
ol.topic-path li a {
color: ;
}
/* リンク色（マウスオーバー） */
ol.topic-path li a:hover {
color: ;
}




/* Main
*******************************/
#mainwrap{
    width: 538px;
    float: left;
    margin-left: 36px;
}

.step {
    margin-top: 20px;
}

.step h1{
    margin-bottom: 0px;
}

.step p{
    margin: 0 0 30px;
}

.step radio{
    margin-right: 20px;
}

.step h2{
    padding: 6px 0;
    text-align: center;
    color: #fff;
    font-size: 100%;
    font-weight: normal;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #00C0A4;
}

.step h2.on{
    background: #00C0A4 url('img/handle-up.png') no-repeat 505px 10px;
    cursor: pointer;
}
.step h2.off{
    background: #00C0A4 url('img/handle-down.png') no-repeat 505px 10px;
    cursor: pointer;
}

.steptitle {
    color: #A2B3B8;
    font-size:15px;
}

a:link { color:#10A3DD; }
a:visited { color:#10A3DD; }
a:hover { color:#10A3DD; }
a:active { color:#10A3DD; }
a {text-decoration: none;}


.step .box-text {
    display: block;
    padding-left: 10px;
    color: #999;
    font-size: 75%;
}

/* Step1 */
#step1 .box {
    width: 179px;
    float: left;
    margin-bottom: 10px;
}

#step1 label {
    font-size: 100%;
    font-weight: bold;
}

/* Step2 */
#step2 .annotation {
    color: #FC2A00;
    font-size: 80%;
}

#step2 #num{
    font-size: 20px;
    height: 24px;
    width: 100px;
    text-align: right;
}

/* Step3 */
#step3 .box{
    width: 250px;
    float: left;
    margin-bottom: 1em;
}

#step3 .box:nth-child(odd){
  content: "";
  clear: both;
  display: block;
}

/* Step4 */
#step4 .box{
    width: 130px;
    float: left;
    margin-bottom: 1em;
}

#step4 img{
    vertical-align: middle;
    margin-bottom: 4px
}

#step4 .box-text{
    padding-left: 26px;
}

#step4 .banner{
    text-align: center;
    margin: 30px 0 10px;
}

#step4 .annotation{
    font-size: 78%;
    color:#636363;
}

#step4 .box-wide {
    margin-bottom: 20px;
}

#step4 .box-wide label {
    display: inline-block;
    width: 180px;
    font-weight: bold;
}


/* Step5 */
#step5 .box{
    width: 130px;
    float: left;
    margin-bottom: 1em;
}

#step5 img{
    vertical-align: middle;
    margin-bottom: 4px
}

#step5 .box-text{
    padding-left: 26px;
}

/* Step6 */

#step6 .box{
    width: 176px;
    float: left;
    margin-bottom: 1em;
}

#step6 .box-mini{
    width: 106px;
    float: left;
    margin-bottom: 1em;
}

#step6 img{
    vertical-align: middle;
    margin-bottom: 4px
}

#step6 .box-text{
    padding-left: 26px;
}

#step6 .box-wide{
	margin-bottom: 20px;
}

#step6 .box-wide p{
	margin-bottom: 0px;
}

#step6 .box-wide label{
    float: left;
    margin-right: 15px;
    width: 180px;
}


/* Side 
***********************************/
#sidewrap{
    width: 230px;
    float: right;
    position: relative;
}
#sidewrap #sidemove{
    width: 230px;
    position: absolute;
    top: 0;
    left: 0;
}

#sidewrap #result{
    border: #00C0A4 2px solid; /*7C6B66*/
    font-size: 80%;
    margin-bottom: 20px;
}
#sidewrap h1{
    background-color: #00C0A4; /*7C6B66*/
    margin: 0 0 10px;
    color: #fff;
    text-align: center;
    font-size: 100%;
    padding: 6px;
}

#sidewrap .annotation{
	font-size: 15px;
    color:#AAAAAA;
}

#sidewrap .meisai{
	border-top: 1px solid #00C0A4; /*7C6B66*/
	margin-top: 6px;
	padding-top: 6px;
}

#sidewrap ul{
    padding: 0;
    margin: 0;
}
#sidewrap li{
    list-style: none;
	text-indent: -8px;
	padding-left: 16px;
	font-size: 90%;
	margin-bottom: 6px;
}
.mark{
    color: #DBA55E;  /*DBA55E*/
    display: inline-block;
    margin-right: 4px;
}

#result .box{
    padding: 0 10px 10px;
}

#sidewrap h2{
    margin: 0px 0 0;
}

#sidewrap #price{
    width: 100px;
    margin-right: 6px;
    font-size: 20px;
    text-align: right;
}

#sidewrap #preview{
    border: #00C0A4 2px solid;　/*7C6B66*/
    font-size: 80%;
    margin-bottom: 20px;
    text-align: center;
}

#sidewrap #preview .box{
	position: relative;
	height:215px
}

#sidewrap #preview .img-haku{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
#sidewrap #preview .img-himo{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 95;
}
#sidewrap #preview .img-paper{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 90;
}

#estimate{
	text-align: center;
	margin-top: 50px;
}

.error{
	color: #f00;
	font-weight: bold;
	font-size: 80%;
	margin: 10px 0;
}

select:disabled{
	background-color: #eee;
	color: #aaa;
}



/* FOOTER 
*************************************/
#footer{
	width: 860px;
	margin-top: 40px;
}

#footer .footerbox_left{
	width: 190px;
	float:left;
	margin-bottom: 25px;
}

#footer .footerbox_left ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#footer .footerbox_left li{
	padding: 0;
	margin: 0;
	font-size: 8pt;
}

#footer .footerbox_border{
	border-left: 1px solid gray;
	padding-left: 9px;
}

#footer .top_bottommenu2_drive{
	color: #000;
}

#footer .footer_seolink{
	border-top: 1px #A6A6A6 dotted;
	clear: both;
	color: #c8c8c8;
	padding-top: 5px;
	text-align: center;
}

#footer .footer_seolink a{
	color: #c8c8c8;
	font-size: 7pt;
	margin: 0 15px;
}
#footer .footer_seolink a:link{
	color: #c8c8c8;
	font-size: 7pt;
	text-decration: none;
}
#footer .footer_seolink a:active{
	color: #c8c8c8;
	font-size: 7pt;
	text-decration: none;
}
#footer .footer_seolink a:visited{
	color: #c8c8c8;
	font-size: 7pt;
	text-decration: none;
}
#footer .footer_seolink a:hover{
	color: #c8c8c8;
	font-size: 7pt;
	text-decration: underline;
}

#footer .copy_syasen{
	margin: 10px 0;
}

#footer .copy{
	font-family: Arial,Helvetica,sans-serif;
	text-align: center;
	font-size: 7pt;
	padding-bottom: 5;
}

/* フォーム 
*************************************/

#formwrap{
	width: 800px;
	margin: 0 auto;
}

#formwrap h2{
	font-size: 120%;
	margin: 0 0 10px;
}

table.formtable {
	border-collapse: collapse;
	width: 800px;
}

.formtable th{
	background-color: #ccc;
	border: 1px solid #dcdcdc;
	padding: 8px;
	width: 200px;
	text-align: left;
	font-weight: normal;
}

.formtable td{
	background-color: #fff;
	border: 1px solid #dcdcdc;
	padding: 8px;
}

.formtable .add_label{
	display: inline-block;
	width: 100px;
}

.btn{
	padding: 6px 20px;
}

.tc{
	text-align: center;
}

.mt20{
	margin-top: 20px;
}
/* 見積内容 */
.itembox{
	margin-bottom: 20px;
}

.itembox table{
	border: 1px solid #00C0A4;
	border-collapse: collapse;
	width: 100%;
}
.itembox table th{
	border: 1px solid #00C0A4;
	text-align: left;
	padding: 4px 6px;
	background-color: #e1fffb;
	font-weight: normal;
	width: 200px;
}
.itembox table td{
	border: 1px solid #00C0A4;
	padding: 4px 6px;
}

label.error{
	display: inline-block;
	margin-left: 10px;
	color: #a00;
}

/* 合計金額の数字色 */
input#price {
    color: #FF8052;
}





/* マウスオーバーでリンク画像の色が薄くなる */
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background:none!important;
}