@charset "Shift_JIS";

/*リセット設定*/
*{
  font-family:"Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

/*共通ページ設定*/

body {
	margin    : 0;
	padding   : 0;
	color     : #333333;
	background: #000000;
/*	background: url(img/momiji.jpg);*/
}

#container {
	margin    : 0 auto;
	padding   : 0;
	width     : 810px;
	background: url(img/bg.gif) repeat-y;
}

#header {
	margin    : 0 auto;
	padding   : 0;
	width     : 780px;
	background: url(img/bg-header.jpg) no-repeat;
}

#logo {
	margin    : 0;
	padding   : 0;
	width     : 311px;
	float     : left;
}

#add {
	margin    : 0;
	padding   : 0;
	width     : 311px;
	float     : right;
}

#tel {
	color      : #990000;
	font-size  : x-large;
	font-family: serif;
}

#header ul#nav {
	clear  : both;
	margin : 0;
	padding: 0;
	width  : 780px;
	height : 24px;
}

#header ul#nav li{
	list-style : none;
	display    : block;
	margin     : 0;
	padding    : 0;
	float      : left;
	text-indent: -9999px;
	height     : 24px;
}


#header ul#nav li a{
	display          : block;
	text-decoration  : none;
	padding          : 0;
	height           : 24px;
	background-image : url(img/bg-nav-top.jpg);
	background-repeat: no-repeat;
}

#header ul#nav li#nav-home     { width:111px; }
#header ul#nav li#nav-shop     { width:111px; }
#header ul#nav li#nav-heri     { width:111px; }
#header ul#nav li#nav-cost     { width:111px; }
#header ul#nav li#nav-rei      { width:111px; }
#header ul#nav li#nav-order    { width:111px; }
#header ul#nav li#nav-access   { width:114px; }

#header ul#nav li#nav-home   a { background-position:      0 0; }
#header ul#nav li#nav-shop   a { background-position: -110px 0; }
#header ul#nav li#nav-heri   a { background-position: -221px 0; }
#header ul#nav li#nav-cost   a { background-position: -332px 0; }
#header ul#nav li#nav-rei    a { background-position: -443px 0; }
#header ul#nav li#nav-order  a { background-position: -554px 0; }
#header ul#nav li#nav-access a { background-position: -665px 0; }

#header ul#nav li#nav-home   a:hover { background-position:      0 -25px; cursor : pointer;}
#header ul#nav li#nav-shop   a:hover { background-position: -110px -25px; cursor : pointer;}
#header ul#nav li#nav-heri   a:hover { background-position: -221px -25px; cursor : pointer;}
#header ul#nav li#nav-cost   a:hover { background-position: -332px -25px; cursor : pointer;}
#header ul#nav li#nav-rei    a:hover { background-position: -443px -25px; cursor : pointer;}
#header ul#nav li#nav-order  a:hover { background-position: -554px -25px; cursor : pointer;}
#header ul#nav li#nav-access a:hover { background-position: -665px -25px; cursor : pointer;}

#header ul#nav li#nav-home.current-page   { background: url(img/bg-nav-top.jpg)      0 -50px; cursor : default; }
#header ul#nav li#nav-shop.current-page   { background: url(img/bg-nav-top.jpg) -110px -50px; cursor : default; }
#header ul#nav li#nav-heri.current-page   { background: url(img/bg-nav-top.jpg) -221px -50px; cursor : default; }
#header ul#nav li#nav-cost.current-page   { background: url(img/bg-nav-top.jpg) -332px -50px; cursor : default; }
#header ul#nav li#nav-rei.current-page    { background: url(img/bg-nav-top.jpg) -443px -50px; cursor : default; }
#header ul#nav li#nav-order.current-page  { background: url(img/bg-nav-top.jpg) -554px -50px; cursor : default; }
#header ul#nav li#nav-access.current-page { background: url(img/bg-nav-top.jpg) -665px -50px; cursor : default; }


