/*common.css*/
body{
padding:0;
margin:0;
font-size:80%;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
color:#333333;
background-color:#FFFFFF;
line-height:1em;
}
.main{
clear:both;
}
a img{
	border:none;
}

p{
	margin:0 0 1em 0;
	line-height:1.2;
}

.fl-l{
	float:left;
}

.fl-r{
	float:right;
}

.clearfix:after { content:url(../images/pixel.gif) display: block; clear: both; height: 0; }
.clearfix { display: inline-block; } 
.clearfix { display: block; }

#base{
width:760px;
margin-left:auto;
margin-right:auto;
padding:0;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
}
/*head*/
#header{
width:100%;
font-size:10px;
background-color:#FFFFFF;
}
#company-bar{
margin:0;
padding:0;
}
#company-subbar{
margin:0;
padding:0;
}
#navibox{
width:760px;
height:20px;
}
#navi{
width:490px;
text-align:left;
line-height:20px;
background-color:#FFFFFF;
padding-left:5px;
padding-right:5px;
float:left;
}

#navi-botan{
	float:right;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

html .mainbox{
	padding:0 0 0 10px;
}

/*foot*/
.footer{
width:100%;
clear:both;
font-size:10px;
border-top:#CCCCCC 1px solid;
}
.copyright{
color:#666666;
padding-top:3px;
padding-bottom:3px;
text-align:center;
line-height:1.2em;
background-color:#FFFFFF;
border-top:#CCCCCC 1px solid;
clear:both;
}
.top-banner{
margin:0;
padding:0;
}
.footmenu-left{
width:33%;
text-align:center;
line-height:1.5em;
}
.footmenu-center{
width:34%;
text-align:center;
line-height:1.5em;
}
.footmenu-right{
width:33%;
text-align:center;
line-height:1.5em;
}

/*link*/
a.gray:link {
color:#333333;
text-decoration: none }
a.gray:visited {
color:#333333;
text-decoration: none }
a.gray:hover {
color:#333333;
text-decoration: underline }

a.white:link {
color:#ffffff;
text-decoration: underline }
a.white:visited {
color:#ffffff;
text-decoration: underline }
a.white:hover {
color:#ffffff;
text-decoration: none }



/*index*/
#info{
width:100%;
}
.info-title{
width:400px;
font-size:12px;
font-weight:600;
background-image:url(../img/side_backcolor.gif);
text-align:left;
line-height:20px;
padding-left:5px;
color:#FFFFFF;
}
#info li{
font-size:10px;
padding-bottom:6px;
padding-left:5px;
list-style:none;
}
#info ul{
padding:5px;
margin:0px;
}
.info-day{
text-align:left;
	color:#999999;
	padding-right:5px;
	font-size: 80%;
	text-align:left;
}
.info-text{
text-align:left;
	color:#333333;
	padding-right:15px;
	font-size: 80%;
		text-align:left;
}

.infobox{
width:405px;
border-bottom:#006404 1px solid;
border-right:#006404 1px solid;
}
.info-old{
font-size:80%;
text-align:right;
padding-right:5px;
padding-bottom:5px;
}
#bannerbox{
padding:0px;
margin:0px;
width:192px;
float:right;
}
.banner-01{
border:none;
}
.b0{
border:none;
}
/*content*/
.content{
width:598px;
background-color:#FFFFFF;
padding-bottom:30px;
position:relative;
}

.main-border{
width:760px;
border:solid 1px #006633;
clear:both;
}

.main-border2{
width:760px;
border:solid 1px #CCCCCC;
clear:both;
}



/*sidebar*/
.sidebar{
width:160px;
background-position:right;
background:url(../images/side-bg.gif) repeat-y;
}

#sidebar-search{
margin:5px;
padding:3px;
background-image:url(../img/search_backcolor.gif);
}
.sidebar-go{
margin:3px 0px 0px 0px;
text-align:right;
}
p.sidebar-search{
padding:0;
margin:0;
font-size:80%;
color:#FFFFFF;
text-align:left;
line-height:1.5em;
}
.sidebar-input{
border:#2E3451 1px solid;
width:135px;
margin-bottom:2px;
}
.sidebar-input-go{
margin:2px;
}
.sidebar-logo{
border: none;
padding:15px 0px 5px 0px;
}
.sidebarmenuul{
padding:0;
margin:10px 5px 10px 5px;
list-style:none;
}

