@charset "Shift_JIS";

/*=========================================================================

 ご利用ガイド

=========================================================================*/

/* 基本レイアウト
-------------------------------------------------------------------------*/
#contents {
	width: 990px;
	max-width: 1245px;
	min-width: 990px;
}
@media(min-width:0px){ /* modern browser */
	#contents {
		width: auto;
	}
}
#contents .spFrm {
	margin: 0 20px;
}
#breadcrumb a {
	color: #333;
}
#columnLayout {
	position: relative;
	overflow: hidden;
}
#guideTitle {
	position: absolute;
	width: 220px;
	height: 30px;
}
#guideTitle p.title {
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}
#guideTitle p.title a:link ,
#guideTitle p.title a:visited ,
#guideTitle p.title a:hover {
	color: #373737;
	text-decoration: none;
}
#guideTitle .guideTopLink {
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 12px;
	line-height: 20px;
	padding: 0 0 0 20px;
	background: url(/guide/images/common/icon_arrow_ball.gif) no-repeat left center;
	z-index: 100;
}
#guideTitle .guideTopLink a {
	color: #333;
	text-decoration: none;
}
#guideTitle .guideTopLink a:hover {
	color: #b21818;
	text-decoration: underline;
}
#guideTitle #guideMenuNav {
	display: none;
}
#guideMain {
	float: right;
	width: 100%;
	margin-left: -240px;
}
#guideMain .inner {
	margin-left: 240px;
}
#guideSub {
	float: left;
	width: 220px;
	padding: 30px 0 20px;
}


/* ガイドメニュー
-------------------------------------------------------------------------*/
#siteSearchBlock {
	font-size: 13px;
	margin: 0 0 15px;
	padding: 10px;
	background: #f0f0f0;
	border-top: 2px solid #404040;
}
#siteSearchBlock fieldset {
	position: relative;
	height: 26px;
	padding: 0 26px 0 0;
	border: none;
}
#siteSearchBlock legend {
	display: none;
}
#siteSearchBlock input#searchGuide {
	width: 100%;
	height: 26px;
	line-height: 26px;
	color: #888888;
	padding: 0 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#siteSearchBlock button {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 26px;
	height: 26px;
	background: #333 url(/guide/images/common/btn_sitesearch.gif) no-repeat center center;
	border: none;
	text-indent: -777px;
	overflow: hidden;
	cursor: pointer;
}
#guideMenu {
	font-size: 13px;
}
#guideMenu h2 {
	margin: 0 0 20px;
	padding: 10px 0;
	border-bottom: 1px dashed #999;
}
#guideMenu h2.guideTopLink {
	display: none;
}
#guideMenu h3 {
	padding: 2px 0 2px 8px;
	border-left: 4px solid #333;
}
#guideMenu a {
	display: block;
	font-weight: normal;
	color: #333;
	padding: 2px 5px 2px 20px;
	background: url(/guide/images/common/icon_arrow.gif) no-repeat 7px 8px;
	text-decoration: none;
}
#guideMenu a:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}
#guideMenu .groupTitle {
	color: #333;
	padding: 2px 5px 2px 20px;
	background: url(/guide/images/common/icon_arrow_close.gif) no-repeat 7px 8px;
	cursor: pointer;
}
#guideMenu .groupTitle:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}
#guideMenu ul {
	margin: 0;
	padding: 5px 0 15px;
	overflow: hidden;
}
#guideMenu ul li {
	margin: 10px 0;
	padding: 0;
	overflow: hidden;
}
#guideMenu ul ul {
	display: none;
	margin: 0 0 10px;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #999;
}
#guideMenu ul li.active .groupTitle {
	color: #fff;
	background: #999 url(/guide/images/common/icon_arrow_open.gif) no-repeat 7px 8px;
	text-decoration: none;
}
#guideMenu ul li.active ul a {
	color: #333;
	background-color: transparent;
}
#guideMenu ul li.active ul a:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}
#guideMenu ul li.guideQa.active a {
	color: #fff !important;
	background: #999 url(/guide/images/common/icon_arrow_white.gif) no-repeat 7px 8px;
	text-decoration: none;
}
#guideMenu ul li.contact a span {
	display: inline-block;
	padding: 0 15px 0 0;
	background: url(/guide/images/common/icon_blank.gif) no-repeat right center;
}
#guideMenu .spClose {
	display: none;
}


