@charset "UTF-8";
/*ベース設定::::::::::::::::::::::::::*/
html{margin:0;padding:0;}
body{
    margin:0;
	padding:0;
	text-align: center;
	line-height:130%;
    color:#252525;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	background: #5F2409 url("http://www.mokutate.com/images/styles/back.jpg") repeat-x scroll top;

}
/*リンクベース*/
a{
	color:#660000;
	text-decoration:underline;
}
a:hover{
	color:#CC0000;
	text-decoration:underline;
}
address{
   font-style:normal;
   display:inline;
}
dfn{
   font-style:normal;
   display:inline;
   background:#FFFF66;
}

/* レイアウト::::::::::::::::::::::::::::::::*/

/* メイン:::::::::::::::::::::::::::::::: */
div#main{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	background:#660000 url("http://www.mokutate.com/images/styles/back.jpg");
	border:1px solid #000;

}
div.main_inner{
   width:750px;
   margin:0 auto;
   padding:0;
   background:#FFFFFF;



}

div.main_inner_sekou{
	width:750px;
	margin:0;
	padding:0;
	background:#FFFFFF;
	


}

/*センター＆左*/		
div.layout1{
	text-align:left;
	padding:0;
	clear:both;
	width:750px;
	margin:0 auto;
	height:1%;
	background:#FDF6E3;
	display:block;

   }	
/*clearfix floatに設定*/
.clearfix:after,
div.layout1:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}
.clearfix{
	height:1%
}
.img_left{
   float:left;
   margin:0 15px 15px 0;
}
.img_right{
   float:right;
   margin:0 0 15px 15px;

}
/* ヘッダー::::::::::::::::::::::::::*/
/*トップワード*/
h1.top_word{
	margin:0 auto;
	padding:3px 5px;
	text-align:left;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:100%;
	text-decoration:none;
	width:750px;
}
/*バナー*/
div#header {
	text-align:left;
	margin:0;
	padding:10px 0 0;
	width:100%;
	/*height:170px;*/
   background:#660000 url(../images/styles/back.jpg) repeat-x top;
}
.header_inner{
	position:relative;
	width:750px;
	margin:0 auto;
	padding:0;
	height:100px;
}
/*サイトマップ*/
div#header div#sitemap{
	background:url("../images/styles/i_sitemap.gif") no-repeat left top;
	padding:1px 10px 1px 20px;
	position:absolute;
	top:-22px;
	right:0px;
	margin:0;
	color: #FFFFFF;
}
/*タイトルやロゴ*/
div#header div#branding{
   margin:0;
   padding:0;
}

div#header div#branding2{
}
div#header div#branding2 a{
   position:absolute;
   top:15px;
   left:50px;
   margin:0;
   padding:0;
   text-decoration:none;
   color: #000;
   font-size:28px;
   font-weight:bold;
  line-height:normal;
}
div#header div#branding2 a:hover{
   text-decoration:underline;
   color:#660000;
}



/* globalnav------------------------------- */
#globalnav {
	height:35px;
	width: 100%;
	margin:0;
	padding:0;
	background:#660000 url("http://www.mokutate.com/images/styles/navi_back3.jpg") repeat-x top;
}
.globalnav_inner{
   position:relative;
   width:750px;
   height:35px;
   margin:0 auto;
   padding:0;
	background:url("http://www.mokutate.com/images/styles/navi_back3.jpg") top repeat-x #660000;
}

#globalnav ul {
	margin:0;
	height:35px;
	padding:0;
}
#globalnav li {
	list-style-type:none;
	margin:0;
	float:left;
}

#globalnav li#g_top a,
#globalnav li#g_product a,
#globalnav li#g_sample a,
#globalnav li#g_company a,
#globalnav li#g_sickhouse a,
#globalnav li#g_door a,
#globalnav li#g_contact a{
	display:block;
	text-align:center;
	height:15px;/*35-padd*/
	color:#fff;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	border-left:1px solid #660000;
	border-right:1px solid #660000;
	padding:10px 0;
	margin:0;
	background:url("http://www.mokutate.com/images/styles/navi_back3.jpg") repeat-x top;
}
/*各メニューにＩＤと横幅を指定*/
#globalnav li#g_top a{width:100px;}
#globalnav li#g_product a{width:100px;}
#globalnav li#g_sample a{width:100px;}
#globalnav li#g_company a{width:100px;}
#globalnav li#g_sickhouse a{width:126px;}
#globalnav li#g_door a{width:105px;}
#globalnav li#g_contact a{width:100px;}
/*onmouse*/
#globalnav li#g_top a:hover,
#globalnav li#g_product a:hover,
#globalnav li#g_sample a:hover,
#globalnav li#g_company a:hover,
#globalnav li#g_sickhouse a:hover,
#globalnav li#g_door a:hover,
#globalnav li#g_contact a:hover{
	background:url("http://www.mokutate.com/images/styles/navi_back2.jpg") repeat-x top;
	border-left:1px solid #660000;
	border-right:1px solid #660000;
	color:#fff
}


