@charset "Shift_JIS";
@import "h1.css";

body {	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	font-family: Verdana, sans-serif,"Osaka";
	background: url(image/back-main.png) repeat-y top;
	font-size:12px;
	color:#444444;
	line-height:140%;
	background-color:00345C;/* ページの背景 */
	text-align:center;}
	
TD.SP {
 border-top: 1px solid #cccccc;
}

P {	padding: 0px 0px 0px 0px; 
	font-family: Verdana, sans-serif,"Osaka";
	font-size:12px;
	color:#444444;
	line-height:140%;}
	
div{padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	font-size:12px;
	color:#444444;
	line-height:140%;}

div#HeaderArea{/*ヘッダー*/
	width: 100%;
	height: 350px;
	background: url(image/back-top.png) repeat-x top center;
	position:center;
	text-align:left;
	text-valign: bottom;}

div#HeaderContentsArea{/*ヘッダー*/
	width: 800px;
	height: 96px;
	position:center;
	text-align:left;
	text-valign: bottom;}

div#MainBanaArea{
	background-color:#FFFFFF;
	background-image:url(image/back-main.png);
	width: 800px;
	height: 250px;
	margin: 4px 0px 0px 0px;
	position:center;}

div#MenuArea{/*メニュー*/
	background:url(image/back-menu.png) repeat-x;
	width: 800px;
	height: 80px;
	text-align:center;}

ul#menu{list-style:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
ul#menu li{list-style:none;float:left;width:198px;height:40px;}
ul#menu li a{display:block;text-indent:-5000px;overflow:hidden;width:198px;height:40px;}
	
a.home{background:url(./image/mn-home.png) no-repeat;}
a:hover.home{background:url(./image/mn-home.png) no-repeat;background-position:0px -40px;}

a.pro{background:url(./image/mn-product.png) no-repeat;}
a:hover.pro{background:url(./image/mn-product.png) no-repeat;background-position:0px -40px;}

a.down{background:url(./image/mn-down.png) no-repeat;}
a:hover.down{background:url(./image/mn-down.png) no-repeat;background-position:0px -40px;}

a.case{background:url(./image/mn-case.png) no-repeat;}
a:hover.case{background:url(./image/mn-case.png) no-repeat;background-position:0px -40px;}

a.license{background:url(./image/mn-license.png) no-repeat;}
a:hover.license{background:url(./image/mn-license.png) no-repeat;background-position:0px -40px;}

a.support{background:url(./image/mn-support.png) no-repeat;}
a:hover.support{background:url(./image/mn-support.png) no-repeat;background-position:0px -40px;}

a.buy{background:url(./image/mn-store.png) no-repeat;}
a:hover.buy{background:url(./image/mn-store.png) no-repeat;background-position:0px -40px;}

a.info{background:url(./image/mn-info.png) no-repeat;}
a:hover.info{background:url(./image/mn-info.png) no-repeat;background-position:0px -40px;}

div#TitleArea{/*見出し1:タイトル*/
	width: 760px;
	height: 50px;
	text-align:left;
	text-valign: bottom;
	border-right: 0pt;
	border-top: 0pt;
	border-left: 0pt;
	border-bottom: #444444 1pt solid;}
	
div#ContentsArea{/*コンテンツエリア*/
	width: 760px;
	margin: 5px 0px 10px 0px;
	text-align:left;
	line-height:150%;}
	


div#FooterArea{/*コピーライト*/
	clear: both;
	width: 800px;
	height: 50px;
	text-align:center;}

div#CopyArea{/*コピーライト*/
	width: 760px;
	height: 30px;
	text-align:left;
	margin: 10px 0px 0px 20px;
	line-height:120%;
	font-size:10px;
	color:#666666;}

#CopyArea a:link {font-size:10px;text-decoration:none;color:666666;}
#CopyArea a:visited {font-size:10px;text-decoration:none;color:666666;}
#CopyArea a:active {font-size:10px;text-decoration:none;color:gold}
#CopyArea a:hover {font-size:10px;text-decoration:underline;color:gold;}

div#IndexLArea{
	width: 460px;
	float: left;
	text-align:left;
	line-height:120%;
	font-size:12px;
	color:#444444;}

