﻿@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Main styles
		2-5. Side styles
		2-6. Footer styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:link, a:visited { color:#333; text-decoration:underline; }
a:hover, a:active {	color:#333; text-decoration:none; }
html { background-color:#FFF; }
/* body#pageHome { background:url(../img/common/bg_top.gif) repeat-x;
} */



/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
#wrapper {
	min-width:960px;
	background:url(../img/common/bg_hader.gif) repeat-x;
}
#contents {
	clear:both;
	width:940px;
	margin:0 auto;
}
#contentsInner #main {
	width:940px;
	padding-bottom:0;
	margin-top:10px;
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
.spBlock {
	padding:24px 0 18px;
	background:#3A3A3C;
	display:none;
	text-align:center;
}

#header{
	width:940px;
	margin:0 auto;
	padding-top:7px;
}

#header #tagline {
	float:left;
	width:auto;
	padding-top:3px;
	font-size:12px;
	color:#666;
	margin-bottom:10px;
}
#header div ul {
	text-align:right;
}
#header div ul li {
	display:inline;
	width:auto;
	padding-left:15px;
}
#header div ul li a {
	color:#333333;
	background:url(../img/common/icon_arrow01.gif) no-repeat 0 55% ;
	padding-left:15px;
}
#logo {
	clear:both;
}


/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/

#navi{
	width:940px;
	height:65px;
	margin:10px auto 0 auto;
}

#navi li{
	float:left;
	background:url(../img/common/gnavi.gif) no-repeat;
}

#navi li a{
	display:block;
	width:156px;
	height:50px;
	background:url(../img/common/gnavi.gif) no-repeat;
	text-indent:-9999px;
}

#navi li#naviHome a{ background-position:0 0;}
#navi li#naviOrder a{width:157px !important ;  background-position:-156px 0;}
#navi li#naviDiscount a{ background-position:-313px 0;}
#navi li#naviList a{ width:157px !important ; background-position:-469px 0;}
#navi li#naviInstruction a{ background-position:-626px 0;}
#navi li#naviUseful a{ width:158px !important ; background-position:-782px 0;}

#navi li#naviHome.active  a,
#navi li#naviHome a:hover{ background-position:0 -50px;}

#navi li#naviOrder.active  a,
#navi li#naviOrder a:hover{ background-position:-156px -50px;}

#navi li#naviDiscount.active  a,
#navi li#naviDiscount a:hover{ background-position:-313px -50px;}

#navi li#naviList.active  a,
#navi li#naviList a:hover{ background-position:-469px -50px;}

#navi li#naviInstruction.active  a,
#navi li#naviInstruction a:hover{ background-position:-626px -50px;}

#navi li#naviUseful.active  a,
#navi li#naviUseful a:hover{ background-position:-782px -50px;}




/* ------------------------------------------------------------------
	2-4. Main styles
-------------------------------------------------------------------*/

#main{
	width:940px;
	margin:0 auto 50px auto;
}

.breadcrumbList{margin:10px 0 15px 0;}

.breadcrumbList li{
	float:left;
	font-size:12px;
	
}

.breadcrumbList li a{ text-decoration:underline; color:#333333;}
.breadcrumbList li a:hover{ text-decoration:none; color:#333333;}

.breadcrumbTop{
	background:url(../img/common/icon_arrow02.png) no-repeat left 50%;
	padding-left:15px;
	margin-right:5px;
}


.headline2{
	background:url(../img/home/bg_h3.gif) no-repeat;
	width:890px;
	height:37px;
	font-size:182%;
	color:#FFFFFF;
	padding:8px 25px 0 25px;
	margin-bottom:20px;
}

/* ------------------------------------------------------------------
	2-4-2. form style
-------------------------------------------------------------------*/

.headline3 {
	background:url(../img/estimate_c/bg_categoryttl.gif) no-repeat 0 100%;
	width:940px;
	height:38px;
	padding:0 0 4px;
	margin:15px 0;	
}
.headline3 span {
	display:block;	
	padding:11px 10px 8px 15px;
	font-weight:bold;
	font-size:18px;
}

.headline4 {
	background:url(../img/common/bg_headline04.gif) no-repeat 0 0;
	color:#FFF;
	font-size:28px;
	font-weight:bold;
	height:55px;
	padding:15px 0 0 78px;
	position:relative;
}
.headline4 span {
	display:block;
	font-size:15px;
	position:absolute;
	right:17px;
	top:24px;
	text-align:right;
	width:430px;
}

#main .tableForm .inputStyle {
	border:1px solid #999;
	/*color:#999;*/
	padding:4px 0 4px 9px;
	height:22px;
	font-size: 15px;
	text-align: left!important;
}

* html #main .tableForm .inputStyle {
	padding-top:7px;
	padding-bottom:1px;
}
*:first-child + html #main .tableForm .inputStyle {
	padding-top:7px;
	padding-bottom:1px;
}
@media \0screen {
#main .tableForm .inputStyle {
	padding-top:7px;
	padding-bottom:1px;
}
}