/*パンくずリスト施工事例*/ 
.pankuzu_bar_sekou{
   margin:0 auto;
   height:1%;
   width:730px;
   border-bottom:1px dotted #ccc;
}
.pankuzu_bar_sekou:after{
   clear:both;
   content:".";
   visibility:hidden;
   display:block;
   height: 0;
   }
.pankuzu_sekou{
   padding:0 5px 2px 20px;
   float:left;
   width:400px;
   margin:5px 0 5px 0;
   display:block;
   background:url("../images/styles/i_pan.gif") no-repeat left top;   
   text-align:left;
}




/* センター部分:::::::::::::::::::::::::::::::: */
/*囲い*/
div#center_cat{
	margin:0;
	padding:5px 10px 10px 0px;
	float:right;
	width:550px;/*570px-padd*/
	line-height: 140%;
	height:1%;
	background: #FFFFFF url("http://www.mokutate.com/images/styles/entry_back.jpg") no-repeat right bottom;
}

div#center_ent,
div#center_page{
	margin:0;
	padding:5px 10px 10px 0px;
	float:right;
	width:550px;/*570px-padd*/
	background-color:#fff;
	line-height: 140%;
	height:1%;
}

div#sekou{
	margin:0;
	padding:5px 0px 10px;
	float:right;
	width:730px;/*570px-padd*/
	background-color:#fff;
	line-height: 140%;
	height:1%;
}

div#center{
	width:570px;/*570px-padd*/
	float:right;
	padding:0;
	margin:0;
	background: #FFFFFF;
}
.center_inner{
    margin:0;
    padding:10px;
    background-color:#fff;
    line-height: 140%;
   height:1%;

}


div#center h2{
	clear:both;
	text-align:center;
	padding:10px;
	font-size:16px;
	font-weight:bold;
	color: #fff;
	background: #FFFFFF;
	border-bottom: 2px double #660000;
}
div#center h2 a{
	color:#660000;
	text-decoration:none;
}
div#center h2 a:hover{
   text-decoration:underline;
}
div#center h2 span{font-size:12px;}
.content{}
/*info画像*/
div#info{
   position:relative;
   width:550px;
}
div.flash{
   float:right;
   margin:0;
   padding:0;
}
/*updateinfo*/
#updateinfo dl,
.updateinfo dl{
	background:url("../images/styles/i_ortry.gif") no-repeat left;
	clear:both;
	border-bottom:1px dotted #660000;
	padding:0 0 2px 15px;
	margin:0 0 5px 10px;
}
#updateinfo dt,
.updateinfo dt{
   width:7em;
   float:left;
}
#updateinfo dd,
.updateinfo dd{
   margin-left:7em;
}

.pastnews{
	font-weight: bold;
	color: #660000;
	text-align: right;
}

/* カテゴリ、エントリ*/
h2#ent_title,
h2#cat_title,
h2#page_title,
h2.entrybodylist_title a{
	background:center;
	color:#660000;
	font-size:22px;
	padding:10px 0 7px 15px;
	text-decoration: none;
	line-height:normal;
	margin:0;
	clear:both;
	border-bottom: 2px double #660000;
}
h2.entrybodylist_title a:hover{
   text-decoration: none;
   color:#330000;
   background:url("../images/styles/bg_ent_title_ho.jpg") no-repeat bottom;
   }


/*カテゴリーリスト*/


.cat_desc{
	width: 350px;
	margin-left: 20px;
	border: 1px solid #FF9900;
	color: #330000;
	background: #FFFFFF;
	padding: 10px;
}




#cat_list{
   margin:15px;
   padding:0;
}
#cat_list ul{
   margin:0;
   padding:0;
}
#subcat_list h3,
#cat_list li{
	border-bottom:thin dotted #660000;
	background:left;
	padding:7px 10px 5px 30px;
	margin:0 0 15px 0;
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	list-style-type:none;
}

