@charset "utf-8";

@import url("/common/css_v2/common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　総合トップのスタイル
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
・メインエリア
・カラムボックス
・ボタンメニュー
・プレスリリース＆IR情報
・バナーセット
・新製品情報
・お知らせ
・重要なお知らせ
・特集コンテンツ
・ホームページへのご意見
・製品一覧
・リンク一覧 & RSS付加
--------------------------------------------------------------------------------------- */


body {
	background: url(/common/img_v2/bg_body_index.gif) left top repeat-x;
}

h2 {
	margin-bottom: 10px;
}


/* メインエリア -------------------- */

#topflash {
	margin: 5px 0;
}

.product-navi {
	height:103px;
	margin: 16px 0 0 0;
	background-color:#f0f0f0;
	border:1px solid #ddd;
}

.product-navi li {
	display:inline;
}

.product-navi li a {
	height:38px;
	margin-left:9px;
	margin-top:9px;
	float:left;
}


/* カラムボックス -------------------- */

div.indexbox {
	clear: both;
	width: 900px;
	margin: 20px 0;
}
div.indexbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.indexbox { display:inline-block; }
/*\*/
* html div.indexbox { height:1%; }
div.indexbox { display:block; }
/**/

div.indexbox h3 {
	margin-bottom: 10px;	
}

div.indexbox div.area-left {
	float: left;
	width: 690px;
	position: relative;
}

div.indexbox div.area-right {
	float: right;
	width: 200px;
	position: relative;
}


/* ボタンメニュ－ -------------------- */

div.indexbox ul.btn-menu li {
	margin-bottom: 5px;
}

div.indexbox ul.btn-menu li img {
	vertical-align: top;
}


/*  サブメニュー ------------------------- */

div#submenu-in,
div#submenu-in dl dd ul { display: inline-block;}
div#submenu-in:after,
div#submenu-in dl dd ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; font-size:1%; }
/*\*/
* html div#submenu-in,
* html div#submenu-in dl dd ul { height: 1%;}
div#submenu-in,
div#submenu-in dl dd ul { display: block;}
/**/
div#submenu {
	margin-bottom: 10px;
	background: url(/common/img_v2/index_bg_submenu_top.gif) left top no-repeat;
}

div#submenu-in {
	padding-bottom: 7px;
	background: url(/common/img_v2/index_bg_submenu_btm.gif) left bottom no-repeat;
}

div#submenu-in dl dt,
div#submenu-in dl dd li,
div#submenu-in a {
	color: #FFF;
	line-height: 1.3;
}

div#submenu-in dd ul li {
	line-height: 0;
}

div#submenu-in dl.submenu-in01 {
	width: 165px;
	float: left;
	padding: 10px 15px 0 10px;	
}


div#submenu-in dl.submenu-in01 a {
	display: block;
	margin-bottom: 6px;
	padding: 0 0 0 15px;
	background: url(/common/img_v2/icon_arrow10.gif) left 3px no-repeat; 
}

div#submenu-in dl.submenu-in02 {
	width: 240px;
	float: left;
	padding: 10px 15px 0 10px;
}

div#submenu-in dl.submenu-in02 a {
	display: block;
	margin-bottom: 6px;
	padding: 0 0 0 15px;
	background: url(/common/img_v2/icon_arrow11.gif) left 3px no-repeat; 
}

div#submenu-in dl.submenu-in03 {
	width: 160px;
	float: left;
	padding: 10px 10px 0 10px;	
}

div#submenu-in dl.submenu-in03 a {
	display: block;
	margin-bottom: 6px;
	padding: 0 0 0 15px;
	background: url(/common/img_v2/icon_arrow11.gif) left 3px no-repeat; 
}

div#submenu-in dl dt {
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: 3px solid #9fc2e0;
	font-weight: bold;
}

div#submenu-in dl dd ul li.position01 {	
	width: 115px;
	float: left;
}

div#submenu-in dl dd ul li.position02 {	
	width: 115px;
	float: right;
}









/* プレスリリース＆IR情報 -------------------- */