div#IndexRArea{
	width: 300px;
	float: right;
	text-align:left;
	line-height:120%;
	font-size:12px;
	color:#444444;}

div#SubMenuArea{
	width: 160px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;}

ul#Contents{
	list-style:none;
	line-height:150%;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
	
ul#Contents a{
	display:block;
    background:url(image/back-submenu.png) no-repeat;
	text-decoration:none;
	color:#444444;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;
    overflow:hidden;	
	height:35px;width:160px;
	text-indent:17px;}

ul#Contents a:hover{display:block;
	background-position:0px -35px;
	color:#E6BE00;
    overflow:hidden;}

ul#SubMenuContents{
	list-style:none;
	line-height:150%;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
	
ul#SubMenuContents a{
	display:block;
    background:url(image/back-submenu02.png) no-repeat;
	text-decoration:none;
	color:#444444;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
    overflow:hidden;
	height:30px;width:160px;
	text-indent:31px;}
	
ul#SubMenuContents a:hover{
    display:block;
	background-position:0px -30px;
	color:#E6BE00;
    overflow:hidden;}

div#SubContentsArea{
	width: 600px;
	float: right;
	text-align:left;
	color:#444444;
	line-height:140%;}
	
div#NewsContensArea{width: 445px; height: 180px;	
	overflow: auto; margin: 0px; padding: 0px; border-style: solid; border-width: 0px;}
	
#NewsContensArea a:link {font-size:12px;color:#555555;text-decoration:none;}
#NewsContensArea a:visited {font-size:12px;color:#555555;text-decoration:none;}
#NewsContensArea a:active {font-size:12px;color:#886751;text-decoration:underline;}
#NewsContensArea a:hover {font-size:12px;color:#886751;text-decoration:underline;}
	
/* === 画像枠線なし=== */
a img{
	padding: 0px;
	margin: 0px;
	border: none;}

TD{	font-size:12px;
	font-family: Verdana, sans-serif,"Osaka";
	color:#444444;
	line-height:140%;}

H1{margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;background-repeat: no-repeat;text-indent:-5000px;}