/* 基本スタイル
-------------------------------------------------------------------------*/
#guideMain {
	font-size: 14px;
}
#guideMain h3 {
	font-size: 16px;
	margin: 60px 0 20px;
	padding: 10px;
	border-top: 2px solid #333;
	border-bottom: 1px dotted #999;
}
#guideMain h3.first {
	margin-top: 20px;
}
#guideMain h4 {
	font-size: 16px;
	margin: 40px 0 20px;
	padding: 10px;
	background: #f0f0f0;
}
#guideMain h4.first {
	margin-top: 20px;
}
#guideMain h5 {
	font-size: 16px;
}
#guideMain p {
	margin: 0 0 20px;
}
#guideMain ul {
	margin: 5px 0;
	padding: 0;
}
#guideMain li {
	margin: 5px 0;
	padding: 0 0 0 20px;
	background: url(/guide/images/common/icon_list.gif) no-repeat 2px .4em;
	list-style-type: none;
}
#guideMain table {
	width: 100%;
	margin: 15px 0;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
}
#guideMain table th,
#guideMain table td {
	padding: 8px;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	text-align: left;
}
#guideMain table th {
	background: #f0f0f0;
}
#guideMain span.orange {
	color: #fe6000;
}
#guideMain .columnBox {
	margin: 10px;
}
#guideMain .annotation {
	padding-left: 1em;
	text-indent: -1em;
	margin: 5px 0;
}
#guideMain .annotation span.orange {
	margin: 0 5px 0 0;
}
#guideMain .linkbox {
	display: inline-block;
	color: #3c549b;
	margin: 8px 0;
	padding: 8px 12px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: underline;
	white-space: nowrap;
}
#guideMain .linkbox:hover {
	color: #b21818;
	border-color: #b21818;
}
#guideMain .linkbox img {
	margin: 0 5px 0 0;
	vertical-align: middle;
}
#guideMain .linkbox .blank {
	display: inline-block;
	padding: 0 15px 0 0;
	background: url(/guide/images/common/icon_blank.gif) no-repeat right center;
}
#guideMain .linkmark {
	display: inline-block;
	color: #333;
	margin: 8px 0;
	padding: 0 0 0 20px;
	background: url(/guide/images/common/icon_arrow_ball.gif) no-repeat left center;
	text-decoration: none;
}
#guideMain .linkmark:hover,
#guideMain .linkmark:hover span {
	color: #b21818;
	text-decoration: underline;
}
#guideMain .linkmark .blank {
	display: inline-block;
	padding: 0 15px 0 0;
	background: url(/guide/images/common/icon_blank.gif) no-repeat right center;
}
#guideMain .qaBlock {
	margin: 60px 0 0;
}
#guideMain .qaBlock .head {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	margin: 0;
	padding: 10px;
	background: #666;
}
#guideMain .qaBlock ul {
	margin: 0;
}
#guideMain .qaBlock li {
	margin: 0;
	padding: 15px 10px;
	background: none;
	border-bottom: 1px solid #d9d9d9;
	overflow: hidden;
}
#guideMain .qaBlock li .mark {
	float: left;
	display: block;
	font-weight: bold;
	color: #8cbf46;
	margin-right: 10px;
}
#guideMain .qaBlock li a {
	display: block;
	color: #333;
	overflow: hidden;
	text-decoration: underline;
}
#guideMain .qaBlock li a:hover {
	color: #b21818;
}
#guideMain .qaBlock .more {
	margin: 15px 0;
	text-align: right;
}
#guideMain .qaBlock .more a {
	display: inline-block;
	color: #333;
	padding: 0 0 0 20px;
	background: url(/guide/images/common/icon_arrow_ball.gif) no-repeat left center;
	text-decoration: none;
}
#guideMain .qaBlock .more a:hover {
	color: #b21818;
	text-decoration: underline;
}
#guideMain ol.parentheses {
	margin: 0 0 20px;
}
#guideMain ol.parentheses li {
	padding: 0 0 0 30px !important;
	position: relative;
	background: none;
}
#guideMain ol.parentheses li span {
	position: absolute;
	top: 0;
	left: 0;
}
#guideMain ol.figureList {
	padding-left: 30px;
	list-style-position: outside;
}
#guideMain ol.figureList li {
	padding: 0;
	list-style-type: decimal;
	background: none;
}
#guideMain .right {
	text-align: right;
}
#guideMain .txtL {
	float: left;
}
#guideMain .imgR {
	float: right;
	margin-left: 20px;
}
#guideMain div.helpDeskBox {
	width: 100%;
	overflow: hidden;
	padding: 15px 15px 5px;
	border: 5px solid #F0F0F0;
	-moz-box-sizing: border-box;
	-o-	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}
