/***********************/
/* 基本レイアウトCSS   */
/***********************/
body , div , p , ul ,
h1 , h2 , h3 , h4 , h5 , h6{
  margin: 0;
  padding: 0;
}
img{border:none;}
html, body {
	height: 100%;
	text-align:center;
}
body , body.TopPage{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック";
	background-color:#F8F8EC;
}
#DesignBg{
	width:100%;
	min-height: 100%;
	height:100%;
}

/* container , inner関連 */
#container , #container-m-r {
	background-image:url(../images/bg_container.jpg);
}
#container-l-m , #container-m{
	background-image:url(../images/bg_container.jpg);
}
#container , #container-l-m , #container-m-r , #container-m {
	position: relative;
	width:100%;
	text-align:center;
	min-height: 100%;
	margin:0 auto;
	background-repeat:repeat-y;
	background-position:center;
}
* html #container , * html #container-l-m , * html #container-m-r , * html #container-m{
    height:100%;
}
body > #container , body > #container-l-m , body > #container-m-r , body > #container-m {
	height: auto;
}
#inner{
	width:882px;
	text-align:center;
	margin:5px auto 0px auto;
	padding-bottom:64px;
	position:relative;
	background:url(../images/img_header.jpg) no-repeat;
}

/* ヘッダ関連 */
#HeaderLogo{
	position:absolute;
	display:block;
	width:250px;
	height:45px;
	left:0px;
	top:9px;
	background:url(../images/bg_header_logo.jpg);
	text-indent:-9999em;
}
#header {
	width:100%;
	margin:0 auto;
	text-align:center;
	height:295px;
	background:url(../images/bg_header.jpg);
}
.TopPage #header{
	height:405px;
	background:url(../images/bg_header_toppage.jpg);
}
#headerinner{
	width:882px;
	height:63px;
	text-align:left;
	margin:auto;
	position:relative;
}
#headernavi {
	position:relative;
	margin:auto;
	width:882px;
	text-align:center;
	z-index: 50;
	height:32px;
	background-color:#426F0A;
}

/* サブメニュー関連 */
#SubMenu{
	position:absolute;
	top:14px;
	right:0px;
	text-align:right;
}
#SubMenu ul{
	position: relative;
	margin:auto;
	display:inline;
	zoom:1;
}
html>/**/body #SubMenu ul{ display:inline-block;}
#SubMenu ul li{
	list-style:none;
	float:left;
	background:url(../images/btn_inquiry.gif) no-repeat;
	text-align:center;
}
#SubMenu ul li:hover{
	background-position:0px -50px;
}
#SubMenu ul li a{
	display:block;
	width:138px;
	height:36px;
	text-indent:-9999em;
	/* \*/
	overflow:hidden;
	/* */
}

/* メインイメージ関連 */
#overimg{
	position:absolute;
	left:20px;
	top:7px;
	background-color:#CCC;
	width:882px;
	height:175px;
}
.TopPage #overimg{
	height:285px;
}
#header-img{
	position:relative;
	width:922px;
	height:200px;
	text-align:left;
	margin:auto;
	overflow:hidden;
	background:url(../images/bg_header_img.jpg) bottom no-repeat;
}
.TopPage #header-img{
	height:310px;
}

/* footer関連 */
#footer {
	width: 100%;
	position: absolute;
	bottom: 0;
	left:0;
	height: 54px;
	background:url(../images/bg_footer.jpg);
	border-top:1px solid #369;
}
#container #footer , #container-l-m #footer{
    /* background-image:url(../images/bg_footer.jpg); */
}
#footer-inner{
	width:882px;
	height:54px;
	margin:auto;
	font-size:95%;
	text-align:center;
	position:relative;
}
#copyright{
	padding:15px 45px 0px 0px;
	text-align:right;
	color:#FFF;
	font-size:85%;
}
.PageTop{
	position:absolute;
	top:8px;
	right:3px;
	background:url(../images/bg_pagetop.jpg);
	width:33px;
	height:33px;
	overflow:hidden;
	text-indent:-9999em;
}
.PageTop:hover{background-position:0px;}
#FooterMenu{
	position:absolute;
	top:15px;
	left:0px;
	text-align:left;
	font-size:85%;
}
#FooterMenu ul{
	position: relative;
	margin:auto;
	display:inline;
	zoom:1;
}
html>/**/body #FooterMenu ul{ display:inline-block;}
#FooterMenu ul li {
	list-style:none;
	float:left;
	padding-left:15px;
	background:url(../images/navi_mark.gif) 8px 7px no-repeat;
}
#FooterMenu ul li a {
	display:block;
	color:#FFF;
}
#FooterMenu ul li:hover , #FooterMenu ul li:active {
	display:block;
	color:#FFF;
	background-position:8px -43px;
}

.moduletable , .moduletable_menu {margin-bottom:5px;}

