/************* ClearFix Styles *************/

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
�@
/* IE 7 and MacIE*/
.clearfix {display: inline-block;}
�@
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 


/************* Tag Override *************/
body {
	padding:0px;
	margin: 0px;
	color: #58667C;
	background: #E9EEF8 url(../img/bg.jpg) repeat-x top;
}

img { border: none; }


a:link, a:visited {
	color: #58667C;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color : #306BCF;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	line-height: 140%;
}

h1{
	font-size: 96%;
	line-height: 160%;
	color: #365995;
}

h2{
	font-size: 82%;
	line-height: 160%;
	color: #FF1818;
}

h3{
	font-size: 72%;
	line-height: 160%;
	color: #365995;
}

h4{
	font-size: 82%;
	color: #365995;
	line-height: 160%;
	font-weight: normal;
}

h5{
	font-size: 96%;
	line-height: 160%;
	color: #365995;
	margin-top: 40px;
}

ul{
	list-style-type: square;
	text-align: left;
	margin:0px;
}

li{
	font-size: 82%;
	line-height: 140%;
	color: #666666;
	margin-bottom:5px;}

p{
	font-size: 82%;
	line-height: 140%;
}

thead{
	background-color: #E9EEF8;
}

tbody{
	background-color: #FFFFFF;
}

a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

a:focus {
	/*\*/
		overflow: hidden;
	/**/
}

/************* #Layout Styles *************/

#whiteArea {
	width:770px;
	margin-right:auto;
	margin-left:auto;
	background-color: #FFFFFF;
}

#pagetitle {
	width:740px;
	margin-right:auto;
	margin-left:auto;
	margin-top:  5px;
	padding: 0px;
	text-align: left;
}

.pagetitleLine{
	width:740px;
	margin:  5px 0px;
	padding: 0px;
}

#categoryName {
	width:740px;
	margin: 10px 0px;
	padding:0px 2px;
	text-align:left;
}


#main {
	width:740px;
	margin:  10px 0px;
	padding: 0px;
	background: #FFFFFF;
	text-align: left;
}

#mainContents {
	clear: both;
	width:740px;
	margin-right:auto;
	margin-left:auto;
	padding: 0px;
	text-align: left;
}

#maincontent {
	clear: both;
	width:740px;
	margin:10px 30px 0px;
	padding: 0px;
	text-align: left;
}

#pagetop {
	width:730px;
	text-align:right;
	margin-right:20px;
	margin-left:20px;
	margin-top:7px;
	margin-bottom:7px;
	clear: both;
}

#footer {
	width:740px;
	margin-right:15px;
	margin-left:15px;
	padding-bottom:20px;
}

#copyrightTable {
	width:740px;
	height:25px;
	margin-top:5px;
}

/* ---------------------------------- header  */

#header * {
margin:0;
padding:0;}

#header {
	width:740px;
	margin-right:15px;
	margin-left:15px;
	padding-top:0px;}

#header {
height:90px;
text-align: left;}

#header img.logo {
float:left;
margin-top:10px;}

div#header_search {
float:right;
margin-top:10px;}

#header_search p{
font-size:x-small;}

#header ul#header_sub {
float:right;
list-style:none;
margin-top:30px;
margin-right:5px;}

#header_sub li{
display:inline;}

#header_sub li a{
float:left;
text-indent:-9999px;}

#inq a {width:97px; height:13px; background: url("../img/right_contact.gif") left top no-repeat;}
#inq a:hover {background-image: url("../img/right_contact_on.gif");}

#map a {width:76px; height:13px; background: url("../img/right_sitemap.gif") left top no-repeat;}
#map a:hover {background-image: url("../img/right_sitemap_on.gif");}

ul#global {
clear:both;
margin:0 0;
padding:6px 0;
list-style:none;}

/* IE6/5.5 */
/*
* html ul#global {margin-top:-4px; padding-top:0px;}
*/

#global li{
display:inline;}

#global li a{
float:left;
height:37px;
text-indent:-9999px;}

#prd a {width:124px; background: url("../img/navi_products.gif") left top no-repeat;}
#prd a:hover {background-image: url("../img/navi_products_on.gif");}

#cal a {width:124px; background: url("../img/navi_pr.gif") left top no-repeat;}
#cal a:hover {background-image: url("../img/navi_pr_on.gif");}

#col a {width:124px; background: url("../img/navi_column.gif") left top no-repeat;}
#col a:hover {background-image: url("../img/navi_column_on.gif");}

#prs a {width:124px; background: url("../img/navi_present.gif") left top no-repeat;}
#prs a:hover {background-image: url("../img/navi_present_on.gif");}

#q_a a {width:124px; background: url("../img/navi_qa.gif") left top no-repeat;}
#q_a a:hover {background-image: url("../img/navi_qa_on.gif");}

