@charset "UTF-8";



/* ---------------------------------------------------------------- *
[HEADER]
 * ---------------------------------------------------------------- */
h2.ce-fit { background: url(../images/h2_ce-fit.gif) no-repeat; }
h2.ce-fit_about1 { background: url(../images/h2_ce-fit_about1.gif) no-repeat; }
h2.ce-fit_about1_1 { background: url(../images/h2_ce-fit_about1_1.gif) no-repeat; }
h2.ce-fit_about1_2 { background: url(../images/h2_ce-fit_about1_2.gif) no-repeat; }
h2.ce-fit_about1_3 { background: url(../images/h2_ce-fit_about1_3.gif) no-repeat; }
h2.ce-fit_about1_4 { background: url(../images/h2_ce-fit_about1_4.gif) no-repeat; }
h2.ce-fit_about1_5 { background: url(../images/h2_ce-fit_about1_5.gif) no-repeat; }
h2.ce-fit_about2 { background: url(../images/h2_ce-fit_about2.gif) no-repeat; }
h2.ce-fit_about3 { background: url(../images/h2_ce-fit_about3.gif) no-repeat; }
h2.ce-fit_about4 { background: url(../images/h2_ce-fit_about4.gif) no-repeat; }
h2.ce-fit_about5 { background: url(../images/h2_ce-fit_about5.gif) no-repeat; }
h2.ce-fit_about6 { background: url(../images/h2_ce-fit_about6.gif) no-repeat; }
h2.ce-fit_showroom { background: url(../images/h2_ce-fit_showroom.gif) no-repeat; }
h2.ce-fit_howto { background: url(../images/h2_ce-fit_howto.gif) no-repeat; }
h2.ce-fit_pricelist { background: url(../images/h2_ce-fit_pricelist.gif) no-repeat; }
h2.ce-fit_estimate { background: url(../images/h2_ce-fit_estimate.gif) no-repeat; }
h2.ce-fit_qanda { background: url(../images/h2_ce-fit_qanda.gif) no-repeat; }
h2.ce-fit_download { background: url(../images/h2_ce-fit_download.gif) no-repeat; }


/* ---------------------------------------------------------------- *
[MAIN-CONTENTS]
 * ---------------------------------------------------------------- */
h3.ce-fit_about1 { background: url(../images/h3_ce-fit_about1.gif) no-repeat; }
h3.ce-fit_about1_1 { background: url(../images/h3_ce-fit_about1_1.gif) no-repeat; }
h3.ce-fit_about1_2 { background: url(../images/h3_ce-fit_about1_2.gif) no-repeat; }
h3.ce-fit_about1_3 { background: url(../images/h3_ce-fit_about1_3.gif) no-repeat; }
h3.ce-fit_about1_4 { background: url(../images/h3_ce-fit_about1_4.gif) no-repeat; }
h3.ce-fit_about1_5 { background: url(../images/h3_ce-fit_about1_5.gif) no-repeat; }
h3.ce-fit_about2 { background: url(../images/h3_ce-fit_about2.gif) no-repeat; }
h3.ce-fit_about3 { background: url(../images/h3_ce-fit_about3.gif) no-repeat; }
h3.ce-fit_about4 { background: url(../images/h3_ce-fit_about4.gif) no-repeat; }
h3.ce-fit_about5 { background: url(../images/h3_ce-fit_about5.gif) no-repeat; }
h3.ce-fit_about6 { background: url(../images/h3_ce-fit_about6.gif) no-repeat; }
#main h3.ce-fit_showroom { height: 100px; background: url(../images/h3_ce-fit_showroom.gif) no-repeat; }
h3.ce-fit_howto { background: url(../images/h3_ce-fit_howto.gif) no-repeat; }
h3.ce-fit_pricelist { background: url(../images/h3_ce-fit_pricelist.gif) no-repeat; }
h3.ce-fit_estimate { background: url(../images/h3_ce-fit_estimate.gif) no-repeat; }
h3.ce-fit_qanda { background: url(../images/h3_ce-fit_qanda.gif) no-repeat; }


/* ce-fit＿トップ */
#contents_ce-fit_bg {
	width: 680px;
	height: 508px;
	background: #fff url(../images/bg_ce-fit_top.jpg) left 100px no-repeat;
}