div.smallbox,
div.press-ir {
	width: 200px;
	margin-bottom: 10px;
	background: url(/common/img_v2/bg_smallbox_btm.gif) no-repeat left bottom;
}

div.press-ir dl {
	margin: 10px 10px 0 10px;
	padding-bottom: 10px;
	font-size: 86%;
}

div.press-ir dl dt {
	color: #333;
	font-weight: bold;
}

div.press-ir dl dd {
	padding-left: 12px;
	background: url(/common/img_v2/icon_arrow01.gif) no-repeat 0 4px;
}


/* バナーセット -------------------- */

div.set-banner {
	width: 200px;
	color: #333;
	font-size: 86%;
	line-height: 1.3em;
}

div.set-banner dl dt {
	margin-bottom: 5px;
}

div.set-banner dl dd {
	margin-bottom: 10px;
}










/******************************************************************
*
* 中段以後共通
*
*******************************************************************/


/* ブロック下部詳細リンク ----------------------------------------------- */


div.area-left .more-btm {
	clear: both;
	margin: 0 0 20px;
	padding-top: 5px;
	border-top: 1px solid #0075c1;
	font-size: 86%;
}

div.area-left .more-btm li {
	float: left;
	margin-right: 10px;
	padding-left: 12px;
	background: url(/common/img_v2/icon_arrow02.gif) no-repeat left center;
}

div.area-left .more-btm li.more {
	float: right;
	margin-right: 0;
	background: url(/common/img_v2/icon_arrow03.gif) left center no-repeat;
}










/******************************************************************
*
* 中段エリア
*
*******************************************************************/


/* 新製品情報 ----------------------------------------------- */


div.products-info {
	float: left;
	width: 460px;
	padding-bottom: 20px;
	padding-left: 10px;
}

div.products-info h2 {
	margin-bottom: 10px;
}

div.products-info dl { display: inline-block;}
div.products-info dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:1.1; font-size:1%; }
/*\*/
* html div.products-info dl { height: 1%;}
div.products-info dl { display: block;}
/**/

div.products-info dl {
	margin: 8px 0 0 10px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #CCC;
}

div.products-info dl.firstitem {
	margin-top: 0;
}

div.products-info dl dt {
	float: left;
	width: 60px;
	margin-right: 10px;
}

div.products-info dl dd.supplement { display: inline-block;}
div.products-info dl dd.supplement:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:1.1; font-size:1%; }
/*\*/
* html div.products-info dl dd.supplement { height: 1%;}
div.products-info dl dd.supplement { display: block;}
/**/

div.products-info dl dd.supplement {
	float: right;
	width: 380px;
	font-size: 86%;
}

div.products-info dl dd.supplement span.date {
	display: block;
	float: left;
	margin-right: 15px;
	color: #333;
	font-weight: bold;
}

div.products-info dl dd.supplement span.pagelink {
	display: block;
	float: left;
	padding-left: 12px;
	background: url(/common/img_v2/icon_arrow02.gif) no-repeat 0 6px;
}

div.products-info dl dd.supplement span.pagelink a {
	color: #333;
}

div.products-info dl dd.title {
	float: right;
	width: 380px;
}


/* その他のニュース ------------------------------------------------- */


div.other-info {
	float: right;
	width: 190px;
	padding-bottom: 20px;
	padding-right: 10px;
}

div.other-info h3 {
	margin-bottom: 13px;
}

div.other-info dl { display: inline-block;}
div.other-info dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; font-size:1%; }
/*\*/
* html div.other-info dl { height: 1%;}
div.other-info dl { display: block;}
/**/

div.other-info dl {
	margin-left: 10px;
	margin-top: 10px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #CCC;
}

div.other-info dl.firstitem {
	margin-top: 0;
}

div.other-info dl dt {
	float: left;
	margin: 0 5px 3px 0;
	padding-right: 5px;
	border-right: 1px solid #CCC;
	color: #333;
	font-size: 86%;
	font-weight: bold;
	line-height: 1.2;
}