.sidebarmenuul li{
	width:118px;
	display:block;
	text-align:left;
margin-bottom:2px;
border:solid 1px #999;
	padding:10px 10px 9px 20px;
	background:url(../images/side-menu-off.gif) repeat-y;
}

.sidemenu img,
.sidemenu_on img{
	margin:2.5px 0;
}

.sidemenu a,
.sidemenu_on a{
	width:118px;
	display:block;
}

li.sidemenu:hover,
li.sidemenu_on{
	background:url(../images/side-menu-on.gif) repeat-y;
}

hr.separator,
div.separator{
	background-color:none;
	border:none;
	border-top:dotted 1px #CCC;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

.sidebar hr{
	border-bottom:1px solid #FFF;
	border-left:none;
	border-right:none;
	border-top:1px solid #b3cad6;
	width:150px;
}

#bnr img{
	border:1px solid #CCC;
	margin-bottom:2px;
}

#bnr p{
	font-size:60%;
	margin-bottom:5px;
	color:#666;
}

#bnr p strong{
	color:#00546E;
	font-size:120%;
}

.content-base{
clear:both;
}

/*topics*/
.topics-title{
font-size:90%;
padding:10px 10px 5px 30px;
margin:0px;
}
.topics-setumei{
font-size:80%;
padding:0px 10px 10px 50px;
margin:0px;
line-height:1.5em;
}
/*text*/
.textsize10{
font-size:10px;
line-height:1.2em;
}
.textsize12{
font-size:12px;
line-height:1.2em;
}
.textsize14{
font-size:14px;
line-height:1.2em;
}
.textsize1402{
	font-size:14px;
	line-height:1.2em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0000FF;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #666666;
	text-indent: 7px;
	margin-bottom: 30px;
	color: #003399;
}
.textsize1403{
	font-size:14px;
	line-height:1.5em;
}

/*contact*/
.contact-title{
font-size:90%;
margin-left:60px;
}
.contact-title01{
font-size:80%;
margin-left:90px;
margin-top:20px;
margin-bottom:10px;
}
.contact-address{
font-size:80%;
margin-left:110px;
margin-top:20px;
margin-bottom:5px;
}
.contact-tel, .contact-fax{
font-size:80%;
margin-left:130px;
margin-top:5px;
margin-bottom:5px;
}
.content-in{
padding:5px 5px 5px 30px;
}
/*firefox*/
.clear{
clear:both;
}

/*bemlise*/
.info{
margin:5px 10px;
font-size:80%;
}
.info-title{
margin:0px;
font-size:80%;
}
.info-box{
margin:5px;
padding:5px;
border:solid #006699 1px;
}
.title{
margin-left:10px;
margin-right:0px;
margin-top:10px;
margin-bottom:20px;
font-size:140%;
color:#2E3451;
text-align:left;
}

h1{
color:#003366;
font-size:100%;
text-align:left;
}

.katei-title{
color:#003366;
font-size:100%;
text-align:left;
margin-top:20px;
}

.katei-link{
margin:0px;
padding:5px 0px 0px 0px;
}

/*index*/
.top01{
height:140px;
margin:0px;
padding:0px;
}

.top02{
margin:0;
padding:0;
background-image:url(../img/top/top-img02.jpg);
}

.top-text{
font-size:80%;
text-align:left;
position:relative;
width:579px;
}

.top-text h3{
font-size:12px;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align:left;
color:#333333;
font-weight:normal;
}
.top-menu{
margin:0px;
padding:0px 40px 10px 40px;
}
.top-menu-box{
border-bottom:solid #006633 2px;
border-top:solid #006633 1px;
border-right:solid #006633 2px;
border-left:solid #006633 1px;
background-color:#FFFFFF;
}
.txt12_line17{
font-size:12px;
line-height:17px;
}
/*border*/
.b-gray{
border:solid 1px #999999;
}
/*text*/
.txt10{
font-size:10px;
}


