@charset "utf-8";
/* -------------------------------------------- */

p,div,h1,h2,h3,h4,dt,dd,dl,ul,ol,li,form,button {margin:0;padding:0;text-align:left; font-family:"lr oSVbN", Osaka, "qMmpS Pro W3";}
li {list-style-type:none;}
img {border:none; line-height:0;}
a{text-decoration:underline; color:#666666;}
a:hover {text-decoration:none; color:#666666;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show; font-size:0.9em;}

.hide{display:none;}
.clear {clear:both;}
.noboder{border:none;}

p{font-size:1.0em; line-height:1.3em;}

/* inline-position
------------------------------------*/
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}

/* float
-----------------------------------*/
.right{float:right;}
.left{float:left;}

.ex1{margin-top:50px;}

/* color
----------------------------------*/
.or{color:#FF9900;}


/* COMMON
-----------------------------------*/
body{margin:0 auto 0 auto; text-align:center; background-color:#FFFFFF; font-size:0.8em; color:#666666;}
#wrap{width:900px; margin:10px auto 0 auto;}
#contentWrap{width:900px; background:url(../img/cmn/bg.gif) left top repeat-y; overflow:auto; margin:0 auto 0 auto;}
#content{float:left; width:100%; margin-right:-180px;}
#menu{float:right; width:180px; text-align:center;}
#main{float:right; width:100%; margin-left:-180px;}
#left{float:left; width:180px; background-color:#466386; height:100%; margin-bottom:0; padding-bottom:0; position:relative; padding-top:12px;}
#left .click{position:absolute; left:5px; top:100px; width:170px; height:65px;}
#main #hnbn{width:510px; margin:15px 195px 0 195px;}

#main * {margin:0 180px 0 180px;}
#main * * {margin:0;}

#logo{height:260px; background-color:#FFFFFF;}
#logo img{margin-top:88px;}


#menu ul{background-color:#FFFFFF; border-top:solid 12px #999999;}
#menu ul li{background-color:#FFFFFF;}
#menu .bnr{margin:10px 0;}
#menu .bnr img{margin-bottom:5px;}
#footer{width:100%; border-top:solid 1px #666666; background-color:#FFFFFF;}
#footer p{text-align:center; color:#666666; margin:5px 0 5px 0; clear:both;}

h2.title{color:#466386; font-size:1.2em; padding-bottom:10px;}
h2.title2{color:#466386; font-size:1.2em; padding:10px 0;}

/* CONTENTS
--------------------------------------*/
#hnbn{padding-bottom:15px;}
#hnbn .bnr img{margin-bottom:15px;}

ul.info{margin-top:15px;}
ul.info li{list-style:none url(../img/index/arrow.gif) inside; line-height:1.6em; border-bottom:dashed 1px #666666; padding-bottom:2px;}

#loginWrap{width:170px; margin:385px 0 0 4px;}
* html body #loginWrap{width:170px; margin:400px 0 0 0px;}
#login{width:170px; height:104px; margin:0 0 5px 0; background:url(../img/index/bg_login.gif) left top no-repeat;}
#login table{width:164px; height:83px; margin:15px 15px 8px auto; vertical-align:bottom;}
#login td{margin:0; height:25px;}
#login .box{height:16px; width:150px; padding:0;}
#login .btn{height:22px; padding:0;}
* html body #login{width:170px; height:89px; background:url(../img/index/bg_login.gif) left top no-repeat; margin:0 0 0 1px;}

#company{width:100%; text-align:left;}
#company td{border:solid 1px #333333; padding:5px 0 5px 10px;}
#company th{border:solid 1px #333333; background-color:#CCCCCC; padding:5px 0 5px 10px; font-weight:normal;}
#company table.noboder{font-size:1.0em;}
#company .noboder td{border:none; padding:3px 0;}
#company .noboder th{border:none; padding:3px 0;}

#prog{border-bottom:dashed 1px #999999; padding-top:10px;}
#prog .title{color:#466386; font-size:1.1em; font-weight:normal;}
#prog .star{font-size:1.1em;}
#prog .btn{margin-left:425px; padding-bottom:5px; display:block;}

h2.mainte{color:#466386; font-size:1.2em; padding-bottom:10px;}
.maintesample{border:solid 1px #666666; padding:5px;}
.maintesample h3{color:#466386; font-size:1.3em;}
.maintesample img{float:left; padding-right:5px;}
.maintesample p{line-height:1.1em;}

#contactForm .width200px{width:200px;}
#contactForm .width280px{width:280px;}

#price{margin-left:50px;}
#price .box{width:403px; border:solid 1px #466386; background:url(../img/price/bg_price.gif) top left no-repeat; margin-bottom:10px;}
#price .box h2{font-size:14px; color:#FFFFFF; padding:7px 0 5px 5px; float:left;}
#price .box p.price{text-align:right; padding:7px 5px 5px 0; line-height:14px; color:#000000; font-weight:bold;}
#price .box p.hnbn{padding:0 5px 9px 5px; line-height:14px; color:#666666; font-weight:bold;}

h2.privacy{background-color:#CCCCCC; height:25px; line-height:25px; color:#666666; font-size:12px; padding-left:15px; letter-spacing:0.2em;}
#privacy p{padding:10px 0;}
#privacy ul{padding-bottom:10px; line-height:1.3em;}

#access img{margin:0 auto 0 auto; display:block;}

#jisseki{}
#jisseki .box{border-bottom:dashed 1px #999999; padding:10px 0;}
#jisseki .box h2{color:#466386; font-size:1.2em;}
#jisseki .box img{float:left; margin-right:5px;}
#jisseki .box p{margin:3px 0;}

h2.step{color:#466386; font-size:1.2em; padding-bottom:10px;}
#step{margin-top:10px;}
#step img{margin:0 auto 0 auto; display:block;}

#sitemap{}
#sitemap ul{border-left:solid 1px #466386; margin-left:60px;}
#sitemap ul li{padding:0 0 10px 10px;}
#sitemap a{color:#466386;}
#sitemap p{padding:10px 0;}
#sitemap p.title{padding:10px 0 10px 20px;}

#system{width:383px; margin:20px 0 10px 65px; background:url(../img/system/bg.gif) left top no-repeat; border:solid 1px #999999; padding-top:65px;}
#system .left{width:170px; margin-left:5px;}
#system .right{width:170px; float:right; margin-right:5px;}
#system .about{font-size:1.0em; font-weight:bold; color:#990000; margin:5px 0;}
#system .inner{background-color:#FFFFFF;}
#system .inner img{margin:0 auto 0 auto; display:block;}
#system .about2{margin:7px 0 7px 5px; font-weight:bold; font-size:1.1em;}
#system .box{margin:5px; border:solid 1px #999999; padding:5px;}

#hnbn ul.shortcut {
	display: inline;
	margin-left:45px;}


.shortcut li{
	display: inline;
	list-style-image: none;
	list-style-type: none;
	padding: 0px 2px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 9pt;
	font-weight: bold;
}