@charset "utf-8";


/*a:hover{
	color: #336699;
}*/


/*img----------------------------------------------------*/

.img_left,.img_right{
	border: #E4E4E4 solid 1px;
	background-color: #FFFFFF;
}

.img_left img,.img_right img{
	padding: 3px;
}

.img_left{
	float: left;
	margin-right: 5px !important;
}

.img_right{
	float: right;
	margin-left: 5px !important;
}

.img_center img{
	margin: 0 auto 0 auto;
}

.img_left span,.img_right span{
	padding: 0 0 0 3px;
}

p img{
	display: block;
}

a img{
	border: none;
}

a:hover img{
    filter: Alpha(opacity=80); /* IE系 */
    opacity:0.8; /* Mozzila系 */
	-moz-opacity:0.8;
}


a:link{
	color:#0023AF;
	}

a:visited{
	color:#5668AD;
	}
	
a:hover{
	color:#0A2694;
	}
	
/*class----------------------------------------------------*/

.align_left{
	text-align: left !important;
}

.align_center{
	text-align: center !important;
}

.align_right{
	text-align: right !important;
}

.align_top{
	vertical-align: top !important;
}

/*---*/

.float_left{
	float: left;
}

.float_right{
	float: right;
}

.float_none{
	float: none;
}


/*---*/

.clear_both{
	clear: both !important;
}

.display_none{
	display: none !important;
}

.display_inline{
	display: inline !important;
}


.mp-0{
	margin: 0 !important;
	padding: 0 !important;
}

.mt-0px{
	margin-top: 0px !important;
}

.mt-10px{
	margin-top: 10px !important;
}

.mt-20px{
	margin-top: 20px !important;
}

.mt-30px{
	margin-top: 30px !important;
}

.mb-200px{
	margin-bottom: 200px !important;
}

.width-100percent{
	width: 100%;
}

.kome{
	padding-left: 1em;
	text-indent: -1em;
}

.border-none{
	border-width: 0 0 0 0 !important;
}


/*color*/

.red{
	color: #FF0000 !important;
}

.blue{
	color: #0022AF !important;
}

.orange{
	color: #FF6600 !important;
}






/*clearfix----------------------------------------------------*/

.clearfix:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-table;
	min-height: 1%;
}

/*Hides from lE-mac*/

*html .clearfix{
	height: 1%;
}

.clearfix{
	display: block;
}

/*End hide from IE-mac */



/*font-size----------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table{
	color: #666666;
	font-family: "MS UI Gothic";
	/*font-family: "ＭＳ Ｐゴシック", "MingLiU", "MS UI Gothic", "LiHei Pro", "Apple LiGothic", "sans-serif";
	font-family:MingLiU, ’MS UI Gothic’, ’LiHei Pro’, ’Apple LiGothic’, sans-serif;
	font-family: "ＭＳ Ｐゴシック";*/
}

p,ul,ol,dl,table{
	font-size: 0.75em;
	line-height: 1.5em;
}

table ul,table ol,table dl,table table,ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl,tt{
	font-size: 1em;
}



/*----------------------------------------------------*/

html{

}

body{
	margin: 0 0 30px 0;
	padding: 0;
	border-top-color: #0023AF;
	border-top-style: solid;
	border-top-width: 4px;
}

/*----------*/

#WRAPPER{
	width: 710px;
	margin: 0 auto 0 auto;
}

#header{
	float: left;
	margin: 20px 0 0 0;
	padding: 0;
}

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

#header a:hover img{
    filter: Alpha(opacity=100); /* IE系 */
    opacity:1; /* Mozzila系 */
	-moz-opacity:1;
}

#topnavi{
	float: right;
	width: 529px;
}

#Tnavi{
	margin: 10px 0 0 0;
	padding: 0;
}

#Tnavi ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}