div.other-info dl dd.category {
	float: left;
	margin: 0 0 3px 0;
	font-size: 86%;
	color: #376095;
	line-height: 1.2;
}

div.other-info dl dd.content {
	clear: both;
}


/* お知らせ ----------------------------------------- */


div.io-info {
	position: relative;
	padding-bottom: 10px;
}

div.io-info h3 {
	margin-left: 10px;
}

div.io-info dl {
	padding: 0 10px 0 20px;
}

div.io-info dl.firstitem {
	padding-top: 0;
	background: none;
}

div.io-info dt {
	color: #333;
	font-weight: bold;
	font-size: 86%;
}

div.io-info dd {
	background: none;
	color: #376095;
	margin-bottom: 10px;
}

div.io-info dl.irinfo {
	padding-top: 0;
	background: none;
}

div.io-info dd{
	background: url(/common/img_v2/icon_arrow03.gif) left 5px no-repeat;
	padding-left:12px;
}

/* 重要なお知らせ ----------------------------------------- */


div.important-info {
	position: relative;
	padding-bottom: 10px;
}

div.important-info h2 {
	margin-bottom: 0;
}

div.important-info div {
	padding: 10px 10px 0;
	background: #e5f1f9;
}

div.important-info div ul li {
	padding-bottom: 15px;
}

div.especially-important-info {
	margin: 20px 5px 0 5px;
	font-weight: bold;
	font-size: 120%;
	color: #CC0000;
}

div.especially-important-info a {
	color: #CC0000;
}

div.especially-important-info img {
	vertical-align: middle;
}





/******************************************************************
*
* 下段エリア
*
*******************************************************************/


/* Recommend -------------------- */


div.special-cont {
	width: 670px;
	padding: 0 10px 10px;
}
div.special-cont h2 {
	margin-bottom: 10px;
	background: none;
}

div.special-cont h3 {
	width: 330px;
	margin-bottom: 10px;
	padding: 0;
	background: url(/common/img_v2/index_h3_bg_top.gif) left top no-repeat;
}

div.special-cont h3 span {
	display: block;
	padding: 3px 7px 3px 7px;
	background: url(/common/img_v2/index_h3_bg_btm.gif) left bottom no-repeat;
}

div.special-cont h3 span a{
	display: block;
	padding-right: 20px;
	background: url(/common/img_v2/index_h3_arrow.gif) right center no-repeat;
	text-decoration: none;
}

div.special-cont p.alert {
	margin-bottom: 15px;
	padding: 15px;
	background: #e5f1f9;
}

div.special-cont dl {
	width: 310px;
	padding: 0 10px 0;
}

div.special-cont dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}

div.special-cont dl dd.img{
	float: right;
	width: 100px;
	margin: 0 0 10px 10px;
}

div.special-cont dl dd.txt {
	float: left;
	width: 200px;
	margin-bottom: 5px;
}

div.special-cont dl dd.more {
	float: left;
	width: 188px;
	margin-bottom: 10px;
	padding-left: 12px;
	background: url(/common/img_v2/icon_arrow03.gif) left 5px no-repeat;
}

div.special-cont dl dd.more a {
	color: #4F9BD8;
}

div.special-cont dl:after,
div.special-cont:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.special-cont dl,
div.special-cont { display:inline-block; }
/*\*/
* html div.special-cont dl,
* html div.special-cont { height:1%; }
div.special-cont dl,
div.special-cont { display:block; }
/**/

div.special-cont div.position01 {
	float: left;
	width: 330px;
}

div.special-cont div.position02 {
	float: right;
	width: 330px;
}




div.block-banner { display: inline-block;}
div.block-banner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:1.1; font-size:1%; }
/*\*/
* html div.block-banner { height: 1%;}
div.block-banner { display: block;}
/**/

div.block-banner {
	padding: 0 0 10px 10px;
}

div.block-banner dl {
	width: 160px;
	float: left;
	margin-right: 10px;
}

div.block-banner dl dt {
	margin-bottom: 5px;
}

div.block-banner dl dd {
	margin-bottom: 5px;
}

