 @charset "UTF-8";

/*****************************************************

　 フレーム分け

*****************************************************/

html{
    height:100%;
	}

body{
    height:100%;
	text-align: center;
	font-size:93%;
	line-height: 1.6em;
	border-top:#40220F solid 10px;
	background-image:url(../img/bg_body.jpg);
	}

#frame{
	width:1000px;
	margin:0 auto;
	padding:50px 20px 100px 0;
	background-image:url(../img/bg_frame.png) ;
	background-position:left top;
	background-repeat:repeat-y ;
	position:relative;
	}


#menu{
/*	position:fixed;
	top:40px; */
	margin:30px 0px 0px;
	width:270px;
	float:left;
	background-color:#F7F8F8;
	height:100%;
	min-height:100%;
	text-align:center;
	}

#main{
	width:700px;
	float:right;
	padding-left:20px;
	}

#footer_img{
	width:100%;
	padding-top:28px;
	position:fixed;
	bottom:0px;
	left:auto;
	background-image:url(../img/bg_footer.png);
	background-position:center top;
	background-repeat:no-repeat;
	}

#footer{
	width:100%;
	padding-bottom:10px;
	background-color:#40220F;
}

/*****************************************************

	com.css
	コンテンツページ共通

*****************************************************/

#menu h1{
	text-align:center;
	margin:0 auto 30px;
	}

#menu_link{
	background:url(../img/bg_menu_line.png) center top repeat-y;
	padding:0 0 65px;
	margin:20px 0 0;
	text-align:center;
	}
#menu_link.fixed{
	position:fixed;
	top:0px;
	width:270px;
	}

#menu_link li{
	padding:21px 0 18px;
	}

#menu_link li img{
	vertical-align:top;
	}

div#main>div{
	margin-bottom:65px;
	}

div#main h2{
	margin-bottom:20px;
	}

#footer>div{
	width:1000px;
	margin:0 auto;
	position:relative;
	}

#footer_link {
	padding:10px 0px 0px 0px;
	width:750px;
	float:left;
	background-color:#40220F;
	}

#footer_link > li{
	float:left;
	margin-bottom:0px;
	width:73px;
	margin-right:25px;
	}

#footer_link > li:first-child{
	margin-left:25px;
	}

#footer p#f_comp{
	position:absolute;
	right:0px;
	top:10px;
	color:#fff;
	font-size:93%;
	line-height:1.4em;
	}
#footer p#credit{
	position:absolute;
	right:0px;
	bottom:0px;
	color:#fff;
	font-size:77%;
	}



/*****************************************************

	temp.css
	index.html

*****************************************************/

#index{
	width:1000px;
	height:100%;
	min-height:100%;
	padding:125px 0px 0px;
	margin:50px auto 0px;
	background:url(../img/bg_index_img.jpg) center top no-repeat;
	}

#index h1{
	padding:0 0 50px;
	}

#index h1 img{
	display:block;
	margin:0 auto 40px;
	}
#index_link {
	padding:0 0 90px;
	}

#index_link > li{
	float:left;
	width:auto;
	margin-bottom:0px;
	width:110px;
	margin-left:32px;
	}

#index_link li:fiest-child{
	margin-left:0px;
	}

#index p#credit{
	text-align:right;
	font-size:85%;
	}

#index_text{
	width:800px;
	margin:0px auto 0px;
	padding:200px 0 0;
	}

#index h2{
	margin:0 0 70px;
	}

#index p{
	padding:0 0 0 0.5em;
	color:#40220F;
	margin:0 0 90px;
	}



/*****************************************************

	comp.html

*****************************************************/


#comp_0 h2{
	width:336px;
	float:left;
	text-align:justify;
	}

#comp_0 p{
	width:500px;
	float:left;
	}

#comp_0 p span{
	display:block;
	text-align:right;
	padding-top:10px;
	}

#comp_0>img{
	display:block;
	width:160px;
	float:right;
	padding-top:0.3em;
	}

#comp_1{
	width:335px;
	float:left;
	text-align:justify;
	}

#comp_1 table{
	padding:0;
	margin:0;
	border:none;
	text-align:justify;
	line-height: 1.2em;
	}

#comp_1 th{
	font-weight:normal;
	padding:5px 1.5em 5px 0;
	vertical-align:top;
	}

#comp_1 td{
	font-weight:normal;
	padding:5px 0;
	vertical-align:top;
	}

#comp_2{
	width:335px;
	float:right;
	text-align:justify;
	}

#comp_2 ul{
	}

#comp_2 li{
	line-height: 1.2em;
	padding:3px 0 3px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}

#comp_2 li span{
	display:block;
	width:2.5em;
	float:right;
	text-align:right;
	}

#comp_3 h2{
	clear:both;
	float:none;
	}

#comp_3 table{
	padding:0;
	margin:0;
	border:none;
	text-align:justify;
	line-height: 1.2em;
	}

#comp_3 th{
	width:7em;
	font-weight:normal;
	padding:5px 0 ;
	vertical-align:top;
	}

#comp_3 td{
	font-weight:normal;
	padding:5px 0;
	vertical-align:top;
	}

#comp_4 h2{
	width:100%;
	}

#comp_4 dl{
	width:350px;
	float:right;
	}

#comp_4 dt{
	font-size:113%;
	}

#comp_4 dd{
	line-height: 1.2em;
	padding:2px 0 5px 1.3em;
	background:url(../img/list_1.png) 0 4px no-repeat;
	}