#main .tableForm .inputStyle.number{ width:85px; text-align:center;}
#main .tableForm .inputStyle.number01{ width:85px; text-align:center;}

#main .tableForm .inputName{
	border:1px solid #999;
	/*color:#999;*/
	padding:4px 0 4px 9px;
	height:22px;
	font-size: 15px;
	text-align: left!important;
	height:22px;
}

#main .tableForm .inputCode {
	height:20px;
	padding-right:9px;
	width:110px;
}
#main .textareaStyle {
	border:1px solid #999;
}
.requestForm {
}
.requestForm dt {
	padding-bottom:13px;
}
.requestForm dt input {
	margin:0 6px 0 0 !important;
}
.requestForm ul {
	border-top:2px solid #CCC;
}
.requestForm ul li {
	border:2px solid #CCC;
	border-top:none;
	display:table;
	width:936px;
}

.requestForm .checkBox{
	display:table-cell;
	width:30px;
	background:#f2f2f2;
	text-align:center;
	padding-top:10px;
	vertical-align:top;
}

.requestForm .leftBlock {
	width:648px;
	display:table-cell;
	border-right:1px solid #CCC;
	padding:5px 0;
}
.requestForm .checkList .leftBlock div.item {
	padding:3px 20px;
	border-top:1px dotted #cfcfcf;
	width:620px;
	margin:0;
}

.requestForm .checkList .leftBlock div.item:first-child{ border:none;}

.requestForm .leftBlock .checkItem {
	display:table-cell;
	width:110px;
	vertical-align:top;
	padding-top:10px;
}
.requestForm .inforText {
	width:495px;
	padding:10px 0;
	line-height:1.35;
	display:table-cell;
	vertical-align:middle;
}
.requestForm .inforText {
	font-size:14px;
}

.requestForm .inforText .title {
	padding-bottom:5px;
	font-size:18px;
	font-weight:bold;
	display:block;
	color:#e93c3d;
}
.requestForm .inforText .comment {
	font-size:11px;
}