#header p#kanban {
	margin     : 0 auto;
	padding    : 0;
	width      : 780px;
	height     : 328px;
	color      : #333333;
	text-indent: -9999px;
	background : url(img/kanban5.jpg) no-repeat;
}

#header p#kanban2 {
	margin     : 0 auto;
	padding    : 0;
	width      : 780px;
	height     : 72px;
	color      : #333333;
	text-indent: -9999px;
	background : url(img/kanban2.jpg) no-repeat;
}

#content {
	margin : 0 auto;
	padding: 0;
	width  : 780px;
}

#maincol {
	margin     : 0 auto;
	padding    : 9px 0 0 16px;
	width      : 764px;
}

h1 {
	margin     : 1.0em 0;
	padding    : 0 0;
	font-size  : large;
}

h2 {
	margin     : 1.0em 1.0em;
	padding    : 0 0;
	font-size  : medium;
}

p {
	padding    : 0 2.0em;
	font-size  : small;
	line-height: 120%;
}

p.indenton {
	padding    : 0 2.0em;
	font-size  : small;
	line-height: 120%;
	text-indent: 1em;
}

span.red {
	color          : #ff0000;
}

span.blue {
	color          : #0000ff;
	text-decoration: underline;
	cursor         : pointer;
}

img.line01 {
	position: relative;
	left    : -16px;
}

#footer {
	margin : 0 auto;
	padding: 0;
	width  : 780px;
}

#footer ul#nav {
	clear           : both;
	margin          : 20px 0 0 0;
	padding         : 0;
	width           : 780px;
	height          : 28px;

	color           : #ffffff;
	background-color: #c6ba94;
}

#footer ul#nav li{
	list-style: none;
	display   : block;
	padding   : 1.0em 1.0em;
	float     : left;
	font-size : x-small;

}

#footer ul#nav a{
	text-decoration: none;
	color          : #ffffff;
}

#footer ul#nav a:hover{
	color       : #000000;
	cursor      : pointer;
}

#footer p#copyright {
    clear     : both;
	margin    : 0 auto;
	padding   : 10px 0;
	width     : 780px;
	color     : #333333;
    text-align: right;
	font-size : small;
	background: url(img/bg_foot.gif) no-repeat;
}





/*「トップページ」設定*/

#maincol ul#sav {
	margin    : -16px 0 0 17px;
	padding   : 0;
	width     : 750px;
	height    : 100px;
	font-size : small;
}

#maincol ul#sav li{
	list-style: none;
	display   : block;
	padding   : 1.0em;
	float     : left;
}

#maincol ul#sav li#sav-tatami a{
	display            : block;
	margin             : 0;
	padding            : 0;
	width              : 100px;
	height             : 80px;
	background         : url(img/sv-tatami.jpg) no-repeat;
	background-position: 0 1.2em;
	cursor             : pointer;
}

#maincol ul#sav li#sav-fusuma a{
	display            : block;
	margin             : 0 0 0 20px;
	padding            : 0;
	width              : 100px;
	height             : 80px;
	background         : url(img/sv-fusuma.jpg) no-repeat;
	background-position: 0 1.2em;
	cursor             : pointer;
}

#maincol ul#sav li#sav-syouji a{
	display            : block;
	margin             : 0 0 0 20px;
	padding            : 0;
	width              : 100px;
	height             : 80px;
	background         : url(img/sv-syouji.jpg) no-repeat;
	background-position: 0 1.2em;
	cursor             : pointer;
}

#maincol ul#sav li#sav-amido a{
	display            : block;
	margin             : 0 0 0 20px;
	padding            : 0;
	width              : 100px;
	height             : 80px;
	background         : url(img/sv-amido.jpg) no-repeat;
	background-position: 0 1.2em;
	cursor             : pointer;
}