.bottom{
padding-bottom:20px;
}
.top{
padding-top:20px;
}
.left{
padding-left:20px;
font-size:80%;
}

.top-text2{
font-size:90%;
line-height:1.4em;
text-align:center;
color: #006699;
border-bottom-width: 3px;
border-bottom-style: double;
border-bottom-color: #336699;
font-weight: bold;
margin: 10px 0px 10px 0px;
padding-bottom: 5px;
}

.top-menu-box2{
	background-color:#FFFFFF;
	border: 1px solid #CCCCCC;
	height: 145px;
}

/*bodymenu*/
.bodymenu{
padding:10px;
background:#EFEFEF;
border:1px solid #CCC;
font-size:75%;
width:330px;
height:315px;
}

.bodymenubox{
	width:320px;
	height:140px;
}

.bodymenubox img{
	margin-bottom:3px;
}

.bodymenubox p{
	margin-left:90px;
}

.bodymenubox p.more,
#box03 p.more{
	background:url(../images/arrow.jpg) no-repeat left center;
	margin-top:1em;
	padding-left:20px;
	font-size:90%;
}

#box03 p.more{
	margin-left:5px;
}

#box01{
	background:url(../images/top05.jpg) no-repeat left center;
}

#box02{
	background:url(../images/top06.jpg) no-repeat left center;
}

#box03{
	border:1px solid #999;
	width:210px;
	background:#FFF;
	margin-bottom:20px;
	margin-right:10px;
height:335px;
font-size:90%;
}

#box03 p{
	padding:0 5px 5px;
	margin-bottom:2px;
}

#box03 p.caption{
	font-size:80%;
	margin-bottom:1em;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.mb40{
	margin-bottom:40px;
}

.mb60{
	margin-bottom:60px;
}

.mb80{
	margin-bottom:80px;
}

.mb100{
	margin-bottom:100px;
}



#topics{
	background:url(../images/topics-bg.gif) repeat-y right top;
	padding:10px 20px;
	border:1px solid #CCC;
	width:536px;
	margin-top:15px;
	clear:both;
}

#topics h2{
	border-bottom:1px solid #0078B5;
	margin:0 0 10px 0;
}

html #topics ul{
	margin:0;
	padding:0;
}

#topics dl dt{
	float:left;
	background:url(../images/topics-arrow.gif) no-repeat left center;
	padding-left:18px;
	width:12em;
}

#topics dl dt,
#topics dl dd{
	font-size:75%;
	margin-bottom:5px;
}

#topics dl dd{
	border-bottom:dotted 1px #0078B5;
	margin-left:0;
	padding-left:13em;
}

#logo{
	margin-top:10px;
}

.lnav{
	list-style:none;
	margin:0;
	padding:0;
	width:578px;
}

.lnav li{
	float:left;
}

.lnav li a{
	display:block;
	height:35px;
	text-indent:-9999em;
}

.lnav li#menu2-1 a,
.lnav li#menu2-1on{
	width:192px;
	background:url(../images/what/menu01.jpg) no-repeat left top;
}

.lnav li#menu2-1 a:hover,
.lnav li#menu2-1on{
	background:url(../images/what/menu01.jpg) no-repeat left bottom;
}

.lnav li#menu2-2 a,
.lnav li#menu2-2on{
	width:192px;
	background:url(../images/what/menu02.jpg) no-repeat left top;
}

.lnav li#menu2-2 a:hover,
.lnav li#menu2-2on{
	background:url(../images/what/menu02.jpg) no-repeat left bottom;
}

.lnav li#menu3-1 a,
.lnav li#menu3-1on{
	width:192px;
	background:url(../images/function/menu01.jpg) no-repeat left top;
}

.lnav li#menu3-1 a:hover,
.lnav li#menu3-1on{
	background:url(../images/function/menu01.jpg) no-repeat left bottom;
}

