/* ************************************************ 
 *	共通設定
 * ************************************************ */
html {
height:100%;
}
body {
height:100%;
margin: 0px;
padding: 0px 0px;
color: #333;
color: #555;
font-family: Arial , "ＭＳ Ｐゴシック", sans-serif;
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
line-height:150%;
background:#1F110E url(../images/common/bg.gif) repeat top left;
text-align:center;
}

/* リンク */
a {
color: #333;
text-decoration:underline;
text-decoration:none;
}
a:hover {
color: #333;
color:#944E2E;
text-decoration:none;
}

p {
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
line-height:150%;
}

strong {
color:#944E2E;
}

img {
margin:0px;
padding:0px;
vertical-align: bottom;
border:none;
}

/* リスト */
ol {
padding:0px;
margin:0px 0px 15px 15px;
list-style: decimal outside;
}

ol li {
margin:0px 0px 0px 15px;
padding:0px 0px 5px 0px;
background: none;
line-height:21px;
color:#333;
}

/* テーブル */
table {
border:1px solid #A7A187;
border-collapse: collapse;
background:#fff;
padding:0px;
margin:0px auto 25px auto;
}

th {
border:1px solid #A7A187;
border-collapse: collapse;
padding:5px 10px;
background:#CFC9B1;
color:#333;
text-align:center;
line-height:150%;
font-weight:bold;
}

td {
border:1px solid #A7A187;
border-collapse: collapse;
padding:5px 10px;
text-align:left;
line-height:150%;
}


/* リスト */
ul {
padding:0px;
margin:0px 0px 20px 0px;
list-style: none;
}

ul li {
margin:0px;
padding: 0px 0px 0px 25px;
background:url(../images/common/li_bg.gif) no-repeat 10px 12px;
line-height:200%;
}


/* 定義リスト */
dl {
padding: 0px;
margin: 0px 0px 20px 0px;
line-height:18px;
}

dt {
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;
margin-right: -13em;
clear: left;
float: left;
font-weight:normal;
color:#333;
}
	
dd {
margin: 0px 0px 14px 0px;
padding: 0px 0px 0px 140px;
background:url(../images/common/dl_bg.gif) no-repeat 110px 5px ;
}


/* 上付き文字 */
sup {
color:#944E2E;
font-size:11px;
}

/* ************************************************ */
/**** 大枠ID ****/
/* ************************************************ */

/***** wrap *****/
#wrap {
width:950px;
height:100%; 
min-height:100%;
padding:0px;
margin:0px auto;
background:#fff url(../images/common/wrap_bg.gif) repeat top left;
}
body > #wrap { 
height:auto; 
}

/***** head *****/
#head {
width:840px;
padding:35px 45px;
margin:0px auto 0px auto;
text-align:left;
background:url(../images/common/head_bg.gif) repeat-x top left;
}
div#head:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}
/***** main *****/
#main {
clear:both;
width:930px;
margin:0px auto;
padding:0px 0px 0px 0px;
text-align:left;
background:#fff;
position:relative;
}
div#main:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}


/***** left *****/
#left {
clear:both;
float:left;
width:245px;
margin:0px 0px 0px 0px;
padding:0px 0px;
text-align:left;
}

/***** right *****/
#right {
float:right;
width:600px;
height:500px;
overflow:auto;
overflow-y:auto; /* ie7 */
overflow-x:hidden; /* ie7 */
margin:0px 0px 0px 0px;
padding:0px 45px 0px 40px;
text-align:left;
}



/***** foot *****/
#foot {
clear:both;
width:840px;
padding:40px 45px;
margin:0px auto 0px auto;
}
div#foot:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}


/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

.dotline {
background:url(../images/common/dotline.gif) left top repeat-x;
/*margin:0px !important;
padding:0px 0px 0px 0px !important;*/
line-height:3px !important;
}

.dsp_none {
display:none;
font-size:0px;
line-height:0px;
}

.clear {
clear:both;
font-size:0px;
line-height:0px;
display:block;
}
.clear:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