#maincol ul#sav li#sav-kabegami a{
	display            : block;
	margin             : 0 0 0 20px;
	padding            : 0;
	width              : 120px;
	height             : 80px;
	background         : url(img/sv-kabegami.jpg) no-repeat;
	background-position: 0 1.2em;
	cursor             : pointer;
}

#maincol ul#sav a{
	text-decoration: none;
	color          : #000000;
}

#maincol ul#sav a:hover{
	color        : #0000ff;
	cursor       : pointer;
}

#maincol object.whatsnew {
	margin             : 48px 8px 20px 0;
	padding            : 0;
	float              : right;

}

#maincol ul.topic {
	margin          : 0;
	padding         : 0 0 0 1em;
	list-style      : none;
	font-size       : small;
}

#maincol img.toiawase {
	margin     : 24px 0 0 13px;
	width      : 174px;
	height     : 40px;
	cursor     : pointer;
}

p.oshirase {
	margin     : -8px 0 0 -20px;
	padding    : 1em 0 0 1em;
	width      : 760px;
	height     : 72px;
	background : url(img/oshirase.jpg) no-repeat;
}


/*「店舗紹介」ページ設定*/

table#tbl-shop1 {
	margin          : 0 1em;
	padding         : 0;
	width           : 500px;
	border-color    : #c6ba94;
	border          : 1px solid;
	border-collapse : collapse;
	table-layout    : auto;
	font-size       : small;
	float           : left;
}

table#tbl-shop1 td {
	background-color: #ffffff;
}

table#tbl-shop1 td.h {
	background-color: #ffe4e1;
}

#shop1 {
	margin  : 50px 0 0 14px;
	padding : 0;
	width   : 320px;
	float   : left;
}

#shop2 {
	margin  : 50px 45px 0 0;
	padding : 0;
	width   : 320px;
	float   : right;
}

#shop3 {
	margin  : 0 0 0 14px;
	padding : 0;
	width   : 320px;
	float   : left;
}

#shop4 {
	margin  : 0 45px 0 0;
	padding : 0;
	width   : 320px;
	float   : right;
}

#shop5 {
	margin  : 30px 0 30px 52px;
	padding : 0;
	width   : 640px;
}







/*「畳縁セレクション」ページ設定*/

ul#heri-nav {
	margin         : 0 0 0 3em;
	padding        : 0;
	width          : 220px;
	height         : 294px; 
	list-style-type: none;
	font-size      : small;
	float          : left;
}

#heri-sample {
	margin          : 0 1em 2em 1em;
	padding         : 0;
	width           : 460px;
	float           : left;
	}

#heri-sample img.heri {
	position: relative;
	z-index : 2;
}

#heri-sample img.sample {
	position: relative;
	left    : -6px;
	z-index : 1;
}

img.h-sample {
	position: relative;
	top     : -174px;
	right   : -36px;
	z-index : 3;
}

#heri-sample img.heri-sam {
	cursor  : pointer;
}

ul#heri-select {
	clear    : both;
	margin   : 0 0 2em 0.8em;
	padding  : 0;
	width    : 715px;
	height   : 130px;
}

ul#heri-select li{
	list-style : none;
	display    : block;
	margin     : 0;
	padding    : 0;
	width      : 28px;
	height     : 130px;
	text-align : center;
	font-size  : x-small;
	float      : left;
}

ul#heri-select2 {
	clear    : both;
	margin   : -174px 0 2em 0.8em;
	padding  : 0;
	width    : 715px;
	height   : 130px;
}

ul#heri-select2 li{
	list-style : none;
	display    : block;
	margin     : 0;
	padding    : 0;
	width      : 28px;
	height     : 130px;
	text-align : center;
	font-size  : x-small;
	float      : left;
}




/*「価格一覧ページ」設定*/

#greade {
	margin : 0 0 0 -1em;
	padding: 0;
	width  : 780px;
}

