@charset "UTF-8";
@import url("../css/base.css");
@import url("../css/resizer.css");

/*main image*/

#contents #main_img {
	clear: both;
	float: none;
	height: 250px;
	width: 900px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*solution navi*/

#contents #solution_navi {
	clear: both;
	float: none;
	height: 100px;
	width: 900px;
	margin-bottom: 10px;
	background-image: url(../common/bg_solution.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*banner box*/

#contents #banner {
	clear: both;
	float: none;
	height: 108px;
	width: 900px;
	margin-bottom: 10px;
}

#banner li {
	height: 108px;
	width: 216px;
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	clear: none;
	float:left;
	display: block;
}

#banner ul li.ba_products {
	width: 216px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
	background-image: url(../common/ba_products.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#banner ul li.ba_products a {
	width: 216px;
	background: url(../common/ba_products.jpg) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
}

#banner ul li.ba_smash {
	width: 216px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
	background-image: url(../common/ba_smash.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#banner ul li.ba_smash a {
	width: 216px;
	background: url(../common/ba_smash.jpg) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
}

#banner ul li.ba_kinzokuoh {
	width: 216px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
	background-image: url(../common/ba_kinzokuoh.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#banner ul li.ba_kinzokuoh a {
	width: 216px;
	background: url(../common/ba_kinzokuoh.jpg) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
}

#banner ul li.ba_flex {
	width: 216px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
	background-image: url(../common/ba_flex.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#banner ul li.ba_flex a {
	width: 216px;
	background: url(../common/ba_flex.jpg) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 108px;
	display: block;
}

/*news*/

#contents #news {
	float: left;
	height: auto;
	width: 585px;
	padding-right: 15px;
}

#news #news_bar {
	clear: both;
	float: none;
	height: 25px;
	width: 579px;
	background-image: url(../common/bg_newsbar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 6px;
}

#news_bar .ti_news {
	background-image: url(../common/ti_news.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	text-indent: -9999px;
	display: inline;
	float: left;
	height: 25px;
	width: 105px;
}

#news_bar li {
	height: 25px;
	width: 64px;
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	clear: none;
	float:right;
	display: block;
}

#news_bar ul li.bt_news a {
	width: 64px;
	height: 25px;
	background-image: url(../common/bt_news.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	float: right;
	font-size: 0px;
	line-height: 0px;
}

#news_bar ul li.bt_news a:focus,
#news_bar ul li.bt_news a:hover {
	width: 64px;
	height: 25px;
	background-image: url(../common/bt_news.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
	float: right;
}

#news .news_box {
	clear: both;
	float: left;
	height: auto;
	width: 585px;
	padding-bottom: 8px;
	padding-top: 8px;
}

.news_box .news_img {
	float: left;
	height: 60px;
	width: 80px;
	background-image: url(../common/bg_news_img.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.news_box .news_txt {
	float: left;
	width: 497px;
	padding-left: 8px;
}

.news_txt ul {
	padding-left: 1.5em;
}

.news_txt .ic_date{
	list-style:url(../common/ic_date.gif) none outside;
}

.news_txt .pdf {
	background-image: url(../common/ic_pdf.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	float: left;
	height: 12px;
	width: 12px;
	clear: none;
	display: block;
	text-indent: -9999px;
	padding-top: 2px;
	padding-right: 2px;
}

.news_txt .site {
	background-image: url(../common/ic_site.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	float: left;
	height: 12px;
	width: 12px;
	clear: none;
	display: block;
	text-indent: -9999px;
	padding-top: 2px;
	padding-right: 2px;
}

.underline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDD;
}

/*information*/

#contents #info {
	float: left;
	height: auto;
	width: 300px;
}

#info #sub_banner {
	clear: both;
	float: none;
	height: auto;
	width: 300px;
}

#sub_banner li {
	height: 72px;
	width: 145px;
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	clear: none;
	float:left;
	display: block;
}

#sub_banner ul li.ba_mov1 {
	width: 145px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
	background-image: url(../common/ba_sub_mov1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub_banner ul li.ba_mov1 a {
	width: 145px;
	background: url(../common/ba_sub_mov1.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
}

#sub_banner ul li.ba_mov2 {
	width: 145px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
	background-image: url(../common/ba_sub_mov2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub_banner ul li.ba_mov2 a {
	width: 145px;
	background: url(../common/ba_sub_mov2.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
}

#sub_banner ul li.ba_faq {
	width: 145px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
	background-image: url(../common/ba_sub_faq.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub_banner ul li.ba_faq a {
	width: 145px;
	background: url(../common/ba_sub_faq.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
}

#sub_banner ul li.ba_blog {
	width: 145px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
	background-image: url(../common/ba_sub_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#sub_banner ul li.ba_blog a {
	width: 145px;
	background: url(../common/ba_sub_blog.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 72px;
	display: block;
}

#info #info_box {
	clear: both;
	float: left;
	height: auto;
	width: 300px;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #DDD;
	background-image: url(../common/frame_info_ft.gif);
	padding-bottom: 10px;
}

#info_box ul {
	clear: both;
	float: none;
	height: auto;
	width: 280px;
	background-image: url(../common/frame_info_hd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	list-style-type: none;
	text-align: left;
	text-indent: -9999px;
	display: block;
}

#info_box ul li.ba_ncnet {
	width: 135px;
	clear: none;
	float: left;
	height: 41px;
	display: block;
	background-image: url(../common/ba_ncnet.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#info_box ul li.ba_ncnet a {
	width: 135px;
	background: url(../common/ba_ncnet.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 41px;
	display: block;
}

#info_box ul li.ba_kosodate {
	width: 135px;
	clear: none;
	float: left;
	height: 41px;
	display: block;
	background-image: url(../common/ba_kosodate.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#info_box ul li.ba_kosodate a {
	width: 135px;
	background: url(../common/ba_kosodate.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 41px;
	display: block;
}

#info_box ul li.ba_iso {
	width: 135px;
	clear: none;
	float: left;
	height: 181px;
	display: block;
	background-image: url(../common/ba_iso.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#info_box ul li.ba_iso a {
	width: 135px;
	background: url(../common/ba_iso.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 181px;
	display: block;
}

#info_box ul li.ba_fund {
	width: 135px;
	clear: none;
	float: left;
	height: 181px;
	display: block;
	background-image: url(../common/ba_fund.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#info_box ul li.ba_fund a {
	width: 135px;
	background: url(../common/ba_fund.gif) no-repeat 0px 0px;
	clear: none;
	float: left;
	height: 181px;
	display: block;
}