div.block-banner dl dd.more {
	margin-bottom: 10px;
	padding-left: 12px;
	background: url(/common/img_v2/icon_arrow03.gif) left 5px no-repeat;
}










/* ホームページへのご意見 -------------------- */

div.linebox {
	width: 200px;
	padding-top: 9px;
	background: #FFFFFF;
}

div.linebox ul {
	border: 1px solid #DEDEDE;
	text-align: center;
	font-size: 86%;
	line-height: 1.4em;
}

div.linebox li {
	padding: 5px;
}

div.linebox li a:link,
div.linebox li a:visited,
div.linebox li a:hover,
div.linebox li a:active {
	color: #085089;
}



/* 製品一覧 -------------------- */

div.products-list {
	padding: 20px 20px;
	background: #0175c2;
	line-height: 1.1em;
	text-align: center;
	color: #FFF;
}
div.products-list a:link,
div.products-list a:visited,
div.products-list a:hover,
div.products-list a:active {
	color: #FFF;
}

div.products-list-in {
	width: 900px;
	margin: 0 auto;
	padding-top: 4px;
	text-align: left;
}

div.products-list h2 {
	padding-left: 12px;
	border-left: 3px solid #80bae1;
	line-height: 1.2;
}

div.products-list h2 a {
 text-decoration: none;
}

div.products-list dl {
	width: 144px;
	float: left;
}

div.products-list dl dt,
div.products-list dl dd {
	margin-right: 10px;
}

div.products-list dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}

div.products-list dl dt a {
	text-decoration: none;
}

div.products-list dl dd a:link,
div.products-list dl dd a:visited,
div.products-list dl dd a:hover,
div.products-list dl dd a:active {
	text-decoration: none;
	color: #b2ddf9;
	font-size: 86%;
}

div.products-list dl li {
	margin-bottom: 2px;
}

div.products-list div.listbox {
	padding: 10px 15px 0;
}
div.products-list div.listbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.products-list div.listbox { display:inline-block; }
/*\*/
* html div.products-list div.listbox { height:1%; }
div.products-list div.listbox { display:block; }
/**/


/* リンク一覧 & RSS付加-------------------- */

div.indexbox ul.more-head {
	position: absolute;
	top: 7px;
	right: 0;
	line-height: 1;
	font-size: 86%;
}

div.indexbox ul.more-head li {
	display: inline;
	padding: 7px 5px 7px 5px;
}

div.indexbox ul.more-head li.rss {
	padding: 7px 5px 7px 17px;
	background: url(/common/img_v2/icon_rss.gif) left 8px no-repeat;
}

div.indexbox ul.more-head li a {
	color: #FFF;
	text-decoration: none;
}

div.indexbox div.notice p.more-head {
	position: absolute;
	top: 5px;
	right: 5px;
	line-height: 0;
}

div.indexbox div.notice p.more-head img {
	vertical-align: top;
}

div.indexbox div.products-info p.more-btm,
div.indexbox div.io-info p.more-btm {
	margin-top: 10px;
	padding: 2px 10px 4px;
	border-top: 1px solid #E5E5E5;
	text-align: right;
	font-size: 86%;
}

div.indexbox div.products-info p.more-btm {
	background: url(/common/img_v2/bg_mediumbox_btm_gray.gif) no-repeat left bottom;
}

div.indexbox div.io-info p.more-btm {
	background: url(/common/img_v2/bg_smallbox_btm_gray.gif) no-repeat left bottom;
}

div.indexbox p.more-btm a {
	padding-left: 12px;
	background: url(/common/img_v2/icon_arrow02.gif) no-repeat left 50%;
}


/* サムネイルセット ------------------------------------------------ */

/* サムネイルセット -------------------------------------------------------*/

div.set-thumbnail {
	width: 200px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(/common/img_v2/bg_smallbox_btm.gif) left bottom no-repeat;
}

/*見出し*/