.lnav li#menu3-2 a,
.lnav li#menu3-2on{
	width:193px;
	background:url(../images/function/menu02.jpg) no-repeat left top;
}

.lnav li#menu3-2 a:hover,
.lnav li#menu3-2on{
	background:url(../images/function/menu02.jpg) no-repeat left bottom;
}

.lnav li#menu3-3 a,
.lnav li#menu3-3on{
	width:193px;
	background:url(../images/function/menu03.jpg) no-repeat left top;
}

.lnav li#menu3-3 a:hover,
.lnav li#menu3-3on{
	background:url(../images/function/menu03.jpg) no-repeat left bottom;
}

.lnav li#menu4-1 a,
.lnav li#menu4-1on{
	width:144px;
	background:url(../images/function/finemenu01.jpg) no-repeat left top;
}

.lnav li#menu4-1 a:hover,
.lnav li#menu4-1on{
	background:url(../images/function/finemenu01.jpg) no-repeat left bottom;
}

.lnav li#menu4-2 a,
.lnav li#menu4-2on{
	width:144px;
	background:url(../images/function/finemenu02.jpg) no-repeat left top;
}

.lnav li#menu4-2 a:hover,
.lnav li#menu4-2on{
	background:url(../images/function/finemenu02.jpg) no-repeat left bottom;
}

.lnav li#menu4-3 a,
.lnav li#menu4-3on{
	width:144px;
	background:url(../images/function/finemenu03.jpg) no-repeat left top;
}

.lnav li#menu4-3 a:hover,
.lnav li#menu4-3on{
	background:url(../images/function/finemenu03.jpg) no-repeat left bottom;
}

.lnav li#menu4-4 a,
.lnav li#menu4-4on{
	width:145px;
	background:url(../images/function/finemenu04.jpg) no-repeat left top;
}

.lnav li#menu4-4 a:hover,
.lnav li#menu4-4on{
	background:url(../images/function/finemenu04.jpg) no-repeat left bottom;
}

.lnav li#menu5-1 a,
.lnav li#menu5-1on{
	width:96px;
	background:url(../images/inner/menu01.jpg) no-repeat left top;
}

.lnav li#menu5-1 a:hover,
.lnav li#menu5-1on{
	background:url(../images/inner/menu01.jpg) no-repeat left bottom;
}

.lnav li#menu5-2 a,
.lnav li#menu5-2on{
	width:96px;
	background:url(../images/inner/menu02.jpg) no-repeat left top;
}

.lnav li#menu5-2 a:hover,
.lnav li#menu5-2on{
	background:url(../images/inner/menu02.jpg) no-repeat left bottom;
}

.lnav li#menu5-3 a,
.lnav li#menu5-3on{
	width:96px;
	background:url(../images/inner/menu03.jpg) no-repeat left top;
}

.lnav li#menu5-3 a:hover,
.lnav li#menu5-3on{
	background:url(../images/inner/menu03.jpg) no-repeat left bottom;
}

.lnav li#menu5-4 a,
.lnav li#menu5-4on{
	width:96px;
	background:url(../images/inner/menu04.jpg) no-repeat left top;
}

.lnav li#menu5-4 a:hover,
.lnav li#menu5-4on{
	background:url(../images/inner/menu04.jpg) no-repeat left bottom;
}

.lnav li#menu5-5 a,
.lnav li#menu5-5on{
	width:97px;
	background:url(../images/inner/menu05.jpg) no-repeat left top;
}

.lnav li#menu5-5 a:hover,
.lnav li#menu5-5on{
	background:url(../images/inner/menu05.jpg) no-repeat left bottom;
}

.lnav li#menu5-6 a,
.lnav li#menu5-6on{
	width:97px;
	background:url(../images/inner/menu06.jpg) no-repeat left top;
}

.lnav li#menu5-6 a:hover,
.lnav li#menu5-6on{
	background:url(../images/inner/menu06.jpg) no-repeat left bottom;
}

.lnav li#menu6-1 a,
.lnav li#menu6-1on{
	width:72px;
	background:url(../images/4c/menu01.jpg) no-repeat left top;
}

