@charset "UTF-8";
body
	{
		margin:0;padding:0;
		font-size:80%;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		background:#808080;
		color:#4c4c4c;
	}
.cb
	{
		display:block;
		clear:both;
	}
.left,.cleft
	{
		float:left;
	}
.right,.cright
	{
		float:right;
	}
a:link,a:visited,a:active
	{
		color:#4f8bfb;
		text-decoration:none;
	}
a:hover
	{
		text-decoration:underline;
		color:#0066ff;
	}
img
	{
		border:none;
	}

/* Global Navigation
--------------------------------------------------------- */
div#gnv
	{
		background:url(../img/gnv_bg.gif) repeat-x #fff;
		padding:0;
	}
div#gnv ul
	{
		width:876px;
		height:56px;
		padding:0;margin:0 auto;
		list-style:none;
	}
div#gnv ul li
	{
		float:left;
		height:56px;
	}
div#gnv ul li a
	{
		display:block;
		overflow:hidden;
		height:56px;
		text-indent:-9999px;
	}
div#gnv ul li.home a
	{
		background:url(../img/gnv_home.gif) no-repeat;
		width:85px;
	}
div#gnv ul li.information a
	{
		background:url(../img/gnv_info.gif) no-repeat;
		width:86px;
	}
div#gnv ul li.products a
	{
		background:url(../img/gnv_products.gif) no-repeat;
		width:91px;
	}
div#gnv ul li.support a
	{
		background:url(../img/gnv_support.gif) no-repeat;
		width:117px;
	}
div#gnv ul li.keeping a
	{
		background:url(../img/gnv_keeping.gif) no-repeat;
		width:146px;
	}
div#gnv ul li.about a
	{
		background:url(../img/gnv_about.gif) no-repeat;
		width:92px;
	}
div#gnv ul li.recruit a
	{
		background:url(../img/gnv_recruit.gif) no-repeat;
		width:93px;
	}
div#gnv ul li.link a
	{
		background:url(../img/gnv_link.gif) no-repeat;
		width:71px;
	}
div#gnv ul li.contact a
	{
		background:url(../img/gnv_contact.gif) no-repeat;
		width:95px;
	}
div#gnv ul li.home a:hover,
div#gnv ul li.information a:hover,
div#gnv ul li.products a:hover,
div#gnv ul li.support a:hover,
div#gnv ul li.keeping a:hover,
div#gnv ul li.about a:hover,
div#gnv ul li.recruit a:hover,
div#gnv ul li.link a:hover,
div#gnv ul li.contact a:hover
	{
		background-position:0 -56px;
	}
div#gnv ul li.home a.cc,
div#gnv ul li.information a.cc,
div#gnv ul li.products a.cc,
div#gnv ul li.support a.cc,
div#gnv ul li.keeping a.cc,
div#gnv ul li.about a.cc,
div#gnv ul li.recruit a.cc,
div#gnv ul li.link a.cc,
div#gnv ul li.contact a.cc
	{
		background-position:0 -112px;
	}

/* Contents Line : BASE
--------------------------------------------------------- */
div#ContentsArea
	{
		background:#fff;
	}
div#ContentsArea #in
	{
		width:870px;
		padding:0; margin:0 auto;
	}

/* page go top
--------------------------------------------------------- */
#pageGoTop
	{
		text-align:right;
		padding:20px 0 10px 0;
	}

/* footer
--------------------------------------------------------- */
#footer
	{
		background:url(../img/footer_bg.gif) repeat-x;
	}

/* footer Navigation
--------------------------------------------------------- */
#footnavi
	{
		width:870px;
		background:url(../img/footer_navi_middle.gif) repeat-y;
		margin:0 auto;
	}
#footnavi .in
	{
		background:url(../img/footer_navi_top.gif) no-repeat;
		text-align:center;
		font-size:80%;
		padding:15px 0 5px 0;
		line-height:1.1;
		color:#e1e0e0;
		width:703px;
	}
#footnavi .cleft
	{
		width:628px;
	}
#footnavi .cleft a
	{
		color:#ccc;
	}
#footnavi .cleft a:hover
	{
		color:#fff;
	}
#footnavi .cright
	{
		width:71px;
	}
#footnavi .cright a
	{
		color:#333;
	}
#footnavi .cright a:hover
	{
		color:#000;
	}
#footnavi span
	{
		display:block;
		background:url(../img/footer_navi_bottom.gif) no-repeat #808080;
		width:703px;
		height:15px;
	}

/* copyright
--------------------------------------------------------- */
#copyright
	{
		width:870px;
		padding:0 0 50px;
		color:#e1e0e0;
		margin:0 auto;
	}
#copyright a
	{
		color:#ccc;
	}
#copyright a:hover
	{
		color:#fff;
	}
#copyright .cleft
	{
		width:550px;
	}
#copyright .cleft p
	{
		font-size:80%;
		margin:0;
		padding:5px 0 0 0;
	}
#copyright .cleft ul
	{
		width:400px;
		padding:0;margin:0;
		list-style:none;
	}
#copyright .cleft li
	{
		float:left;
		padding:0;
	}
#copyright .cleft li span
	{
		display:block;
		background:url(../img/arrow02.gif) no-repeat 0 5px;
		padding:0 0 0 8px;
	}
#copyright .cleft .cleft
	{
		width:125px;
	}
#copyright .cleft .cright
	{
		width:400px;
		text-align:left;
		font-size:100%;
		padding:0;
	}
#copyright .cright
	{
		width:300px;
		text-align:right;
		font-size:85%;
		padding:5px 0 0 0;
	}