@charset "utf-8"; 

/* reset
-------------------------------------- */
* {margin: 0;padding: 0;}
html{overflow-y: scroll;}
body {
	font-size:80%; /* 基本のフォントサイズ */
	line-height: 1.8em; /* 基本の行間 */
	text-align:center;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	text-align:justify; /* Firefox用*/
	text-justify:inter-ideograph;/* ie用 */
	color: #333;
	margin: 0;
	padding: 0;
	background:url(../images/bg.jpg);
	}

a:link, a:visited {color: #F60; text-decoration:underline}
a:hover, a:active {color: #F60; text-decoration:none}
.clearfix{zoom:1;/*for IE 5.5-7*/overflow:hidden}
.clearfix:after{/*for modern browser*/ content:"."; display: block; height:0px; clear:both; visibility:hidden}	
.imglink a:hover img {opacity:0.7;	filter:alpha(opacity=70);-moz-opacity: 0.7}

dl:after{
	content: "";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden
	}

dl{display:inline-block;min-height:1%}
* html dl{height: 1%}
dl{display: block}
.clearfix:after { content: ""; display: block; clear: both}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
.clearfix {display: block}
a{ outline:none}

/* header
--------------------------*/
#header-bg{margin:0 auto;}
#header{
	margin:0 auto;
	width: 960px;
	height:80px;
	padding-top:15px;
	overflow:hidden;
	}
	
h1{
	float:left;
	width:279px;
	}
	
#header-right{
	float:right;
	width:540px;
	}

/* navi
------------------ */
#navi-bg {
	clear:both;
	margin:0 auto; 
	background:url(../images/bg_navi.jpg);		
	}

#navi {
	clear:both;
	margin:0 auto;
	width:960px;
	line-height:0;
	vertical-align:bottom;
	height:80px;
	}
	
#navi ul{
	line-height:0;
	}

#navi li{
	float:left;
	height:80px;
	list-style:none;
	line-height:0;
	vertical-align:bottom}

#navi img{display:block}

/* pagebody
--------------------------*/
#pagebody-bg{
	clear:both;
	margin:0 auto;
	}

#pagebody_0{
	margin:0 auto;
	padding-bottom:20px;
	width: 960px;
	}	


#pagebody{
	margin:0 auto;
	padding:20px 0;
	width: 960px;
	}	

/* footer
-------------------------- */
#footer{
	font-size:90%;
	clear:both;
	margin:0 auto;
	color:#644022;
	background:url(../images/bg_footer.jpg);
	}

#footer-in{
	width: 960px;
	margin:0 auto;
	padding:20px 0;
	}

/*会社概要*/

#footer-left01{
	float:left;
	width:180px;
	margin-right:20px;
	word-break: break-all;
	}

#footer-left01 h4{
	font-size:160%;
	font-weight:bold;
	margin-bottom:10px;
	}

/*トップ*/

#footer-left02{
	float:left;
	width:230px;
	margin-right:20px;	
	}	

/*サイトマップ*/

#footer-right{
	float:left;
	width:400px;	
	}

#footer-right h3{
	float:left;
	width:102px;
	margin-right:20px;
	}

.flink-ul{
	list-style:none;
	width:130px;
	float:left;
	}

.flink-ul li{
	margin-right:20px;
	padding:0 0 0 10px;
	background:url(../images/mark.jpg) no-repeat 0 40%;
	}
.flink-ul a:link,
.flink-ul a:visited {
	color:#644022;
	text-decoration:none;
	}

.flink-ul a:hover,
.flink-ul a:active {
	color:#644022;
	text-decoration:underline
	}	

/* address
--------------------------*/
#address-bg{
	clear:both;
	margin:0 auto;
	background:#9b693f;
	}

#address{
	width:960px;
	margin:0 auto;
	padding:10px 0 10px 0
	}

address{
	float:left;
	width:400px;	
	font-style:normal;}
	
#address p{
	float:right;
	}	

/* index.html
---------------------------------*/
 /* main
----------*/
#main-bg{
	margin:0 auto;
	height:425px;
	background:url(../images/bg_main.jpg) no-repeat center top;
	padding-top:30px;
	}
#main{
	width:960px;
	height:425px;
	margin:0 auto;
	}	

.wn_box01{
	width:960px;
	overflow:hidden
	}

.wn_box02{
	width:980px;
	overflow:hidden;
	*zoom:1
	}

.wn_box div{
	width:176px;
	float:left;
	margin:0px 20px 20px 0px;
	display:inline;	
	}

.wn_box div h4{margin-bottom:5px;}

.wn_box div h4 a:link,
.wn_box div h4 a:visited {
	text-decoration:none;
	font-weight:bold;
	color:#333;
	}

.wn_box div h4 a:hover,
.wn_box div h4 a:active {
	color:#333;
	text-decoration:underline;
	}


.wn_box a img{
	width:176px;
	float:left;
	display:inline;	
	}

.wn_box a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-moz-opacity: 0.7;
	}		