#ce-fit_index {
	padding:30px 0;
	text-align: center;
	background: #fff;
}

* html #ce-fit_index {
	width: 680px;
}

#ce-fit_index h3 {
	padding-bottom: 2em;
	width: 680px;
	height: 40px;
	background: url(../images/h3_ce-fit_top.gif) no-repeat;
}


/* ce-fit＿活用例 */
#plannavi {
	font-size: 1px;
}

#plannavi span {
	display: none;
}

#plannavi ul, #plannavi li {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#plannavi ul {
	background: url(../images/ce-fit_about1_navi_hover.gif) no-repeat;
}

#plannavi ul li a {
	display: block;
	width: 230px;
	height: 40px;
	background: url(../images/ce-fit_about1_navi.gif) no-repeat;
}

#plannavi ul li a#about1_2 { background-position: 0 -40px; }
#plannavi ul li a#about1_3 { background-position: 0 -80px; }
#plannavi ul li a#about1_4 { background-position: 0 -120px; }
#plannavi ul li a#about1_5 { background-position: 0 -160px; }

#plannavi ul li a:hover {
	background: none;
}

#planning {
	margin-top: 2em;
}

#planning dt {
	width: 2.5em;
	padding: 2px 0 2px 2px;
	text-align: center;
	font-family: san-serif;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	background: #ff4c00;
}

#planning dd {
	margin: 0.5em 0 0 0;
}

#planning img {
	margin-top: 1em;
}

#planning .arrow img {
	margin-left: 180px;
}

/* ce-fit＿カンタン大移動*/
.image_about2 {
	position: absolute;
	left: 1px;
	top: 490px;
}

/* ce-fit＿ミリ単位オーダーメイド */
.bg_ce-fit_about3 {
	height: 15em;
	background: url(../images/ce-fit_about3_bg.gif) left 6em no-repeat;
}

.image_about3 {
	position: absolute;
	left: 1px;
	top: 490px;
}

/* ce-fit＿自由自在 */
.insertnut {
	padding-top: 29px;
	height: 84px;
	background: url(../images/ce-fit_about4_insertnut.jpg) no-repeat;
	background-position: 23em;
	overflow: hidden;
}

.image_about4 {
	position: absolute;
	left: 55px;
}

#colorselection li {
	padding: 5px 26px;
	text-align: left;
}

#colorselection li:hover {
	color: #b60018;
	font-weight: bold;
}

#colorselection .wd { background: url(../images/ce-fit_about4_chip_wd.jpg) left center no-repeat; }
#colorselection .sw { background: url(../images/ce-fit_about4_chip_sw.jpg) left center no-repeat; }
#colorselection .we { background: url(../images/ce-fit_about4_chip_we.jpg) left center no-repeat; }
#colorselection .m { background: url(../images/ce-fit_about4_chip_m.jpg) left center no-repeat; }
#colorselection .d { background: url(../images/ce-fit_about4_chip_d.jpg) left center no-repeat; }
#colorselection .lx { background: url(../images/ce-fit_about4_chip_lx.jpg) left center no-repeat; }
#colorselection .mx { background: url(../images/ce-fit_about4_chip_mx.jpg) left center no-repeat; }
#colorselection .bk { background: url(../images/ce-fit_about4_chip_bk.jpg) left center no-repeat; }

#handleselection li {
	display: inline;
}

#handleselection p {
	width: 100px;
	margin: 0;
	padding: 0;
	text-align: center;
}


/* ce-fit＿価格例 */
#main .colortable td {
	background: #edeae3;
}

#main .planname {
	margin: 0 2px;
	padding: 3px;
	background: #f6ac00;
	font-weight: bold;
}

#main .dia1,
#main .dia2 {
	padding: 3px 0 3px 19px;
	font-size: 110%;
}
#main .cir1,
#main .cir2,
#main .cir3,
#main .cir4 {
	padding: 2px 2px 2px 17px;
}
#main .dia1 { background: url(../images/dia1.gif) left center no-repeat; }
#main .dia2 { background: url(../images/dia2.gif) left center no-repeat; }
#main .cir1 { background: url(../images/cir1.gif) left center no-repeat; }
#main .cir2 { background: url(../images/cir2.gif) left center no-repeat; }
#main .cir3 { background: url(../images/cir3.gif) left center no-repeat; }
#main .cir4 { background: url(../images/cir4.gif) left center no-repeat; }