.lnav li#menu6-1 a:hover,
.lnav li#menu6-1on{
	background:url(../images/4c/menu01.jpg) no-repeat left bottom;
}

.lnav li#menu6-2 a,
.lnav li#menu6-2on{
	width:72px;
	background:url(../images/4c/menu02.jpg) no-repeat left top;
}

.lnav li#menu6-2 a:hover,
.lnav li#menu6-2on{
	background:url(../images/4c/menu02.jpg) no-repeat left bottom;
}

.lnav li#menu6-3 a,
.lnav li#menu6-3on{
	width:72px;
	background:url(../images/4c/menu03.jpg) no-repeat left top;
}

.lnav li#menu6-3 a:hover,
.lnav li#menu6-3on{
	background:url(../images/4c/menu03.jpg) no-repeat left bottom;
}

.lnav li#menu6-4 a,
.lnav li#menu6-4on{
	width:72px;
	background:url(../images/4c/menu04.jpg) no-repeat left top;
}

.lnav li#menu6-4 a:hover,
.lnav li#menu6-4on{
	background:url(../images/4c/menu04.jpg) no-repeat left bottom;
}

.lnav li#menu6-5 a,
.lnav li#menu6-5on{
	width:72px;
	background:url(../images/4c/menu05.jpg) no-repeat left top;
}

.lnav li#menu6-5 a:hover,
.lnav li#menu6-5on{
	background:url(../images/4c/menu05.jpg) no-repeat left bottom;
}

.lnav li#menu6-6 a,
.lnav li#menu6-6on{
	width:73px;
	background:url(../images/4c/menu06.jpg) no-repeat left top;
}

.lnav li#menu6-6 a:hover,
.lnav li#menu6-6on{
	background:url(../images/4c/menu06.jpg) no-repeat left bottom;
}

.lnav li#menu6-7 a,
.lnav li#menu6-7on{
	width:73px;
	background:url(../images/4c/menu07.jpg) no-repeat left top;
}

.lnav li#menu6-7 a:hover,
.lnav li#menu6-7on{
	background:url(../images/4c/menu07.jpg) no-repeat left bottom;
}

.lnav li#menu6-8 a,
.lnav li#menu6-8on{
	width:72px;
	background:url(../images/4c/menu08.jpg) no-repeat left top;
}

.lnav li#menu6-8 a:hover,
.lnav li#menu6-8on{
	background:url(../images/4c/menu08.jpg) no-repeat left bottom;
}

.lnav li#menu7-1 a,
.lnav li#menu7-1on{
	width:192px;
	background:url(../images/concept/menu01.jpg) no-repeat left top;
}

.lnav li#menu7-1 a:hover,
.lnav li#menu7-1on{
	background:url(../images/concept/menu01.jpg) no-repeat left bottom;
}

.lnav li#menu7-2 a,
.lnav li#menu7-2on{
	width:192px;
	background:url(../images/concept/menu02.jpg) no-repeat left top;
}

.lnav li#menu7-2 a:hover,
.lnav li#menu7-2on{
	background:url(../images/concept/menu02.jpg) no-repeat left bottom;
}

.lnav li#menu8-1 a,
.lnav li#menu8-1on{
	width:192px;
	background:url(../images/oversea/menu01.jpg) no-repeat left top;
}

.lnav li#menu8-1 a:hover,
.lnav li#menu8-1on{
	background:url(../images/oversea/menu01.jpg) no-repeat left bottom;
}

.lnav li#menu8-2 a,
.lnav li#menu8-2on{
	width:192px;
	background:url(../images/oversea/menu02.jpg) no-repeat left top;
}

.lnav li#menu8-2 a:hover,
.lnav li#menu8-2on{
	background:url(../images/oversea/menu02.jpg) no-repeat left bottom;
}

h1{
	margin:0;
}

h2{
	margin:0 0 15px 0;
	font-size:100%;
	font-weight:normal;
}

h2#title{
	padding-top:15px;
}

.container{
	clear:both;
	padding:5px;
	margin-top:20px;
	width:558px;
	margin-top:25px;
}