/*エントリーカテゴリーリンク*/
.entrycategory{
   margin:3px 0 0 0;
   padding:0;
   float:right;
}
.entrycategory a{
   display:block;
   background:url("../images/styles/bg_entrycategory.jpg") no-repeat top #2B4188;
   width:90px;/*120-padd*/
   height:13px;/*23-padd*/
   color:#fff;
   text-decoration:none;
   margin:0;
   padding:5px 0 5px 30px;
   font-weight:bold;
}
.entrycategory a:hover{
   background:url("../images/styles/bg_entrycategory_hvr.jpg") no-repeat top #4868BB;
   color:#fff;
   text-decoration:none;

}

/*本文のリスト表示*/
.entrybodylist ul,
#entrybody ul,
.entrybody ul{
	margin:15px 0 5px 0px;
	padding:0;
}
.entrybodylist ul li,
#entrybody ul li,
.entrybody ul li,
#entrybody ol ul li{
	background:url("../images/styles/mark1.gif") no-repeat left top;
	list-style:none;
	padding:0px 3px 4px 15px;
	display:block;
	margin-bottom:0.7em;
	border-bottom:1px dotted #cccccc;
}

/*本文のリスト表示 数字編*/
.entrybodylist ol,
#entrybody ol,
.entrybody ol{
position: relative;
	margin:0;
	padding:0;
}

.entrybodylist ol li,
#entrybody ol li,
.entrybody ol li,
#entrybody  ul ol li{
	padding:0px 3px 4px 0px;
	margin-bottom:0.7em;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left:2em;
}
.entrymore,
.pagemore{
   clear:both;
}

/*前後エントリーリンク*/
.zengo{
   font-size: 12px;
   padding:3px;
   border-top:1px dotted #CDD8E4;
   border-bottom:1px dotted #CDD8E4;
   height:1%;
}
.zengo:after{
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   content: ".";
}
.zengo .zengo_left{float:left;width:250px;}
.zengo .zengo_right{float:right;width:250px;text-align:right;}
.zengo a{color:#0000FF;}
.zengo a:hover{color:#0000FF;}
/*本文表示*/

.entry_sekou{
	text-align: center;
	background: #000000;
	margin-left: 10px;
}

#entrybody,
.entrybody{
	padding:10px 10px 10px 20px;/*左に段下げ*/

}
.centerbody{
	padding:0px 10px 10px 20px;/*左に段下げ*/
}
#entrybody h3,
.entrybody h3,
.centerbody h3{
	margin-left:0px;/*entbodyにpadd20px*/
	border-bottom:thin dotted #660000;
	background:left;
	padding:7px 10px 5px 0px;
	font-weight:bold;
	font-size:16px;
	line-height:normal;
	color: #330000;
	border-left: thin solid #FFFFFF;
}
#entrybody h4,
.entrybody h4,
.centerbody h4{
	padding:5px 10px 5px 0px;
	font-weight:bold;
	font-size:14px;
	color:#660000;
	background:repeat-x top;
}
#entrybody h5,
.entrybody h5,
.centerbody h5{
	margin:0;
	border-bottom:1px solid #660000;
	padding:5px 0;
	font-size:12px;
	font-weight:bold;
	color:#330000;
}
#entrybody h6,
.entrybody h6,
.centerbody h6{
	margin:0;
	padding:5px 0;
	font-size:12px;
	font-weight:bold;
	color:#330000;
}
.posted{
    clear:both;
	padding:3px 0;
	border-bottom:2px dotted #666666;
}
.pagetop{
	clear:both;
	padding:3px 0;
	text-align: right;
	border-bottom:2px solid #660000;
	padding:4px 10px;
	text-decoration:none;
}
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto; 
   margin:0 0 10px 0;
   border-left: 5px solid #36414d;
   padding: 5px;
   color:#fff;
   background: #a3b8cc;
   font-size: 12px; 
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
   }

.entry_tags{margin-bottom:10px;}

/*左メニューブログ記事::::::::::::::::::::::::::::::::*/ 

#blog_left{
	float:left;
	width:180px;
	height:1%;
	padding:0 0 10px 0;
	margin: 0;
}

#blog_left div{
	padding: 18px 0px 0px;
	margin: 0px;
	border-bottom: 2px double #660000;
}


#blog_left ul{
	padding:5px 0px 5px 10px;
	margin:0px 3px 0px 0px;
}

#blog_left li{
	list-style-type: none;
	padding:0px 5px 4px 10px;
	margin:3px 0 4px 0px;
	border-bottom: 1px dotted #ccc;
	background:url("http://www.mokutate.com/images/styles/i_l.gif") no-repeat top left;
}


/*左メニュー::::::::::::::::::::::::::::::::*/ 



#left{
	float:left;
	width:180px;
	height:1%;
	padding:0 0 10px 0;
	margin: 0;

}