* html .requestForm .leftBlock,
* html .requestForm .leftBlock p.checkItem,
* html .requestForm .inforText {
	display:inline;
}
*:first-child + html .requestForm .leftBlock,
*:first-child + html .requestForm .leftBlock p.checkItem,
*:first-child + html .requestForm .inforText {
	display:inline;
}
.requestForm .inforText .boxInner {
	padding-bottom: 0;
	width:450px;
}
.requestForm .rightBlock {
	display:table-cell;
	vertical-align: middle;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FE0002;
	line-height: 1.5;
}
* html .requestForm .rightBlock {
	display:inline;
}
*:first-child + html .requestForm .rightBlock {
	display:inline;
}
.requestForm .rightBlock span {
	font-size:14px;
	color:#7D7D7D;
}
.requestForm p.note {
	padding:9px 0 38px 3px;
	font-size:12px;
	color:#D00C0D;
}
ul.checkList li {
	cursor:pointer;
}
ul.checkList li.selected,
ul.checkList li.over {
	background:#f9f7e9;
}
.errorList li {
	padding:2px 9px 5px 18px;
	background:url(../img/common/icon_error.gif) no-repeat 0 4px;
	background:url(../img/common/icon_error.gif) no-repeat 0 2px\9;
	color:#FF0000;
	font-size:12px;
	text-align:left;
}
.error {
	background:#ffdee3;
	border:1px solid #e93c3d;
}
input.error {
	color:#666!important;
}
span.error {
	position:relative;
	top:2px;
	padding:0 9px 5px 30px;
	margin-left:5px;
	background:url(../img/common/icon_error.gif) no-repeat 0 0;
	color:#e93c3d;
	font-size:14px;
	border:none;
}
* html span.error {
	top:1px;
	padding:2px 9px 3px 18px;
}
*:first-child + html .postcode span.error {
	top:1px;
}
.upper span.error {
	display:inline-block;
	margin:0 0 7px 0;
}
.upper01 span.error {
	display:block;
	margin:0 0 7px 0;
}
.popup {
	min-width:800px;
	background:url(../img/common/bg_dot.gif) repeat 0 0;
}
.general {
	padding:19px 10px;
}
.general h2 {
	margin:0 0 14px 4px;
}
.general .box {
	padding-top:9px;
	background:url(../img/common/bg_box_top.gif) no-repeat 0 0;
	width:780px;
}
.general .boxInner {
	background:url(../img/common/bg_box.gif) repeat-y 0 0;
}
.general .boxDetail {
	padding:13px 19px 12px;
	background:url(../img/common/bg_box_bottom.gif) no-repeat 0 100%;
}
.general .box h3 {
	margin-bottom:6px;
	padding:0 0 3px 14px;
	background:url(../img/common/bg_headline.gif) no-repeat 0 0;
	color:#333;
	font-size:16px;
	font-weight:bold;
}
.general .box h3 em {
	color:#D00C0C;
	font-weight:bold;
}
.arrowImage {
	padding:10px 0;
	text-align:center;
}
/* p.submitButton {
	width:460px;
	height:70px;
	margin:23px auto 5px;
	background:url(../img/common/btn_confirm_h.png) no-repeat 0 0;
	text-align:center;
} */
p.submitButton .buttonImage {
	border:none !important;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:460px;
	height:70px;
	text-indent:-9999px;
}
.tableForm {
	width:100%;
}
.tableForm th,
.tableForm td {
	padding:12px 0 17px 0;
	vertical-align:top;
	border-bottom:1px dotted #a67c52;
}

.tableForm .last th,
.tableForm .last td{ border:none;}

.tableForm th span img {
	/* vertical-align:text-top; */
	margin-left:6px;
}
.tableForm td p,
.tableForm td ul {
	padding-bottom:5px;
}
.tableForm td li {
	display:inline;
}
.tableForm td span {
	padding-right:5px;
}

.tableForm .alignTop th,
.tableForm .alignTop td{
	background:none;
}

