@charset "utf-8";

BODY{
font-family: メイリオ,"MS ゴシック",osaka,verdana,sans-serif;
margin : 0 auto;
position:relative;
text-align : center;
background-image:url(__.gif);
background-color:#ffffff;
}

div#wrapper
{
width:990px;
margin:0px auto;
padding:0px;
}

/*    ヘッダー    ●　*/
div#head_bg
{
	background-color:#FFF;
}

div#head
{
	height:100px;
	margin:0px auto 0px auto;
	padding:0px auto;
	background-image:url(common/.gif);
	background-repeat:repeat-x;
	background-position:center;
}
div#head_in
{
	height:100px;
	width:990px;
	margin:0px auto 0px auto;
	padding:0px auto;
	text-align:left;
}

	div#logo
	{
		float:left;
		width:380px;
		padding:0;
		text-align:left;
	}
	div#to_contact
	{
		float:right;
		width:;
		margin:10px 0 0 0;
		padding:;
	}
	
div#logo img
{
	margin-top:20px;
}

div#pan
{
	margin:0 0 7px 0;
	padding:0 0 0 0;
	font-size:11px;
	color:#555555;
	text-align:left;
}

/*    ナビゲーション    ●　*/

div#g-navi_wrap
{
width:990;
height:60px;
vertical-align:top;
text-align : center;
padding :auto;
margin : 20px 0px;
border-top:1px solid #D8D8D8;
border-bottom:1px solid #D8D8D8;
background-image: url(common/__.gif);
background-repeat:repeat-x;
background-position:top;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi {
width:990px;
height:60px;
text-align : center;
padding : 0px;
margin : 10px auto;
}
#g_navi ul {
	padding:0px 0;
	margin:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:40px;
	width:165px;
	display:block;
	float:left;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}


/*------off*/
#g_navi li.navi-01 a {
	background:url(common/g_navi-01.gif) no-repeat 0px 0px;
	width:165px;
	margin: 0px;
}
#g_navi li.navi-02 a {
	background:url(common/g_navi-02.gif) no-repeat 0px 0px;
	width:165px;
	margin: 0px;
}
#g_navi li.navi-03 a {
	background:url(common/g_navi-03.gif) no-repeat 0px 0px;
	width:165px;
	margin: 0px;
}
#g_navi li.navi-04 a {
	background:url(common/g_navi-04.gif) no-repeat 0px 0px;
	width:165px;
	margin: 0px;
}
#g_navi li.navi-05 a {
	background:url(common/g_navi-05.gif) no-repeat 0px 0px;
	width:165px;
	margin: 0px;
}
#g_navi li.navi-06 a {
	background:url(common/g_navi-06.gif) no-repeat 0px 0px;
	width:165px;
	margin: 0px;
}
#g_navi li.navi-07 a {
	background:url(common/g_navi-07.gif) no-repeat 0px 0px;
	width:165px;
	margin: 0px;
}

/*------hover*/
#g_navi li.navi-01 a:hover {
	background:url(common/g_navi-01.gif) no-repeat 0px -40px;
}
#g_navi li.navi-02 a:hover {
	background:url(common/g_navi-02.gif) no-repeat 0px -40px;
}
#g_navi li.navi-03 a:hover {
	background:url(common/g_navi-03.gif) no-repeat 0px -40px;
}
#g_navi li.navi-04 a:hover {
	background:url(common/g_navi-04.gif) no-repeat 0px -40px;
}
#g_navi li.navi-05 a:hover {
	background:url(common/g_navi-05.gif) no-repeat 0px -40px;
}
#g_navi li.navi-06 a:hover {
	background:url(common/g_navi-06.gif) no-repeat 0px -40px;
}
#g_navi li.navi-07 a:hover {
	background:url(common/g_navi-07.gif) no-repeat 0px -40px;
}