#guideMain div.helpDeskBox dl dt {
	margin: 0 0 15px;
}
#guideMain div.helpDeskBox dl dd {
	margin: 0 0 10px;
}
/*#guideMain div.helpDeskBox dl dd span.tel {
	padding-left: 28px;
	font-size: 129%;
	font-weight: bold;
	background: url(/guide/images/common/icon_freedial.gif) no-repeat left 6px;
}*/
#guideMain dl dd span.tel {
    background: rgba(0, 0, 0, 0) url(/guide/images/common/icon_freedial.gif) no-repeat scroll left 6px;
    font-size: 129%;
    font-weight: bold;
    padding-left: 28px;
}
#guideMain .detailList {
	margin: 0 0 20px;
}
#guideMain .detailList dt {
	padding: 0 0 0 20px;
	background: url(/guide/images/common/icon_list.gif) no-repeat 2px .4em;
	font-weight: bold;
}
#guideMain .detailList dd {
	overflow: hidden;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
}
#guideMain ol.numberList li {
	margin-bottom: 20px;
	padding: 0;
	background: none;
}
#guideMain ol.numberList li p {
	margin-left: 1em;
	margin-bottom: 0;
	text-indent: -1em;
}
#guideMain ol.numberList li p span {
	font-weight: bold;
}
#guideMain .attentionBox {
	padding: 15px 20px;
	border: 1px solid #fe6000;
}
#guideMain .tel a,
#guideMain .telno a,
#guideMain .telno a:visited {
	color: #373737!important;
	text-decoration:none!important;
}

#guideMain .henpinNG ul{
	margin:50px auto;
	clear:both;
	width: 600px;
	overflow: hidden;
}
#guideMain p.largeTxt{
	text-align: center;
}
#guideMain .henpinNG li{
	float: left;
    width: 200px;
	text-align: center;
	margin:0 0 30px 0;
	line-height:1.3;
	list-style: none;
	background: none;
	padding:0;
	
}
/* ↓二番目のテキストが3行のため余白調整。PCのみ */
#guideMain .henpinNG li:first-child,#guideMain .henpinNG li:nth-child(3){
	margin: 0 0 50px 0;
}
#guideMain .henpinNG li img{
	margin:0 40px 10px 40px;
	
}