#com a {width:120px; background: url("../img/navi_corporate.gif") right top no-repeat;}
#com a:hover {background-image: url("../img/navi_corporate_on.gif");}


/************* #breadCrumb styles *************/

#breadcrumb {
	width:740px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 10px;
	padding: 0px;
	font-size: 68%;
	color: #87AACD;
	text-align: left;
}

#breadcrumb a {
	font-size: 100%;
	color: #87AACD;
	text-align: left;
}

/************* Common Styles *************/

.subnavi {
	font-size: 68%;
	line-height: 140%;
	color: #385B95;
	text-align: right;
	clear:right;
}

.subnavi a{
	font-size: 100%;
	line-height: 140%;
	color: #385B95;
}

.date {
	font-size: 68%;
	line-height: 140%;
	color:#FF1818;
	font-weight: normal;
}

.newsNew {
	padding:1px 3px 0;
	background: #FF1818;
	font-size: 68%;
	color:#FFFFFF;
}

.cap{
	font-size: 68%;
	font-weight: normal;
	line-height: 140%;
	margin:5px 0px;
	vertical-align: top;
}

.red{
	font-size: 100%;
	color: #FF1818;
	line-height: 140%;
}

.red2{
	font-size: 82%;
	color: #FF1818;
	line-height: 140%;
}

.blue{
	font-size: 96%;
	color: #365995;
	line-height: 140%;
}


.box{
	width:700px;
	margin:10px 40px;
	padding: 0px;
	text-align: left;
}

.boxSpecial{
	width:700px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
}

.img_left{
	float:left;
	margin: 5px;
}

.img_right{
	float:right;
	margin-left: 20px;
}

.img_bottom{
	padding-bottom: 10px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.bn_btn{
	width:110px;
	margin: 0px 5px 5px;
	clear:left;
	float:right;
	vertical-align: middle;
}

.endKeeper {
	clear: both;
	margin: 0px;
	padding: 0px;
}

/************* #home styles ***************/

#promo { width:560px;}
#newitem { width:170px;}
#topics { width:170px; margin-top:10px;}
#topicstext { width:160px; margin-top:10px; padding-bottom:5px; text-align: left;}
#products { width:560px; margin-top:10px;}
#category { width:540px; margin-top:10px;}
#pickup{ width:560px; margin-top:10px;}
#banner { width:170px; margin-top:10px; padding-bottom:10px;}


.topics {font-size: 68%; line-height: 140%; color: #666666;}
.list {font-size: 82%; line-height: 140%; color: #666666;}

.bg_topics {background: url("../img/bg_topics.gif"); }
.bg_products {background: url("../img/bg_products.gif"); }
.bg_vertical {background: url("../img/line_dot_vertical.gif"); }
.banner {background: url("../img/bg_topics.gif"); }
.category_title {text-align: left; margin-top:15px; margin-bottom:5px; }

/************* #products styles ***************/

.productsTop {
	width:700px;
	margin:  20px 0px;
	padding: 0px;
	text-align: left;
}

#productsMain {
	width:560px;
	margin:  0px;
	padding: 0px;
	text-align: left;
	float:left;
}

#productsMain ul {
	list-style-type: none;
	margin:0px;
	padding:0px;
}

#productsMain li {
	display: inline;
	margin:0px;
	padding:0px 5px 0px 0px;
	border: 0px;
}

#seriesName {
	margin:10px;
	padding:0px;
	text-align: left;
}

.seriesNavi {
	margin:5px;
	padding:0px;
}

.spec {
	width:560px;
	margin:  0px;
	padding: 0px;
	text-align: left;
}

.productsImg {
	width:190px;
	margin-right:0px;
	margin-left:auto;
	margin-top:5px;
	padding: 0px;
	text-align: right;
	float: left;
}

.productsImg2 {
	width:190px;
	margin-right:0px;
	margin-left:auto;
	margin-top:15px;
	padding: 0px;
	text-align: right;
	float: left;
}

.productsNew {
	font-size: 82%;
	line-height: 140%;
	font-weight: bold;
	color: #FF1818;
}

.productsRead {
	font-size: 78%;
	line-height: 140%;
	font-weight: bold;
}

.productsReadB {
	font-size: 68%;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	color: #278CAD;
}

.productsReadG {
	font-size: 68%;
	line-height: 140%;
	font-weight: bold;
	text-align: left;
	color: #5B8E17;
}


.productsCap {
	font-size: 68%;
	line-height: 160%;
	margin: 3px 0px;;
	padding: 0px;
	text-align: left;
}

.description {
	width:340px;
	margin: 10px 0px 0px;
	padding: 0px;
	text-align: left;
	float: right;
}


.productsName {
	font-size: 68%;
	line-height: 160%;
	color: #365995;
	font-weight: bold;
}