/***************************/
/* container部分岐処理　　　 */
/***************************/
/* left right いずれもあるとき&共通の処理 */
#left {
	width:180px;
	float:left;
	text-align:left;
}
#main{
	position:relative;
    width:657px;
    float:right;
	margin:auto;
	clear:both;
}
#center{
	position:relative;
	width:437px;
    float:left;
	text-align:left;
	margin:auto;
}
#right{
	width:200px;
    float:right;
	text-align:left;
	padding-bottom:5px;
}

/* left だけあるときの処理 */
#container-l-m #left{
    width:180px;
	float:left;
}
#container-l-m #main{
    width:686px;
}
#container-l-m #center{
	width:686px;
}

/* right だけあるときの処理 */
#container-m-r #main{
    width:650px;
	float:left;
}
#container-m-r #center{
    width:650px;
	margin:0;
}
#container-m-r #right{
    float:right;
	width:210px;
	background-color:#EAEFE5;
}

/* left rightのいずれもないときの処理 */
#container-m #main{
    width:882px;
	float:none;
}
#container-m #center{
	width:882px;
	float:none;
	margin:auto;
}

/***************************/
/* 左側メニュー　　　　　 */
/***************************/
#left ul li{
	list-style:none;
	padding:10px 0px 10px 12px;
	border-bottom:1px dotted #333;
	background:url(../images/navi_mark.gif) 0px 17px no-repeat;
}
#left ul li:hover{
	background-position:0px -33px;
}

/***************************/
/* 見出し　　　　　　　 */
/***************************/
h1{
	text-indent:-9999em;
}
#center h2{
	font-size: 16px !important;
	font-size: 1.1em;
	padding:12px;
	color:#663300;
	background:url(../images/bg_h2.jpg) bottom repeat-x;
	border-top:2px solid #BBD631;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	margin-bottom:7px;
}
#center h3 {
	font-size: 14px !important;
	font-size: 1em;
	padding:5px 0px 8px 0px;
	margin-bottom:5px;
	color:#663300;
	border-bottom:1px dotted #333;
}
#left h2{
	height:46px;
	border-bottom:3px solid #E4E3DA;
	text-indent:-9999em;
}
#left h2.prof{
	background:url(../images/bg_h2_prof.gif) no-repeat;
}
h4{
	font-size: 12px !important;
	font-size: 0.85em;
	line-height:175%;
	color:#40B04A;
	margin-bottom:3px;
}

/***************************/
/* トップページ　　　　　 */
/***************************/
.TopPage{
	background:url(../images/img_home.jpg) no-repeat;
}
.PhilosophyBlock{background:url(../images/bg_philosophy.gif) bottom; width:382px; padding-bottom:10px; float:left;}
.PhilosophyBlockTop{background:url(../images/bg_philosophy_top.gif); height:12px; overflow:hidden;}
#center h2.TopPage{
	margin:0px 0px 5px 0px;
	border-bottom:1px dotted #333;
	border-top:none;
	border-right:none;
	border-left:none;
	padding:5px 0px;
	background:url(../images/bg_h2_philosophy.gif) no-repeat;
	text-indent:-9999em;
	height:auto;
}
.PhilosophyBlockBody{margin:5px 16px;}
.TopPageColTxt{float:left; width:482px;}
.TopPageBnrArea{margin-right:-5px;}
.TopPageBnrArea img{margin-right:3px;}

/***************************/
/* 経営理念　　　　　　　 */
/***************************/
.Philosophy{
	background:url(../images/img_philosophy.jpg) no-repeat;
}
h2.Philosophy{
	background:url(../images/bg_h2_phlosophy.gif) no-repeat;
}
/***************************/
/* 会社案内　　　　　　　 */
/***************************/
.Profile{
	background:url(../images/img_profile.jpg) no-repeat;
}
h2.Profile{
	background:url(../images/bg_h2_profile.gif) no-repeat;
}
/***************************/
/* 工場案内　　　　　　　 */
/***************************/
.Factory{
	background:url(../images/img_factory.jpg) no-repeat;
}
h2.Factory{
	background:url(../images/bg_h2_factory.gif) no-repeat;
}
.MusenMai{
	background:url(../../services/img/musen_mai.jpg) no-repeat;
	height:330px;
	position:relative;
}
#center .MusenMai h3{
	border:none;
	text-indent:-9999em;
}
.MusenMaiTxt{
	position:absolute;
	top:140px;
	right:8px;
	width:355px;
}
/***************************/
/* サービス紹介　　　　　 */
/***************************/
.Services{
	background:url(../images/img_services.jpg) no-repeat;
}
h2.Services{
	background:url(../images/bg_h2_services.gif) no-repeat;
}
/***************************/
/* お問い合わせ　　　　　 */
/***************************/
.Inquiry{
	background:url(../images/img_inquiry.jpg) no-repeat;
}
h2.Inquiry{
	background:url(../images/bg_h2_inquiry.gif) no-repeat;
}
#IFrame{width:95%; height:900px; margin:10px auto;}
/***************************/
/* サイトマップ　　　　　 */
/***************************/
.SiteMap{
	background:url(../images/img_sitemap.jpg) no-repeat;
}
h2.SiteMap{
	background:url(../images/bg_h2_sitemap.gif) no-repeat;
}
/***************************/
/* サイトポリシー　　　　 */
/***************************/
.OurPolicies{
	background:url(../images/img_policies.jpg) no-repeat;
}
h2.OurPolicies{
	background:url(../images/bg_h2_policies.gif) no-repeat;
}

