/* --------------------------------------------------------------------------------------
 Base
--------------------------------------------------------------------------------------- */

@charset "UTF-8"

body,div,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ul,ol,li,
p,blockquote,pre,cite,code,caption,
form,fieldset,legend,input,textarea,select,option,label {
	margin: 0px;
	padding: 0px;
}

html,body {
	height: 100%;
	background: #000;
	margin: 0;
	padding: 0;
}

ol,ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: none;
	vertical-align:top;
}

/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*￥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* 画像のみ印刷させない場合 */
@media print {
    .noprint { display: none !important; }
}



/* --------------------------------------------------------------------------------------
 Font Link
--------------------------------------------------------------------------------------- */

body {
	font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', sans-serif;
	color: #CCC;
	font-size: 10px;
	_font-size:62.5%;
}

.small {
	font-size:10px;
	line-height: 1.4em;
}

h1 {
	font-size: 10px;
	color: #999;
	margin: 0px;
	padding: 0px;
	line-height: normal;
	font-weight: normal;
}

h2,h3,h4,h5,h6 {
	font-size: 10px;
	color: #999;
	margin: 0px;
	padding: 0px;
	line-height: normal;
}


/* Opera 9 */
;;body{
	font-family: "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', sans-serif;
}

/* Internet Explorer 7 */
*:first-child+html body{
	font-family: "Verdana", 'ＭＳ Ｐゴシック';
}

/* Internet Explorer 6 or sooner */
* html body{
	font-family: "Verdana", 'ＭＳ Ｐゴシック';
}


a {
	text-decoration: none;
}
a:link {
	color: #CCC;
}
a:visited {
	color: #CCC;
}
a:hover {
	color: #FFF;
	text-decoration: none;
}
a:active {
	color: #CCC;
}


/* --------------------------------------------------------------------------------------
layout
--------------------------------------------------------------------------------------- */

#container {
	width: 100%;
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	height: auto;
	position: relative;
	font-size:1.2em;
	line-height: 1.5em;
}

* html div#container{
 height: 100%;
}

body > #container {
	height: auto;
}

#header {
	width: 982px;
	height: 40px;
	margin: 0 auto 10px;
}

#logo {
	float: left;
	width: 234px;
	margin-top: 7px;
	padding: 0;
}



/* --------------------------------------------------------------------------------------
 Header
--------------------------------------------------------------------------------------- */

#head1, #head1-2, #head2, #head3, #head-link {
	float: left;
	margin: 0;
	background: url(../images/dotline.gif) no-repeat;
}

#head1 {
	width: 223px;
	height: 19px;
	padding: 21px 0 0 14px;
	position: relative;
}

#head-link {
	width: 90px;
	height: 14px;
	padding: 21px 0 0 12px;
}

#head2 {
	width: 48px;
	height: 14px;
	padding: 21px 0 0 15px;
}

#head3 {
	width: 210px;
	height: 13px;
	padding: 22px 0 0 18px;
	color: #999;
}

#head4 {
	float: right;
	width: 110px;
	margin-top: 8px;
	text-align: right;
}

#head1-2 {
	width: 168px;
	height: 19px;
	padding: 21px 0 0 14px;
	position: relative;
}

#head2-2 {
	float: right;
	width: 330px;
	height: 13px;
	padding: 22px 10px 0;
	color: #666;
	text-align: right;
}




/* TOP (btn)
--------------------------------------------------------------------------------------- */

#bt-top {
	display: block;
	width: 92px;
	height: 14px;
	margin-right: 7px;
	float: left;
	text-indent: -9999px;
}

#bt-top a {
	width: 92px;
	height: 14px;
	display: block;
	background: url(../images/bt_top.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}
#bt-top a:hover {
	height: 14px;
	background: url(../images/bt_top_on.gif) 0 0 no-repeat;
}



/* LINK (btn)
--------------------------------------------------------------------------------------- */

#bt-link {
	display: block;
	width: 78px;
	height: 14px;
	margin-right: 7px;
	float: left;
	text-indent: -9999px;
}

#bt-link a {
	width: 78px;
	height: 14px;
	display: block;
	background: url(../images/bt_link.gif) 0 0 no-repeat;
	overflow:hidden;
	outline:none;
}
#bt-link a:hover {
	height: 14px;
	background: url(../images/bt_link_on.gif) 0 0 no-repeat;
}




/* LINE UP (btn)
--------------------------------------------------------------------------------------- */

#bt-lineup a {
	display: block;
	width: 64px;
	height: 24px;
	margin-top: -5px;
	float: left;
}
#bt-lineup a:hover {
	height: 24px;
}
#bt-lineup a:hover img {
	visibility: hidden;
}