#main td.photoframe {
	padding: 10px;
	border-top: 1px solid #999;
	background: #fff;
}

#main td.price {
	font-size: 140%;
}


/* ce-fit＿Q&A */
#main ul.qanda-ul ol {
	padding-left: 22px;
}
#main ul.qanda-ul ol li {
	padding-bottom: 10px;
}

#main li a.question {
	display: block;
	padding: 0.5em 0 0.5em 27px;
	background: url(../images/question_link.gif) left center no-repeat;
	color: #ff4c00;
}

#main li a.question:hover {
	background: url(../images/question_hover.gif) left center no-repeat;
	color: #b60018;
}

#main dt.question {
	margin-left: 0;
	padding: 3px 0 3px 27px;
	color: #fff;
	background: #ff4c00 url(../images/question.gif) left 3px no-repeat;
}

#main dd.answer {
	margin: 1em 0 0 0;
	padding: 2px 0 0 27px;
	width: 380px;
	background: url(../images/answer.gif) no-repeat;
}

#main .answer p {
	margin: 2em 0 0 0;
}

p.request_info span {
	display: none;
}

p.request_info {
	background: url(../images/request_info_hover.gif) no-repeat;
}

p.request_info a {
	display: block;
	width: 350px;
	height: 150px;
	background: url(../images/request_info.gif) no-repeat;
}

p.request_info a:hover {
	background: none;
}

#main a.mapanchor {
	padding: 3px 42px 3px 0;
	background: url(../images/map_btn.gif) right center no-repeat;
}	


/* ダウンロード */
#catalog table {
	width: 94%;
	border-top: 1px dashed #666;
}

#catalog td {
	padding: 10px 5px;
	border-bottom: 1px dashed #666;
	text-align: left;
	font-size: 90%;
	line-height: 1.4;
}

#catalog td h5 {
	margin: 2px 0 2px -1px;
	font-size: 170%;
	line-height: 1.2;
}
#catalog td h5:hover {
	color: #b60018;
}

#catalog td p {
	margin-bottom: 0;
}

#catalog dl, #catalog dd {
	margin: 0;
}

#catalog dt {
	margin-top: 1.5em;
	font-size: x-small;
}

#catalog dd a, #catalog p a {
	padding-bottom: 1px;
	border-bottom: 1px solid #999;
}
#catalog dd a:hover, #catalog p a:hover {
	border-bottom: 1px solid #b60018;
}

#catalog a {
	color: #28231c;
}

#catalog a:hover {
	color: #b60018;
	text-decoration: none;
}


/* 見積依頼フォーム */
#estimate h4 {
	margin-bottom: 0.2em;
	font-size: 140%;
	font-weight: normal;
	color: #000;
}

#estimate h5 {
	margin-bottom: 5px;
	font-size: medium;
	font-weight: normal;
	color: #000;
}

#estimate ul {
	margin: 5px 0;
	width: 400px;
	border: 1px dashed #666;
	border-width: 1px 0;
	font-size: small;
}

#estimate li {
	margin: 8px 0 8px 1em;
	list-style-type: disc;
}

#estimate .form {
	margin-bottom: 30px;
	width: 400px;
}

#estimate .form#type, #estimate .form#note {
	margin-bottom: 30px;
	padding: 10px 10px 5px 10px;
	width: 380px;
	background: #eee;
}

#estimate .form#note, #estimate .form#submit {
	padding-bottom: 10px;
	text-align: center;
	line-height: 4;
}

#estimate .form#deliver1, #estimate .form#deliver2 {
	margin: 1em 0 0 2px;
	padding: 5px 10px;
	width: 376px;
	background: #666;
	color: #fff;
}

#estimate .form#deliver1form {
	margin-bottom: 10px;
}

#estimate .com {
	margin: 5px 0;
	width: 90%;
	color: #28231c;
}

#estimate td .com {
	width: 95%;
}
	

#estimate .color {
	color: #ff4c00;
}