div.set-thumbnail p {
	padding: 3px 12px;
	background: url(/common/img_v2/bg_sidehead.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
}

/*1セット*/

div.set-thumbnail dl {
	width: 180px;
	margin: 10px 10px 0;
	padding-bottom: 8px;
	border-bottom: 1px dotted #CCC;
}

div.set-thumbnail dl.itemlast {
	padding: 0;
	border-bottom: none;
}

/*小見出し*/

div.set-thumbnail dl dt {
	margin-bottom: 5px;
	font-weight: bold;
}

/*画像・テキスト・リンク*/

div.set-thumbnail dl dd {
}

div.set-thumbnail dl dd.img{
	float: right;
	padding: 0 0 10px 10px;
}

div.set-thumbnail dl dd.txt {
	float: left;
	width: 110px;
	margin-bottom: 5px;
}

div.set-thumbnail dl dd.more {
	clear: both;
	width: 168px;
	padding-left: 12px;
	background: url(/common/img_v2/icon_arrow01.gif) left 5px no-repeat;
}

div.set-thumbnail dl dd.more a {
	color: #4F9BD8;
}

div.set-thumbnail dl:after,
div.set-thumbnail:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.set-thumbnail dl,
div.set-thumbnail { display:inline-block; }
/*\*/
* html div.set-thumbnail dl,
* html div.set-thumbnail { height:1%; }
div.set-thumbnail dl,
div.set-thumbnail { display:block; }
/**/


/* --------------------------------------------------------------------------------------
 VIエリア
--------------------------------------------------------------------------------------- */

.vimg {
	background:transparent url(/img/topindex/bg_ti_01.gif) no-repeat;
	position:relative;
	top:0px;
	left:0px;
	height:393px;
	margin: 12px 0px 13px;
}
.timg {
	position:absolute;
	top:7px;
	left:7px;
	width:674px;
	height:272px;
}

.tnavi {
	position:relative;
	top:6px;
	left:689px;
	width:204px;
	height:272px;
}

.tnavi .intnavi {
	width:186px;
	margin-left:9px;
	}

.tnavi .intnavi1 {
	width:186px;
	position:absolute;
	top:9px;
	left:9px;
	}
	
.tnavi .intnavi2 {
	width:186px;
	position:absolute;
	top:148px;
	left:9px;
	}
	
.tnavi .bnrimg {
	margin-bottom:5px;
	}

.tnavi .lineimg {
	margin:5px 0;
	}

.tnavi .newscontents {
	margin:0 3px;
	font-size:10px;
	line-height:1.2em;
	}
	
.tnavi .newscontents .newstext {
	margin-left:4px;
	color:#000;
	}

/* --------------------------------------------------------------------------------------
 ADD AQUARING
 2010-12-07
--------------------------------------------------------------------------------------- */

#topimage {
	margin: 5px 1px 0;
	padding: 5px 0 0;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_tp.gif) no-repeat center top;
}

#topimage_inner {
	padding: 0 5px 5px;
	background: #0b346c url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_bt.gif) no-repeat center bottom;
}

#topimage_main {
	position: relative;
	float: left;
	width: 670px;
	height: 335px;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_main.jpg) no-repeat center top;
}

/* --------------------------------------
 2011-03-14 ADD ANNOUNCE
 ここから
-------------------------------------- */

#topimage_main #topimage_main_announce {
	position: absolute;
	top: 235px;
	left: 50px;
	padding: 5px;
	width: 600px;
	height: 40px;
}

#topimage_main #topimage_main_announce ul {
	list-style: none outside none;
}

#topimage_main #topimage_main_announce ul li {
	background: url(/common/img_v2/icon_arrow03.gif) left 5px no-repeat;
	padding-left:12px;
}

/* --------------------------------------
 ここまで
-------------------------------------- */


#topimage_main .copy {
	position: absolute;
	top: 27px;
	left: 21px;
}

#topimage_main_pickup {
	position: absolute;
	top: 71px;
	left: 16px;
	padding: 5px;
	width: 260px;
	height: 239px;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_main_pickup.gif) no-repeat center top;
}

#topimage_main_pickup h2 {
	margin: 0;
}

#topimage_main_pickup ul {
	margin-top: 7px;
}