#Tnavi ul li{
	margin: 0 0 0 10px;
	padding: 0 0 0 12px;
	display: inline;
	background-image: url(../img/common/li-01.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#Tnavi ul li a{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

#topmainnavi{
	margin: 5px 0 0 0;
	padding: 0;
}

#topmainnavi ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-image: url(../img/common/topmainnavi.png);
	background-repeat: no-repeat;
}

#topmainnavi ul li,
#topmainnavi ul li a{
	width: 88px;
	height: 17px;
	overflow: hidden;
}

#topmainnavi ul li{
	margin: 0;
	padding: 0;
	float: left;
	text-indent: -9999px;
}

#topmainnavi ul li a{
	text-decoration: none;
	display: block;
}



#topicpath{
	clear: both;
}

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

#topicpath ul li{
	margin: 0;
	padding: 0 10px 0 18px;
	display: inline;
	background-image: url(../img/common/li-04.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#topicpath ul li.topicpathhome{
	padding: 0 10px 0 0;
	background-image: none;

}



/*----------*/

#CONTENTS{
	clear: both;
	margin: 0;
	padding: 16px 0 0 0;
}

#CONTENTS h5,
#CONTENTS h6{
	font-size: 0.8em;
	margin: 20px 0 0 0;
	padding: 3px;
}

#CONTENTS h1{
	font-size: 1.4em;
	margin: 0;
	padding: 3px;
	line-height: 1em;
	border-color: #999 #0023AF #999 #999;
	border-style: solid;
	border-width: 1px 30px 1px 1px;
}

#CONTENTS h2{
	background-image: url(../img/common/h2.png);
	background-repeat: no-repeat;
	margin: 30px 0 0 0;
	padding: 8px 0 6px 20px;
	font-size: 1em;
	line-height: 1em;
	clear: both;
}

#CONTENTS #CONTENTS_main h2.normal {
	background-image: url(../img/common/h2_mini.png);
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 8px 0 6px 20px;
	font-size: 1em;
	line-height: 1em;
	clear: both;
}

body#news #CONTENTS h2{
	background-image: url(../img/common/h2-01.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 8px 0 6px 15px;
	border-top-color: #0023AF;
	border-top-style: solid;
	border-top-width: 1px;

}

body#showroom #CONTENTS h2,
body#aboutus #CONTENTS h2
{
	background-image: none;
	padding: 8px 0 0 0;
	color: #0023AF;
}

body#products #CONTENTS h2{
	background-image: none;
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	clear: none;
}



div.SubNavi {
	margin: 0 0 10px 0;
	font-size: 1.0em;
	background:#0022AF;
	height: 30px;
	color: #fff;
}

div.SubNavi a{
	position: relative;
	top: 4px;
	left: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
}

div.SubNavi a:link{
	color: #fff;
}

div.SubNavi a:visited{
	color: #FFF779;
}

#CONTENTS h3{
	background-image: url(../img/common/h3.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	margin: 15px 0 0 0;
	padding: 9px 0 5px 25px;
	font-size: 1.0em;
	border-bottom-color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	line-height: 1em;
}

#CONTENTS h4{
	background-image: url(../img/common/h4.png);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	margin: 20px 0 0 0;
	padding: 0 0 10px 15px;
	font-size: 0.8em;
	line-height: 1em;
}

#CONTENTS p{
	margin: 10px 0 0 0;
	padding: 0;
}


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

#CONTENTS ul li{
	margin: 10px 0 0 20px;
	padding: 0 0 0 10px;
	background-image: url(../img/common/li-03.png);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

#CONTENTS ul li ul{
	margin: 0;
	padding: 10px 0 0 0;
}

#CONTENTS form{
	margin: 0;
	padding: 0;
}

#CONTENTS table{
	margin: 10px 0 0 0;
	padding: 0;
	border-collapse:collapse;
}

#CONTENTS table tr{
	background-color: #F8F8F8;
	text-align: left;
}

#CONTENTS table tr th{
	background-color: #E0E0E0;
	text-align: left;
}

#CONTENTS table tr td{

}

