@charset "utf-8";

/*-----------------------------各ブラウザ初期値クリア----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,p
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/*h1 img {
	display: block;
}*/

img {
	border: 0;
}
a {
	color: #666666;
}
a:hover {
	color: #0066FF;
}

.clear {
	clear: both;
}
/*----------------------------------------------------------------------------------------*/

body {
	background-repeat: repeat-y;
	background-color: #F2f2f2;
	background-image: url(../img/zentai_haikei3.jpg);
	background-position: 50%;
}

h3{
	font-weight:normal;
	font-size:10px;

}


#wrap {
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

/*==============================================header1=================================*/
#header {
	background-image: url(../img/header_2.jpg);
	height: 55px;
	background-repeat: no-repeat;
	padding-top: 9px;
}

#pankuzu1 {

}
#pankuzu1 h1 {
	font-weight: normal;
	font-size: 12px;
	float: left;
	text-align: right;
	display: block;
	width: 675px;
}
#pankuzu1  ul {
	list-style-type: none;
	display: block;
	float: right;
	width: 200px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}
#pankuzu1 li {
	display: block;
	float: left;
	padding-right: 10px;
}

/*====================================  header2  上部ナビ=================================*/
#header2 {
	background-image: url(../img/header2_1.jpg);
	background-repeat: no-repeat;
	padding-top: 20px;
	height: 420px;
}
#header2  #naivi2 {
	background-image: url(../img/navi2_haikei.jpg);
	background-repeat: no-repeat;
	vertical-align: text-botom;
	height: 40px;
	padding-top: 15px;
}
#header2 #naivi2 ul {
	list-style-type: none;
}
#header2 #naivi2 li {
	display: block;
	float: left;
}
#header2 #naivi2 a:hover {

}
#header2 #naivi2 li a {
	text-decoration: none;
	text-align: left;
	font-size: 12px;
	padding-top: 7px;
	padding-left: 45px;
}

.nabi a      {
	background-image: url(../img/navi2_menu.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 86px;
	display: block;
	color: #666666;

}
.nabi  a:hover   {
	background-image: url(../img/navi2_menu_over2.jpg);
	background-repeat: no-repeat;
	color: #38b87b;
}
.nabi2 a {
	height: 18px;
	width: 89px;
	background-image: url(../img/navi2_2_menu.jpg);
	background-repeat: no-repeat;
	display: block;
	color: #666666;
}
.nabi2  a:hover {
	background-image: url(../img/navi2_2_menu_over.jpg);
	color: #38b87b;
}
.nabi3 a {
	background-image: url(../img/navi2_menu_home.jpg);
	background-repeat: no-repeat;
	height: 18px;
	width: 86px;
	display: block;
	color: #FFFFFF;
}
.nabi3 a:hover {
	color: #FFFFFF;
	background-image: url(../img/navi2_menu_home_over.jpg);
	background-repeat: no-repeat;
}

/*====================================  header2  メインナビ=================================*/

#header2 #naivi1 {
	background-image: url(../img/navi1_haikei.png);
	height: 72px;
	width: 920px;
	margin-top: 279px !important;
	margin-top: 279px; /* IE6 style*/
	
}
#header2 #naivi1 ul {
	list-style-type: none;
	padding-top: 10px;
}
#header2 #naivi1 li {
	float: left;
}
.nabi_n1  a {
	background-image: url(../img/navi1_menu1.png);
	display: block;
	height: 56px;
	width: 172px;
	margin-left: 10px;
	background-position: 0px 0px;
}
.nabi_n1 a:hover {
	background-image: url(../img/navi1_menu1.png);
	background-position: 0px -56px;
	background-repeat: no-repeat;
}
.nabi_n2 a {
	background-image: url(../img/navi1_menu2.png);
	background-repeat: no-repeat;
	display: block;
	margin-left: 10px;
	height: 56px;
	width: 172px;
	background-position: 0px 0px;
}
.nabi_n2 a:hover {
	background-image: url(../img/navi1_menu2.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.nabi_n3 a {
	background-image: url(../img/navi1_menu3.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 172px;
	margin-left: 10px;
	background-position: 0px 0px;
}
.nabi_n3 a:hover {
	background-image: url(../img/navi1_menu3.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.nabi_n4 a {
	background-image: url(../img/navi1_menu4.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 172px;
	margin-left: 10px;
	background-position: 0px 0px;
}
.nabi_n4 a:hover {
	background-image: url(../img/navi1_menu4.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.nabi_n5 a {
	background-image: url(../img/navi1_menu5.png);
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	width: 172px;
	margin-left: 10px;
	background-position: 0px 0px;
}
.nabi_n5 a:hover {
	background-image: url(../img/navi1_menu5.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
#template area {
	width: 920px;
	color: #666666;
}


.clear {
	clear: both;
}

#inner {
	margin-left: 20px;
	width: 900px;
}

/*====================================  左側　バナーボックス部  =================================*/


#left_menu {
	float: left;
	width: 165px;
	height:500px;
	margin-right: 12px;
	background-color: #FFFFFF;
	margin-top: 30px;
	font-size: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-right: 16px;
	margin-bottom: 15px;
}
#left_menu a {
	color: #666666;
	text-decoration: none;
}
#left_menu a:hover {
	color: #0066FF;
}
#left_menu img {
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#left_menu h1 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-bottom: 2px dotted #aaaaaa;
	border-left: 6px solid #aaaaaa;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 15px;
}
#left_menu #release {
	margin-bottom: 25px;
}
#left_menu #release1 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	line-height: 130%;
	color: #666666;
	letter-spacing: 0.2em;
}
#left_menu  #pickup {
	margin-bottom: 20px;
}
#left_menu   #pickup1 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	line-height: 130%;
	color: #666666;
	letter-spacing: 0.2em;
}
#left_menu    #pickup2 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	line-height: 130%;
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.2em;
	margin-bottom: 15px;
}
#left_menu  #pickup3 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	line-height: 130%;
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	text-align: center;
}
#left_menu #pickup4 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	line-height: 130%;
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
	text-align: left;
}

