@charset "utf-8";

/*----------------------------------------
* last update 2010-05-23
* Search key "++n"
* Copyright (C) Kihara Mokuzaiten. All Rights Reserved.
* Editor - A.W.
* 
* +0  reset parts
* +1  header parts
* +2  navigation parts
* +3  footer parts
* +4  category title parts
* +5  common parts
* +6  sub contents parts
* +7  index parts
* +8  vision parts
* +9  company parts
* +10 service parts
* +11 link parts
* +12 product parts
* +13 csr parts
* +14 sitemap parts
* +15 inquiry and privacy parts
* +16 works parts
* +17 blog parts
* +000 other parts

----------------------------------------*/

/*----------------------------------------
++0 reset parts
----------------------------------------*/

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	}
	
th, td, form, fieldset{
	margin:0;
	padding:0;
	}

ul,ol {
	list-style:none;
	}

img,fieldset{
	border:0;
	}
	
	

/* default style */

body{
	background:#fff url(../common/body_bg.png) repeat-x;
	color:#333;
	font-size:62.5%;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	text-align:center;
	}


#container{
	width:816px;
	text-align:left;
	line-height:1.3;
	margin:0 auto;
	}
	

/* link style */

a{color:#009;text-decoration:underline;}
a:hover{color:#009;text-decoration:none;}

#topicPath a,
#footer li a,
#recommend a{
	color:#463938;
	}
	
	
/*----------------------------------------
++1 header parts
----------------------------------------*/

#header{
	position:relative;
	width:816px;
	height:108px;
	background:url(../common/header_bg.png) no-repeat;
	margin:0 auto 10px;
	}
h1 a{
	position:absolute;
	top:34px;
	left:0px;
	display:block;
	width:215px;
	height:50px;
	text-indent:-9999px;
	text-decoration:none;
	}
h1 a:focus{outline:0;}

#header h2,
#header h3,
#header h4,
#header dl{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

#header p{
	position:absolute;
	top:68px;
	left:522px;
	width:282px;
	font-size:1.2em;
	text-align:center;
	}

						
/*----------------------------------------
++2 navigation parts
----------------------------------------*/

#gnavi{
	width:816px;
	height:42px;
	background:url(../common/gnavi_bg.png) no-repeat;
	margin:0 auto 8px;
	}
#gnavi li{
	float:left;
	}
#gnavi li a{
	display:block;
	width:116px;
	height:42px;
	text-indent:-9999px;
	margin:0 1px 0 0;
	}
#gnavi li#m01 a{width:115px;margin:0;}
#gnavi li#m04 a,#gnavi li#m05 a{width:117px;margin:0;}
#gnavi li#m07 a{width:115px;margin:0;}
#gnavi li a:hover{background:url(../common/gnavi_bg.png) no-repeat;}
#gnavi li#m01 a:hover{background-position:0 -42px;}
#gnavi li#m02 a:hover{background-position:-115px -42px;}
#gnavi li#m03 a:hover{background-position:-232px -42px;}
#gnavi li#m04 a:hover{background-position:-349px -42px;}
#gnavi li#m05 a:hover{background-position:-466px -42px;}
#gnavi li#m06 a:hover{background-position:-583px -42px;}
#gnavi li#m07 a:hover{background-position:-700px -42px;}

#subnavi{
	clear:both;
	float:right;
	width:394px;
	height:14px;
	background:url(../common/subnavi_bg.png) no-repeat;
	margin:0 5px 0 0;
	}

#subnavi li{
	float:left;
	}	
#subnavi a{
	display:block;
	height:14px;
	text-indent:-9999px;
	overflow:hidden;
	}

#subnavi #s_csr a{width:160px;}
#subnavi #s_privacy a{width:145px;}
#subnavi #s_sitemap a{width:88px;}

#topicPath{
	color:#463938;
	font-size:1.3em;
	margin:-1px 0 6px 5px;
	}
#topicPath li{
	display:inline;
	}
	
/*----------------------------------------
++3 footer parts
----------------------------------------*/

#footer{
	clear:both;
	width:100%;
	height:300px;
	background:#f2f9e8 url(../common/footer_bg.png) repeat-x;
	font-size:1.3em;
	text-align:center;
	}
