@charset "utf-8";

/*---------------------------------------------------------
サイト共通 基本設定 ローカル作業用
---------------------------------------------------------*/
html, body {height:100%;}
html{
	margin: 0;
	padding: 0;
}
body{
	text-align:center;
	margin:0px auto;
	background:#fff;
	font-size:small;
	font-family:"ＭＳ Ｐゴシック",/*"Osaka","ヒラギノ角ゴ Pro W3",*/sans-serif;
}


h1, h2, h3, h4, h5, p, li, ul, form{margin:0px;padding:0px;}
table td{
	vertical-align: top;
	text-align: left;
}

img{border:none;}
ul, li{list-style:none;}

a{color:#186E92;text-decoration:underline;}
a:link{color:#186E92;text-decoration:underline;}
a:visited{color:#186E92;text-decoration:underline;}
a:active{color:#186E92;text-decoration:underline;}
a:hover{color:#33C2AC;text-decoration:none;}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {min-height: 1px;}

* html .clearfix {
	height: 1px;
	/**//*/
	height: auto;
	overflow: hidden;
	/**/
}
.clear{clear:both; font-size: 1px;}


/*---------------------------------------------------------
　ヘッダー
---------------------------------------------------------*/
div#header
{
	width:100%;
	margin: 0 auto;
	padding: 0;
	background:url(../img/bg_header.jpg) 0 bottom repeat-x;
	height:95px;
}
div#headerInner
{
	width:828px;
	margin:0 auto;
	height:100%;
	position:relative;
}
div#headerInner h1{float:left;margin:16px 0 6px 0;}
div#headerInner h1 a
{
	background:url(../img/img_nameH.gif) 0 0 no-repeat;
	width:215px;
	height:65px;
	text-indent: -9999px;
	display: block;
}
div#headerInner img{float:right;}
div#headerInner img.catchT{position:absolute;bottom:23px;right:0;}



/*---------------------------------------------------------
　イメージエリア（トップページ）
---------------------------------------------------------*/
div#imgArea
{
	width:100%;
	background:url(../img/bg_imgarea.jpg) 0 0 repeat-x;
	height:293px;
}
div#imgArea:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
div.imgArea-inner
{
	width:828px;
	height:293px;
	background:#ccc;
	margin:0 auto;
	text-align:left;
}
div.imgArea-inner p{margin:0;padding:0;}


/*---------------------------------------------------------
　グローバルナビゲーション
---------------------------------------------------------*/
div#gNavi{
	width:828px;
	margin:-4px auto 15px auto;
	height:55px;
}

div#gNavi ul{margin:0;padding:0;}
div#gNavi ul li{float:left;}
div#gNavi ul li a{display : block;outline:none;text-indent:-9999px;overflow:hidden;height:55px;}

	div#gNavi ul li a.g01{width:246px;background:url(../img/navi_global.jpg) 0 0 no-repeat;}
	div#gNavi ul li a:hover.g01{background-position:0px -55px;}

	div#gNavi ul li a.g02{width:228px;background:url(../img/navi_global.jpg) -246px 0 no-repeat;}
	div#gNavi ul li a:hover.g02{background-position:-246px -55px;}

	div#gNavi ul li a.g03{width:202px;background:url(../img/navi_global.jpg) -474px 0 no-repeat;}
	div#gNavi ul li a:hover.g03{background-position:-474px -55px;}

	div#gNavi ul li a.g04{width:152px;background:url(../img/navi_global.jpg) -676px 0 no-repeat;}
	div#gNavi ul li a:hover.g04{background-position:-676px -55px;}


/*-----------------------------------------------
 フッター
-----------------------------------------------*/
div#fLink
{
	margin:0;
	width:100%;
	background:#BACABB;
}
	div.fLink-inner
	{
		width:846px;
		background:url(../img/bg_footin01.jpg) 10px top repeat-y;
		margin:0 auto 1px auto;
		padding:10px;
	}
	div.fLink-inner ul{padding-left:20px;}
	div.fLink-inner ul li{float:left;margin:0 5px;font-size:75%;}

div#footer
{
	margin:0;
	_margin-top:1px;
	width:100%;
	height:96px;
	background:url(../img/bg_footer.jpg) 0 top repeat-x;
	text-align:center;
}
	*+html body div#footer{margin-top:1px;}	/* for win IE7 */

	div.footer-inner
	{
		width:846px;
		background:url(../img/bg_footin02.jpg) 0 0 repeat-y;
		margin:0 auto;
		height:96px;

	}
	div.footer-inner img{float:right;margin:30px 30px 0 0;}
	address
	{
		float:right;
		width:400px;
		text-align:right;
		font-size:85%;
		margin:35px 10px 0 0;
		color:#eee;
		font-style: normal;
	}

/*--CLEAR--*/
div#footer:after,
div.fLink-inner ul:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0;
}

/*---------------------------------------------------------
　コンテンツ
---------------------------------------------------------*/
div#wrapper{
	width:828px;
/*	min-height:100%;
	height:100%;*/
	text-align:center;
	margin:10px auto;
	background:#fff;
	overflow:visible;
	position:relative;
	color:#434343;
}
*+html body div#wrapper{height:auto;}	/* for win IE7 */

body > #wrapper {height: auto;}


div#sideArea
{
	width:200px;
	float:left;
	text-align:left;
	margin-bottom:20px;
}
div#boxMain{
	float:right;
	width:607px;
	min-height:500px;
}


p.pagetop{
	float:right;
	margin:10px 20px 10px 0;
	_margin:5px 10px 0 0;
	clear:both;
}
p.pagetop a{
	background:url(../img/pagetop.gif) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	width:79px;
	height:9px;
}

/*--CLEAR--*/
div#wrapper:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	font-size: 0;
}