/*==================================== センター　メインコンテンツ  =================================*/

#main_contents {
	float: left;
	width: 490px;
	height:500px;
	margin-right: 15px;
	margin-top: 30px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-bottom: 15px;
	padding-right: 13px;
}
.new_title {
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	border-bottom: 2px dotted #aaaaaa;
	border-left: 6px solid #aaaaaa;
	padding-left: 5px;
	margin-bottom:15px;
	display:block;
}

#main_contents  #news1 {　　　/* センター　最新情報  =================================*/
	width: 480px;
	height:130px;
	margin:	5px 0 10px 20px;
	overflow: auto;
}
#main_contents  #news2 {　　　/* センター　new release =================================*/
	width: 480px;
	height:250px;
	margin:	5px 0 10px 20px;
	overflow: auto;
}

dl {
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #888888;
}
.new {                    　/* センター 最新情報&new release アップデート　日にち部  =================================*/
	clear:both;
	background-color: #88A3FD;
	text-align: center;
	color: #FFFFFF;
	width: 85px;
	padding:1px 10px;
	margin-right: 10px;	
	margin-bottom: 9px;
	line-height: 1.5;
	letter-spacing:1px;
	float : left;
	font-weight:bold;
	display:block;
}

dt {　　　　　　　　　　　　/* センター 最新情報&new release  過去　日にち部  =================================*/
	clear:both;
	background-color: #B6B6B6;
	text-align: center;
	color: #FFFFFF;
	width: 85px;
	padding:1px 10px;
	margin-right: 10px;	
	margin-bottom: 9px;
	line-height: 1.5;
	letter-spacing:1px;
	float : left;
	font-weight:bold;
}

dd {			/* センター　 最新情報&new release  内容  =================================*/
	margin-left:10px;
	padding:1px 10px;
	margin-bottom:9px;
	line-height: 1.5;
	display:block;
}