.blue{
	color:#00A0E9;
}

.blue a{
	color:#00A0E9;
	text-decoration:none;
}

.blue a:hover{
	text-decoration:underline;
}

.txt-r{
	text-align:right;
}

.history{
	padding-left:24px;
	padding-bottom:1em;
}

.function,
.function2{
	border-bottom:dotted 1px #CCC;
	padding-bottom:15px;
	margin-bottom:15px;
	clear:both;
	height:80px;
}

.function3{
	margin-left:25px;
	margin-bottom:15px;
	padding-bottom:5px;
	clear:both;
}

.function4{
	margin-left:70px;
	margin-bottom:15px;
	padding-bottom:5px;
	clear:both;
}

.function img,
.function2 img{
	float:left;
}


.function5{
	border-bottom:dotted 1px #CCC;
	padding-left:25px;
	margin-bottom:15px;
	padding-bottom:15px;
	clear:both;
}

.function p{
	margin-left:210px;
	padding-top:5px;
}

.function2 p,
.function3 p,
.function4 p,
.function5 p{
	margin-left:70px;
	padding-top:5px;
}

.function p.txt-r img,
.function2 p.txt-r img,
.function5 p.txt-r img{
	margin-left:3px;
}

.function5 p.txt-r{
	font-size:80%;
	text-align:right;
}

.small{
	font-size:80%;
}

#ip3{
	background:url(../images/function/ip302.jpg) no-repeat left bottom;
	padding-bottom:25px;
}

#ip3 h3{
	margin:0 0 15px 20px;
}

#ip3 p{
	margin:0 35px 1em 147px;
	padding-left:1em;
	text-indent:-1em;
}

#ip3img{
	margin-left:20px;
}

#finex{
	padding-left:25px;
}

.fine3d{
	border-bottom:dotted 1px #CCC;
	padding:10px 0;
	margin-bottom:5px;
}

.fine3d h4{
	font-size:120%;
	margin:10px 0 15px 25px;
}

.fine3d p{
	margin-left:35px;
}

.fine3d2{
	background:url(../images/function/fine36.jpg) no-repeat left bottom;
	padding-bottom:25px;
	margin-bottom:15px;
}

.fine3d2 p{
	padding:0 20px;
}

#bnr{
	padding-bottom:30px;
}

.container ul li{
	margin-bottom:5px;
	margin-left:25px;
}
.container h2{
	margin:5px 5px 5px 25px;
}


.cbg{
	background: url(../images/4c/bg.gif) no-repeat center bottom;
	padding:0px 0px 0px;
	width:579px;
	_width:579px;
}

.cbg:after { content: url(../images/pixel.gif); display: block; clear: both; height: 0; }
.cbg { display: inline-block; }
.cbg { display: block; }

.title4c{
	
}

.blue{
	color:#09F;
	height:
}

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

.mb5{
	margin-bottom:5px;
}

.functionlabel{
	float:left;
	width:210px;
	font-size:90%;
}

.functionlabel div{
	float:left;
	width:112px;
	text-align:center;
}

.function p.txt-r{
	float:right;
	margin-left:0;
}

#title-4c{
	position:absolute;
	left:237px;
	top:239px;
	font-size:110%;
	margin:0;
	padding:0;
	background: url(../images/4c/bg.gif) no-repeat center bottom;
}

.overbox{
	width:100%;
}

.over{
	width:217px;
	float:left;
}

.inover{
	background:url(../images/oversea/over_bottom.gif) no-repeat center bottom;
	height:61px;
	font-size:10px;
	margin-bottom:3px;
	width:217px;
}

.inover p{
	padding:0 5px 0;
}

.inover a,
.injapan a{
	text-decoration:none;
}

.inover a:hover,
.injapan a:hover{
	text-decoration:underline;
}

#japan{
	width:169px;
	float:left;
}

.injapan{
	background:url(../images/oversea/japan_bottom.gif) no-repeat center bottom;
	height:58px;
	font-size:10px;
	width:169px;
}

.injapan p{
	padding:3px 0 0 22px;
}

.mr10{
	margin-right:5px;
}