.caution {
color:#944E2E;
font-size:12px;
line-height:150%;
padding:0px 0px 0px 15px;
margin-top:0px;
background:url(../images/common/ic_caution.gif) no-repeat 1px 5px;
}
.caution a {
color:#944E2E;
}
.caution a:hover {
color:#333;
}

.mgnR_0 {
margin-right:0px !important;
}
.mgnL_0 {
margin-left:0px !important;
}
.mgnT_0 {
margin-top:0px !important;
}
.mgnB_0 {
margin-bottom:0px !important;
}


.al_left {
text-align:left;
}
.al_right {
text-align:right;
}
.al_center {
text-align:center;
}

.flt_left {
float:left;
margin:0px 0px 15px 0px;
}
.flt_right {
float:right;
margin:0px 0px 15px 15px;
}

.f10 {
font-size:10px;
}
.f12 {
font-size:12px;
}

.f_orange {
color:#944E2E;
}

.f_gray {
color:#666;
}

/* 通常リンク矢印 */
.allow {
margin:0px;
padding: 0px 0px 0px 10px;
background:url(../images/common/allow.gif) no-repeat 0px 5px;
}


/* ************************************************ */
/**** ヘッダ関係 ****/
/* ************************************************ */

/***** ロゴ *****/
.logo {
float:left;
padding:0px 0px;
margin: 0px 0px;
}

.logo a {
width:200px;
height:70px;
display:block;
background:url(../images/common/logo.gif) no-repeat top left;
}

/***** ヘッダ右情報 *****/
.head_right {
float:right;
padding:0px 0px;
margin: 0px 0px;
width:526px;
height:70px;
}
/* ヘッダリード */
.head_lead {
float:left;
width:290px;
height:70px;
display:block;
background:url(../images/common/head_lead.gif) no-repeat top left;
}
/* ヘッダお問い合せ */
.head_contact {
float:right;
width:217px;
height:70px;
display:block;
background:url(../images/common/head_contact.gif) no-repeat top left;
}




/* ************************************************ */
/**** メイン関係 ****/
/* ************************************************ */

/* ****************************** */
/************ 左カラム ************/
/* ****************************** */
/***** 背景 *****/
.left_home {
margin-top:-500px!important;
}
.left_cp {
background:url(../images/cp/leftbg_cp.jpg) no-repeat top left;
}
.left_gallery {
background:url(../images/gallery/leftbg_gallery.jpg) no-repeat top left;
}
.left_flow {
background:url(../images/flow/leftbg_flow.jpg) no-repeat top left;
}
.left_price {
background:url(../images/price/leftbg_price.jpg) no-repeat top left;
}
.left_qa {
background:url(../images/qa/leftbg_qa.jpg) no-repeat top left;
}
.left_news {
background:url(../images/news/leftbg_news.jpg) no-repeat top left;
}

/***** グローバルメニュー *****/
.gmenu {
clear:both;
width:75px;
height:500px;
position: relative;
overflow : hidden ;
z-index: 100;
}

.gmenu ul {
list-style:none;
padding:6px 0px;
margin: 0px 0px 0px 0px;
/*background:url(../images/common/gmenu_bg.png) repeat-y top left;*/
background:#000;
position: relative;
overflow:hidden;
}
.gmenu ul li {
padding:0px;
margin:0px 0px 0px 0px;
background:none;
}

.gmenu ul li a#here {
background-position: -75px 0px;
}

.gmenu ul li a.gmenu_home {
width:75px;
height:37px;
display:block;
background:url(../images/common/gmenu_home.png) no-repeat 0px 0px;
padding:0px;
margin:0px;
text-indent:-9999px;
}
.gmenu ul li a.gmenu_home:hover {
background:url(../images/common/gmenu_home.png) no-repeat -75px 0px;
}

.gmenu ul li a.gmenu_cp {
width:75px;
height:69px;
display:block;
background:url(../images/common/gmenu_cp.png) no-repeat 0px 0px;
padding:0px;
margin:0px;
text-indent:-9999px;
}
.gmenu ul li a.gmenu_cp:hover {
background:url(../images/common/gmenu_cp.png) no-repeat -75px 0px;
}

