@charset "utf-8";

*{margin:0;padding:0;}

body{
font: 13px "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000000;
}

a{color:#420204;}
a:hover{color:#a3595b;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}
li {
	list-style:none;
}

/* テキストスタイル　
**************************/

.al { text-align:left}
.ar { text-align:right}
.lb { font-size:16px;font-weight:bold;line-height:1em;
margin-top:20px;}

#greet p {
	line-height:2.5em;
	padding: 0 10px;
}
#contact p {
	line-height:1.8em;
	padding:10px 10px;
}

/*************
/* ヘッダー
*************/
#header{
height: 146px;
background:url(images/hd_bg.jpg) repeat-x ;
}
.header_inner {
	width:970px;
	height: 146px;
	margin: 0 auto;
    position:relative;
}

.header_inner h1{
position:absolute;
top:45px;
color: #f7f4ea;
}

/*************
/* スライド
*************/
#closeup{
        width: 970px;
        height:400px;
        overflow:hidden;
	    position:relative;
}

#closeup ul{
position: absolute;
}
#closeup ul li{
	float:left;
}
#closeup .prev{
	position:absolute;
	top:190px;
	left:1%;
	cursor:pointer;
}
#closeup .next{
	position:absolute;
	top:190px;
	right:1%;
	cursor:pointer;
}
/*************
/* アクセス
*************/
#access {
        width: 970px;
        height:400px;
        overflow:hidden;
}
#access h2{
        width: 475px;
}

/*************
/* グレーティング
*************/
#greet{
        width: 970px;
        height:100%;
        overflow:hidden;
		margin-bottom:40px;
}
/*************
/* コンタクト
*************/
#contact{
        width: 970px;
        height:100%;
        overflow:hidden;
}

#contact .left_cont {
        width: 455px;
}
#contact .left_cont img {
	margin-left: -20px;
}


/*************
/* トップナビゲーション
*************/
.top_nav {
	position:absolute;
	width:472px;
	top:76px;
    left: 495px;
}
ul#topnav{
width: 970px;
height: 21px;
background:url(images/topnav.jpg) no-repeat 0 0;
}
ul#topnav li{float:left;list-style:none;/*width:160px;*/}
ul#topnav a#home{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 36px;
height: 21px;
background:url(images/topnav.jpg) no-repeat;
}
ul#topnav a#about{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 100px;
height: 21px;
background:url(images/topnav.jpg) no-repeat;
}
ul#topnav a#menu{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 155px;
height: 21px;
background:url(images/topnav.jpg) no-repeat;
}
ul#topnav a#faq{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 87px;
height: 21px;
background:url(images/topnav.jpg) no-repeat;
}
ul#topnav a#map{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 95px;
height: 21px;
background:url(images/topnav.jpg) no-repeat;
}
ul#topnav a#home{background-position:0 0;}
ul#topnav a#about{background-position:-36px 0;}
ul#topnav a#menu{background-position:-136px 0;}
ul#topnav a#faq{background-position:-291px 0;}
ul#topnav a#map{background-position:-378px 0;}

ul#topnav a#home:hover, ul#topnav li.active a#home{background-position:0 -21px;}
ul#topnav a#about:hover, ul#topnav li.active a#about{background-position:-36px -21px;}
ul#topnav a#menu:hover, ul#topnav li.active a#menu{background-position:-136px -21px;}
ul#topnav a#faq:hover, ul#topnav li.active a#faq{background-position:-291px -21px;}
ul#topnav a#map:hover, ul#topnav li.active a#map{background-position:-378px -21px;}

ul#topnav a#home.on {background-position:0 -42px;}
ul#topnav a#about.on {background-position:-36px -42px;}
ul#topnav a#menu.on {background-position:-136px -42px;}
ul#topnav a#faq.on {background-position:-291px -42px;}
ul#topnav a#map.on {background-position:-378px -42px;}

/*************
メイン
*************/
#main{
background:#eae5e5;
width: 100%;
height: 100%;

}
#main_inner {
	width:970px;
	height: 100%;
	margin: 0 auto;
	padding: 50px 0 80px;
    background:#eae5e5;
}


/*************
/* フッター
*************/
#footer{
	color: #ffffff;
	height: 180px;
    clear:both;
    padding: 10px 0;
    background:url(images/ft_bg.gif) repeat-x;
}
#footer .ft_inner{
	position:relative;
    width: 970px;	
    margin: 0 auto;
    overflow: hidden;
}

.ft_box {
	padding-top:30px;
	font-weight:bold;
	float:left;
	margin-right:30px;
}
#footer .call {	
	background:url(images/icon_1.png) no-repeat;
	padding-left:35px;
	line-height:1.2em;
}
.contact {
	background:url(images/icon_2.png) no-repeat;
	padding-left:35px;
	line-height:1.2em;
}
p.logo {
	margin-left:120px;
	margin-top:5px;
}
p.company {
	margin-left:60px;
	margin-top:35px;
}
#footer a{color:#ffffff;text-decoration:none;}

#footer a:hover{color:#6a6868;}


.ft_nav {
	margin-left: 525px;
	margin-bottom:20px;
	width: 445px;
}
.ft_nav li{
    float: left;
}
.ft_nav li a{
padding:0 5px 0;
}
address{
	font-size:12px;
	color:#999;
	text-align:center;
	margin-top:20px;
}
/**** work b　table ***/
.work_b_tbl table {
width: 475px;
height: 100%;
border-collapse:collapse;
}
.work_b_tbl th {
	/*
background:#d6d5d5;
*/
font-weight: bold;
border-bottom: 1px #b9b9b9 solid;
padding: 10px 10px;
text-align: left;
vertical-align: top;
}
.work_b_tbl td {
border-bottom: 1px #b9b9b9 solid;
border-left: 1px #b9b9b9 solid;
padding: 10px 10px;
text-align: left;
vertical-align: top;
}

.btn {
	width:139px;
	margin: 15px auto;
}
.left_cont {
	float: left;
	margin-right: 20px;
}

.right_cont {
	float: right;
}