.productslineImg {
	margin: 4px 0px;
	padding: 0px;
}

.productsBtn {
	margin: 5px 0px;
	padding: 0px;
}

.productsIcon {
	margin:5px 1px;
	padding:0px;
}

.productsText {
	margin: 10px 0px;
	padding: 0px;
}

#productsSubnav {
	margin:10px 20px;
	padding:0px;
	width:700px;
	clear:left;
}


/*********** #localNavi styles ***********/

#localNavitxtwrap{
	width: 158px;
	margin: 0px;
	padding: 0px;
	float:right;
	border-left: 1px solid #C1C8D2;
	border-right: 1px solid #C1C8D2;
	border-bottom: 1px solid #C1C8D2;
}

#localNavitxt{
	width: 158px;
	margin: 0px;
	padding: 0px;
	float:right;
}

#localNavitxt p.ttl{
	margin: 0px;
	padding: 7px 0px 5px 6px;
	background-color :#95BCE3;
	border-bottom: 1px solid #66A4E2;
}

#localNavitxt ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#localNavitxt li{
	display: block;
	margin:0px;
	padding: 7px 5px 7px 16px;
	border-bottom: 1px dashed #B2BDCF;
	line-height: 1.2;
	background: url(../products/img/off.gif) no-repeat 8px 12px;
}

#localNavitxt li.visit{
	background-color: #F0F5FA;
	background: #EFF5FD url(../products/img/on.gif) no-repeat 8px 12px;
	color: #236DB8;
}

#localNavitxt li.visitnone{
	background-color: #F0F5FA;
	background: #EFF5FD url(../products/img/on.gif) no-repeat 8px 12px;
	color: #236DB8;
	border: none;
}

#localNavitxt li.none{
	background-color: #F0F5FA;
	background: url(../products/img/off.gif) no-repeat 9px 12px;
	color: #236DB8;
	border: none;
}

#localNavittl{
	width: 160px;
	margin: 0px;
	padding: 0px;
	float:right;
}

#localNavittl p{
	margin: 0px;
	padding: 0px;
}

#localNavi{
	width: 160px;
	margin: 0px;
	padding: 0px;
	float:right;
}

#localNavi ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#localNavi li{
	display: block;
	margin:0px;
	padding: 0px;
}


#localBanner{
	width: 160px;
	margin: 10px 0px;
	padding: 0px;
	float:right;
}

#localBanner ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#localBanner li{
	display: block;
	margin: 5px 0px;
	padding: 0px;
	text-align: center;
}

/************* #release styles ***************/

.yearbox {
	width:740px;
	margin:  0px 15px;
	padding: 0px;
	text-align: left;
}

.release_box {
	width:730px;
	margin:  0px 20px 20px 20px;
	padding: 10px;
	text-align: left;
}

.release_box2 {
	width:700px;
	margin-bottom:  20px;
	padding: 0px;
	text-align: left;
}

.release_datebox {
	margin:  0px;
	padding: 0px;
	font-size: 82%;
	color: #FF1818;
	text-align: left;
}

.monthbox {
	width:630px;
	margin:  0px;
	padding: 0px;
	color: #FF1818;
	text-align: left;
}

.release_line{
	width:740px;
	margin:  5px 0px;
	padding: 0px;
}

.release_lineBn{
	width:630px;
	margin:  10px 0px;
	padding: 0px;
	vertical-align: middle;
	clear:left;
}

.release_year{
	margin: 5px 40px 0px 5px;
	padding: 0px;
}

.release_date{
	width:110px;
	margin:  10px 0px;
	padding: 0px;
	color: #FF1818;
	float:left;
	vertical-align: middle;
}

.monthbox p.cap{
	margin-left:110px;
}

.release_list{
	width:480px;
	margin:  10px 0px;
	padding: 0px;
	vertical-align: middle;
}

.bg_paleblue{
	background-color: #E9EEF8;
}

.release_data_box{
	width:680px;
	border: 1px solid #999999;
	border-collapse:collapse
}

.release_data_box2{
	width:300px;
	border: 1px solid #999999;
	border-collapse:collapse
}

.release_data_title{
	padding: 5px;
	margin:  0px;
	font-size: 82%;
	line-height: 140%;
	color: #365995;
	background-color: #E9EEF8;
}

.release_data_title2{
	padding: 1px;
	margin:  0px;
	font-size: 74%;
	line-height: 120%;
	color: #365995;
	background-color: #E9EEF8;
}

.release_data{
	padding: 5px;
	margin:  0px;
	font-size: 82%;
	line-height: 140%;
	color: #666666;
	background-color: #FFFFFF;
}

.release_data2{
	padding: 1px;
	margin:  0px;
	font-size: 74%;
	line-height: 120%;
	color: #666666;
	background-color: #FFFFFF;
}