.gmenu ul li a.gmenu_gallery {
width:75px;
height:93px;
display:block;
background:url(../images/common/gmenu_gallery.png) no-repeat 0px 0px;
padding:0px;
margin:0px;
text-indent:-9999px;
}
.gmenu ul li a.gmenu_gallery:hover {
background:url(../images/common/gmenu_gallery.png) no-repeat -75px 0px;
}

.gmenu ul li a.gmenu_flow {
width:75px;
height:124px;
display:block;
background:url(../images/common/gmenu_flow.png) no-repeat 0px 0px;
padding:0px;
margin:0px;
text-indent:-9999px;
}
.gmenu ul li a.gmenu_flow:hover {
background:url(../images/common/gmenu_flow.png) no-repeat -75px 0px;
}

.gmenu ul li a.gmenu_price {
width:75px;
height:46px;
display:block;
background:url(../images/common/gmenu_price.png) no-repeat 0px 0px;
padding:0px;
margin:0px;
text-indent:-9999px;
}
.gmenu ul li a.gmenu_price:hover {
background:url(../images/common/gmenu_price.png) no-repeat -75px 0px;
}

.gmenu ul li a.gmenu_qa {
width:75px;
height:51px;
display:block;
background:url(../images/common/gmenu_qa.png) no-repeat 0px 0px;
padding:0px;
margin:0px;
text-indent:-9999px;
}
.gmenu ul li a.gmenu_qa:hover {
background:url(../images/common/gmenu_qa.png) no-repeat -75px 0px;
}

.gmenu ul li a.gmenu_news {
width:75px;
height:69px;
display:block;
background:url(../images/common/gmenu_news.png) no-repeat 0px 0px;
padding:0px;
margin:0px;
text-indent:-9999px;
}
.gmenu ul li a.gmenu_news:hover {
background:url(../images/common/gmenu_news.png) no-repeat -75px 0px;
}


/* ****************************** */
/************ 右カラム ************/
/* ****************************** */

/********** 共通 **********/
/***** センテンス *****/
.sentence {
clear:both;
margin:0px 0px 40px 0px;
padding:0px 0px 30px 0px;
background:url(../images/common/dotline.gif) left bottom repeat-x;
}
.sentence:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}

/***** 見出し *****/
/** 大見出し **/
.tit {
clear:both;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
display:block;
text-indent:-9999px;
line-height:35px;
height:55px;
background:#fff;

position: absolute;
top: 0px;
left: 285px;
z-index: 999;

}
.tit .cp {
width:600px;
height:35px;
background:url(../images/cp/tit_cp.gif) no-repeat top left;
}
.tit .gallery {
width:600px;
height:35px;
background:url(../images/gallery/tit_gallery.gif) no-repeat top left;
}
.tit .flow {
width:600px;
height:35px;
background:url(../images/flow/tit_flow.gif) no-repeat top left;
}
.tit .qa {
width:600px;
height:35px;
background:url(../images/qa/tit_qa.gif) no-repeat top left;
}
.tit .news {
width:600px;
height:35px;
background:url(../images/news/tit_news.gif) no-repeat top left;
}
.tit .price {
width:600px;
height:35px;
background:url(../images/price/tit_price.gif) no-repeat top left;
}
/** 中見出し **/
.stit {
clear:both;
font-size:20px;
line-height:150%;
margin:0px 0px 20px 0px;
padding:0px 0px 0px 0px;
font-weight:normal;
color:#333;
}

/** 小見出し **/
.sstit {
clear:both;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
font-size:16px;
line-height:150%;
font-weight:bold;
color:#567B43;
/*border-bottom:1px solid #efefef;*/
}
/** 小小見出し **/
.ssstit {
clear:both;
margin:0px 0px 5px 0px;
padding:0px 0px 0px 0px;
font-size:16px;
line-height:150%;
font-weight:normal;
color:#333;
}
/***** リード文 *****/
.lead {
margin:0px 0px 30px 0px;
}

/***** アンカーTOP *****/
a#top {
height:55px;
display:block;
}

