@charset "UTF-8";


#content {
	background-image: none !important;
	}

/* コンテンツ内のナビゲーション
--------------------------------------------------*/
#contentnavi {
	float: left;
	width: 228px;
	}
#contentnavi ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
#contentnavi ul li {
	background: linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	background: -moz-linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), color-stop(0.3, #FFF), to(#EEE));
	border: 1px solid #999;
	margin-bottom: 5px;
	padding: 10px;
	}
#contentnavi ul li:before {
	position: absolute;
	content: "▲";
	color: #06C;
	transform: rotate( 90deg );
	-moz-transform: rotate( 90deg );
	-webkit-transform: rotate( 90deg );
	}
#contentnavi ul li span {
	margin-left: 15px;
	}

/* コンテンツ内容
--------------------------------------------------*/
#maincontent {
	float: right;
	width: 692px;
	}

/* お問い合わせ
--------------------------------------------------*/
#otoiawase {
	margin-top: 50px;
	}
#otoiawase p {
	margin-bottom: 30px;
	margin-left: 12px;
	}

/* Q&A
--------------------------------------------------*/
.faq {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 12px;
	}
.faq div {
	margin-bottom: 20px;
	border: 1px solid #999;
	border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url("/PIE.htc");
	position: rerative;
	}
.faq div h4 {
	font-size: 14px;
	color: #036;
	text-indent: -26px;
	padding: 10px 10px 10px 36px;
	}
.faq div h4.q {
	background: linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	background: -ms-linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	background: -moz-linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(0.3, #FFF),to(#EEE));
	-pie-background: linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	behavior: url(/PIE.htc);
	position: relative;
	border-bottom: 1px solid #999;
	}
.faq div h4 span {
	background: #FFFACD;
	}
.faq div p {
	margin: 0 15px 10px 37px;
	}

/* 手順
--------------------------------------------------*/
.step {
	width: 676px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 12px;
	border: 1px solid #666;
	}
.step h3 {
	background-image: none !important;
	background: linear-gradient(top, rgba(0,102,204,1), #06C 50%, #0958a7 50%, #0958a7) !important;
	background: -moz-linear-gradient(top, rgba(0,102,204,1), #06C 50%, #0958a7 50%, #0958a7) !important;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,102,204,1)),color-stop(0.5, #06C),color-stop(0.5, #0958a7),to(#0958a7)) !important;
	color: #FFF !important;
	padding: 5px;
	border-left: none !important;
	}
.step table {
	width: 646px;
	margin: 15px;
	}
.step table tbody tr th {
	font-size: 14px;
	color: #06C;
	background: linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	background: -moz-linear-gradient(top, rgba(255,255,255,0), #FFF 30%, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),color-stop(0.3, #FFF),to(#EEE));
	padding: 10px;
	border-top: 1px solid #06C;
	border-bottom: 1px solid #06C;
	border-left: 1px solid #06C;
	}
.step table tbody tr td {
	padding: 10px;
	}
.step table tbody tr td.detail {
	border: 1px solid #06C;
	}
.step table tbody tr td.detail p {
	margin-top: 6px;
	margin-bottom: 6px;
	}
.step table tbody tr td.detail p span {
	font-size: 13px;
	font-weight: bold;
	}

/* フォーム
--------------------------------------------------*/
#orderform {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 12px;
	}
#orderform .hissu {
	color: #CC0000;
	margin-right: 3px;
	}
#orderform table {
	width: 676px;
	border-collapse: collapse;
	}
#orderform table tr th {
	font-weight: normal;
	background: #E0FFFF;
	text-align: left;
	padding-left: 7px;
	}
#orderform table tr td.midashi {
	font-weight: bold;
	background: #EEE;
	}