/***************************/
/* コラム処理　　　　　　 */
/***************************/
.article_column{float: left;}
.cols1{float: none !important;}
.cols2 , .cols3{float:left;}
/* left rightいずれもあるときのcols & h2 */
.cols2 , #center .cols2 h2 {width:208px;}
.cols3 , #center .cols3 h2 {width:132px;}
/*.cols1 h2 {width:437px; background:url(../images/bg_h2_lmr_col1.gif) no-repeat;}
.cols2 h2 {background:url(../images/bg_h2_lmr_col2.gif) no-repeat;}
.cols3 h2 {background:url(../images/bg_h2_kmr_col3.gif) no-repeat;} */
/* leftだけあるときのcols & h2 */
#container-l-m .cols2 , #container-l-m #center .cols2 h2 {width:335px;}
#container-l-m .cols3 , #container-l-m #center .cols3 h2 {width:205px;}
/* #container-l-m h2 {width:657px; background:url(../images/bg_h2_lm_col1.gif) no-repeat;}
#container-l-m .cols2 h2 {background:url(../images/bg_h2_lm_col2.gif) no-repeat;}
#container-l-m .cols3 h2 {background:url(../images/bg_h2_lm_col3.gif) no-repeat;} */
/* rightだけあるときのcols & h2 */
#container-m-r .cols2 , #container-m-r #center .cols2 h2 {width:317px;}
#container-m-r .cols3 , #container-m-r #center .cols3 h2 {width:206px;}
/* #container-m-r h2 {width:627px; background:url(../images/bg_h2_mr_col1.gif) no-repeat;}
#container-m-r .cols2 h2 {background:url(../images/bg_h2_mr_col2.gif) no-repeat;}
#container-m-r .cols3 h2 {background:url(../images/bg_h2_mr_col3.gif) no-repeat;} */
/* left rightいずれもないときのcols & h2 */
#container-m .cols2 , #container-m #center .cols2 h2 {width:418px;}
#container-m .cols3 , #container-m #center .cols3 h2 {width:273px;}
/* #container-m h2 {width:852px; background:url(../images/bg_h2_m_col1.gif) no-repeat;}
#container-m .cols2 h2 {background:url(../images/bg_h2_m_col2.gif) no-repeat;}
#container-m .cols3 h2 {background:url(../images/bg_h2_m_col3.gif) no-repeat;} */

.column1 , .column2{
	border:solid 0px #D4A7C5;
	position:relative;
}
.col-spacer{
	float:left;
	width:16px;
	height:1px;
	overflow:hidden;
}
.leading_separator{
	display:block;
	height:20px;
	clear:both;
	overflow: hidden;
}
.row_separator{
	display:block;
	height:10px;
	clear:both;
	overflow: hidden;
}
.row_separator.line{background:url(../images/line_row_separator.gif) center repeat-x;}
.article_separator{
	display:block;
	width:20px;
	height:auto;
	float:left;
	overflow: hidden;
	background:url(../images/line_col_separator.gif) center repeat-y;
}

/* テキストコラムと写真コラム */
#container-l-m .cols-text {
	float:left;
	width:480px;
}
#container-l-m .cols-photo {
	float:left;
	width:190px;
}
.cols-photo img{padding:5px; margin-bottom:2px; background:url(../images/bg_photo_col.gif); }

/* float-align */
.txt-center{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.flt-l{float:left;}
.flt-r{float:right;}
.clear , .wrap{clear:both; overflow:hidden; height:1px;}

/* リンクロールオーバー */
a:hover{
    background-position:0px -50px;
}
a:active{
    background-position:0px -100px;
}

/* フォームの体裁 */

.metadata label , .radio label , .publishing label {
	width:120px;
	float:left;
	white-space:nowrap;
}
input , textarea , select {
	border-top: 1px solid #999999;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #999999;
	background-color:#F5FAEB;
}
.radio{
	clear:both;
}
.radio input{
	float:left;
}
.radio input{
	border:none;
	background-color:#F7F7F7;
}
.frmnonstyle{
	border:none;
	background-color:#FFFFFF;
}
.onlyref{
	background-color: #FFFFFF;
	border:none;
}
.btn{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:180px;
	margin:0 5px;
	background-color:#ECECEC;
}
.btn-mini{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:80px;
	margin:0 3px;
	background-color:#ECECEC;
}
.btn-micro{
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #FFFFFF;
	width:40px;
	margin:0 3px;
	background-color:#ECECEC;
}
.ck-radio{
	background-color:#FFFFFF;
	border:none;
}

/* リンクボタン */
.LinkBtn{
	display:inline-block;
	width:170px;
	height:27px;
	line-height:27px;
	background:url(../images/link_btn.gif) no-repeat;
	text-align:left;
	text-indent:24px;
}
.LinkBtn:link , .LinkBtn:visited{
	color:#333;
}