#CONTENTS table tr th,#CONTENTS table tr td{
	border-color: #fff;
	border-width: 3px;
	border-style: solid;
	padding: 3px 8px;
}

#CONTENTS table.border-none tr th,
#CONTENTS table.border-none tr td{
	border-width: 0 0 0 0;
}

	
/**/

#CONTENTS_navi{
	width: 161px;
	float: left;
}

#CONTENTS_navi ol{
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	background-color: #F7F7F7;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#CONTENTS_navi ol li{
	margin: 5px 5px 5px 10px;
	padding: 0px 0 0 10px;
	background-image: url(../img/common/li-03.png);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
}

#CONTENTS_navi ul {
	border-color: #333333;
	border-style: solid;
	border-width: 0 1px 0 1px;
}

#CONTENTS_navi ul li{
	margin: 0;
	padding: 0;
	background-image: none;
}

#CONTENTS_navi ul li span{
	margin: 0;
	padding: 5px;
	border-color: #333333;
	border-style: solid;
	border-width: 0 0 1px 0;
	display: block;
}

#CONTENTS_navi ul li ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-width: 0 0 0 0;
}

#CONTENTS_navi ul li ul li{
	border-color: #333333;
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0;
	padding: 0;
	background-color: #7F8ED4;
}

#CONTENTS_navi ul li ul li a{
	color: #FFFFFF;
	display: block;
	padding: 5px 5px 5px 10px;
	text-align: left;
	height: 100%;
}

#CONTENTS_navi ul li ul li a:hover{
	color: #FFFFFF;
	display: block;
	padding: 5px 5px 5px 10px;
	text-align: left;
	height: 100%;
	background-color: #0023AF;
}

#CONTENTS_navi ul li ul li.active {
	border-color: #333333;
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0;
	padding: 0;
	background-color: #0023AF;
}

/**/

#SideNavi{
	width: 161px;
	float: left;
}

/**/

#CONTENTS_main{
	width: 529px;
	float: right;
}

#CONTENTS_popup {
	width: 529px;
	margin: 0 auto;
}

#CONTENTS_popup div.PopupMenu {
	background-color: #F6F6F6;
	padding: 5px;
}

#CONTENTS_popup div.PopupMenu p {
	text-align: center;
	margin: 0;
	padding: 0;
}


#CONTENTS #CONTENTS_popup h2{
	background-image: url(../img/common/h2_mini.png);
}

img.topspace{
	margin: 10px 0 0 0;
}

img.topspace_long{
	margin: 35px 0 0 0;
}


#CONTENTS_main div.Prdcts {
	clear: both;
}

#CONTENTS_main div.Prdcts_Left {
	float: left;
	width: 260px;
	margin: 0 0 20px; 0;
}

#CONTENTS_main div.Prdcts_Right {
	float: right;
	width: 260px;
	margin: 0 0 20px; 0;
}

#CONTENTS_main dl.products {
	margin: 10px 0 0 0;
}

#CONTENTS_main dl.products dt {
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}

#CONTENTS_main dl.products dd {
	margin: 0 0 10px 1.0em;
}

#CONTENTS_main div.general {
	clear: both;
}



/*Knowledge*/

#CONTENTS #KnowledgeMenu{
	background-image: url(../knowledge/img/menu.png);
	background-repeat: no-repeat;
	background-position: 0 -40px;
	height: 32px;
	overflow: hidden;
}

#CONTENTS #KnowledgeMenu ul{
	margin: 0;
	padding: 0 0 0 174px;
	list-style-type: none;
}

#CONTENTS #KnowledgeMenu ul li{
	margin: 0 0 0 8px;
	padding: 0;
	width: 100px;
	height: 33px;
	float: left;
	text-indent: -99999px;
	display: inline;
	background-position: -1000px 0;
}

#CONTENTS #KnowledgeMenu ul li a{
	width: 100px;
	height: 33px;
	display: block;
}