#estimate .mustcolor {
	color: #ffac00;
}

#estimate .form th {
	margin: 0 1px 1px 0;
	padding-left: 10px;
	width: 129px;
	background: #eee;
	font-size: small;
	text-align: left;
	color: #28231c;
}

#estimate .form th.must {
	width: 124px;
	padding-left: 6px;
	border-left: 5px solid #ffac00; 
}

#estimate .sub_table th {
	padding: 1em 0 1px 0;
	width: auto;
	height: 1em;
	border-bottom: 1px solid #28231c;
	font-size: 120%;
}

#estimate .form td {
	margin: 0 0 1px 0;
	width: 290px;
	background: #eee;
	font-size: small;
	text-align: left;
	color: #28231c;
}

#estimate .sub_table td {
	width: auto;
	padding: 0;
}

#estimate input, #estimate select {
	margin: 3px 5px;
}

#estimate .form#note textarea {
	width: 99%;
}

/* 業者向けQ&A */
#main h5.qanda_h5, #main h5.qanda_h5L {
	color: #ff4c00;
}

#main h5.qanda_h5L {
	font-size: 150%;
	line-height: 1;
}

#main ul.qanda_ul {
	margin-top: 0.5em;
}

#main ul.qanda_ul li a.question {
	background: url(../images/question_link_mini.gif) 1px top no-repeat;
	padding: 0 0 0.7em 22px;
	color: #28231c;
}

#main ul.qanda_ul li a.question:hover {
	background-image: url(../images/question_link_mini_hover.gif);
	border-color: #b60018;
	color: #b60018;
}

#main ul.qanda_ul dt.question {
	background: #333 url(../images/question_qanda.gif) left 3px no-repeat;
	color: #fff;
}

#main ul.qanda_ul table {
	border: 1px solid #999;
	border-width: 1px 0 0 1px;
	width: 375px;
}

#main ul.qanda_ul th {
	background: #fff;
}

#main ul.qanda_ul th, #main ul.qanda_ul td {
	text-align: center;
	border: 1px solid #999;
	border-width: 0 1px 1px 0;
}

#main ul.qanda_ul ol {
	padding-left: 22px;
}
#main ul.qanda_ul ol li {
	padding-bottom: 10px;
}

#main ul.qanda_ul td.talignleft {
	text-align: left;
}


/* ---------------------------------------------------------------- *
[そのまま残すページ]
 * ---------------------------------------------------------------- */
#main #leave {
	width: 94%;
	text-align: left;
}

#leave table.w410 {
	width: 410px;
	border: 1px solid #666;
}

#leave th {
	background: #ddd;
	color: #000;
	text-align: left;
}

#leave td {
	border: 1px solid #ccc;
	text-align: left;
}

#leave img {
	margin: 10px 0;
}

#leave .pagetop {
	margin: 0 12px 1em 0;
}

#leave ul {
	margin: 0;
	list-style-type: square
}

#leave li {
	margin: 0 0 0.5em 1.2em;
}


/* ---------------------------------------------------------------- *
[SIDE-MENU]
 * ---------------------------------------------------------------- */
#side.ce-fit_top {
	border: none;
	background: url(../images/navi_ce-fit_top_bg.gif) no-repeat;
}

#side.ce-fit ul li a {
	display: block;
	width: 170px;
	background: url(../images/navi_ce-fit.gif) no-repeat;
}
#side.ce-fit_top ul li a {
	display: block;
	width: 170px;
	background: url(../images/navi_ce-fit_top.gif) no-repeat;
}

#side.ce-fit ul li a:hover {
	background: url(../images/navi_ce-fit_hover.gif) no-repeat;
}
#side.ce-fit_top ul li a:hover {
	background: url(../images/navi_ce-fit_top_hover.gif) no-repeat;
}

#side.ce-fit ul li a.current, #side.ce-fit ul li a:hover.current {
	background: url(../images/navi_ce-fit_current.gif) no-repeat;
}
#side.ce-fit_top ul li a.current, #side.ce-fit_top ul li a:hover.current {
	background: url(../images/navi_ce-fit_top_current.gif) no-repeat;
}