#footer .pagetop{
	width:146px;
	margin:0 auto;
	}
#footer .pagetop a{
	display:block;
	width:146px;
	height:12px;
	background:url(../common/i_pagetop.png) no-repeat;
	text-indent:-9999px;
	margin:0 0 0 672px;/* for IE6 */
	}
#footer .pagetop>a{margin:0 0 0 336px;} /* for modern browser */
#footer ul{
	margin:33px auto 15px;
	}
#footer li{
	display:inline;
	}

#address_box{
	width:436px;
	height:150px;
	background:url(../common/address_bg.png) no-repeat;
	font-size:1.1em;
	text-align:left;
	letter-spacing:1px;
	line-height:1.4;
	padding:60px 0 0 273px;
	margin:0 auto;
	}
#address_box h3{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

/*----------------------------------------
++4 category title parts
----------------------------------------*/

#wrap h2{
	clear:both;
	width:816px;
	height:126px;
	text-indent:-9999px;
	margin:0 auto 12px;
	}
#index #wrap h2{
	height:220px; /* for IE6 */
	background:url(../common/index_image.jpg) no-repeat left bottom;
	}
#index #wrap>h2{height:225px;}/* for modern browser */
*+html body#index #wrap>h2{height:220px;}/* for IE7 */

#vision #wrap h2{background:url(../vision/img/tit_01.jpg) no-repeat;}
#service #wrap h2{background:url(../service/img/tit_01.jpg) no-repeat;}
#product #wrap h2{background:url(../product/img/tit_01.jpg) no-repeat;}
#works #wrap h2{background:url(../works/img/tit_01.jpg) no-repeat;}
#topics #wrap h2{background:url(../topics/img/tit_01.jpg) no-repeat;}
#company #wrap h2{background:url(../company/img/tit_01.jpg) no-repeat;}
#link #wrap h2{background:url(../link/img/tit_01.jpg) no-repeat;}
#csr #wrap h2{background:url(../csr/img/tit_01.jpg) no-repeat;}
#sitemap #wrap h2{background:url(../common/tit_sitemap.jpg) no-repeat;}
#inquiry #wrap h2{background:url(../inquiry/img/tit_01.jpg) no-repeat;}
#privacy #wrap h2{background:url(../common/tit_privacy.jpg) no-repeat;}
#error404 #wrap h2{background:url(../common/tit_404.jpg) no-repeat;}
#blog #wrap h2{background:url(../blog/img/tit_01.jpg) no-repeat;}


/*----------------------------------------
++5 common parts
----------------------------------------*/

#main_contents{
	float:right;
	width:600px;
	font-size:1.4em;
	line-height:1.4;
	padding:1px 0 15px 0;
	}
#main_contents h3{
	clear:both;
	width:600px;
	height:33px;
	background:url(../common/tit_h3.png) no-repeat;
	color:#433020;
	font-size:1.2em;
	letter-spacing:1px;
	line-height:2.1;
	text-indent:31px;
	margin:0 auto 10px;
	}
#main_contents .catch h3{
	background:none;
	text-indent:-9999px;
	}

#main_contents h4{
	clear:both;
	width:600px;
	height:25px;
	background:url(../common/tit_h4.png) no-repeat;
	color:#43301f;
	font-size:1.1em;
	line-height:1.6;
	text-indent:25px;
	margin:0 auto 7px;
	}
#main_contents h4.topic_title{
	background:url(../common/tit_h4_2.png) no-repeat;
	margin:28px auto 7px;
	}

#main_contents p{
	width:580px;
	margin:0 auto 10px;
	}

.exlink{
	background:url(../common/icon_03.png) no-repeat 1px 2px;
	padding:0 0 0 16px;
	}
.pdflink{
	background:url(../common/icon_pdf.gif) no-repeat 1px 2px;
	padding:2px 0 3px 20px;
	}	

.catch{
	width:596px;
	text-indent:-9999px;
	margin:0 auto 10px;
	}

#main_contents p.linkInq{
	width:600px;
	margin:0 auto;
	}
#main_contents p.linkInq a{
	display:block;
	width:600px;
	height:90px;
	background:url(../common/banner_inq.png) no-repeat;
	text-indent:-9999px;
	margin:25px auto 15px;
	}