#news{
	float:left;
	width:400px;
	background:url(../images/top5.jpg) no-repeat top;
	padding-top:55px;}

.top_info{
	color:#644022;
	width:400px;
	}

.top_info th{
	width:120px;
	text-align:left;
	padding:10px 0 0 0;
	font-weight:bold;
	vertical-align:top;
	}
	
.top_info td{
	padding:0px 0 10px 0;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	border-bottom:1px dotted #aaa;
	}
	
.top_info td img{
	padding-left:5px}

 /* 中ページ共通
----------------------------------------*/
#h2-bg{
	margin:0 auto;
	height:175px;
	background:url(../images/bg_main.jpg) no-repeat center top;
	padding-top:20px;
	}
#h2{
	width:960px;
	margin:0 auto;
	}	
	
.common{
	width:960px;
	height:164px;
	background:url(../images/common.jpg) no-repeat;}

.common p{
	padding:86px 10px 0 641px;}
	

/* works.html
------------------------------*/
#sidepage{
	background:url(../images/pagebpdy.jpg) repeat-y;
	}

#left{
	float:left;
	width:230px;
	}

#right{
	float:right;
	width:710px;}

.s_navi{
	width:210px;
	margin:10px;
    border-top:1px solid #ddc7a2;		
		}

.s_navi ul {
	list-style-type:none;
	}

.s_navi ul li {
	list-style:none;	
	display: block;	
	border-top:1px solid #ddc7a2;	
	}

.s_navi a{  
	font-size:120%;
	width:162px;
    display:block;
    padding:9px 10px 8px 38px;  
    background: url(../images/listbg.jpg) no-repeat left top #fff; 
    }
	  
.s_navi a:hover{  
	width:162px;
	font-weight:bold;
    background: url(../images/listbg_o2.jpg) no-repeat left top #dbe5ff;
    } 

.s_navi ul li a:link {
	font-weight:bold;
	text-decoration:none;
	 }

.s_navi ul li a:visited {
	text-decoration:underline;}

.s_navi ul li a:hover, .s_navi ul li a:active {
	text-decoration:underline;
	}

.left_box{	
	background:#fff;
	padding:9px;
	margin:10px;
	}	
	
.left_box p{
	border-top:1px dotted #9b693f;
	padding-top:10px}	

.cl01{
	float:left;
	width:345px;
	margin-bottom:20px;
	}
	
.cl02{
	float:right;
	width:345px;
	margin-bottom:20px;
	}	