/***** BOX *****/
.box {
background:#EFEFEF;
padding:20px;
margin:5px 0px 15px 0px;
}
/***** PAGE TOP *****/
.pagetop {
clear:both;
margin:0px 0px 40px 0px;
text-align:right;
font-size:11px;
}
.pagetop a {
background:url(../images/common/allow_up.gif) no-repeat center left;
padding:0px 0px 0px 15px;
}

/********** HOME **********/
/***** メインビジュアル *****/
#mainvis {
width:930px;
height:500px;
display:block;
background:#1F110E;
}

/* メインビジュアルイメージ */
.ui-tabs-panel { 
/*position:relative;*/
}
.ui-tabs-panel img {
}
.ui-tabs-hide {
display:none;
}

/* メインビジュアルコントローラ */
ul.ui-tabs-nav { 
/*float:right;*/
list-style:none;
margin:-27px 15px 0px 0px;
padding:0;
/*position:absolute;*/
text-align: right;
}

ul.ui-tabs-nav li { 
/*float:left;*/
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
padding:0px;
margin:0px 0px 0px 0px;
background:none;
}
li.ui-tabs-nav-item a { 
width:12px;
height:12px;
display:block;
text-indent:-9999px;
background:url(../images/common/btn_ui-tabs-nav.png) no-repeat top left;
}

li.ui-tabs-nav-item a:hover { 
background:url(../images/common/btn_ui-tabs-nav.png) no-repeat bottom left;
}
li.ui-tabs-selected a { 
width:12px;
height:12px;
display:block;
text-indent:-9999px;
background:url(../images/common/btn_ui-tabs-nav.png) no-repeat bottom left;
}

/***** プリローダー *****/
#fade {
width: 930px;
height: 500px!important;
display: none;
background:#fff url(../images/common/loading.gif) no-repeat center center;
position: absolute;
/*top: 0px;
left: 0px;*/
z-index: 50;
}

/********** 会社案内 **********/


/********** 発注から納品まで **********/
.flow_block {
clear:both;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 0px;
background:url(../images/flow/flow_allow.gif) no-repeat 57px bottom;
}
.flow_block:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}
.flow_block .flow_photo {
float:left;
width:120px;
margin:0px 30px 20px 0px;
padding:0px 0px 0px 0px;
}
.flow_block .flow_text {
float:right;
width:420px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}

.flow_block .flow_text .stit {
margin:0px 0px 10px 0px;
}



/********** Q&A **********/
.qalist {
}
.qalist dt.question {
clear:both;
float: none;
display: block;
background:url(../images/common/dotline.gif) left bottom repeat-x;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-weight:bold;
color:#333;
cursor: pointer;
}
.qalist dt.question .stit {
background:url(../images/qa/ic_q.gif) no-repeat 10px 12px;
padding:10px 10px 10px 40px;
margin:0px 0px 0px 0px;
font-size:16px;
}
.qalist dt.question:hover .stit {
color:#944e2e;
}
/*.question .current {
background:;
}
.question .current .stit{
background:#efefef url(../images/qa/ic_q_current.gif) no-repeat 10px 12px;
}*/
.qalist dd.answer {
display:block;
background:#efefef url(../images/qa/ic_a.gif) no-repeat 10px 12px;
padding:10px 30px 1px 40px;
}



/********** 新着情報 **********/
#feed_news {
width:600px;
padding: 0px;
margin: 0px 0px 20px 0px;
text-align:left;
}

/*#feed_news .stit {
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
clear: none;
float: none;
font-weight:bold;
color:#333;
text-align:left;
}*/
	
#feed_news .content {
margin: 0px 5px 30px 0px;
padding: 0px 0px 30px 0px;
text-align:left;
background:url(../images/common/dotline.gif) repeat-x bottom left;
}

.loading {
height:445px;
display:block;
background:url(../images/news/loading.gif) no-repeat center center;
}

/********** 畳ギャラリー **********/
.underconstruction {
height:445px;
display:block;
background:url(../images/gallery/underconstruction.gif) no-repeat top left;
}