/*---------------------------------------------------------
　Lカラム
---------------------------------------------------------*/
div.boxSide
{
	width:199px;
	margin:0 0 15px 0;
	background:#F5F5F3;
	font-size:96%;
	padding-bottom:10px;
}

div.boxSide h3
{
	display:block;
	height:25px;
	text-indent:-9999px;
}
	.grp01{background:url(../img/lt_title01.gif) 0 0 no-repeat;}
	.grp02{background:url(../img/lt_title02.gif) 0 0 no-repeat;}
	.grp03{background:url(../img/lt_title03.gif) 0 0 no-repeat;}




div.boxSide a{color:#186E92;text-decoration:none;}
div.boxSide a:link{color:#186E92;text-decoration:none;}
div.boxSide a:visited{color:#186E92;text-decoration:none;}
div.boxSide a:active{color:#186E92;text-decoration:none;}
div.boxSide a:hover{color:#33C2AC;text-decoration:none;}





div.boxSide ul{margin:10px 6px 0 6px;padding-bottom:10px;}
	div.boxSide ul li
	{
		background:url(../img/arrow_gr.gif) 0 4px no-repeat;
		padding:0 0 2px 10px;
		border-bottom:1px solid #D8D8D6;
		margin:3px 0 0 0;
		line-height:1.2;
		_line-height:1.4;
	}
	div.boxSide ul li span{font-size:85%;_font-size:70%;}
	*+html body div.boxSide ul li {line-height:1.4;}	/* for win IE7 */
	*+html body div.boxSide ul li span{font-size:0.7em;}	/* for win IE7 */


	div.boxSide p.more{
		float:right;
		margin:0 8px 0 0;
	}
	div.boxSide p.more a
	{
		display:block;
		text-indent:-9999px;
		height:12px;
	}
		a.m01{background:url(../img/btn_list01.gif) 0 0px no-repeat;width:103px;}
		a.m02{background:url(../img/btn_list02.gif) 0 0px no-repeat;width:142px;}

div.naviC ul li{margin:3px 0 6px 0;padding-bottom:6px;}



div.sideInfo
{
	width:199px;
	margin:0 0 8px 0;
	font-size:96%;
	border:1px solid #DDDFD8;
}

div.sideInfo-inner
{
	background:#E6EEE9;
	width:195px;
	margin:2px;
	padding-bottom:6px;
}

div.sideInfo-inner h3
{
	display:block;
	text-indent:-9999px;
	background:url(../img/stitle_inq.gif) 0 6px no-repeat;
	width:181px;
	height:25px;
	margin:0 auto;
}
div.sideInfo-inner p,div.sideInfo-inner ul{margin:7px 0 5px 7px;}
div.sideInfo-inner ul li{padding:0 0 0 40px;margin:0 0 5px 0;}
	.inq01{background:url(../img/inq_tel.gif) 0 0 no-repeat;}
	.inq02{background:url(../img/inq_fax.gif) 0 0 no-repeat;}
	.inq03{background:url(../img/inq_mail.gif) 0 2px no-repeat;}

div.sideInfo-inner p{_letter-spacing:-0.05em;}
div#sideArea img{margin:0 0 0 15px;}



div#bnrArea{
	width:199px;
	text-align:center;
	margin-bottom:15px;
}
div#bnrArea img{margin-bottom:3px;}




/*--CLEAR--*/
div.boxSide:after,
div.sideInfo-inner:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}


/*---------------------------------------------------------
　メイン(トップページ)
---------------------------------------------------------*/
div.digest{
	width:100%;
	margin:0px 0 30px 0;
	font-size:96%;
	line-height:1.4;
	text-align;left;
}
div.digest ul{margin:0;padding:0;}
div.digest ul li
{
	width:298px;
	margin:0 2px 10px 3px;
	_margin-left:2px;
	float:left;
	height:98px;
}
	div.digest ul li a{display:block;text-indent:-9999px;height:98px;}

	div.digest ul li.dig01 a{background:url(../img/digest_01.jpg) 0 0px no-repeat;}
	div.digest ul li.dig02 a{background:url(../img/digest_02.jpg) 0 0px no-repeat;}
	div.digest ul li.dig03 a{background:url(../img/digest_03.jpg) 0 0px no-repeat;}
	div.digest ul li.dig04 a{background:url(../img/digest_04.jpg) 0 0px no-repeat;}

	div.digest ul li a:hover{background-position:0 -98px;}


div.infoBox
{
	width:100%;
	margin:0 0 60px 0;
}
div.infoBox h2
{
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	width:607px;
	height:25px;
}
	div.infoBox h2.inf01{background:url(../img/title_info01.jpg) 0 0px no-repeat;}
	div.infoBox h2.inf02{background:url(../img/title_info02.jpg) 0 0px no-repeat;}

div.infoBox ul{margin:6px 0 6px 10px;text-align:left;}
div.infoBox ul li
{
	background:url(../img/line_dot.gif) 0 bottom repeat-x;
	padding-bottom:10px;
	margin:0 0 8px 0;
}
	div.infoBox ul li span{margin:0 10px 0 0;}
	div.infoBox ul li img{margin:0 10px 0 0;vertical-align:middle;}


	div.infoBox p.more{
		float:right;
		margin:0 8px 0 0;
	}
	div.infoBox p.more a
	{
		display:block;
		text-indent:-9999px;
		height:11px;
	}
		a.mi01{background:url(../img/btn_info01.gif) 0 0px no-repeat;width:128px;}
		a.mi02{background:url(../img/btn_info02.gif) 0 0px no-repeat;width:166px;}

/*--CLEAR--*/
div.digest:after
{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}