#main_contents p.linkInq a:hover{
	background-position:left bottom;
	}



/*----------------------------------------
++6 sub contents parts
----------------------------------------*/

#sub_contents{
	float:left;
	width:200px;
	font-size:1.2em;
	}
#sub_contents h3,
#sub_contents h4{
	width:168px;
	height:48px;
	text-indent:-9999px;
	}
#sub_contents h4{
	height:41px;
	}

#sub_contents h3#sub_inquiry,
#sub_contents h3#sub_blog{
	width:200px;
	height:85px;
	margin:0 auto 6px;
	}
#sub_contents h3#sub_blog{
	height:86px;
	}
#sub_contents h3#sub_inquiry a,
#sub_contents h3#sub_blog a{
	display:block;
	width:200px;
	height:85px;
	background:url(../common/s_inquiry_bg.png) no-repeat;
	}
#sub_contents h3#sub_blog a{
	height:86px;
	background:url(../common/s_blog_bg.png) no-repeat;
	}	
#sub_contents h3#sub_inquiry a:hover,
#sub_contents h3#sub_blog a:hover{
	background-position:left bottom;
	}

.subCon_link{
	text-align:right;
	}	
	
#marks{
	width:170px;
	height:167px;
	background:url(../common/s_marks_bg.png) no-repeat;
	padding:0 14px 0 16px;
	margin:0 auto 10px;
	}
#marks p{margin:0 auto 6px;}
#marks p img{margin:1px auto 2px;}

#area{
	width:200px;
	height:192px;
	background:url(../common/s_area_bg.png) no-repeat;
	text-indent:-9999px;
	margin:0 auto 10px;
	}

#group{
	width:198px;
	background:#e0dfe3 url(../common/s_group_bg.png) no-repeat;
	border:1px solid #ccc5b8;
	margin:0 auto 10px;
	}
#group ul,
#recommend ul,
#blog .blogSide ul{
	width:178px;
	background:#fff;
	border:1px solid #ddd7cf;
	padding:10px 5px 6px;
	margin:0 auto;
	}	
#group li,
#recommend li,
#blog .blogSide li{
	background:url(../common/icon_01.png) no-repeat 2px 2px;
	border-bottom:1px dashed #ddd7cf;
	padding:0 0 5px 17px;
	margin:0 auto 8px;
	}
#recommend li{background:url(../common/icon_04.png) no-repeat 2px 2px;}	

#group .subCon_link{
	padding:5px 8px 6px 0;
	}

#recommend{
	width:198px;
	background:#dbd6ce url(../common/s_recommend_bg.png) no-repeat;
	border:1px solid #ccc5b8;
	padding:0 0 5px;
	margin:0 auto 10px;
	}



/*----------------------------------------
++7 index parts
----------------------------------------*/

#index #main_contents h3{
	text-indent:-9999px;
	}
#index #main_contents h3#index_news{
	background:url(../common/tit_news.png) no-repeat;
	margin:0 auto;
	}	
#index #main_contents #index_machine h3{
	height:70px;
	background:none;
	}
#index #main_contents h3#index_works{
	background:url(../common/tit_works.png) no-repeat;
	}
#index #main_contents h3#index_blog{
	background:url(../common/tit_blog.png) no-repeat;
	}
#index #main_contents #index_blog_txt{
	width:360px;
	height:110px;
	background:url(../common/i_blog.jpg) no-repeat top right;
	padding:0 220px 0 0;
	}

#news_box{
	width:600px;
	height:126px;
	background:url(../common/news_box_bg.png) no-repeat;
	padding:5px 0 0 0;
	margin:0 auto 9px;
	}

#news_box ul{
	width:580px;
	height:115px;
	margin:0 auto;
	overflow:auto;
	}
#news_box ul li{
	font-size:0.9em;
	line-height:1.4;
	border-bottom:1px dotted #ccc;
	padding:2px 0 8px 106px;
	margin:0 auto 8px;
	}
#news_box ul li strong{color:#463938;font-size:1.1em;}	
#news_box ul li.news_topics{background:url(../common/icon_news_topics.png) no-repeat;}
#news_box ul li.news_works{background:url(../common/icon_news_works.png) no-repeat;}
#news_box ul li.news_info{background:url(../common/icon_news_info.png) no-repeat;}