/************* #column styles ***************/

#maintitle {
	width:740px;
	margin: 0px 0px;
	padding:0px;
	text-align:left;
}

#serial_box{
	width:740px;
	margin:  0px 20px;
	padding: 0px;
	background: url(../column/img/serial_box_bg.gif) repeat-y left top;
	text-align: left;
}

#serial_box p {
	margin: 5px 0px;
	padding: 0px ;
}
	
#serial_box_t{
	margin: 0px;
	padding: 0px;
	background: url(../column/img/serial_box_bg_t.gif) no-repeat left top;
}

#serial_box_u {
	margin: 0px;
	padding: 0px;
	background: url(../column/img/serial_box_bg_u.gif) no-repeat left bottom;
	clear:left;
}

#serial_box_main{
	width:710px;
	margin:  5px 0px 0px 16px;
	padding: 0px;
}

#serial_l {
	float: left;
	width: 470px;
	margin: 0px;
	padding: 0px;
}

#serial_r {
	float: right;
	width: 200px;
	margin: 0px;
	padding: 0px;
}


#serial_title{
	width:500px;
	float:left;
	vertical-align: middle;
	text-align: left;
}

#serial_img{
	width:200px;
	float:right;
	vertical-align: middle;
}


#serial_nav {
	margin:10px 0px;
	padding:0px;
	width:740px;
	clear:left;
}

#serial_nav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	clear:left;
}

#serial_nav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#page_l{
	width:380px;
	margin:  10px 20px;
	padding: 0px;
	float: none;
	vertical-align: top;
}

#page_l480{
	width:480px;
	margin:  10px 20px;
	padding: 0px;
	float: none;
	vertical-align: top;
}

#page_l410{
	width:410px;
	margin:  10px 20px;
	padding: 0px;
	float: none;
	vertical-align: top;
}

#page_r{
	width:300px;
	margin:  0px 20px 0px 0px;
	padding: 0px;
	float: none;
	vertical-align: top;
}

.product_line{
	width:300px;
	margin:  10px 0px;
	padding: 0px;
	background: url("../column/img/line_dot.gif");
}

.product_line2{
	width:410px;
	margin:  10px 0px;
	padding: 0px;
}

.product{
	width:300px;
	margin:  0px;
	padding: 0px;
	text-align: left;
}

.product_img{
	margin:  5px 0px;
	padding: 0px;
	text-align:right;
}

.box_bgL{
	background: url("../column/img/box_l.gif");
}

.box_bgR{
	background: url("../column/img/box_r.gif");
}

.bottom{
	width:740px;
	margin:  0px 20px 20px ;
	padding: 0px;
}

.bottom a{
	font-size: 68%;
	line-height: 140%;
	color: #385B95;
}
	
.bottom_line{
	width:740px;
	margin:  10px 20px;
	padding: 0px;
	background: url("../column/img/line_dot.gif");
}

.cl_maintitle {
	width:316px;
	margin:  0px;
	padding: 0px;
	float: left;
	vertical-align: middle;
}


.bn_img{
	padding: 0px 15px 30px 0px;
	float: left;
}

.bn_date{
	font-size: 82%;
	line-height: 140%;
	color: #FF1818;
	font-weight: normal;
}

.bn_title{
	font-size: 82%;
	line-height: 140%;
	color: #666666;
}

.bn_c{
	clear:left;
}

.number{
	font-size: 100%;
	line-height: 140%;
	color: #FF1818;
}


/************* #present styles ***************/

#presentinfo {
	width:440px;
	margin: 0px 0px 0px 20px;
	padding:0px;
	text-align: left;
	vertical-align: middle;
}

.present_img{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	
}

.presentinfo_text {
	font-size: 82%;
	line-height: 140%;
	color: #666666;
	text-align: left;
}

.presentinfo_text a{
	color: #306bcf;
    text-decoration:underline;
}

.presentinfo_text a:hover{
    text-decoration:none;
}

.presentinfo_cap {
	font-size: 68%;
	line-height: 140%;
	color: #666666;
}

.presentinfo_red {
	font-size: 100%;
	line-height: 140%;
	color: #FF0000;
}

.presentinfo_bg {
	background: url("../present/img/info_box_bg.gif");
}

.oubo {
	float: left;
	margin-right:5px;
	vertical-align: middle;
}

.advice {
	float: right;
	margin:5px 15px 0px 0px;
	vertical-align: middle;
}

.detail {
	margin:0px;
	padding:0px;
}


.bnrBox {
	width:740px;
	margin-bottom:20px;
	padding-top:20px;
	border-top:1px solid #cccccc;
}

.newIcon {
	position: relative;
}

.newIcon img.newImg {
	position: absolute;
	top: 8px;
	left: 55px;
	width:25px;
	height:9px;
}