/*------on*/
#g_navi li.navi-01_on a {
	background:url(common/g_navi-01.gif) no-repeat 0px -40px;
	width:165px;
	margin:0px;
}
#g_navi li.navi-02_on a {
	background:url(common/g_navi-02.gif) no-repeat 0px -40px;
	width:165px;
	margin:0px;
}
#g_navi li.navi-03_on a {
	background:url(common/g_navi-03.gif) no-repeat 0px -40px;
	width:165px;
	margin:0px;
}
#g_navi li.navi-04_on a {
	background:url(common/g_navi-04.gif) no-repeat 0px -40px;
	width:165px;
	margin:0px;
}
#g_navi li.navi-05_on a {
	background:url(common/g_navi-05.gif) no-repeat 0px -40px;
	width:165px;
	margin:0px;
}
#g_navi li.navi-06_on a {
	background:url(common/g_navi-06.gif) no-repeat 0px -40px;
	width:165px;
	margin:0px;
}
#g_navi li.navi-07_on a {
	background:url(common/g_navi-07.gif) no-repeat 0px -40px;
	width:165px;
	margin:0px;
}

/*   コンテンツ    ●　*/

/*   メイン    ●　*/

div#main
{
	width : 990px;
	height : auto;
	margin:0 auto 0 auto;
	padding:10px 0;
	text-align:left;
	background-color:#fff;
}

div.main-bottom
{
	margin:10px auto 0px auto;
	text-align:right;
	padding-bottom:0px;
	width:990px;
}
	div.main-bottom img
	{
		vertical-align: bottom;
	}
	
div.ConWrap
{
	width:950px;
	margin:5px auto 20px auto;
	padding:0 0 20px 0;
	border-bottom:1px dotted #999;
}

/*   インデックス   ●　*/

div#MainVisual
{
	width:990px;
	height:410px;
	text-align:center;
	margin:0 auto 20px;
}

div#first
{
	margin:0 0 0 0;
}
	div#BOX_A
	{
		width:570px;
		float:left;
		padding-right:10px;
		border-right:1px solid #ccc;
	}
		h3.title_top
		{
			font-size:1.6em;
			color:#555;
			margin:0 auto 20px;
			padding-left:10px;
			text-shadow:1px 1px 2px #ccc;
			line-height:55px;
			border-bottom:7px solid #A5DF00;
			  box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.3);
			  -webkit-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.3);
			  -moz-box-shadow: 0px 4px 3px -3px rgba(0,0,0,0.3);
		}
		h4
		{
			background:#ECF6CE;
			text-align:center;
			padding:3px;
			margin:15px 7px;
			color:#555;
		}
		div.bnr01_wrapper
		{
			border-top:1px solid #f1f1f1;
			padding-top:20px;
		}
			div.bnr01_inner
			{
			}
			div.bnr01
			{
				margin:5px;
				float:left;
			}
				div.bnr01 img
				{
					border:5px solid #fff;
					box-shadow:1px 1px 3px #ccc;
				}

	div#BOX_B
	{
		width:400px;
		float:right;
	}
		div#BOX_B img
		{
			text-align:center;
			margin:10px auto;
			border:5px solid #fff;
			box-shadow:1px 1px 3px #ccc;
		}


div#second
{
	margin:20px 0 0 0;
}

	div.eco
	{
		background:#FAFAFA; padding:0 1em; margin:1em 0.5em 0; text-align:left; border:1px solid #090; float:left; width:347px;
		background:url(index/eco_bg.jpg) center no-repeat;
	}
		div.eco_text
		{
			float:right; width:227px; margin-top:1em;
			text-shadow:1px 1px 3px #fff;
		}
			div.eco_text span
			{
				font-size:1.6em;
				font-weight:bold;
			}

    div.bousai
	{
		background:#FAFAFA; padding:0 1em; margin:1em 0.5em 0; text-align:left; border:1px solid #090; float:left; width:347px;
	}
/*   サブページ  ●　*/
	div#SubTitle_wrap
	{
		margin:0 auto 20px;
		padding:10px 0;
		box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
			  -webkit-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
			  -moz-box-shadow: 0px 5px 3px -3px rgba(0,0,0,0.1);
	}
		h2.st
		{
			font-size:1.6em;
			color:#A5DF00;
			margin:0 auto 20px;
			padding-left:10px;
			text-align:center;
			letter-spacing:0.2em;
		}
		h3.st_sec01
		{
			font-size:1.2em;
			color:#060;
			margin:0 auto 20px;
			padding-left:10px;
			text-align:left;
			letter-spacing:0.1em;
			height:60px;
			line-height:60px;
			border-bottom:1px dotted #999;
		}
		h3.st_sec02
		{
			font-size:1.2em;
			color:#060;
			margin:40px auto 20px;
			padding-left:10px;
			text-align:left;
			letter-spacing:0.1em;
			height:60px;
			line-height:60px;
			border-bottom:1px dotted #999;
		}

