@charset "Shift-JIS";
/**********************************************************************
**********************************************************************/


/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
body, div, p, ul, li, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; line-height:100%; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
p { line-height:150%; }
img { border:none; vertical-align:top; }
ul, dl, ol { list-style-type:none; }
strong { font-weight:normal; }
address { font-style:normal; }
body { font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; height:100%; }
table { font-size:inherit; font:100%; }

/* -----------------------------------------------
汎用クラス
------------------------------------------------- */
.floatLeft  { float: left;}
.floatRight { float: right;}
.clearer    { clear: both;}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

/* -----------------------------------------------
全体
------------------------------------------------- */
div#wrapper {
	width:1028px;
	color:#666;
	margin:0px auto;
}

/* -----------------------------------------------
ヘッダー
------------------------------------------------- */
#header {
	background:url(../images/top/head_bg.jpg) right top no-repeat;
	position:relative; width:900px; height:157px;
	margin:0px auto;
	border-bottom:6px #F9B3A4 solid;
}

#header h1{ position:absolute; left:0px; top:67px; }
#header .description{ position:absolute; left:0px; top:16px; font-weight:bold; }
#header .btn{ position:absolute; right:0px; top:108px; }


/* -----------------------------------------------
コンテンツ
------------------------------------------------- */
#contents{ width:910px; margin:0 auto; }
#contents table{}
#contents td{ width:25%; background:url(../images/top/bg.jpg) repeat; padding:10px 15px 0; vertical-align:top; }

#contents ul{ display:flex; flex-wrap:wrap; padding:5px 5px 0 0; }
#contents ul li{ box-sizing:border-box; width:calc(25% - 5px); background:url(../images/top/bg.jpg) repeat; padding:10px 15px 0; margin:0 0 5px 5px; }

#contents h3{ font-size:123.07%; line-height:1.5; font-weight:bold; color:#238C00; margin-bottom:5px; }
#contents p{ margin-bottom:10px; }
#contents a{ display:block; font-size:92.30%; line-height:1.5; color:#333333; padding-left:20px; }
#contents i{ display:inline-block; background:url(../images/top/icon.png) left center no-repeat; width:20px; height:12px; vertical-align:middle; margin-left:-20px; }


/*
div#contents {
	width:550px;
	background:url(../images/main_bg.jpg) left top no-repeat;
	margin:0px auto ;
	padding:17px 0 5px 478px;
}

div#contents div#search {
	width:478px;
	padding:0px;
}

div#contents div#search h2 {
	background:url(../images/search_list_ttl.png) left top no-repeat;
	font-size:0; line-height:0; text-indent:-9999px;
	height:65px;
}

div#contents div#search ul {
	background:url(../images/search_list_bg.png) left top repeat-y;
	padding:13px 23px 0 32px
}

div#contents div#search ul li {
	background:url(../images/icon_heart.gif) left 2px no-repeat;
	line-height:120%;
	padding-left:24px;
	margin-bottom:10px;
	width:180px;
	float:left;
}

div#contents div#search ul li a {
	text-decoration:underline;
	line-height:130%;
	font-weight:bold;
}

div#contents div#search ul li a:hover {
	color:#91C721;
}

div#contents div#search p {
	width:230px;
	display:none;
	text-align:right;
	position:absolute;
	left:0px;
	top:290px;
	color:#666;
	font-size:80%;
}
*/

div#bannerArea {
	width:900px;
	height:180px;
	border-top:6px #F9B3A4 solid;
	position:relative;
	padding-top:22px;
	margin:0px auto 20px auto;
}

div#bannerArea p {
	position:absolute;
}

div#bannerArea p a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
}

div#bannerArea p#bnr1 {	left:0px;	top:22px; }
div#bannerArea p#bnr2 {	left:353px;	top:22px; }
div#bannerArea p#bnr3 {	left:710px;	top:22px; }
div#bannerArea p#bnr4 {	left:710px;	top:133px; }


/* -----------------------------------------------
フッター
------------------------------------------------- */
div#footer {
	width:900px;
	margin:0px auto;
	padding-bottom:20px;
}

div#footer ul {

}

div#footer ul li {
	float:right;
	padding-left:20px;
	margin-left:20px;
}

div#footer ul li#home {	background:url(../images/icon_home.gif) left top no-repeat; }
div#footer ul li#company {	background:url(../images/icon_company.gif) left top no-repeat; }
div#footer ul li#inquiry {	background:url(../images/icon_inquiry.gif) left top no-repeat; }