/*** ギャラリーTOP ***/
.gallery_thmb {
clear:both;
width:583px;
height:auto;
display:block;
}
.gallery_thmb:after { /* clearfix */
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0px;
line-height:0;
clear:both;
}
/* サムネリストブロック */
.gallery_block {
float:left;
border:1px solid #ccc;
width:160px;
margin:0px 21px 21px 0px;
padding:9px;
}
.gallery_photo {
margin:0px 0px 5px 0px;
}
.gallery_link {
font-size:11px;
background:url(../images/common/ic_openwin.gif) no-repeat 0px 7px;
padding:0px 0px 0px 12px;
}
/* タイトル */
.heritsuki {
width:160px;
height:36px;
display:block;
margin:0px 0px 10px 0px;
background:url(../images/gallery/thmbtit_heritsuki.gif) no-repeat top left;
}
.herinashi {
width:160px;
height:36px;
display:block;
margin:0px 0px 10px 0px;
background:url(../images/gallery/thmbtit_herinashi.gif) no-repeat top left;
}
.color {
width:160px;
height:36px;
display:block;
margin:0px 0px 10px 0px;
background:url(../images/gallery/thmbtit_color.gif) no-repeat top left;
}
.oki {
width:160px;
height:36px;
display:block;
margin:0px 0px 10px 0px;
background:url(../images/gallery/thmbtit_oki.gif) no-repeat top left;
}
.kansou {
width:160px;
height:36px;
display:block;
margin:0px 0px 10px 0px;
background:url(../images/gallery/thmbtit_kansou.gif) no-repeat top left;
}

/*** ギャラリー詳細 ***/
.gallery_tit {
float:left;
width:133px;
position:absolute;
left:0px;
top:0px;
text-align:center;
}
.tit_heritsuki {
width:133px;
height:500px;
display:block;
background:url(../images/gallery/tit_heritsuki.png) no-repeat top left;
text-indent:-9999px;
}
.tit_herinashi {
width:133px;
height:500px;
display:block;
background:url(../images/gallery/tit_herinashi.png) no-repeat top left;
text-indent:-9999px;
}
.tit_color {
width:133px;
height:500px;
display:block;
background:url(../images/gallery/tit_color.png) no-repeat top left;
text-indent:-9999px;
}
.tit_oki {
width:133px;
height:500px;
display:block;
background:url(../images/gallery/tit_oki.png) no-repeat top left;
text-indent:-9999px;
}
.tit_kansou {
width:133px;
height:500px;
display:block;
background:url(../images/gallery/tit_kansou.png) no-repeat top left;
text-indent:-9999px;
}

a.btn_close {
width:133px;
height:140px;
display:block;
background:url(../images/common/btn_close.png) no-repeat top left;
text-indent:-9999px;
filter: alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
}
a.btn_close:hover {
filter: alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;

}

.gallery_content {
float:left;
width:780px;
margin-left:133px;
background:#fff;
}
.gallery_content .inner {
padding:30px;
}


/********** 価格表 **********/
.price_block {
clear:both;
margin:0px 0px 30px 0px;
padding:0px ;
}

.price_table {
width:100%;
margin:0px 0px 20px 0px;
border:0px;
}
.price_table td {
padding:5px 10px 5px 0px;
vertical-align:top;
border:0px;
}
.price_table td.yen {
padding:5px 10px 5px 25px;
text-align:right;
font-weight:bold;
/*background:#EFEFEF;*/
width:90px;
background:url(../images/common/3dot.gif) no-repeat 10px 14px;
}


/* ************************************************ */
/**** フッタ関係 ****/
/* ************************************************ */
.tatamiorderhouse a{
float:left;
padding:0px;
margin: 0px;
width:200px;
height:55px;
display:block;
background:url(../images/common/tatamiorderhouse.gif) no-repeat top left;
}

.foot_address {
float:right;
padding:0px;
margin: 0px;
width:376px;
height:27px;
display:block;
background:url(../images/common/foot_address.gif) no-repeat top left;
}

.copyright {
clear:both;
float:right;
padding:0px;
margin: 0px;
width:376px;
height:28px;
display:block;
background:url(../images/common/copyright.gif) no-repeat top left;
}