div#sub_navi
{
	margin:60px auto 30px;
	text-align:center;
}
	div#sub_navi img
	{
		margin:0 30px;
		border:0;
		width:300px;
	}
	
div.cnt_01
{
	width:850px;
	margin:50px auto 20px;
	padding:30px;
	box-shadow:1px 1px 3px #ccc;
}
	div.PopUp_wrap
	{
	}
		div.PopUp_wrap img
		{
			margin:4px;
		}

dl.compDetail
{
	width:800px;
	font-size: 14px;
	margin:10px auto 0;
	padding:0px auto;
	text-align:left;
}
	dl.compDetail dt
	{
		float:left;
		clear: left;
		margin: 0px 0px 4px 0px;
		width:230px;
		border-top:1px solid #ccc;
		padding:5px 0px 5px 5px;
		line-height:20px;
		color:#333;
		background-color:#;
	}
	dl.compDetail dd
	{
		border-left:1px dashed #ccc;
		border-top:1px solid #ccc;
		margin-left:235px;
		padding:5px 0px 5px 8px;
		line-height:25px;
		min-height:25px;
		color:#333;
	}
	dl.compDetail img
	{
		margin:4px;
	}
	
h4.s_title
{
	height:25px;
	background:url(common/h4_stitle_bg.gif);
	text-align:center;
	font-size:1em;
	color:#060;
	width:850px;
	margin:50px auto 20px;
}

div.to_contact
{
	text-align:center;
	margin:50px auto 20px;
}
	div.to_contact img
	{
		box-shadow:1px 1px 3px #ccc;
		border:0;
	}

div.tel
{
	text-align:center;
	font-size:1.6em;
	font-weight:bold;
	color:#0C3;
}
	div.tel span
	{
		font-size:16px;
		font-weight:bold;
	}

/*   NEWS   ●　*/


/*    REASON    ●　*/


/*    FAQ    ●　*/


/*    ACCESS  ●　*/


/*   CONTACT   ●　*/

div#MailForm
{
	width:930px;
	margin:20px 30px;
	padding:20px auto;
	background:url(contact/mf_bg.gif) no-repeat center bottom;
}

/*   ABOUT ●  */

/*   ETC   ●　*/
dl.etcDetail
{
	width:800px;
	font-size: 14px;
	margin:5px auto;
	padding:0px auto;
	text-align:left;
}
dl.etcDetail dt
{
	float:left;
	clear: left;
	margin: 0px 0px 4px 0px;
	width:230px;
	border-top:1px solid #d2b48c;
	padding:2px 0px 2px 5px;
	line-height:20px;
	color:#663333;
	font-weight:bold;
	background-color:#;
}
dl.etcDetail dd
{
	border-left:1px dashed #d2b48c;
	border-top:1px solid #d2b48c;
	margin-left:230px;
	padding:2px 0px 2px 8px;
	line-height:25px;
	min-height:25px;
}
dl.etcDetail img
{
	margin:4px;
}

/*    フッター    ●　*/

div#footer_wrap
{
	text-align : center;
	padding : 30px 0 30px 0;
	margin : 0px auto 0px auto;
	background-image: url(common/footer_bg.gif);
	background-repeat: repeat-x;
	background-position : top;
	background-color:#fcfcfc;
}

div#footer
{
width:990px;
text-align:center;
color:#333333;
margin:0px auto 0px auto;
}
div#footer p
{
	font-size:0.8em;
	color:#333333;
}
div#footer_left
{
	float:left; width:310px;
	margin-right:14px;
	text-align:left;
	border-right:1px solid #fff;

}
div#footer_center
{
	float:left; width:310px;
	margin:0 14px;
	text-align:left;
	border-right:1px solid #fff;
}
div#footer_right
{
	float:left; width:310px;
	margin-left:15px;
	text-align:left;
}
	div#footer_right img.logof
	{
		width:94%;
		border:3px solid #fff;
		margin:5px auto 20px;
	}