/* Pulldown Menu
--------------------------------------------------------------------------------------- */

/* soysh */
#nav-soysh a {
	display: block;
	height: 21px;
	background: url(../images/sbt_soysh.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-soysh a:hover {
	background: url(../images/sbt_soysh_on.gif) 0 0 no-repeat;
}

/* soy */
#nav-soy a {
	display: block;
	height: 21px;
	background: url(../images/sbt_soy.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-soy a:hover {
	background: url(../images/sbt_soy_on.gif) 0 0 no-repeat;
}

/* poc */
#nav-poc a {
	display: block;
	height: 21px;
	background: url(../images/sbt_poc.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-poc a:hover {
	background: url(../images/sbt_poc_on.gif) 0 0 no-repeat;
}

/* cmt */
#nav-cmt a {
	display: block;
	height: 21px;
	background: url(../images/sbt_cmt.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-cmt a:hover {
	background: url(../images/sbt_cmt_on.gif) 0 0 no-repeat;
}

/* nmd */
#nav-nmd a {
	display: block;
	height: 21px;
	background: url(../images/sbt_nmd.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-nmd a:hover {
	background: url(../images/sbt_nmd_on.gif) 0 0 no-repeat;
}

/* orc */
#nav-orc a {
	display: block;
	height: 21px;
	background: url(../images/sbt_orc.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-orc a:hover {
	background: url(../images/sbt_orc_on.gif) 0 0 no-repeat;
}

/* ulo */
#nav-ulo a {
	display: block;
	height: 21px;
	background: url(../images/sbt_ulo.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-ulo a:hover {
	background: url(../images/sbt_ulo_on.gif) 0 0 no-repeat;
}

/* a-v */
#nav-a-v a {
	display: block;
	height: 21px;
	background: url(../images/sbt_a-v.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-a-v a:hover {
	background: url(../images/sbt_a-v_on.gif) 0 0 no-repeat;
}

/* fib */
#nav-fib a {
	display: block;
	height: 21px;
	background: url(../images/sbt_fib.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-fib a:hover {
	background: url(../images/sbt_fib_on.gif) 0 0 no-repeat;
}

/* mmt */
#nav-mmt a {
	display: block;
	height: 21px;
	background: url(../images/sbt_mmt.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-mmt a:hover {
	background: url(../images/sbt_mmt_on.gif) 0 0 no-repeat;
}

/* ion */
#nav-ion a {
	display: block;
	height: 21px;
	background: url(../images/sbt_ion.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-ion a:hover {
	background: url(../images/sbt_ion_on.gif) 0 0 no-repeat;
}

/* eng */
#nav-eng a {
	display: block;
	height: 21px;
	background: url(../images/sbt_eng.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-eng a:hover {
	background: url(../images/sbt_eng_on.gif) 0 0 no-repeat;
}

/* jog */
#nav-jog a {
	display: block;
	height: 21px;
	background: url(../images/sbt_jog.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-jog a:hover {
	background: url(../images/sbt_jog_on.gif) 0 0 no-repeat;
}

/* cal */
#nav-cal a {
	display: block;
	height: 21px;
	background: url(../images/sbt_cal.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-cal a:hover {
	background: url(../images/sbt_cal_on.gif) 0 0 no-repeat;
}

/* kns */
#nav-kns a {
	display: block;
	height: 21px;
	background: url(../images/sbt_kns.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-kns a:hover {
	background: url(../images/sbt_kns_on.gif) 0 0 no-repeat;
}

/* bsp */
#nav-bsp a {
	display: block;
	height: 21px;
	background: url(../images/sbt_bsp.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-bsp a:hover {
	background: url(../images/sbt_bsp_on.gif) 0 0 no-repeat;
}

/* ohn */
#nav-ohn a {
	display: block;
	height: 21px;
	background: url(../images/sbt_ohn.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-ohn a:hover {
	background: url(../images/sbt_ohn_on.gif) 0 0 no-repeat;
}

/* sar */
#nav-sar a {
	display: block;
	height: 21px;
	background: url(../images/sbt_sar.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-sar a:hover {
	background: url(../images/sbt_sar_on.gif) 0 0 no-repeat;
}

/* ins */
#nav-ins a {
	display: block;
	height: 21px;
	background: url(../images/sbt_ins.gif) 0 0 no-repeat;
	text-indent: -9999px;
	overflow:hidden;
	outline:none;
}
#nav-ins a:hover {
	background: url(../images/sbt_ins_on.gif) 0 0 no-repeat;
}