.works_list{
	float:left;
	display:inline;
	width:190px;
	height:115px;
	color:#463938;
	margin:0 15px 10px 0;
	}
.works_list#w03,.works_list#w06,.works_list#w09{margin:0 0 10px 0;}

#w01{background:url(../common/works_bg_w01.png) no-repeat;}
#w02{background:url(../common/works_bg_w02.png) no-repeat;}
#w03{background:url(../common/works_bg_w03.png) no-repeat;}
#w04{background:url(../common/works_bg_w04.png) no-repeat;}
#w05{background:url(../common/works_bg_w05.png) no-repeat;}
#w06{background:url(../common/works_bg_w06.png) no-repeat;}
#w07{background:url(../common/works_bg_w07.png) no-repeat;}
#w08{background:url(../common/works_bg_w08.png) no-repeat;}
#w09{background:url(../common/works_bg_w09.png) no-repeat;}

#main_contents .works_list h4{
	width:190px;
	height:34px;
	background:none;
	text-indent:-9999px;
	margin:0;
	}
.works_list ul{
	width:100px;
	font-size:0.9em;
	margin:0 0 0 88px;
	}
.works_list ul li{
	background:url(../common/icon_02.png) no-repeat left center;
	padding:0 0 0 10px;
	}
.works_list ul li a{
	color:#463938;
	text-decoration:none;
	}
.works_list ul li a:hover{
	text-decoration:underline;
	}

.box_hover{
	cursor:pointer;
	}
.box_hover li{
	text-decoration:underline;
	}

#index_machine{
	clear:both;
	width:600px;
	height:211px;
	background:url(../common/index_machine.png) no-repeat;
	margin:0 auto;
	}
#index_machine p{
	width:375px;
	padding:0 0 0 20px;
	margin:0;
	}



/*----------------------------------------
++8 vision parts
----------------------------------------*/

#vision .catch{
	height:166px;
	background:url(../vision/img/i_catch.png) no-repeat;
	}
#vision_01,
#vision_02{
	width:375px;
	height:155px;
	padding:45px 0 0 225px;
	margin:0 auto;
	}
#vision_02{padding:55px 0 0 225px;}	
#vision_01{background:url(../vision/img/i_01.png) no-repeat;}
#vision_02{background:url(../vision/img/i_02.png) no-repeat;}

#vision #vision_01 h4,
#vision #vision_02 h4{
	width:342px; /* for IE6 */
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}
#vision #main_contents #vision_01 p,
#vision #main_contents #vision_02 p{
	width:342px;
	background:url(../common/icon_03.png) no-repeat 0 4px;
	padding:0 0 6px 15px;
	}
#vision_02 h5{
	text-indent:-9999px;
	}
	
	

/*----------------------------------------
++9 company parts
----------------------------------------*/

#company .catch{
	height:120px;
	background:url(../company/img/i_catch.png) no-repeat;
	}

#company table,
#topics table{
	width:570px;
	margin:0 auto 18px;
	}
#company table th,
#topics table th{
	width:130px;
	background:url(../common/icon_04.png) no-repeat 4px 9px;
	color:#554337;
	white-space:nowrap;
	letter-spacing:1px;
	text-align:left;
	border-bottom:1px solid #ccc;
	vertical-align:top;
	padding:6px 15px 5px 19px;
	}

#company table td,
#topics table td{
	border-bottom:1px solid #ccc;
	vertical-align:top;
	padding:6px 5px 5px;
	}

#map{
	width:598px;
	height:500px;
	border:1px solid #999;
	margin:0 auto 10px;
	}


/*----------------------------------------
++10 service parts
----------------------------------------*/

#service .catch{
	height:113px;
	background:url(../service/img/i_catch.png) no-repeat;
	}

.service_note{
	clear:both;
	width:600px;
	padding:15px 0 10px;
	margin:0 auto;
	}
#service #main_contents .service_note p{
	width:540px;
	background:url(../common/icon_03.png) no-repeat 0 4px;
	border-bottom:1px solid #ccc;
	padding:0 0 6px 15px;
	margin:0 auto 6px;
	}
	