/*メニューリスト*/
#left ul{
	padding:5px 0px 5px 10px;
	margin:0px 3px 0px 0px;
}
#left li{
	list-style-type: none;
	padding:0px 5px 4px 10px;
	margin:3px 0 4px 0;
	border-bottom: 1px dotted #ccc;
	background:url("http://www.mokutate.com/images/styles/i_l.gif") no-repeat top left;
}
/*単語リスト*/
.l_aiueo{font-size:10px;background-color:#fff;line-height:130%;}
.l_aiueo a{
   float:left;
   width:29px;/*30-bdr*/
   height:35px;/*40-padd-bdr*/
   font-size:10px;
   margin:0 1px 2px 1px;
   padding:2px 0;
   text-align:center;
   text-decoration:none;
   background:#F0F0FF;
   border-right:1px solid #999999;
   border-bottom:1px solid #999999;
}
.l_aiueo a:hover{
   width:27px;/*30-bdr*/
   height:33px;/*40-padd-bdr*/
   font-size:10px;
   margin:0 1px 2px 1px;
   padding:2px 0;
   border-top:2px solid #C5C5C5;
   border-left:2px solid #C5C5C5;
   text-decoration:none;
   background:#E9D4CD;
   color:#9999CC;
   }
.l_aiueo_zero{
   line-height:130%;
   float:left;
   width:29px;/*30-bdr*/
   height:35px;/*40-padd-bdr*/
   font-size:10px;
   margin:0 1px 2px 1px;
   padding:2px 0;
   text-align:center;
   text-decoration:none;
   background:#DDDDDD;
   border-right:1px solid #999999;
   border-bottom:1px solid #999999;
}
/*RSSなど*/
.rss,
.yahoo{
   border:1px dotted #ccc;
   background:#fff;
   padding:5px;
   font-size:10px;
   margin:5px;
}

/*サイトマップ、サブカテゴリーリスト:::::::::::::::::::::::::::::::::::::::*/
#sitemap_list,#subcat_list{}

#sitemap_list h3,
#subcat_list li,
#page_list li{
   list-style-type:none;
   font-size:16px;
   font-weight:bold;
   text-decoration:none;
   background:url("../images/styles/bg_site_li.jpg") top repeat-x;
   padding:5px 10px 5px 10px;
   border-bottom:1px dotted #cccccc;
}
#sitemap_list li{
   background:url("../images/styles/i_site.gif") top left no-repeat;
   padding-left:25px;
   list-style-type:none;
}
#page_list{}
#page_list ul{margin:0;padding:0;}
#page_list li{margin:10px 0;}


/*フッター:::::::::::::::::::::::::::::::::::::::*/
/*フッターグループ*/
#footer {
	text-align:left;
	clear:both;
	margin:0;
	padding:0 0 10px 0;
/*	background:#FFFFFF url(http://www.mokutate.com/images/styles/footer_back.jpg) repeat-x top;*/
	height:1%;
	width:100%;


}
.footer_inner{
/*	position:relative;*/
	padding:5px 10px;
	margin:0 auto;
	width:730px;/*750-padd*/
/*	background:#FFFFFF url(http://www.mokutate.com/images/styles/footer_back.jpg) no-repeat top;*/
}
#footer a{
	color:#660000;
}
#footer a:hover{
	color:#CC0000;
}
#footer dfn{
   font-style:normal;
   display:inline;
   background:none;
}

/*サイトインフォメーション*/
/*siteinfo_top(会社名からcopyrightまで)*/
#footer .siteinfo_top{
	clear:both;
	margin:0;
	padding:10px;
	height:1%;
	border-bottom:1px solid #330000;
	display:block;
}

#footer .siteinfo{
	clear:both;
	margin:0;
	padding:10px 5px;
	width:720px;
	height:1%;
	border-bottom:1px solid #330000;
	display:block;
}
#footer .siteinfo:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#footer_address{
	margin:5px;
	padding:0;
	font-size:16px;
	line-height:140%;
}
#footer_address span{
	font-size:12px;

}
#footer .footer_title{
	float:left;
	width:94px;height:1%;
	margin:5px;
	padding:0;
	font-size:12px;
}
#footer .footer_body{
	float:right;
	margin:5px;
	padding:0;
	width:595px;height:1%;
}

#footer p{
   margin:0;padding:5px;
}

/*コピーライト*/
.copyright{
	padding:10px 0;
	margin:0;
	text-align:right;
}
/*チェッカー*/
div.checker{
	width:200px;
	display:block;
	font-size:10px;
	position:absolute;
	top:15px;
	right:15px;
   }
div#checker img{
   text-align:right;
   }