#greade dl.greade {
	margin    : 0 0 0 2em;
	padding   : 0;
	width     : 680px;
	font-size : small;
}

#greade dd.greade {
	text-indent: 1em;
	font-size : small;
}

table#tbl-cost {
	width           : 740px;
}

table#tbl-cost,th,td {
	margin          : 0 1em;
	border-color    : #c6ba94;
	border          : 1px solid;
	border-collapse : collapse;
/*	table-layout    : auto;*/
	font-size       : small;
}

table#tbl-cost tr.tbl-h {
	background-color: #ffc0cb;
}

table#tbl-cost tr.tbl-1 {
	background-color: #ffe4e1;
}

table#tbl-cost td.cost {
	text-align      : right;
	background-color: #faf0e6;
}

img.img-sample {
	cursor          : pointer;
	width           : 80px;
	height          : 60px;
}

img.pic-tatami01,img.pic-tatami03,img.pic-tatami04 {
	margin          : 0 40px 0 0;
	float           : right;
}

img.pic-tatami05,img.pic-tatami06 {
	margin          : 0 0 0 50px;
	float           : left;
}

img.pic-tatami07,img.pic-tatami08,img.pic-tatami09 {
	margin          : 0 0 0 50px;
}

ul.cost-coution {
	list-style      : none;
	font-size       : small;
}





/*「ご注文の流れ」ページ設定*/

#maincol img.area {
	margin : 6px 2.0em;
	padding: 0;
	float  : left;
}

#pic-order01 {
	margin             : 0 0 0 2.0em;
	padding            : 0;
	width              : 680px;
	height             : 320px;
	background         : url(img/order/pic-order01.jpg) no-repeat;
}

#pic-order0101 {
	margin             : 26px 0 0 73px;
	padding            : 26px 0 0 0;
	width              : 70px;
	height             : 20px;
}

#pic-order0102 {
	margin             : -20px 0 0 230px;
	padding            : 0;
	width              : 70px;
	height             : 20px;
}

#pic-order0103 {
	margin             : -20px 0 0 382px;
	padding            : 0;
	width              : 70px;
	height             : 20px;
}

#pic-order0104 {
	margin             : -20px 0 0 530px;
	padding            : 0;
	width              : 70px;
	height             : 20px;
}

#pic-order02h2 {
	clear      : both;
	margin     : 1.0em 1.0em;
	padding    : 0 0;
	font-size  : medium;
}


#pic-order02 {
	margin             : 0 0 0 2.0em;
	padding            : 0;
	width              : 680px;
	height             : 320px;
	background         : url(img/order/pic-order02.jpg) no-repeat;
}

#pic-order0201 {
	margin             : 26px 0 0 73px;
	padding            : 26px 0 0 0;
	width              : 70px;
	height             : 20px;
}

#pic-order0202 {
	margin             : -20px 0 0 230px;
	padding            : 0;
	width              : 70px;
	height             : 20px;
}

#pic-order0203 {
	margin             : -20px 0 0 382px;
	padding            : 0;
	width              : 70px;
	height             : 20px;
}

#pic-order0204 {
	margin             : -20px 0 0 530px;
	padding            : 0;
	width              : 70px;
	height             : 20px;
}

img.pic-tatami10 {
	margin             : 0 50px 60px 0;
	float              : right;
}

img.pic-tatami11 {
	width              : 152px;
	height             : 144px;
	margin             : 80px 0 76px 10px;
	float              : left;
}

img.pic-tatami12 {
	width              : 152px;
	height             : 144px;
	margin             : 0 0 76px 10px;
	float              : left;
}

#pic-order01 ul {
	margin     : 80px 0 0 0;
	padding    : 0 0 0 0;
	height     : 200px;
	font-size  : small;
	line-height: 120%;
}

#pic-order02 ul {
	margin     : 80px 0 0 0;
	padding    : 0 0 0 0;
	height     : 200px;
	font-size  : small;
	line-height: 120%;
}