/*----------------------------------------
++11 link parts
----------------------------------------*/

#link .catch{
	height:110px;
	background:url(../link/img/i_catch.png) no-repeat;
	}

#link #main_contents dl,
.product_tips dl{
	width:580px;
	margin:0 auto 20px;
	}
#link #main_contents dt,
.product_tips dt{
	background:url(../common/icon_03.png) no-repeat left center;
	font-weight:bold;
	padding:0 0 0 18px;
	}
#link #main_contents dd,
.product_tips dd{
	font-size:0.9em;
	border-bottom:1px dotted #999;
	padding:2px 0 8px 20px;
	margin:0 auto 8px;
	}
	
/*----------------------------------------
++12 topics parts
----------------------------------------*/	

#topics .catch{
	height:120px;
	background:url(../topics/img/i_catch.png) no-repeat;
	}
#topics_backnumber{
	width:580px;
	margin:0 auto 15px;
	}
#topics_backnumber li{
	background:url(../common/icon_04.png) no-repeat left center;
	font-size:0.9em;
	padding:0 0 0 16px;
	margin:0 0 3px;
	}
	
#news03{
	width:590px;
	height:431px;
	background:url(../topics/img/news/i_071024_02.jpg) no-repeat right top;
	text-align:left;
	padding:12px 0 0 0;
	margin:0 0 15px 0;
	}
#topics #news03 p{
	width:260px;
	margin:0 0 15px 20px;
	}
.result{
	width:590px;
	margin:0 auto 15px;
	}
.result li{
	background:url(../common/icon_01.png) no-repeat 0 5px;
	border-bottom:1px dotted #999;
	padding:2px 0 8px 16px;
	margin:0 auto 8px;
	}

/*----------------------------------------
++13 product parts
----------------------------------------*/	

#product .catch{
	height:120px;
	background:url(../product/img/i_catch.png) no-repeat;
	}
.product_tips dl{
	width:560px;
	margin:0 auto 0;
	}
.product_tips dt{
	padding:0 0 0 16px;
	}
.product_tips dd{
	padding:2px 0 4px 20px;
	margin:0 auto 5px;
	}

/*----------------------------------------
++13 csr parts
----------------------------------------*/	
#csr .catch{
	height:120px;
	background:url(../csr/img/i_catch.png) no-repeat;
	}

/*----------------------------------------
++14 sitemap parts
----------------------------------------*/

#sitemap #main_contents dl,
#error404 #main_contents dl{
	width:560px;
	margin:0 auto;
	}
#sitemap #main_contents dt,
#inquiry #main_contents dt,
#error404 #main_contents dt{
	background:url(../common/icon_03.png) no-repeat left center;
	padding:0 0 0 16px;
	margin:6px auto 0;
	}
#sitemap #main_contents dd{
	background:url(../common/icon_05.png) no-repeat left center;
	padding:0 0 0 15px;
	margin:0 0 0 40px;
	}	
#sitemap #main_contents dd.last,
#error404 #main_contents dd{
	background:url(../common/icon_06.png) no-repeat left center;
	}
#error404 #main_contents dd{
	padding:0 0 0 15px;
	margin:3px 0 8px 20px;
	}	

/*----------------------------------------
++15 inquiry and privacy parts
----------------------------------------*/

#inquiry form{
	margin:0 auto 45px;
	}
#inquiry #main_contents dl{
	width:580px;
	margin:0 auto 25px;
	}
#inquiry #main_contents dt{
	margin:12px auto 6px;
	}
#inquiry #main_contents dd{
	margin:0 0 4px 15px;
	}
#inquiry #main_contents dd textarea{
	width:550px;
	height:200px;
	}
#inquiry #main_contents dd textarea.sub_note{
	height:80px;
	}
#inquiry #main_contents dd input.txt{
	width:300px;
	margin:0 6px 0 0;
	}

#inquiry #main_contents dd input[type="checkbox"]{
	margin:0 4px 0 0;
	}
	
	

#privacy #main_contents ul{
	width:560px;
	margin:0 auto 18px;
	}
#privacy #main_contents ul li{
	background:url(../common/icon_04.png) no-repeat 0 5px;
	padding:0 0 0 16px;
	}
	