.buttonForm {
	margin:0 auto;	
	text-align:center;
}
.buttonForm02 {
	position:relative;
}
.buttonForm02 input {
	text-align:center;
	position:absolute;
	top:-200px;
	left:225px;
}
p.back{
	float:left;
}
p.back {
	padding-right:9px;
}
.imageButton {
	display:block;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
}
.banner {
	padding:11px 0 12px 33px;
	border-bottom:1px solid #ccc;	
}
/*input { color:#999; }*/
input.focusField { color:#333!important; }
input.fillField { color:#333!important; }

.element .tableForm {
	margin:3px 0 0;	
}
.element .tableForm tr th,
.element .tableForm tr td {
	height:31px;
}
.element .tableForm th,
.element .tableForm td {
	font-size:14px;
	padding:8px 0 10px 0;
	vertical-align:middle;
}
.element .tableForm  th {
	font-size:14px;
	width:180px;
	color:#8c6239;
	padding-left:15px;
	vertical-align:middle;
}

.tableForm .alignTop th {
	vertical-align: top;	
}
.tableForm .alignMidle th {
	vertical-align: middle!important;	
}
.tableForm .alignTop th,
.tableForm .alignTop td{
	background:none;
}

.tableForm .mailRow th{
	vertical-align:top;
	padding-top:15px;
}

.element .tableForm tr th.areaText {
	height:14px;
	padding-top: 17px;
}
.tableForm td span.special {
	padding:0 15px 0 0;	
}
.tableForm td input.size08,
.tableForm td input.size04,
.tableForm td input.size03,
.tableForm td input.size02,
.tableForm td input.size01 {
	padding:8px 0 6px 9px;
	width:141px;
	vertical-align:middle;
	border:1px solid #999;	
}
.tableForm td input.size02 {
	width:291px;
}
.tableForm td label {
	vertical-align:middle;	
}
.element .tableForm td label {
	margin-right:0;	
}
.tableForm td input.size03 {
	padding-left:9px;
	width:71px;
}
.tableForm td input.size07 {
	padding: 6px 0;
	width:66px;
	text-align: center;
}
.tableForm td input.size08 {
	margin-left: 4px;
	padding: 6px 0;
	width:82px;
	text-align: center;
}
.tableForm td input.size09 {
	width:140px;
}
.tableForm td input.size10 {
	width:47px;
	padding-right:7px!important;
	text-align:center;
}
.tableForm td input.size11 {
	width:390px;
}
.tableForm td select.size04 {
	width:124px;
}
.tableForm td select.size05 {
	width:300px;
}
.tableForm td .lightGrey {
	color:#666!important;
}
.tableForm td .darkGrey {
	color:#333!important;
}
.tableForm td ul.name {
	float:left;
}
.tableForm td ul.name li {
	padding:0 14px 0 0;	
	display:inline;
	width:auto;
}
.tableForm .gender li {
	margin:0 2px 0 0;	
}
.tableForm .birth li {
	margin-right:5px;	
}

.tableForm .birth li select {
	min-width:72px;
}
* html .tableForm .birth li select {
	width:72px;
}
*:first-child + html .tableForm .birth li select {
	width:72px;
}
.tableForm .birth li.select01 select {
	min-width:82px;
}
* html .tableForm .birth li.select01 select {
	width:82px;
}
*:first-child + html .tableForm .birth li.select01 select {
	width:82px;
}
.tableForm .phone li {
	background:url(../img/common/bg_line.gif) no-repeat 100% 15px;
	padding-right:29px;
	float:left;
}
.tableForm .phone {
	float:left;
}
.tableForm .phone li.phoneLast {
	background:none;
	padding-right:14px;	
}
.tableForm td input.size04 {
	width:222px;
	padding-left:8px;
}
.tableForm td span.note {
	vertical-align:middle;	
}
.tableForm td span.noteSpecial {
	position: relative;	
	display: block;
	margin-left: 264px;
	margin-top: -30px;
	margin-bottom: -5px;
	/* text-indent: -14px; */
}

.tableForm td .other {
	width:750px;
	height:96px;
	overflow:auto;
	resize: none;
	font-size: 12px;
	border:1px solid #999;
}
.tableForm td span.errorMessage {
	background:url(../img/common/icon_error.gif) no-repeat 0 50%;
	color:#F00;
	font-size:12px;
	padding:0 0 0 17px;
	margin-left:4px;
	display:inline;
	position: relative;
	top: 1px;
}
* html .tableForm td span.errorMessage {
	position: static;
	top: auto;
}
*:first-child + html .tableForm td span.errorMessage {
	background:url(../img/common/icon_error.gif) no-repeat 0 2px;
}
@media \0screen {
	.tableForm td span.errorMessage {
	background:url(../img/common/icon_error.gif) no-repeat 0 2px;
	top: 0;
}
}
.tableForm td ul.errorMessage {
	margin:6px 0 0 -11px;
	position:relative;
	float:left;
	vertical-align:middle;
}
@media \0screen {
.tableForm td ul.errorMessage {
	margin:5px 0 0 -11px;
}
}
.tableForm td ul.errorMessage li {
	background:url(../img/common/icon_error.gif) no-repeat 0 50%;
	color:#F00;   
	font-size:12px;
	padding:4px 0 5px 17px;
	margin-left:7px;
}
*:first-child + html .tableForm td ul.errorMessage {
	margin:8px 0 0 -11px;
}
*:first-child + html .tableForm td ul.errorMessage li {
	background:url(../img/common/icon_error.gif) no-repeat 0 2px;
}
@media \0screen {
.tableForm td ul.errorMessage li {
	background:url(../img/common/icon_error.gif) no-repeat 0 2px;
}
}
* html .tableForm td ul.errorMessage {
	margin:9px 0 0 -11px;
}
.tableForm td.email ul.errorMessage {
	float:none;
	margin:-4px 0 2px -8px;
	position: relative; 
}

*:first-child + html .tableForm td.email ul.errorMessage {
	float:none;
	margin:-4px 0 2px -8px;
	position: relative; 
}

.element .tableForm tr.verbTh th {
	vertical-align: bottom;
}

.element .tableForm tr.verbTh th label {
	bottom: 6px;
	position: relative;
}

.element .tableForm .lastRow th,
.element .tableForm .lastRow td{ border:none;}

.buttonStep2 {
	border:1px solid #cccccc;
	padding:15px;
	margin-top:20px;
	line-height:1.4em;
}

.buttonStep2 a{
	color: #e93c3d !important;
}

* html .buttonStep2 {
	padding:0;
	margin-top:28px;
}
.buttonStep2 p.back {
	padding-right:21px;
}
.buttonStep2 .imageButton {
	display:block;
	height:70px;
	width:400px;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
	margin:0 auto;
	
}
.buttonStep2 p.back .imageButton {
	height:70px;
	width:314px;
	background:url(../img/simulation/estimate_a/btn_simulation.gif) no-repeat 0 0;
}
.buttonStep2 p.next .imageButton {
	height:70px;
	width:400px;
	background:url(../img/estimate_c/btn_next.gif) no-repeat 0 0;
}
.buttonCenter {
	width:401px!important;
	margin:0 auto;
	display:block;
	padding:0;
	margin-top:22px;
}
div.tooltip {
	display:none;
	position:absolute;
	left:-82px;
	z-index:10;
	width:206px;
	padding-bottom:23px;
	background:url(../img/common/bg_tooltip_bottom.png) no-repeat 0 100%;
}
* html div.tooltip {
	background:url(../img/common/bg_tooltip_bottom_ie6.gif) no-repeat 0 100%;
}
div.tooltip div.tooltipInner {
	padding:8px 12px 0;
	background:url(../img/common/bg_tooltip_top.png) no-repeat 0 0;
	color:#FFF;
}
* html .tooltip div.tooltipInner {
	background:url(../img/common/bg_tooltip_top_ie6.gif) no-repeat 0 0;
}
div.tooltip div.tooltipInner p {
	padding-bottom:6px;
	font-size:12px;
	text-align:justify;
}
div.tooltip div.tooltipInner p.tipTitle {
	font-size:15px;
	font-weight:bold;
}
a.more {
	color: #e93c3d !important;
}

.text03{
	text-align:left;
	font-size:12px;
	color:#666666;
}

.formAttention{
	color:#8c6239;
	font-size:13px;
}


.buttonForm .imageButton{
	display:block;
	float:right;
	height:70px;
	width:400px;
	border:none;
	cursor:pointer;
	text-indent:-9999px;
	background:url(../img/estimate_c/btn_next02.gif) no-repeat 0 0;
}

.errorChoose .error{
	background:none;
	padding:0;
}


/* ------------------------------------------------------------------
	2-5. Side styles
-------------------------------------------------------------------*/

#side {
	float:right;
	width:162px;
}

#side ul li.estimateBnr {
	margin-bottom:20px !important;
}