/*HRC*/
.hrc{width:750px;color:#999999; text-align:right;margin:2px auto;}
.hrc a{color:#999999;text-decoration:none;}
.hrc a:hover{color:#333333;}

/*その他:::::::::::::::::::::::::::::::::::::*/
/*リンクボタン*/
.link,
.link_more{
   margin:10px;
   text-align:right;
}
.link a,
.link_more a{
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-right:1px solid #A5A5A5;
   border-bottom:1px solid #A5A5A5;
   padding:4px 20px 4px 20px;
   background:url("../images/styles/i_link.gif") no-repeat top left;
   text-decoration:none;
}
.link a:hover,
.link_more a:hover{
   background:url("../images/styles/i_link.gif") no-repeat top left #FFFFCC;
}

.btn_1{
   margin:15px 0;
   padding:0;
}
.btn_1 a{
   display:block;
   background:url("../images/styles/btn_1.jpg") no-repeat center top;
   height:15px;/*45-padd*/
   font-size:22px;
   text-align:center;
   font-weight:bold;
   color:#fff;
   text-decoration:none;  


   padding:15px 0;
}
.btn_1 a:hover{
   background:url("../images/styles/btn_1_hvr.jpg") no-repeat center top;
   text-decoration:none;  
   color:#fff;
}
.btn_2{
   margin:10px;
}
.btn_2 a{
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-right:1px solid #A5A5A5;
   border-bottom:1px solid #A5A5A5;
   padding:4px 20px 4px 20px;
   background:url("../images/styles/i_link.gif") no-repeat top left;
   text-decoration:none;
}
.btn_2 a:hover{
   background:url("../images/styles/i_link.gif") no-repeat top left #FFFFCC;
}



.contact {
	text-align: right;
}


.sekouyear{
	margin: 0px 10px 10px;
	padding: 10px;
	border: 2px solid #330000;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}

/*テーブル*/
.table1{
	margin:10px 0;
	border-collapse: collapse;
	border-spacing: 0;
	/*border-top: #000 1px solid;
	border-left: #000 1px solid;*/
	border: #000 1px solid;
    background:#FFF;
	width:100%;
}
.table1 th{
	border: #000 1px solid;

	padding:5px;
	background:#EEE;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

.table1 td{

    border: #000 1px solid;
	padding:5px;
	font-size:12px;
	vertical-align: top;
}



.table_trans{
	margin:10px 0;
	border-collapse: collapse;
	border-spacing: 0;
    background:#FFF;
}
.table_trans th{
	padding:5px;
	background:#EEE;
	text-align:center;
	color:#000;
	font-size:12px;
	font-weight:normal;
}

.table_trans td{

	padding:5px;
	font-size:12px;
	vertical-align: top;
}



.table_order{
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #330000;
	background:#FFF3E8;
	width:100%;
	margin: 1px;
}

.table_order td{
	border: #000 1px solid;
	padding:2px;
	font-size:12px;
	vertical-align: top;
	margin: 0px;
}



/*枠*/


.waku {
	line-height: 150%;
	color: #660000;
	background: #FFFBF4;
	padding: 10px;
	border: 1px solid #FFEED0;
}



/*文字サイズ*/
.fchange{
   position:absolute;
   top:-23px;
   right:100px;
}
.fchange_inner{
   position:relative;
   margin:0;
   padding:0;
   background:#E6F9FF;
   width:178px;/*180px-bdr*/
   height:19px;/*21px-bdr*/
   border-top:1px solid #86B5CE;
   border-left:1px solid #86B5CE;
   border-right:1px solid #5A9ABC;
   border-bottom:1px solid #5A9ABC;
   }
.fchange span{
   position:absolute;
   display:block;
   color:#366781; 
   top:1px;
   left:6px;
}
.fchange .f_defo{
   position:absolute;
   top:1px;
   right:60px;   
}
.fchange .f_large{
   position:absolute;
   top:1px;
   right:6px;   
}
.fchange .f_defo a,
.fchange .f_large a{
   width:50px;
   height:15px;/*17px-padd*/
   display:block;
   background:url("../images/styles/bg_f_defo.jpg") no-repeat;
   color:#244557;
   text-align:center;
   text-decoration:none;
   padding:1px 0;
}
.fchange .f_defo a:hover,
.fchange .f_large a:hover{
   display:block;
   background:url("../images/styles/bg_f_defo_hvr.jpg") no-repeat;
   color:#fff;
   text-decoration:none;

}

.fchange:after{
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	content: ".";
}



/*文字:::::::::::::::::::::::::::::::::::::*/

.boldblue{
	font-size:14px;
	font-weight: bold;
	color: #003399;
	line-height: 150%;
}