/*====================================  右側　バナーボックス部  =================================*/
#right_menu {
	float: left;
	width: 165px;
	margin-top: 30px;
	font-size: 10px;
}
#right_menu h1 {
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	border-bottom: 2px dotted #aaaaaa;
	border-left: 6px solid #aaaaaa;
	padding-top: 3px;
	padding-left: 5px;
	margin-bottom: 15px;
}
#right_menu a {
	color: #666666;
	text-decoration: none;
}
#right_menu a:hover {
	color: #0066FF;
}
#right_menu img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-bottom: 5px;
}
#right_menu  #js_pickup {
	margin-bottom: 25px;

}
#right_menu    #js_pickup1 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	line-height: 130%;
	color: #666666;
	letter-spacing: 0.2em;
}
#right_menu #others {

}
#right_menu #others1 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	line-height: 130%;
	color: #666666;
	letter-spacing: 0.2em;
	text-align: left;
}
#right_menu #others2 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	line-height: 130%;
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.2em;
	text-align: left;
	margin-bottom: 15px;
}
#right_menu #others3 {
	width: 162px;
	margin-right: auto;
	margin-left: auto;
	line-height: 130%;
	color: #666666;
	text-decoration: none;
	letter-spacing: 0.2em;
	text-align: center;
}

/*====================================  左側　バナー部　『 製品リリース 』ロールオーバー  =================================*/

.n1 a  {
	background-image: url(../img/roka_banner.png);
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.n1 a:hover {
	background-image: url(../img/roka_banner.png);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.n2 a {
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-image: url(../img/roka_banner.jpg);
}
.n2 a:hover {
	background-image: url(../img/roka_banner_over.jpg);
}



/*==============================  左側　バナー部　『 ピックアップ 』ロールオーバー  ======================*/
.p1 a {
	background-image: url(../img/nandemo_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.p1 a:hover {
	background-image: url(../img/nandemo_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.p2 a {
	background-image: url(../img/taiyoukou_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.p2  a:hover {
	background-image: url(../img/taiyoukou_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.p3 a {
	background-image: url(../img/jokasou_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.p3 a:hover {
	background-image: url(../img/jokasou_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.p4 a {
	background-image: url(../img/einou_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.p4 a:hover {
	background-image: url(../img/einou_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}

/*==============================  右側　バナー部　『 Ｊ-ＳＨＯＰピックアップ 』ロールオーバー  ======================*/
.j1 a {
	background-image: url(../img/jshop_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.j1 a:hover {
	background-image: url(../img/jshop_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.j2 a {
	background-image: url(../img/yasai_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
}
.j2 a:hover {
	background-image: url(../img/yasai_banner_over.jpg);
}

/*====================================  右側　バナー部　『 OTHERS 』ロールオーバー  ===========================*/
.o1 a {
	background-image: url(../img/contest_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.o1 a:hover {
	background-image: url(../img/contest_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.o2 a {
	background-image: url(../img/recruit_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.o2 a:hover {
	background-image: url(../img/recruit_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}
.o3 a {
	background-image: url(../img/25_banner.jpg);
	display: block;
	height: 56px;
	width: 162px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.o3 a:hover {
	background-image: url(../img/25_banner.jpg);
	background-repeat: no-repeat;
	background-position: 0px -56px;
}





/*---------------------------- 最下部ナビゲーション --------------------------------------*/
#bottom_navi {
	width: 920px;
	bottom:10px;
	position:relative;
	margin-top: 20px;
}

#bottom_navi ul {
	list-style-type: none;
	width: 840px;
	text-align: left;
	padding-top:23px;
	padding-left: 40px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	margin-left: 15px;
	display: block;
	height: 80px;

}
#bottom_navi  li  {
	display:inline;
	padding-left:15px;
	zoom:1;
	background-image: url(../img/icon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-right: 20px;
	white-space: nowrap;
	letter-spacing: 0.1em;
	font-size: 12px;
	font-family: "ＭＳ ゴシック", "Osaka－等幅";
	color: #666666;
	margin-bottom: 10px;

}

/*====================================  フッター  =================================*/


#footer {
	text-align: center;
	width: 920px;
	background-color: #EEEEEE;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #666666;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	letter-spacing: 0.1em;
	margin-top: 5px;
}