icharset "utf-8";

/* hpbsite */
/*------------ table style set ------------*/
.hpb-cnt-tb1{
  background-color: #cccccc;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
}
.hpb-cnt-tb2{
  background-color: #cccccc;
  border: 1px solid #cccccc;
}
.hpb-cnt-tb3{
  background-color: #cccccc;
  border: 0px solid #cccccc;
}
.hpb-cnt-tb-th1 {
  background-color: #cccccc;
  font-size: 80%;
  color: #333333;
  border-top-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
}
.hpb-cnt-tb-th2 {
  background-color: #CCCCCC;
  font-size: 80%;
  color: #333333;
  border: 0px solid #cccccc;
}
.hpb-cnt-tb-cell1 {
  background-color: #EEEEEE;
  font-size: 80%;
  color: #333333;
  border-top-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
}
.hpb-cnt-tb-cell2 {
  background-color: #FFFFFF;
  font-size: 80%;
  color: #333333;
  border-top-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
}
.hpb-cnt-tb-cell3 {
  background-color: #EEEEEE;
  font-size: 80%;
  color: #333333;
  border: 0px solid #cccccc;
}
.hpb-cnt-tb-cell4 {
  background-color: #FFFFFF;
  font-size: 80%;
  color: #333333;
  border: 0px solid #cccccc;
}
.hpb-cnt-tb-cell5 {
  background-color: #FFFFFF;
  font-size: 80%;
  color: #333333;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #CCCCCC;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
  border-left-color: #CCCCCC;
}

img{border : 0px;}
h1,h2,h3,h4,h5,h6,dt{
	color : #1f1f3f;
}

p {
	margin:0px;
	padding:0;
}

h1 {
	font-size: 100%;
	margin: 0;
	padding:0;
	font-weight: bold;
}
h1 img {
	margin: 0;
	padding:0;
	font-weight: normal;
}
h2 {
	margin: 0;
	padding:0;
	font-weight: bold;
	text-align: center;
	font-size: 100%;
	background-color : #99ccff;
}
h3 {
	margin: 0;
	padding:0;
	font-weight: normal;
	font-size: 80%;
	background-color : #66ccff;
}
H4{
  font-style : italic;
}
li {
	margin: 10px 0px 10px 40px;
	list-style-type: none;
}
a { color: #333333; }
a:link { color: #333333;}
a:visited { color: #333333; }
a:hover, active {
	color: #FF9900;
	text-decoration: underline;
}
/* bodyの背景 */
body {
	font-size: 100%;
	margin-left: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
/*	background-image : url(../images/bg.jpg); */
	background-color:#ffffff;
	background-repeat: repeat-x;
	}


/* コンテンツ領域 */
#MAINbase {
	width: 720px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-image : url(../images/main-bg.gif);
	background-repeat: repeat-y;
}
#SUBbase {
	width: 720px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-image : url(../images/SUBmain-bg.gif);
	background-repeat: repeat-y;
}
/* 上部帯状のロゴ */
#SUB-flash {
	width: 720px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	}

/* body直後のテキスト */
#TOP-copy {
	width: 718px;
	background-color: #ccffff;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}
#TOP-copyTXT {
	width: 700px;
	font-size: 75%;
	text-align: left;
	padding: 5px;
	}

/* menu */	

#menu {
	width: 720px;
	text-align: center;
	}
.menu {
	font-size:90%;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	height:25px;
	position:relative;
	margin: 0;
	padding: 0;
	}

#menu1 {
	position:absolute;
	left:0;
	top:0;
	}

#menu2 {
	position:absolute;
	left:120px;
	top:0;
	}

#menu3 {
	position: absolute;
	left: 240px;
	top:0;
	}

#menu4 {
	position: absolute;
	left: 360px;
	top:0;
	}

#menu5 {
	position: absolute;
	left: 480px;
	top:0;
	}

#menu6 {
	position: absolute;
	left: 600px;
	top:0;
	right: 0;
	bottom: 0;
	}


.menu a {
        color: black;
        border-top:solid 1px #cccccc;
        border-right:solid 1px #cccccc;
        width: 109px;
        padding: 5px;
        font-size: 90%;
        background-color:#6699ff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#77aaff), to(#4477dd));
        text-decoration:none;
        display:block;
	}
.menu a:visited { color: #4F4F4F; }

.menu a:hover {
        background-color:#182769;
        color: #FFFFFF;
	;}

.submenu {
	visibility: hidden;
	position:absolute;
	left:0
	;}

.submenu a {
	background-color:#6699ff;
	color: black;
	border-top:solid 1px #cccccc;
	width: 150px;
	padding: 5px;
	font-size: 90%;
	text-decoration: none;
	}
.submenu a:hover {
	/*background-color:#003f7f;*/
	background-color:#182769;
	color: #FFFFFF;
	}
.menu span {
	color:#c5e1ed;
	display:none
	;}

/* 階層メニュー */

#SUB-rireki {
	width: 718px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	background-color: #ffffff;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}
#SUB-rirekiTXT {
	width: 700px;
	font-size: 70%;
	text-align: left;
	padding: 5px;
	color: #3f3f3f;
	}
#SUB-rirekiTXT a:hover, active {
	color: #000000;
	text-decoration: underline;
}

/* main 領域 */

#main {
	width: 720px;
	text-align: left;
	margin: 0;
	padding: 0;
	}

