@charset "UTF-8";

/*==============================
	((CSS INDEX))
	①バナー
	②メインコンテンツ
	③サブコンテンツ
==============================*/

/*---------------------------------------------*/
/* バナー
/*---------------------------------------------*/
div#top_banner {
	position		: relative;
	width			: 970px;
	height			: 115px;/* 50pxマイナス	*/
	float			: left;
	text-align		: left;
/*	display: inline;*/
	padding			: 0 0 5px 0;
}
div#top_banner .banner1 {
	position		: absolute;
	top				: 2px;
	left			: 0px;
}
div#top_banner .message {
	position		: absolute;
	top				: 116px;
	left			: 0px;
	width			: 708px;
	height			: 46px;
	border-top		: solid 1px #CC0000;
	border-right	: solid 1px #CC0000;
	border-bottom	: solid 1px #CC0000;
	border-left		: solid 1px #CC0000;
	background-image:url(../topimg/banner_message.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
div#top_banner .message p {
	padding-top		: 7px;
	padding-left	: 145px;
	font-family		: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size		: 12px;
	line-height 	: 1.4em;
}
div#top_banner .message a {
	color			: #0000FF;
	text-decoration : underline;
	font-weight 	: 700;
}
div#top_banner .banner2 {
	position		: absolute;
	top				: 2px;
	left			: 717px;
}
/*
div#top_banner .banner2_0 {
	position		: absolute;
	top				: 52px;
	left			: 730px;
}
div#top_banner .banner2_1 {
	position		: absolute;
	top				: 110px;
	left			: 730px;
}
div#top_banner .banner2_2 {
	position		: absolute;
	top				: 86px;
	left			: 717px;
}
*/
div#top_banner .banner2_0 {
	position		: absolute;
	top				: 4px;
	left			: 730px;
}
div#top_banner .banner2_1 {
	position		: absolute;
	top				: 59px;
	left			: 730px;
}
div#top_banner .banner2_2 {
	position		: absolute;
	top				: 114px;
	left			: 730px;
}
/*	オンマウスで画像を半透明にする	*/
div#top_banner .banner2_0 a img:hover,
div#top_banner .banner2_1 a img:hover,
div#top_banner .banner2_2 a img:hover{
    filter: alpha( opacity=70 );  /* IE */
    opacity:0.7;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.7;           /* Firefox 0.9より前 */
}
/*---------------------------------------------*/
/* トップページコンテンツ（メインコンテンツ）
-----------------------------------------------*/
div#top_contents {
	float: left;
	position		: relative;
/*	top: 0;
	left: 0;*/
	width			: 970px;
}
/*---------------------------------------------*/
/* 左側コンテンツ（メインコンテンツ）
-----------------------------------------------*/
div#left_contents {
	position		: relative;
	top				: 0;
	left			: 0;
	width			: 710px;
	margin			: 0 0 0 0;
	padding			: 0 0 0 0;
}
html*div#left_contents {    /* スター７ハック（IE7以下の適用） */
/*	margin: -30px 0 0 0;   2010.05.10にcommon.cssに連動して修正した */
	margin: 0 0 0 0;
	overflow:hidden;
}

div#left_contents .top_title {
	position		: relative;
	top				: 0;
	left			: 0;
	width			: 710px;
	background-repeat:repeat-x;
}
div#left_contents .top_title p {
	padding: 4px 0 0 10px;
	height:25px;
	font-size: 120%;
	font-weight: 600;
}
div#left_contents .top_title .products_search {
	position		: absolute;
	top				: 3px;
	left			: 300px;
	width			: 190px;
	height			: 20px;
}
/* 検索 */
div#left_contents .top_title .products_search label, input {
	float:left;
}
div#left_contents .top_title .products_search .txt_box {
	position: relative;
	top:-2px;
	left:0;
	height:15px;
	border:solid 1px #aaa;
	color:#237ab4;
	font-size:12px;
	background:#FFF;
	line-height:16px;
	z-index:4;
	margin-right: 5px;
}
div#left_contents .top_title .products_search .search_btn {
	position: relative;
	top:-4px;
	left:0;
	z-index:4;
	display:block;
	width:40px;
	height:20px;
	font-size:12px;
}
div#left_contents .top_title .products_search .search_btn a {
	position:relative;
	top:0;
	left:0;
	display:block;
	width:30px;
	height:20px;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
	color:#000;
	z-index:4;
}
div#left_contents .top_title .page_jump {
	position		: absolute;
	top				: 0px;
	left			: 530px;
	width			: 190px;
}
div#left_contents .top_link1 {
	float			: left;
	display 		: block;
	width			: 235px;
	margin			: 0 0 0 0;
	margin-bottom	: 0;
}
div#left_contents .top_link2 {
	float			: left;
	display 		: block;
	width			: 235px;
	margin			: 0 0 0 0;
	margin-bottom	: 0;
}
div#left_contents .top_link3 {
	float			: left;
	display 		: block;
	width			: 235px;
	margin			: 0 0 0 0;
	margin-bottom	: 0;
}
div#left_contents .top_link1 h3,
div#left_contents .top_link2 h3,
div#left_contents .top_link3 h3 {
	margin-top: 0.5em;
	margin-bottom: 5px;
}
div#left_contents .top_link1 h4,
div#left_contents .top_link2 h4,
div#left_contents .top_link3 h4 {
	color: #cc0000;
	margin-top: 0.5em;
	margin-bottom: 4px;
	font-size: 120%;
}
div#left_contents .top_link1 .p_category,
div#left_contents .top_link2 .p_category,
div#left_contents .top_link3 .p_category {
	padding-left: 20px;
	margin-bottom: 4px;
	background-image:url(../topimg/arrow_08.gif);
	background-repeat:no-repeat;
	background-position:8px 3px;
}
div#left_contents .top_link1 ul li,
div#left_contents .top_link2 ul li,
div#left_contents .top_link3 ul li {
	padding-left: 30px;
	list-style: none;
	margin-bottom: 2px;