#side.ce-fit ul li a#snavi1 { height: 40px; }
#side.ce-fit ul li a#snavi2 { height: 30px; background-position: 0px -40px; border-top: 1px dotted #333; }
#side.ce-fit ul li a#snavi2_1 { height: 21px; background-position: 0px -76px; }
#side.ce-fit ul li a#snavi2_1_1 { height: 17px; background-position: 0px -97px; }
#side.ce-fit ul li a#snavi2_1_2 { height: 17px; background-position: 0px -114px; }
#side.ce-fit ul li a#snavi2_1_3 { height: 17px; background-position: 0px -131px; }
#side.ce-fit ul li a#snavi2_1_4 { height: 17px; background-position: 0px -148px; }
#side.ce-fit ul li a#snavi2_1_5 { height: 17px; padding-bottom: 1px; background-position: 0px -165px; }
#side.ce-fit ul li a#snavi2_2 { height: 21px; background-position: 0px -185px; }
#side.ce-fit ul li a#snavi2_3 { height: 21px; background-position: 0px -206px; }
#side.ce-fit ul li a#snavi2_4 { height: 21px; background-position: 0px -227px; }
#side.ce-fit ul li a#snavi2_5 { height: 21px; background-position: 0px -248px; }
#side.ce-fit ul li a#snavi2_6 { height: 21px; background-position: 0px -269px; }
#side.ce-fit ul li a#snavi3 { height: 30px; background-position: 0px -295px; border-top: 1px dotted #333; }
#side.ce-fit ul li a#snavi4 { height: 30px; background-position: 0px -325px; border-top: 1px dotted #333; }
#side.ce-fit ul li a#snavi4_1 { height: 21px; background-position: 0px -360px; }
#side.ce-fit ul li a#snavi4_2 { height: 21px; background-position: 0px -381px; }
#side.ce-fit ul li a#snavi4_3 { height: 21px; background-position: 0px -402px; }
#side.ce-fit ul li a#snavi4_4 { height: 21px; padding-bottom: 2px; background-position: 0px -423px; }
#side.ce-fit ul li a#snavi5 { height: 30px; background-position: 0px -449px; border-top: 1px dotted #333; }

#side.ce-fit_top ul li a#snavi1 { height: 40px; }
#side.ce-fit_top ul li a#snavi2_1 { height: 21px; background-position: 0px -47px; }
#side.ce-fit_top ul li a#snavi2_2 { height: 21px; background-position: 0px -66px; }
#side.ce-fit_top ul li a#snavi2_3 { height: 21px; background-position: 0px -87px; }
#side.ce-fit_top ul li a#snavi2_4 { height: 21px; background-position: 0px -108px; }
#side.ce-fit_top ul li a#snavi2_5 { height: 21px; background-position: 0px -129px; }
#side.ce-fit_top ul li a#snavi2_6 { height: 21px; background-position: 0px -150px; }
#side.ce-fit_top ul li a#snavi3 { height: 30px; background-position: 0px -176px; border-top: 1px dotted #333; }
#side.ce-fit_top ul li a#snavi4 { height: 30px; background-position: 0px -206px; border-top: 1px dotted #333; }
#side.ce-fit_top ul li a#snavi5 { height: 30px; background-position: 0px -236px; border-top: 1px dotted #333; }
#side.ce-fit_top ul li a#snavi6 { height: 30px; background-position: 0px -266px; border-top: 1px dotted #333; }
#side.ce-fit_top ul li a#snavi7 { height: 30px; background-position: 0px -296px; border-top: 1px dotted #333; }

#side.ce-fit_top ul .sub {
	padding: 3px 0;
	border-top: 1px dotted #333; 
	background: none;
}
snavi2_b

/* ---------------------------------------------------------------- *
[LINK to LDK]
 * ---------------------------------------------------------------- */
#linkldk{
	float:right;
}

#linkldk span 	{ display: none; }

#linkldk  ul li a {
	display: block;
	background: url(../images/ce-fit_link_ldk.gif) no-repeat;
	height: 80px;
}

#linkldk ul{
  margin: 10px 10px 0 0;
  padding: 0;
  list-style: none;
}

#linkldk ul li a#link01 	  { width: 160px; }
#linkldk ul li a#link01:hover { background-position:  0px -80px; }