/* ------------------------------------------------------------------
	2-6. Footer styles
-------------------------------------------------------------------*/

.toPpageTop{
	width:940px;
	margin:0 auto 20px auto;
	text-align:right;
}

/* RESET */

#globalLinks,
#footer {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 1;
	text-align: center;
}

/* COMMON
----------------------- */

/* list style */
.inlineList {
	list-style: none;
}
	.inlineList li {
		display: inline-block;
	}
	html*.inlineList li {
		display: inline;
		zoom: 1;
	}
/* for ie */
.pie {
	behavior: url(/hikkoshi/css/PIE.htc); 
	position: relative;
}
/* clear */
.clr:after {
	clear: both;
	content: "";
	display: block;
	font-size: .1em;
	line-height: 0;
	height: .1px;
	visibility: hidden;
}
/* for ie */
* html .clr {display:inline-block;}
/* no ie mac \*/
* html .clr {height:1%;}
.clr {display:block;}
/* */
*:first-child+html .clr {zoom:1;} 
/* placeholder */
input, textarea { color: #000; }
.placeholder { color: #aaa; }

/* PAGE BOTTOM AREA STYLE
----------------------- */
#seoText {
	background: #EDEDE2;
	border-top: 1px dotted #CDCDB1;
	position: relative;
}
#seoText-inner {
	margin: 0 auto;
	padding: 10px 0 10px;
	position: relative;
	text-align: left;
	width: 940px;

}
	#seoText-inner p {
		border-left: 4px solid #4B4738;
		font-size: 10px;
		color: #4B4738;
		padding-left: 11px;
	}