/* input
------------------------------*/
input[type="checkbox"], input[type="radio"] {vertical-align:middle;}
input{font-size:100%;vertical-align:middle;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴｴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif}
input[type="text"], input[type="password"], select{border:1px solid #ccc;padding:4px;}
textarea{font-size:100%;border:1px solid #ccc;padding:4px;width:98%;}
input[type="text"]:hover,
input[type="password"]:hover,
select:hover[type="password"]{border:1px solid #ccc;padding:4px;line-height:normal;}
textarea:hover{border:1px solid #999;padding:4px;}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus{border:1px solid #ccc;padding:4px;background:#f6f6f6;}
textarea{ font-size:12px;width:700px}
#form_button {padding: 20px 40px;}
.form-ss{width:100px}
.form-s{width:250px}
.form-m{width:350px}
.form-l{width:700px}
.form-h{width:750px}
.input{ padding:5px;}

.con-ul{
	padding-bottom:20px;
	padding-left:30px;
	list-style:decimal
	}

.con-ul li{
	padding:3px 0;
	}

/* table
------------------------------*/
.table{
	border:1px solid #ccc;
	border-bottom:0px solid #ccc;
	border-right:0px solid #ccc;
	background:#fff;
	word-break: break-all;	
	}

.table td{
	padding:8px 10px;	
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px #fff solid;
	}

.table th{
	background:#eee;
	border-top:1px #fff solid;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;	
	padding:6px 8px;
	text-align:center
	}

.table .need{background:url(../images/icon_need.gif) no-repeat 95% 50% #eee}
.table span{font-size:85%;}

.th20 th{width:20%}
.th25 th{width:25%}
.th30 th{width:30%}
.th40 th{width:40%}

.td1{background:#eee;font-weight:bold;text-align:center}
.td2{background:#eff8ff}
.td3{background:#ffefef}

/* common
------------------------------*/
p{margin-bottom:0}
img {border: 0}
ul {list-style:none}
.ol{ margin-left:20px}	
.f-left{float:left}
.f-right{float:right}
.ctr{text-align:center}
.rgt{text-align:right}
.lft{text-align:left}
.lhn{line-height:normal; margin-bottom:20px;}
.clear {clear:both; margin:0;padding:0}
.bold{font-weight:bold}
.btn{
	background:url(../images/mark2.jpg) no-repeat 0% 50%;	
	padding-left:25px;
	text-align:right;
	font-weight:bold;
	}	

.box1{padding:20px; background:#fff;}
.box2{border-top:#3a2219 solid 1px;
font-weight:bold;
text-align:right;
font-size:120%;
padding-top:10px;}


.red {color: #C00}
.blue {color: #136cb4}
.mizu {color: #00acee}
	
.fs80{font-size:80%}
.fs85{font-size:85%}
.fs90{font-size:90%}
.fs110{font-size:110%}
.fs120{font-size:120%}
.fs140{font-size:140%}
.fs200{font-size:200%}	

.w40{width:40px;}
.w60{width:60px;}	
.w70{width:70px;}
.w80{width:80px;}	
.w90{width:90px;}
.w110{width:110px;}	
.w120{width:120px;}	
.w140{width:140px;}
.w150{width:150px;}	
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w190{width:190px;}	
.w195{width:195px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w240{width:240px;}	
.w250{width:250px;}	
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w290{width:290px;}	
.w300{width:300px;}
.w305{width:306px;}	
.w310{width:310px;}	
.w320{width:320px;}	
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w370{width:370px;}
.w360{width:360px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w580{width:580px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w640{width:640px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w700{width:700px;}
.w740{width:740px;}
.w750{width:750px;}
.w760{width:760px;}
.w820{width:820px;}
.w860{width:860px;}
.w900{width:900px;}
.w920{width:920px;}

.fs80{font-size:80%}
.fs85{font-size:85%}
.fs90{font-size:90%}
.fs110{font-size:110%}
.fs120{font-size:120%}
.fs140{font-size:140%}
.fs200{font-size:200%}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb60{ margin-bottom:60px}

.mr5{ margin-right:5px}
.mr10{ margin-right:10px}
.mr11{ margin-right:11px}
.mr15{ margin-right:15px}
.mr20{ margin-right:20px}
.mr23{ margin-right:23px}
.mr25{ margin-right:25px}
.mr30{ margin-right:30px}

.ml20{ margin-left:30px}
.mt10{ margin-top:10px}
.mt30{ margin-top:30px}

.pt5{ padding-top:5px}
.pt10{ padding-top:10px}
.pl20{ padding-left:20px}

/*----順不同リスト--------------------*/
/* 画像リストあり */
ul.ul_mark {list-style:none;}
ul.ul_mark li{
	padding:3px 0 3px 10px;
/*	background:url(../images/mark.jpg) no-repeat 0 50%;*/
	padding-left:25px;}
	
/* リストなし */	
ul.ul_none {list-style:none}
ul.ul_none li{padding:3px 0}

/* ディスク */	
ul.ul_disc{list-style: disc;}
ul.ul_disc li{margin-left: 24px}

/* 数字振り */
ul.ul_decimal{list-style:decimal;padding-left:22px;}
ul.ul_decimal li{padding:3px 0px;
border-bottom:1px dotted #999;}	

/*----順序リスト-----------------------*/
/*小文字のアルファベット*/
ol.ol_lower-latin{
	list-style:lower-latin;
	padding-left:22px;}
ol.ol_lower-latin li{margin-left: 24px;
padding:3px 0px;
border-bottom:1px dotted #999;
}	

/*2進法*/
ol.ol_decimal{list-style: decimal;}
ol.ol_decimal li{margin-left: 24px;}

/*olノーマル　左余白つき*/
ol.ol_normal li{margin-left: 24px;}

/*ol　数字　視覚的*/
ol.ol_number {
    counter-reset:li; /* Initiate a counter */
    padding:0; /* Remove the default left padding */
    list-style:none; /* Disable the normal item numbering */

}
ol.ol_number li {
    position:relative; /* Create a positioning context */
    margin:0 0 1px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:8px 8px 8px 20px;
    border-top:1px solid #ccc;
}
ol.ol_number li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-1px;
    left:-2em;
    width:2em;
    padding:8px 6px;
    border-top:1px solid #0066cc;
    color:#fff;
	background:	#3366cc;
	background: -moz-linear-gradient(
		top,
		#3399cc 0%,
		#3366cc);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#3399cc),
		to(#3366cc));	
    font-weight:bold;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
	}
	
/* title
------------------------------*/
h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style:normal;
	font-weight:normal;
	clear:both
	}

.title01{
	font-size:130%;	
	font-weight:bold;
	padding:8px 10px 6px 10px;
	background:#3a2219;
	margin-bottom:20px;
	color:#fff;	
		}

.title02{
	font-size:110%;
	border-left:5px solid #3a2219;
	color:#3a2219;		
	font-weight:bold;
	padding:0 0 0 7px;
	margin-bottom:10px;	
	}

.title03{
	font-size:140%;	
	font-weight:bold;
	color:#3a2219;
	padding:5px 0;	
	border-bottom:3px solid #3a2219;
	margin-bottom:20px;
		}
		
.title03 span{
	background:url(../images/ha.jpg) no-repeat 0 50%;
	padding-left:25px;
		}
		
.title04{
	text-align:center;
	font-size:120%;	
	font-weight:bold;
	padding:10px;
	background:#697b2d;
	color:#fff;	
		}		
		

/* print
----------------------------*/	
@media print{
	}