#CONTENTS #KnowledgeMenu ul li#un{
	width: 101px;
	margin: 0 0 0 7px;
}

#CONTENTS #KnowledgeMenu ul li#ma{
	width: 101px;
	margin: 0 0 0 6px;
}

#CONTENTS #KnowledgeMenu ul li#ch{
	width: 98px;
	margin: 0 0 0 6px;
}


#CONTENTS #KnowledgeMenu ul li#li{
	background-position: -289px -40px;
	margin: 0 0 0 7px;
}

#CONTENTS #KnowledgeMenu ul li#un{
	background-position: -396px -40px;
	margin: 0 0 0 7px;
}

#CONTENTS #KnowledgeMenu ul li#ma{
	background-position: -504px -40px;
}

#CONTENTS #KnowledgeMenu ul li#ch{
	background-position: -612px -40px;
	width: 98px;
}

#CONTENTS #KnowledgeContentsTop{
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	border-color: #001EAA;
	border-style: solid;
	border-width: 0 0 1px 0;
}

#CONTENTS #KnowledgeContentsTop p{
	margin: 0;
	padding: 10px 0 0 182px;
	float: left;
}

#CONTENTS #KnowledgeContentsTop ul{
	text-align: right;
	margin: 0;
	padding: 0;
}

#CONTENTS #KnowledgeContentsTop ul li{
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}

#CONTENTS #KnowledgeContentsTop ul li a{

}

#CONTENTS #KnowledgeContentsTop ul li a img{
	margin: 0 0 0 5px;
	padding: 1px;
	display: inline;
	border-color: #001EAA;
	border-style: solid;
	border-width: 1px;
}

#CONTENTS #KnowledgeContentsMain{

}

#CONTENTS #KnowledgeContentsMain .knowledgeQ{
	float: left;
	width: 150px;
}

#CONTENTS #KnowledgeContentsMain .knowledgeQ p{
	color: #FF0000;
}

#CONTENTS #KnowledgeContentsMain .knowledgeQ p span {
	font-size: 1.5em;
	font-weight: bold;
}

#CONTENTS #KnowledgeContentsMain .knowledgeA{
	width: 529px;
	float: right;
	padding: 0 0 10px 0;
}

#CONTENTS #KnowledgeContentsMain .knowledgeA p{

}

#CONTENTS #KnowledgeContentsMain .knowledgeA p.a span {
	font-size: 1.5em;
	font-weight: bold;
}

/**/

body#products #CONTENTS_main div.float_right{
	width: 165px;
}

/**/

.topagetop{
	text-align: right;
	clear: both;
	border-color: #0023AF;
	border-style: solid;
	border-width: 0 0 1px 0;
}

.topagetop a{
	background-image: url(../img/common/topagetop.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 0 0 0 15px;
}

/**/


#LR{}

#LR div div{
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	width: 47%;
	margin: 10px 0 0 0;
	padding: 5px;
}

#LR div div.LR-L{
	float: left;
}

#LR div div.LR-R{
	float: right;

}



/*FOOTER------------------------------*/


#footer{
	clear: both;
	border-color: #666666;
	border-style: solid;
	border-width: 1px 0 0 0;
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;

}

#Lfooter{
	float: left;
	width: 400px;
}

#Lfooter p{
	margin: 0;
	padding: 0;
	font-size: 0.65em;
	line-height: 1.3em;
}

#Rfooter{
	margin: 0;
	float: right;
	width: 300px;
}

#Rfooter ul#img{
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

#Rfooter ul#img li{
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
}


#Rfooter ul#sm{
	list-style-type: none;
	margin: 5px 0 0 0;
	padding: 0;
	float: right;
}

#Rfooter ul#sm li{
	margin: 0 0 0 10px;
	padding: 0 10px 0 12px;
	display: inline;
	background-image: url(../img/common/li-01.png);
	background-repeat: no-repeat;
	background-position: 0 center;
}

#Rfooter ul#sm li a{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}