﻿@charset "utf-8";


/*===========================================================================


		CSS infomation
		author		 :(株)ジョイメイト

		style info	 :コンテンツエリア関係 他


============================================================================ */

/* ==========================================================================
	初期設定
	========================================================================== */
*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,
textarea,p,th,td {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
body {
	background: #fbf9f1;
	line-height: 1.7;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: small;
	color: #494949;
}
ul li {
	list-style: none;
}
img {
	vertical-align:bottom
}

/*---　ドラッグ反転　----------------------------------------------------------*/
::selection { background: #7ba559; }
::-moz-selection { background: #7ba559; }


/* ==========================================================================
	共通
	========================================================================== */
body {
	background: url('../img/bg.gif') repeat;
	min-width: 1250px;
}
header,
nav,
#contents,
footer {
	width: 100%;
	position: relative;
}
.inner, .inner1 {
	position: relative;
	margin: 0 auto;
}
.inner1 {width: 1036px;}
.inner {width: 1000px;}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
/* ==========================================================================
	ヘッダー
	========================================================================== */
header {
	padding:30px 0 20px 0;
}
header h1 {
	float:left;
}
header #h_menu {
	float:right;
}
header #h_menu ul li {
	margin-left: 6px;
	margin-bottom: 10px;
	width:125px;
	height: 22px;
	float:left;
}
header #h_menu ul li:first-child {
	margin-left:0;
}
header img#tel {
	margin-left: 5px;
}

/* ==========================================================================
	メインナビゲーション
	========================================================================== */
nav {
	padding:6px 0;
	margin-bottom: 20px;
	min-width: 1036px;
	height:80px;
	background: url('../img/nav_bg.gif') repeat-x;
}
nav ul {
	height:68px;
}
nav ul li {
	float:left;
}

/* ==========================================================================
	フッター
	========================================================================== */
footer {
	background: url('../img/f_bg.gif') repeat-x left bottom;
}
footer #f_logo {
	margin-bottom:25px;
}

footer .f_title {
	margin-bottom:0;
	font-weight:bold;
	position:absolute;
	left:75px;
	bottom:90px;
}
footer .f_adrs {
	position:absolute;
	left:75px;
	bottom:35px;
	line-height: 1.4;
}

/*---　フッターメニュー　---------------------------------------------------------*/
footer #f_menu {
	padding-left:45px;
	width:480px;
	position:absolute;
	left:470px;
	bottom: 67px;
	z-index: 1;
	font-size:95%;
	border-left:1px solid #ddd2b8;
}

footer #f_menu li {
	padding-left:13px;
	margin-right:15px;
	float:left;
	background:url('../img/f_list.gif') no-repeat left center;
}
footer #f_menu li a:link {
	text-decoration: none;
}

small {
	padding:3px;
	display: block;
	text-align:center;
	font-size: 85%;
	color:#c6e4ad;
}

/* ==========================================================================
	ページトップに戻る
	========================================================================== */
#pagetop {
	position: absolute;
	bottom: 22px;
	right: -45px;
}
#pagetop:before {
	content:  url('../img/pegetop_img_left.gif');
	position:absolute;
	left:-84px;
	bottom:-9px;
}
#pagetop:after {
	content:  url('../img/pegetop_img_right.gif');
	position:absolute;
	left:150px;
	bottom:-7px;
}