/* 本文左領域 */
#SUB-left {
	left:0;
	top:0;
	width: 520px;
	float: left;
	}

.SUBimageTXT {
	line-height: 130%;
	font-size: 95%;
	left:0;
	top:0;
	width: 490px;
	color: #FFFFFF;
	background-color: #0000cc;
	height: 22px;
	background-repeat: no-repeat;
	margin: 5px 0px 5px 15px;
	padding-left: 5px;
	padding-top: 2px;
	}
.SUBimageTXT2 {
	line-height: 130%;
	font-size: 95%;
	left:0;
	top:0;
	width: 490px;
	color: #FFFFFF;
	background-color: #000066;
	height: 22px;
	background-repeat: no-repeat;
	margin: 5px 0px 5px 15px;
	padding-left: 5px;
	padding-top: 2px;
	}
.SUBimageTXT3 {
	line-height: 130%;
	font-size: 85%;
	left:0;
	top:0;
	width: 490px;
	color: #FFFFFF;
	background-color: #0033cc;
	height: 22px;
	background-repeat: no-repeat;
	margin: 5px 0px 5px 15px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 0px;
	}
.SUBimageTXT4 {
	line-height: 130%;
	font-size: 78%;
	left:0;
	top:0;
	width: 490px;
	color: #FFFFFF;
	background-color: #003366;
	height: 22px;
	background-repeat: no-repeat;
	margin: 5px 0px 5px 15px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 0px;
	}
.SUBimageTXT5 {
	line-height: 130%;
	font-size: 85%;
	left:0;
	top:0;
	width: 435px;
	color: #FFFFFF;
	background-image : url(../images/showcase-Title-bg.gif);
	height: 22px;
	background-repeat: no-repeat;
	margin: 5px 0px 5px 15px;
	padding-top: 5px;
	padding-left: 70px;
	padding-right: 0px;
	}

.SUBTXT {
	line-height: 130%;
	font-size: 95%;
	left:0;
	top:0;
	width: 475px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-right: 0px;
	padding: 2px 2px 2px 10px;
	color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #CC0000;
	}
.SUBTXT2 {
	line-height: 140%;
	font-size: 85%;
	left:0;
	top:0;
	width: 490px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 0px;
	padding: 10px 2px 10px 10px;
	color: #333333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #999999;
	border-bottom-color: #999999;
	}
.SUBTXT3 {
	line-height: 140%;
	font-size: 85%;
	left:0;
	top:0;
	width: 480px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 0px;
	padding: 10px 2px 10px 10px;
	color: #333333;
	}
.SUBTXT3 a { color: #669999; text-decoration: none; }
.SUBTXT3 a:link { color: #669999; }
.SUBTXT3 a:visited { color: #669999; }
.SUBTXT3 a:hover, active {
	color: #669999;
	text-decoration: underline;
}


/* 本文右領域 */
#main_right {
	top:0;
	float: left;
	width: 200px;
	left:519px;
	background-color: #cccccc;
	background-position: center;
	padding-bottom: 10px;
	}

#colum-txt {
	font-size:70%;
	width: auto;
	line-height: 150%;
	background-color: #ffffFF;
	margin: 0px 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 7px;
	text-decoration: none;
	padding-right: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	}
#colum-txt p {
	padding-top: 2px;
	padding-bottom: 2px;
	}

#main_right_bottom {
	width: 200px;
	left:519px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: none;
	float: right;
	}

/* 下部メニュー */
#footer-naviWak {
	width: 720px;
	background-color: #DDDCD5;
	clear: both;
	background-image : url(../images/footernavi-bg.gif);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	}
#footer-navi {
	width: 720px;
	background-color: #DDDCD5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	background-image : url(../images/footernavi-bg.gif);
	background-repeat: repeat-y;
	border-bottom-width: 0px;
	border-bottom-style: none;
	margin: 0px;
	padding: 0px;
	}

.footer-navi {
	width: 700px;
	font-size: 68%;
	text-align: left;
	padding: 5px;
	color: #666666;
	}
.footer-navi a { color: #666666; text-decoration: none; }
.footer-navi a:link { color: #666666; }
.footer-navi a:visited { color: #666666; }
.footer-navi a:hover, active {
	color: #666666;
	text-decoration: underline;
}

/* 下部社名など */
#footer {
	clear: both;
	width: 720px;
	height: 25px;
	font-size: 80%;
	color: #333333;
	padding-top: 5px;
	text-align: center;
	}

/* professional color */
#pro {
	background-color:#ffcccc;
	}
#l3g {
	background-color:#cccc66;
	}
#l2s {
	background-color:#cccccc;
	}
#l2b {
	background-color:#6699ff;
	}
#plus {
	background-color:#9999cc;
	}
#lite {
	background-color:#cccccc;
	}
#ltl {
	color:#ffffff;
	background-color:#00cccc;
	}
#buy {
	color:#ffffff;
	background-color:#990099;
	}
#attention {
	color:#ff0000;
	font-weight:bold;
	}

table {
  background-color: #cccccc;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
  border-collapse:collapse;
}
th {
  background-color: #EEEEEE;
  font-size: 80%;
  color: #333333;
  border-top-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
}
td {
  background-color: #FFFFFF;
  font-size: 80%;
  color: #333333;
  border-top-width: 0px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #cccccc;
  border-right-color: #cccccc;
  border-bottom-color: #cccccc;
  border-left-color: #cccccc;
          text-align:center;
        vertical-align:center;
}