H2{	font-size:12px;
	height: 27px;
	background-image: url(./image/icon-h2.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: Verdana, sans-serif,"Osaka";
	color:#ffffff;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 0px 15px;}

H2.76{	font-size:12px;
	height: 27px;
	background-image: url(./image/icon-h2-760.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: Verdana, sans-serif,"Osaka";
	color:#ffffff;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 0px 15px;}

H3{	font-size:12px;
	background-image: url(./image/icon03.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: Verdana, sans-serif,"Osaka";
	color:#444444;
	margin:5px 0px 5px 0px;
	padding: 0px 0px 0px 15px;}

H4{	font-size:12px;
	background-image: url(./image/icon04.jpg);
	background-repeat: no-repeat;
	font-weight:bold;
	font-family: Verdana, sans-serif,"Osaka";
	color:#444444;
	margin:5px 0px 5px 0px;
	padding: 0px 0px 0px 15px;}

P {	padding: 0px 0px 0px 0px; 
	font-size:12px;
	color:#444444;
	line-height:140%;}

ul{	font-size:12px;
	list-style :circle;
	font-family: Verdana, sans-serif,"Osaka";
	color:#444444;
	margin:0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;}

.s-font {font-size:10px;
	color:#555555;
	line-height:120%;}
.style1 {color: #FFFFFF}
.style2 {color: #dddddd;
		font-size:10px}

 a:link {font-size:12px;text-decoration:underline;color:#444444;}
 a:visited {font-size:12px;text-decoration:underline;color:#696969;}
 a:active {font-size:12px;color:#FF4500;text-decoration:none;}
 a:hover {font-size:12px;color:#FF4500;text-decoration:none;}

 a.menu:link {font-size:10px;text-decoration:none;color:eeeeee;}
 a.menu:visited {font-size:10px;text-decoration:none;color:eeeeee;}
 a.menu:active {font-size:10px;text-decoration:none;color:gold;}
 a.menu:hover {font-size:10px;text-decoration:none;color:gold;}

 a.ffffff:link {font-size:12px;text-decoration:none;color:ffffff;}
 a.ffffff:visited {font-size:12px;text-decoration:none;color:ffffff;}
 a.ffffff:active {font-size:12px;text-decoration:none;color:gold;}
 a.ffffff:hover {font-size:12px;text-decoration:none;color:gold;}

 a.ff10:link {font-size:10px;text-decoration:none;color:ffffff;}
 a.ff10:visited {font-size:10px;text-decoration:none;color:ffffff;}
 a.ff10:active {font-size:10px;text-decoration:none;color:gold;}
 a.ff10:hover {font-size:10px;text-decoration:none;color:gold;}

 a.copy:link {font-size:10px;text-decoration:none;color:666666;}
 a.copy:visited {font-size:10px;text-decoration:none;color:666666;}
 a.copy:active {font-size:10px;text-decoration:none;color:gold}
 a.copy:hover {font-size:10px;text-decoration:underline;color:gold;}

INPUT.searchicon{border: none;
	display: block;
	text-align: center;
	text-decoration: none;
	font-size:10pt;
	background-image:URL(image/Search.jpg);
	WIDTH: 15px;
	HEIGHT: 15px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

INPUT.searchbox{border: none;
	font-size:10px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
	
ul#mn-licens{
    list-style:none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
ul#mn-licens li{
    list-style:none;
    float:left;
    width:300px;
    height:60px;}
ul#mn-licens a{
    display:block;
    width:300px;
    height:60px;
    text-indent:-5000px;
    overflow:hidden;}
	
a.lic-01{background:url(./download/image/icon-li-01.jpg) no-repeat;}
a:hover.lic-01{background:url(./download/image/icon-li-01-on.jpg) no-repeat;}
a.lic-02{background:url(./download/image/icon-li-02.jpg) no-repeat;}
a:hover.lic-02{background:url(./download/image/icon-li-02-on.jpg) no-repeat;}
a.lic-03{background:url(./download/image/icon-li-03.jpg) no-repeat;}
a:hover.lic-03{background:url(./download/image/icon-li-03-on.jpg) no-repeat;}
a.lic-04{background:url(./download/image/icon-li-04.jpg) no-repeat;}
a:hover.lic-04{background:url(./download/image/icon-li-04-on.jpg) no-repeat;}

DIV.UP {
 border: 1px solid #cccccc;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px; 
}

div#personal{width:300px; height:280px; float:left; line-height:150%;
		background:url(Product/image/back-personal.png) no-repeat;}

#personal div{width:260px; height:220px; margin:50px 0px 0px 20px;}

div#business{width:300px;height:280px; float:right; line-height:150%;
		background:url(Product/image/back-business.png) no-repeat;}

#business div{width:260px;height:220px; margin:50px 0px 0px 20px;}


a.bnkit{background:url(./image/bn-kit.png) no-repeat;display:block;text-indent:-5000px;overflow:hidden;
		width:150px;height:35px;}
a:hover.bnkit{background-position:0px -35px;}

a.bncom{background:url(./image/bn-com.png) no-repeat;display:block;text-indent:-5000px;overflow:hidden;
		width:150px;height:35px;}
a:hover.bncom{background-position:0px -35px;}

a.bncad{background:url(./image/bn-cad.png) no-repeat;display:block;text-indent:-5000px;overflow:hidden;
		width:150px;height:35px;}
a:hover.bncad{background-position:0px -35px;}

a.bnacademic{background:url(./image/bn-academic.png) no-repeat;display:block;text-indent:-5000px;overflow:hidden;
		width:150px;height:35px;}
a:hover.bnacademic{background-position:0px -35px;}

a.bnuser{background:url(./image/bn-user.png) no-repeat;display:block;text-indent:-5000px;overflow:hidden;
		width:150px;height:35px;}
a:hover.bnuser{background-position:0px -35px;}

a.bnstore{background:url(./image/bn-store.png) no-repeat;display:block;text-indent:-5000px;overflow:hidden;
		width:150px;height:35px;}
a:hover.bnstore{background-position:0px -35px;}

a.next{background:url(./product/image/icon-next.png) no-repeat;display:block;text-indent:-5000px;overflow:hidden;
		width:46px;height:21px; float:right;}
a:hover.next{background-position:0px -21px;}