/*「アクセスマップ」ページ設定*/

#google-map {
	margin     : 0 0 0 55px;
	padding    : 0;
	width  : 600px;
}





/*「サンプル共通」ページ設定*/

#body-sample {
	margin    : 0;
	padding   : 0;
	color     : #333333;
	background: #ffffff;
}

#maincol-sample {
	width      : 720px;
	height     : 700px;
	padding    : 18px 0 0 32px;
	font-size  : small;
}

#header-sample {
	margin    : 0;
	padding   : 0;
	background: url(img/bg_header.gif) repeat-x;
}

#tatami-sample {
	margin    : 0 1em 2em 1em;
	padding   : 0;
	width     : 460px;
	height    : 300px;
	float     : left;
}

#tatami-sample img.heri {
	position: relative;
	z-index : 2;
}

#tatami-sample img.sample {
	position: relative;
	left    : -22px;
	z-index : 1;
}


#hige-sample {
	margin    : 0;
	padding   : 0;
	width     : 200px;
	height    : 300px;
	float     : left;
}

#hige-sample img.hige {
	position: relative;
	top     : 120px;
	left    : -180px;
	z-index : 3;
}

#hige-sample2 img.hige {
	margin  : 0em 1em 0.5em 2em;
	position: relative;
	top     : 0px;
	left    : 0px;
	z-index : 4;
}

img.heri-sam {
	cursor  : pointer;
}

hr.hr-sample {
	width  : 100%;
}

ul#daiken-nav {
	margin         : 1em 0 0 0;
	padding        : 0;
	width          : 200px;
	height         : 240px;
	list-style-type: none;
	font-size      : small;
	color          : #0000ff;
	text-decoration: underline;
	cursor         : pointer;
	float          : left;
}

#sample-comment {
	margin : -1em 0 0 0;
	padding: 0;
	clear  : left;
}

#fusuma1 {
	margin  : 0 0 0 14px;
	padding : 0;
	width   : 300px;
	float   : left;
}

#fusuma1 p {
	padding    : 0;
	height     : 1em;
	font-size  : small;
	line-height: 120%;
	text-indent: 1em;
}

#fusuma2 {
	margin  : 0 0 0 14px;
	padding : 0;
	width   : 300px;
	float   : left;
}

#fusuma2 p {
	padding    : 0;
	height     : 1em;
	font-size  : small;
	line-height: 120%;
	text-indent: 1em;
}

#syouji1 {
	margin  : 0 0 0 14px;
	padding : 0;
	width   : 300px;
	float   : left;
}

#syouji1 p {
	padding    : 0;
	height     : 1em;
	font-size  : small;
	line-height: 120%;
	text-indent: 1em;
}

#syouji2 {
	margin  : 0 0 0 14px;
	padding : 0;
	width   : 300px;
	float   : left;
}

#syouji2 p {
	padding    : 0;
	height     : 1em;
	font-size  : small;
	line-height: 120%;
	text-indent: 1em;
}


#kabegami1 {
	margin  : 0 0 0 14px;
	padding : 0;
	width   : 300px;
	float   : left;
}

#kabegami1 p {
	padding    : 0;
	height     : 5em;
	font-size  : small;
	line-height: 120%;
	text-indent: 1em;
}

#kabegami2 {
	margin  : 0 0 0 14px;
	padding : 0;
	width   : 300px;
	float   : left;
}

#kabegami2 p {
	padding    : 0;
	height     : 5em;
	font-size  : small;
	line-height: 120%;
	text-indent: 1em;
}

img.close-sample {
	margin     : 20px 0 20px 0;
	width      : 174px;
	height     : 40px;
	cursor     : pointer;
}

img.sumi {
	margin : -60px 97px 0 0;
	padding: 0;
	float  : right;
}

#sumi-sample {
	margin : 50px 0 0 40px;
	padding: 0;
	width  : 640px;
}