/* スマートフォン用
-------------------------------------------------------------------------*/
@media(max-width:767px){

	/* 基本レイアウト */
	#contents {
		width: auto;
		max-width: inherit;
		min-width: inherit;
		margin: 0;
		padding: 0;
	}
	#contents .spFrm {
		width: auto;
		margin: 0;
		padding: 0;
		border: none;
	}
	#breadcrumb {
		margin: 0;
		padding: 10px;
	}
	#breadcrumb ul {
		margin: 0;
	}
	#guideTitle {
		position: relative;
		width: auto;
		height: 35px;
		color: #fff;
		background: #373737;
	}
	#guideTitle p.title {
		line-height: 35px;
		padding: 0 10px;
	}
	#guideTitle p.title a:link ,
	#guideTitle p.title a:visited ,
	#guideTitle p.title a:hover {
		color: #fff;
	}
	#guideTitle .guideTopLink {
		display: none;
	}
	#guideTitle #guideMenuNav {
		position: absolute;
		top: -10px;
		right: 0px;
		display: block;
		width: 118px;
		height: 45px;
		background: url(/guide/images/common/btn_guidemenu.png) no-repeat right 10px;
		-moz-background-size: 118px 70px;
		-o-background-size: 118px 70px;
		-webkit-background-size: 118px 70px;
		background-size: 118px 70px;
		text-indent: -7777px;
		overflow: hidden;
		cursor: pointer;
	}
	#guideTitle #guideMenuNav.open {
		background-position: right -25px;
	}
	#guideMain,
	#guideMain .inner,
	#guideSub {
		float: none;
		width: auto;
		margin: 0;
	}
	#guideMain {
		display: block;
	}
	#guideSub {
		display: none;
		padding: 0;
	}
	
	/* ガイドメニュー */
	#siteSearchBlock {
		margin: 0;
		border-top: none;
		border-bottom: 1px solid #d2d2d2;
	}
	#siteSearchBlock fieldset {
		height: 40px;
		padding: 0 40px 0 0;
	}
	#siteSearchBlock input#searchGuide {
		height: 40px;
		font-size: 16px;
		line-height: 40px;
	}
	#siteSearchBlock button {
		width: 40px;
		height: 40px;
		background: #333 url(/guide/images/common/sp_btn_sitesearch.png) no-repeat center center;
		-moz-background-size: 20px 20px;
		-o-background-size: 20px 20px;
		-webkit-background-size: 20px 20px;
		background-size: 20px 20px;
	}
	#guideMenu {
		font-size: 16px;
	}
	#guideMenu h2 {
		margin: 0;
		padding: 0;
		border: none;
	}
	#guideMenu h2.guideTopLink {
		display: block;
	}
	#guideMenu h3 {
		padding: 10px;
		border: none;
		border-top: 2px solid #333;
	}
	#guideMenu a {
		position: relative;
		color: #333 !important;
		padding: 10px;
		background: none;
		text-decoration: none !important;
	}
	#guideMenu a:hover {
		background-color: #eee;
	}
	#guideMenu a:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#guideMenu .groupTitle {
		position: relative;
		padding: 10px;
		background-image: none !important;
		text-decoration: none !important;
	}
	#guideMenu .groupTitle:hover {
		color: #333;
		background: #eee;
	}
	#guideMenu .groupTitle:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow_close.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#guideMenu ul {
		padding: 0;
	}
	#guideMenu ul li {
		margin: 0;
		padding: 0;
		border-top: 1px solid #e9e9e9;
	}
	#guideMenu ul ul {
		margin: 0;
		padding: 0;
		background: #f0f0f0;
		border: none;
	}
	#guideMenu ul ul li {
		border-top: 1px solid #fff;
	}
	#guideMenu ul li.active .groupTitle:after {
		background-image: url(/guide/images/common/sp_icon_arrow_open_white.png);
	}
	#guideMenu ul li.active ul a {
		padding: 10px 25px 10px 10px;
	}
	#guideMenu ul li.active ul a:hover {
		background-color: #ddd;
	}
	#guideMenu ul li.active ul a:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#guideMenu ul li.guideQa.active a ,
	#guideMenu ul li.guideQa.active a:after {
		background-image: none;
	}
	#guideMenu ul li.firstActive ul,
	#guideMenu ul li.firstActive .groupTitle:after {
		display: none !important;
	}
	#guideMenu ul li.curtain.firstActive ul,
	#guideMenu ul li.curtain.firstActive .groupTitle:after,
	#guideMenu ul li.size_furniture.firstActive ul,
	#guideMenu ul li.size_furniture.firstActive .groupTitle:after {
		display: block !important;
	}
	#guideMenu ul li.contact a span {
		padding: 0;
		background: none;
	}
	#guideMenu ul li.contact a:after {
		position: absolute;
		top: 50%;
		right: 10px;
		width: 22px;
		height: 22px;
		content: "";
		margin: -11px 0 0;
		background: url(/guide/images/common/icon_pc_color_sp.png) no-repeat center center;
		-moz-background-size: 22px 22px;
		-o-background-size: 22px 22px;
		-webkit-background-size: 22px 22px;
		background-size: 22px 22px;
	}
	#guideMenu .spClose {
		display: block;
		padding: 30px;
		border-top: 1px solid #e9e9e9;
	}
	#guideMenu .spClose #guideMenuClose {
		font-size: 16px;
		color: #fff;
		padding: 5px 0;
		background: #78b91d;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		text-align: center;
		cursor: pointer;
	}
	
	/* 基本スタイル */
	#guideMain h3 {
		position: relative;
		margin: -1px 0 0 !important;
		padding: 10px 30px 10px 15px;
		border-bottom: 1px solid #ccc;
		cursor: pointer;
	}
	#guideMain h3:after {
		position: absolute;
		top: 50%;
		right: 15px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow_close.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#guideMain h3.open:after {
		background-image: url(/guide/images/common/sp_icon_arrow_open.png);
	}
	#guideMain h4 {
		margin: 30px 0 10px !important;
		padding: 5px 10px;
	}
	#guideMain h4.first {
		margin: 0 0 10px !important;
	}
	#guideMain p {
		margin: 0 0 15px;
	}
	#guideMain a {
		color: #3c549b;
	}
	#guideMain a:hover {
		color: #b21818;
		text-decoration: underline;
	}
	#guideMain table {
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-word;
	}
	#guideMain .columnBox {
		margin: 0;
	}
	#guideMain .contentsBlock {
		display: none;
		padding: 15px;
		overflow: hidden;
	}
	#guideMain .contentsBlockOpen {
		padding: 15px;
		overflow: hidden;
	}
	#guideMain .qaBlock {
		margin: 0;
	}
	#guideMain .qaBlock .head {
		padding: 10px 15px;
	}
	#guideMain .qaBlock li {
		position: relative;
		padding: 10px 30px 10px 15px;
	}
	#guideMain .qaBlock li:after {
		position: absolute;
		top: 50%;
		right: 15px;
		width: 8px;
		height: 8px;
		content: "";
		margin: -4px 0 0;
		background: url(/guide/images/common/sp_icon_arrow.png) no-repeat center center;
		-moz-background-size: 8px 8px;
		-o-background-size: 8px 8px;
		-webkit-background-size: 8px 8px;
		background-size: 8px 8px;
	}
	#guideMain .qaBlock li a {
		text-decoration: none;
	}
	#guideMain .qaBlock .more {
		margin: 10px 15px;
	}
	#guideMain ol.parentheses {
		margin: 0 0 15px;
	}
	#guideMain .txtL {
		float: none;
		width: 100% !important;
	}
	#guideMain .imgR {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	#guideMain h3.noCursor {
		cursor: default;
	}
	#guideMain h3.noCursor:after {
		background: none;
	}
	#guideMain ol.numberList li {
		margin-bottom: 15px;
	}
	#guideMain .attentionBox {
		margin: 0 0 15px;
		padding: 15px;
	}
	#guideMain .helpDeskBox {
		margin: 0 0 15px;
	}
	#guideMain div.helpDeskBox dl dd span.tel {
		background: url(/guide/images/common/sp_icon_freedial.png) no-repeat left 6px;
		-moz-background-size: 23px 13px;
		-o-background-size: 23px 13px;
		-webkit-background-size: 23px 13px;
		background-size: 23px 13px;
	}
	#guideMain .detailList {
		margin: 0 0 15px;
	}

		
	#guideMain .henpinNG ul{
		margin:50px auto 0 auto;
		clear:both;
		width:100%;
	}
	#guideMain .henpinNG li{
		float: left;
		width: 40%;
		text-align: center;
		margin:0 5% 30px 5%;
		line-height:1.3;
		font-size: 80%;
		
	}
	#guideMain .henpinNG li br{
		display: none;
	}
	/* ↓二番目のテキストが3行のため余白調整。PCのみのためSPは通常他と合わせる */
	#guideMain .henpinNG li:first-child,#guideMain .henpinNG li:nth-child(3){
		margin: 0 5% 30px 5%;
	}
	#guideMain .henpinNG li img{
		margin:0 auto 10px auto;
		width:100px;
		height:64px;
		display: block;
	}	

	#guideMain .henpinNG li.sp_clear{
		clear:both;
	}	
	
	
}