/*	line-height: 1.6 */;
	background-image:url(../images/mark_top_02.gif);
	background-repeat:no-repeat;
	background-position:18px 4px;
}
div#left_contents .top_link1 ul ul li,
div#left_contents .top_link2 ul ul li,
div#left_contents .top_link3 ul ul li {
	background:none;
	padding-left: 0px;
}

/*---------------------------------------------*/
/* 右側コンテンツ（サブコンテンツ）
-----------------------------------------------*/
div#rightContents {
	float			: right;
	position		: relative;
	top				: 0;
	left			: 0px;
    width			:240px;
	margin			: 0 0 0 0;
}


html*div#rightContents {    /* スター７ハック（IE7以下の適用） */
/*	margin: -30px 0 0 670px;   2010.05.10にcommon.cssに連動して修正した */
}
div#rightContents .newslist{
	position		: absolute;
	left			: auto;
	float			: right;
	top				: 5px;
	left			: 175px;
	text-align		: right;
}
div#rightContents div#news_contents {
	float			: right;
	width			: 240px;
	height			: 420px;
	border-left		: solid 1px #C5C5C5;
	border-bottom	: solid 1px #C5C5C5;
	overflow		: auto;
	margin-bottom	: 8px;
	overflow-y		: scroll;
}
div#news_contents .news_item {
	margin-bottom	: 3px;
	border-bottom	: 1px solid #CCC;
	width			: auto;
	padding-top		: 1px;
    min-height		: 1%;
}
div#news_contents .news_icon {
	float			: left;
	width			: auto;
	padding			: 0 4px 0 2px;
	border-style	: hidden;
}
div#news_contents dl{
    line-height		: 1.3em;
	padding-left	: 30px;
}
div#news_contents dl dt.news_date{
	width			: auto;
	padding-right	: 1px;
	min-height		: 8px;
	_height			: 8px;
	font-weight		: bold;
}
div#news_contents dd.link{
	padding-left	: 12px;
	margin			: 0 2px 2px 0;
	background-image:url(../topimg/arrow_08.gif);
	background-repeat:no-repeat;
	background-position:2px 3px;
}
div#news_contents dd.nolink{
	font-weight		: normal;
	margin			: 0 2px 2px 0;
	text-indent		: 1.0em;
}
div#news_contents .epublish {
	background-color: #F90;
}

div#support-list {
/*	position:absolute; */
/*	top:400px; */
/*	width: 270px; */                     /* 全体の幅 */
    border-left		: solid 1px #C5C5C5;   /* 背景色を設定 */
    margin-bottom	: 8px;
	line-height		: 1.6em;
}
div#corporate-list {
/*	position:absolute; */
/*	top:600px; */
/*	width:270px; */                     /* 全体の幅 */
    border-left		: solid 1px #C5C5C5;   /* 背景色を設定 */
    padding-bottom	: 8px;
    line-height		: 1.6em;
}
/*サポート、企業情報で共用*/
ul.right-list{
	padding			: 8px 10px 0px 10px;
}
ul.right-list li{
	list-style		: none;
	line-height		: 145%;
	font-size		: 12px;
}
ul.right-list li a{
	text-decoration	: none;
}