#comp_4 dd#link_map{
	padding:5px 0 5px;
	background:none;
	}

#comp_4>img{
	width:340px;
	float:left;
	}

#comp_4 div#googlemap{
	width:100%;
	height:250px;
	background-color:#CCC;
	margin-top:20px
	}

#comp_4 p{
	font-size:85%;
	}





/*****************************************************

	item.html

*****************************************************/

#item_1 p{
	text-align:justify;
	margin-bottom:10px;
	}

#item_1 ul{
	width:450px;
	float:left;
	}

#item_1 li{
	line-height: 1.2em;
	padding:3px 0 3px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}

#item_1>img{
	display:block;
	width:210px;
	float:right;
	}

#item_2 p{
	text-align:justify;
	margin-bottom:10px;
	}

#item_2_list ul{
	width:220px;
	float:left;
	margin-left:20px;
	padding-bottom:20px;
	}

#item_2_list ul:first-child{
	margin-left:0px;
	}

#item_2 li{
	line-height: 1.2em;
	padding:3px 0 3px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}

#item_2_img img{
	display:block;
	width:335px;
	float:left;
	margin-left:30px;
	}

#item_2_img img:first-child{
	margin-left:0px;
	}

.item_position{
	position:relative;
	padding-bottom:130px;
	float:none;
	clear:both;
	}

#item_3 ,#item_5 ,#item_7{
	width:335px;
	float:left;
	text-align:justify;
	}

#item_4 ,#item_6,#item_8{
	width:335px;
	float:right;
	text-align:justify;
	}

#item_3 p ,#item_4 p ,#item_5 p ,#item_6 p ,#item_7 p,#item_8 p{
	text-align:justify;
	margin-bottom:10px;
	}

#item_3 ul ,#item_4 ul ,#item_5 ul ,#item_6 ul ,#item_7 ul,#item_8 ul{
	padding-bottom:20px;
	}

#item_3 li ,#item_4 li ,#item_5 li ,#item_6 li ,#item_7 li,#item_8 li{
	line-height: 1.2em;
	padding:3px 0 3px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}

#item_3>h2+p+ul+img ,#item_4>h2+p+ul+img ,#item_5>h2+p+ul+img ,#item_6>h2+p+ul+img ,#item_7>h2+p+ul+img,#item_8>h2+p+ul+img{
	display:block;
	position:absolute;
	bottom:0;
	}





/*****************************************************

	recruit.html

*****************************************************/

#recruit_1 p{
	width:460px;
	float:left;
	}

#recruit_1>img{
	display:block;
	width:200px;
	float:right;
	}

.recruit_position{
	position:relative;
	padding-bottom:130px;
	}

#recruit_2 {
	width:335px;
	float:left;
	text-align:justify;
	}

#recruit_3 {
	width:335px;
	float:right;
	text-align:justify;　
	}

#recruit_2 p ,#recruit_3 p{
	text-align:justify;
	padding-bottom:20px;
	}

#recruit_2>h2+p+img ,#recruit_3>h2+p+img{
	display:block;
	position: absolute;
	bottom:0;
	}

#recruit_4 table{
	padding:0;
	margin:0;
	text-align:justify;
	line-height: 1.2em;
	border-top:solid 1px#C9BC9C;
	border-left:solid 1px#C9BC9C;
	background:#fff;
	}

#recruit_4 th ,#recruit_4 td{
	border-right:solid 1px#C9BC9C;
	border-bottom:solid 1px#C9BC9C;
	font-weight:normal;
	padding:5px 10px;
	vertical-align:top;
	}

#recruit_4 th {
	width:6em;
	text-align:center;
	color:#40220F;
	}

#recruit_4 ul{
	padding-bottom:3px;
	}

#recruit_4 li{
	line-height: 1.2em;
	padding:3px 0 0px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}

#recruit_5 li{
	line-height: 1.2em;
	padding:3px 0 3px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}




/*****************************************************

	catalog.html

*****************************************************/

#catalog_1 p ,#catalog_1 ul {
	width:450px;
	float:right;
	padding-bottom:20px;
	}

#catalog_1 li{
	line-height: 1.2em;
	padding:3px 0 3px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}

#catalog_1>img{
	display:block;
	width:200px;
	float:left;
	}
/*
#catalog_2 ul{
	width:670px;
	float:right;
	}

#catalog_2>h2+ul{
	float:left;
	margin-left:0;
	}
*/
#catalog_2 li{
	line-height: 1.2em;
	padding:3px 0 3px 1.3em;
	background:url(../img/list_1.png) 0 5px no-repeat;
	}




/*****************************************************

	contact.html

*****************************************************/
#contact_1 dl{
	border:#C9BC9C solid 1px;
	padding:15px 20px;
	line-height:normal;
	font-size:85%;
	margin-bottom:20px;
	}

#contact_1 dt{
	font-size:108%;
	padding-bottom:5px;
	font-weight:bold;
	}

#contact_1 dd{
	}

#contact_1 ul{
	margin-top:5px;
	}

#contact_1 li{
	line-height: 1.2em;
	padding:3px 0 2px 1.3em;
	background:url(../img/list_1.png) 0 3px no-repeat;
	}

#contact_1 p{
	text-align:center;
	margin-bottom:20px;
	}

#contact_2 span{
	display:block;
	font-size:210%;
	color:#C00;
	padding-bottom:10px;
	}