/* PAGE BOTTOM NAVIGATION
----------------------- */
#globalLinks {
	background: #575444 url(../img/common/bg_globak_links.gif) repeat 0 0;
	clear: both;
	color: #FFF;
	padding: 17px 0;
	text-align: center;
}
	#globalLinks .wrap {
		/*background: rgba(255,255,255,0.1);*/
		background: url(../img/common/bg_global_links.png) repeat 0 0;
		border-radius: 5px;
		padding: 15px 0 5px;
	}
	#globalLinks .title {
		border-left: 4px solid #FFF;
		font-size: 16px;
		font-weight:bold;
		margin-bottom: 17px;
		padding-left: 11px;
	}
	#globalLinks a {
		color: #FFF !important;
	}
	.ico.blank { 
		background: url(../img/common/ico_blank_global.gif) no-repeat 100% 25%; padding-right: 13px;
	}	#globalLinks a.ico.blank {
	    background-image: url(../img/common/ico_blank_global.gif);
	    padding-right: 15px;
	}
	#globalLinks-inner {
		margin: 0 auto;
		text-align: left;
		width: 940px;
	}
	#globalLinks-search {
		margin-bottom: 10px;
	}
		#globalLinks-search dl {
			padding: 0 15px;
			margin-bottom: 10px;
		}
		#globalLinks-search dt {
			float: left;
		}
		#globalLinks-search dt {
			width: 7.25em;
		}
		#globalLinks-search dd {
			margin-left: 90px;
			border-left: 1px dotted #FFF;
			padding-left: 1.25em;
		}
	#globalLinks-service {
	}
		#globalLinks-service ul {
				padding: 0 15px;
		}
		#globalLinks-service li {
			margin: 0 2em 10px 0;
		}
		#globalLinks-search_buy {
			line-height: 1.75em;
		}

/* FOOTER
----------------------- */
#footer {
	background: #FFF;
	border-bottom: 7px solid #CA0A37;
	clear: both;
	padding: 15px 0;
}

#footer-contact{
    border-top: 3px solid #575444;
}

#footer-inner{
	margin: 0 auto;
	width: 940px;
}
	footer a:link {
		color: #333;
		text-decoration: none;
	}
	#footer .nav {
		border-bottom: 1px dotted #333;
		margin-bottom: 15px;
		padding-bottom: 15px;
		text-align: left;
	}
	#footer-info {
		float: left;
		white-space: nowrap;
		word-break: keep-all;
	}
		#footer-info li {
			margin-right: 0.1em;
		}
		#footer-info a {
			background: url(../img/common/ico_arrow_red.gif) no-repeat 3px 50%;
			padding-left: 15px;
		}
		#footer-info a:link {
			text-decoration: none; 
		}
		#footer-info a:hover {
			text-decoration: underline; 
		}
	#footer-link {
		float: right;
		word-break: keep-all;
		white-space: nowrap;
	}
		#footer-link li {
			margin-left: 7px;
		}
		#footer-link a {
			background: #EEE;
			padding: 5px 10px;
			text-decoration: none;
		}
		#footer-link a:hover {
			opacity: .8;
		}

#copyright {
	font-size: 11px;
	line-height: 20px;
}
	#copyright img {
		margin-right: 5px;
		vertical-align: bottom;
	}
	#copyright a {
		
	}
	#copyright a:hover {
		opacity: .6;
	}


/* ------------------------------------------------------------------
	2-7. noscript styles
-------------------------------------------------------------------*/
.noscript{
	display:inline-block;
	width:100%;
	text-align:center;
	padding:5px;
	background:#f9f5f0;
	border-bottom:1px solid #ccc;
 }

/* ------------------------------------------------------------------
	2-7. btn styles
-------------------------------------------------------------------*/

.btnarea01{
	margin:15px 0 25px 0;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
	background:url(../img/home/bg_btnarea01.gif);
	padding:12px 53px;
	
	position:relative;
	behavior: url(/hikkoshi/css/PIE.htc);
}

.btnComparing{
	float:left;
}

.btnComparing a{
	display:block;
	width:374px;
	height:90px;
	background:url(../img/home/btn_comparing_on.png) no-repeat 0 0;
}

.btnOrder{ float:right;}

.btnOrder a{
	display:block;
	width:374px;
	height:90px;
	background:url(../img/home/btn_order_on.png) no-repeat 0 0;
}



