/************* 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: #FFFFFF url("../common/img/bg_body.jpg") center top no-repeat;
}

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 {
}

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

#pagetitle2 {
	width:740px;
	margin: 0 auto;
	padding: 5px 15px;
	background: #FFFFFF;
	text-align: left;
}

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

.pagetitleLine h2{
	padding: 0 0 20px;
}

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


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

#mainContents,
#maincontents,
#maincontent {
	clear: both;
	width:740px;
	margin: 0 auto;
	padding: 0 15px 5px;
	background: #FFFFFF;
	text-align: left;
}

#pagetop {
	width:730px;
	text-align:right;
	margin: 0 auto 15px;
	clear: both;
}

#footer {
	width:740px;
	margin: 0 auto;
	padding-bottom:20px;
}

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

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

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

#header ul {
	list-style: none;
}

#header {
	border-top: 3px solid #ff1917;
}

#headerArea {
	width: 770px;
	height: 70px;
	margin: 0 auto;
}

#headerLeft {
	float: left;
	width: 253px;
}

#headerRight {
	float: right;
	width: 260px;
	margin: 5px 0 0;
}

#headerMenu {
	float: right;
	width: 135px;
	margin: 0 0 6px;
}

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

#headerMenu li a {
	display: block;
	text-indent: -9999px;
}

#menuHome a {
	width: 52px;
	height: 17px;
}

#menuContact a {
	width: 83px;
	height: 17px;
}

#menuHome a:link,
#menuHome a:visited {
	background: url("../common/img/header_menu.gif") 0 0 no-repeat;
}

#menuHome a:hover,
#menuHome a:active {
	background: url("../common/img/header_menu.gif") 0 -17px no-repeat;
}

#menuContact a:link,
#menuContact a:visited {
	background: url("../common/img/header_menu.gif") -52px 0 no-repeat;
}

#menuContact a:hover,
#menuContact a:active {
	background: url("../common/img/header_menu.gif") -52px -17px no-repeat;
}

#nittoSearch {
	width: 260px;
	text-align: right;
}

#nittoSearch input {
	margin: 0 0 0 5px;
	padding: 0;
}

.searchTxt {
	width: 180px;
}


/* ---------------------------------- naviArea  */

#naviArea {
	clear: both;
	width: 100%;
	height: 40px;
	margin: 0 0 10px;
	background: url("../common/img/navi_bg.gif") left top repeat-x;
}

#naviArea ul {
	width: 770px;
	margin: 0 auto;
}

#naviArea ul li {
	float: left;
	text-indent: -9999px;
}

#naviArea ul li a {
	display: block;
	text-indent: -9999px;
}

#navi1 a,
#navi2 a,
#navi3 a,
#navi4 a,
#navi5 a {
	width: 128px;
	height: 40px;
}

#navi6 a {
	width: 130px;
	height: 40px;
}

#navi1 a:link,
#navi1 a:visited {
	background: url("../common/img/navi.gif") 0 0 no-repeat;
}

#navi1 a:hover,
#navi1 a:active {
	background: url("../common/img/navi.gif") 0 -40px no-repeat;
}

#navi2 a:link,
#navi2 a:visited {
	background: url("../common/img/navi.gif") -128px 0 no-repeat;
}

#navi2 a:hover,
#navi2 a:active {
	background: url("../common/img/navi.gif") -128px -40px no-repeat;
}

#navi3 a:link,
#navi3 a:visited {
	background: url("../common/img/navi.gif") -256px 0 no-repeat;
}

#navi3 a:hover,
#navi3 a:active {
	background: url("../common/img/navi.gif") -256px -40px no-repeat;
}

#navi4 a:link,
#navi4 a:visited {
	background: url("../common/img/navi.gif") -384px 0 no-repeat;
}

#navi4 a:hover,
#navi4 a:active {
	background: url("../common/img/navi.gif") -384px -40px no-repeat;
}

#navi5 a:link,
#navi5 a:visited {
	background: url("../common/img/navi.gif") -512px 0 no-repeat;
}

#navi5 a:hover,
#navi5 a:active {
	background: url("../common/img/navi.gif") -512px -40px no-repeat;
}

#navi6 a:link,
#navi6 a:visited {
	background: url("../common/img/navi.gif") -640px 0 no-repeat;
}

#navi6 a:hover,
#navi6 a:active {
	background: url("../common/img/navi.gif") -640px -40px no-repeat;
}


/************* #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%;
}

.gienkin{
	font-size: 82%;
	color: #CC0000;
	line-height: 140%;
	font-weight: normal;
	text-decoration: underline;
}

.gienkin2{
	font-size: 110%;
	color: #CC0000;
	line-height: 140%;
	font-weight: normal;
}

.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;
}

.haibanBox {
	background: #EF4039;
	padding: 2px 5px;
	color: #FFFFFF;
}


/*********** #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: 0 0 0 10px;
	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: 0 auto;
	padding: 5px 0;
	background: #FFFFFF;
}

.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:770px;
	margin: 0 auto;
	padding: 5px 15px;
	background: #FFFFFF;
	text-align:left;
}

.subtitle {
	border-left:15px solid #FFF;
	border-right:15px solid #FFF;
}

#serial_box{
	width:740px;
	margin: 0 auto;
	padding: 0 15px 0px;
	background: #FFFFFF url(../column/img/serial_box_bg.gif) repeat-y 15px 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 {
	width:740px;
	margin: 0px auto;
	padding: 10px 15px;
	background: #FFFFFF;
	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;
}

/* ============================================================ class */

.clearBoth {
	clear: both;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.text140 {
	font-size: 140%;
}

.text130 {
	font-size: 130%;
}

.text120 {
	font-size: 120%;
}

.text110 {
	font-size: 110%;
}

.text90 {
	font-size: 90%;
}

.text80 {
	font-size: 80%;
}

.textBold {
	font-weight: bold;
}

.red {
	color: #FF0000;
}

.imgBorder {
	padding: 2px;
	border: 1px solid #CCCCCC;
}

sup {
	font-size: 60%;
}

sub {
	font-size: 60%;
}



/* ===================================================== class for margin */

.marginTop5 {
	margin-top: 5px;
}

.marginTop10 {
	margin-top: 10px;
}

.marginTop15 {
	margin-top: 15px;
}

.marginTop20 {
	margin-top: 20px;
}



.marginBtm5 {
	margin-bottom: 5px;
}

.marginBtm10 {
	margin-bottom: 10px;
}

.marginBtm15 {
	margin-bottom: 15px;
}

.marginBtm20 {
	margin-bottom: 20px;
}



.marginLft5 {
	margin-left: 5px;
}

.marginLft10 {
	margin-left: 10px;
}

.marginLft15 {
	margin-left: 15px;
}

.marginLft20 {
	margin-left: 20px;
}



.marginRht5 {
	margin-right: 5px;
}

.marginRht10 {
	margin-right: 10px;
}

.marginRht15 {
	margin-right: 15px;
}

.marginRht20 {
	margin-right: 20px;
}