/*----------------------------------------
++16 works parts
----------------------------------------*/

#works .catch{
	height:120px;
	background:url(../works/img/i_catch.png) no-repeat;
	}

#works #main_contents p.works_image{
	text-align:center;
	margin:3px auto 25px;
	}
#works #main_contents p.works_image img{
	border:4px solid #E0DFE3;
	padding:4px;
	}


/*----------------------------------------
++17 blog parts
----------------------------------------*/

.entry_post{
	clear:both;
	width:590px;
	margin:0 auto 28px;
	}
.entry_date{
	font-size:0.9em;
	font-weight:bold;
	text-align:right;
	}
#main_contents .entry_category_link{
	text-align:right;
	margin:0 auto 30px;
	}
.paging_navi{
	clear:both;
	text-align:center;
	padding:7px 0;
	border:1px solid #999;
	}

.blogSide{
	width:198px;
	background:url(../blog/img/blog_sub_bg.png) no-repeat center bottom;
	border:1px solid #ccc5b8;
	margin:0 auto 10px;
	}	
#blog #sub_contents h3{
	width:190px;
	height:37px;
	background-position:center bottom;
	text-indent:-9999px;
	margin:4px auto 0;
	}
#blog #sub_contents #entry_list_recent h3{background:url(../blog/img/tit_sub_entry.png) no-repeat;}
#blog #sub_contents #entry_list_category h3{background:url(../blog/img/tit_sub_category.png) no-repeat;}
#blog #sub_contents #entry_search h3{background:url(../blog/img/tit_sub_search.png) no-repeat;}
#blog #sub_contents #entry_list_month h3{background:url(../blog/img/tit_sub_month.png) no-repeat;}

#blog .blogSide ul{
	padding:10px 5px 0;
	margin:0 auto 4px;
	}
#blog .blogSide li{
	border-bottom:1px solid #DDD7CF;
	}
#blog .blogSide li a{text-decoration:none;}
#blog .blogSide li a:hover{font-weight:bold;}

#blog .blogSide form{
	
	}
#blog .blogSide form p{
	width:178px;
	background:#fff;
	text-align:center;
	border:1px solid #DDD7CF;
	padding:10px 5px;
	margin:0 auto 4px;
	}

	
#blog #main_contents .wp-caption{
	width:580px;
	text-align:center;
	background:#f3f3f3;
	border:1px solid #ddd;
	padding:5px;
	margin:0 auto 15px;
	}
#blog #main_contents .wp-caption p{
	margin:0 auto;
	}

#blog #main_contents .wp-caption img{
	border:none;
	margin:0 auto 3px;
	}

#blog .entry_post{
	clear:both;
	}

/* default */
img.alignright {
	margin: 0 7px 2px 0;
}

img.alignleft {
	margin: 0 0 2px 7px;
}

.alignright {
	float:right;
}

.alignleft {
	float: left;
}
/* default */

#blog #main_contents .entry_post p img.size-full{
	width:570px;
	height:427px;
	}
#blog #main_contents .wp-caption p.wp-caption-text{
	font-size:0.9em;
	padding:2px 0 4px;
	}	
	

/*----------------------------------------
++000 other parts
----------------------------------------*/

.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

.cle{
	clear:both;
	}

.image01{
	float:left;
	margin:0 7px 10px 0;
	}
.image02{
	float:right;
	margin:0 0 10px 7px;
	}	

.center{
	text-align:center;
	}

.pickup_note{
	border:3px double #ccc;
	padding:10px;
	margin:25px auto 15px !important;
	}
#main_contents p.pickup_note{
	width:574px !important;
	}
.printOnly{
	display:none;
	}
.necessary{
	color:#900;
	}	
	
.keyword{
	color:#060;
	}
.answer{
	color:#184501;
	font-weight:bold;
	}
.error{
	color:#900;
	font-weight:bold;
	}	

#inquiry .keyword{
	color:#900;
	font-size:1.6em;
	font-family:"Arial Black";
	padding:0 6px 0 4px;
	}
.note{
	font-size:0.9em;
	}
.note_pdf{
	font-size:0.9em;
	text-indent:-1em;
	padding:0 0 0 1em;
	}