#topimage_side {
	float: right;
	width: 220px;
}

#topimage_side .topimage_side_group {
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_side_rp.gif) repeat-y center top;
	width: 220px;
}

#topimage_side .topimage_side_group .topimage_side_box {
	padding: 0 0 10px;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_side_bt.gif) no-repeat center bottom;
}

#topimage_side .topimage_side_group .topimage_side_box h2 {
	margin: 0;
	padding: 0;
}

#topimage_side .topimage_side_group .topimage_side_box .content ul.link {
	padding: 0 4px;
}

#topimage_side .topimage_side_group .topimage_side_box .content ul.link li.link {
	line-height: 1.5;
	font-size: 116%;
}

#topimage_side .topimage_side_group .topimage_side_box .content a {
	color: #fff;
}

#topimage_side #topimage_side_shopping .content {
	padding: 7px 12px 3px;
}

#topimage_side_shopping a {
	display: block;
	cursor: pointer; /* for IE */
}

#topimage_side_shopping a:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topimage_side_shopping a { zoom: 1; }

#topimage_side_shopping .img {
	display: block;
	float: left;
	width: 62px;
}

#topimage_side_shopping .txt {
	display: block;
	float: right;
	padding: 3px 0 0;
	width: 125px;
	font-size: 83%;
	line-height: 1.4;
}

#topimage_side #topimage_side_support .content {
	padding: 7px 12px 0;
}

#topimage_side #topimage_side_support {
	background: none;
}

#topimage_side #topimage_side_business .content {
	padding: 7px 12px 10px;
}

#topimage_category {
	clear: both;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_category_rp.gif) repeat-y center top;
	width: 890px;
}

#topimage_category_inner {
	padding: 0 0 9px;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_category_bt.gif) no-repeat center bottom;
}

#topimage_category_inner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topimage_category_inner { zoom: 1; }

#topimage_category_header {
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_category_header.gif) repeat-y center top;
}

#topimage_category_header:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topimage_category_header { zoom: 1; }

#topimage_category_header h2 {
	float: left;
	margin: 0;
}

#topimage_category_header .link {
	float: right;
	padding: 12px 0 0;
	width: 183px;
	line-height: 1.5;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_category_link_tp.gif) no-repeat center top;
}

#topimage_category_header .link a {
	display: block;
	padding: 0 10px 6px 34px;
	color: #fff;
	text-decoration: none;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/bg_index_topimage_category_link_bt.gif) no-repeat center bottom;
}

#topimage_category_header .link a .arrow {
	display: block;
	padding-left: 15px;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/arrow_index_topimage_category_link.gif) no-repeat left .35em;
}

#topimage_category_catlist {
	float: left;
	padding-left: 10px;
	width: 522px;
}

#topimage_category_catlist ul.catlist {
}

#topimage_category_catlist ul.catelist:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topimage_category_catlist ul.catlist { zoom: 1; }

#topimage_category_catlist ul.catlist li.catlist {
	float: left;
	display: inline;
	margin: 0 0 0 5px;
	padding: 12px 0 5px 13px;
	width: 156px;
	line-height: 1.5;
	background: transparent url(https://www.iodata.jp/common/img_v2/index/line_index_topimage_category.gif) no-repeat left 15px;
}

#topimage_category_catlist ul.catlist li.catlist h3 {
	margin-bottom: 2px;
	font-size: 130%;
}

#topimage_category_catlist ul.catlist li.catlist a {
	color: #fff;
}

#topimage_category_catlist ul.catlist li.catlist ul.link li.link {
	margin-left: 5px;
}

#topimage_category_bnrlist {
	float: right;
	padding: 5px 10px 0 0;
	width: 348px;
}

#topimage_category_bnrlist ul.bnrlist {
}

#topimage_category_bnrlist ul.catelist:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#topimage_category_bnrlist ul.bnrlist { zoom: 1; }

#topimage_category_bnrlist ul.bnrlist li.bnrlist {
	float: left;
	width: 174px;;
	margin: 5px 0;
}