div.ftr_link ul {
	padding:0px;
	margin:0;
	font-size:12px;
}
div.ftr_link li {
	list-style-type:none;
	margin-bottom:5px;
	padding:0px 0px 0px 20px;
}
div.ftr_link li a {
	height:20px;
	width:270px;
	display:block;
}

div.ftr_link a:link { color:#555; text-decoration : none;}
div.ftr_link a:visited { color:#555; text-decoration : none;}
div.ftr_link a:active { color:#555; text-decoration :; }
div.ftr_link a:hover { color:#000; text-decoration :; background-color:#fff; }

div#sns
{
width:auto;
text-align:center;
margin:5px 0;
padding:0px;
height:25px;
}
div#tweetBtn
{
width:90px;
	height:auto;
	float:right;
	margin:0 5px 0 0;
	padding:0;
	font-size:10px;
}
div#fbBtn
{
width:auto;
	height:auto;
	float:right;
	margin:0 0 0 0;
	font-size:10px;
}

span.CN_b
{
	color:#333333;
}

div#CR
{
	margin-top:10px;
	padding:10px 0 0 0;
	text-align:right;
	border-top:1px solid #ccc;
}
div#CR p
{
	padding:0;
	margin:0;
	font-size:12px;
	color:#999;
}

/*    リンク    ●　*/


a:link { color: #3CB371; text-decoration : none; }
a:visited { color: #3CB371 }
a:active { color: #3CB371 }
a:hover { color: #3CB371 }
a:hover { text-decoration :underline;}


/*     H   関連      ●　*/

h1{
color : #666666;
font-size:10px;
line-height :5px;
margin:0 auto;
padding:px;
background-color:#fff;
text-indent:-9999px;
}

h2
{
}

h3
{

}

div#footer h4
{
		font-size:12px;
		margin:5px 0 10px 0;
		line-height:30px;
		color:#333;
		padding:0 0 0 20px;
		background:url(common/h4_bg.gif) no-repeat bottom left;
		text-align:left;
}
h4 a:link { color:#333; text-decoration : none;}
h4 a:visited { color:#333; text-decoration : none;}
h4 a:active { color:#333; text-decoration :; }
h4 a:hover { color:#3CB371; text-decoration :; }

div.ConWrap h5
{
		font-size:12px;
		margin:5px 0 2px 0;
		line-height:18px;
		color:#333;
		padding:0 0 0 2px;
		border-bottom:1px dotted #ccc;
}


/*      div      ●　*/

div.right
{
text-align:right;
}
div.left
{
text-align:left;
}

div.center
{
text-align:center;
}

div.telling
{
border-top:#663300 dotted 1px; border-bottom:#663300 dotted 1px; padding:8px 0px; margin:20px 15px 15px 15px; color:#ff0000; font-weight:bold; text-align:center;
}

div.box_01
{
}

div.spl_01
{
	width:100%;
	height:10px;
	background-image:url(common/spl_01_bg.gif);
	background-repeat:repeat-x;
}
div.spl_02
{
	width:100%;
	height:10px;
	background-image:url(common/spl_01_bg.gif);
	background-repeat:repeat-x;
	margin:20px 0;
}
div.spl_03
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:8px 17px 8px 3px;
	padding:5px 0;
}



/*      span      ●　*/


/*      span （文字　関連）   ●　*/

.notice
{
color : #FF0000;
font-weight : bold;
}

/*      p      ●　*/

p
{
margin: 0px; padding:0px 11px ;
font-size : 0.9em;
line-height : 1.6;
color:#555;
}


/*  　文字　強調　関連  　●　*/


/*  　イメージ　関連  ●　*/

img  {vertical-align: top;}


img.img-left
{
float : left;
margin : 0px 15px 5px 0px;
}

img.img-right
{
float : right;
margin : 0px 0px 5px 15px;
}

img.img_b_01
{
margin:0px 0px 13px 0px;
}
img.img_t_01
{
margin:5px 0px 0px 0px;
}


/*  　線　関連 　 ●　*/

/* 　 TABLE  　●　*/


/* 　 その他  　●　*/

div.clear
{
clear: both;
font-size: 0;
line-height: 0;
height: 0px;
visibility: hidden;
}

/* 　 NEWS 更新  　●　*/

div#news_ud
{
	margin:30px auto;
	padding:15px;
	border:5px solid #ccc;
	width:800px;
}