@charset "utf-8";
body {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 145%;
	text-align: center;
	background: #ccc;
	font-family: "arial";
}
textarea, pre {
	font-family: "arial";
}
h1 {
	margin: 0px 0px 0px 0px;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 12px;
	line-height: 12px;
	float: left;
}
h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 18px;
	color: #333333;
}
h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
}
h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 21px;
	font-size: 12px;
	font-weight: normal;
	line-height: 145%;
	background: url("../img/ja/h3.gif") 0px 2px no-repeat;
}
h4 strong {
	color: #000000;
}
h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	font-weight: normal;
	line-height: 145%;
	float: right;
}
h5 img {
	vertical-align: bottom;
}
h6 {
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: normal;
	line-height: 11px;
	height: 11px;
	display: block;
	float: left;
}
h6 a:link, h6 a:visited {
	text-decoration: none;
	background-repeat: no-repeat;
	height: 11px;
	display: block;
}
h6 a:hover {
	text-decoration: none;
	background-position: 0px -11px;
}
p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 32px 0px;
	font-size: 12px;
	line-height: 145%;
}
span {
	visibility: hidden;
}
strong {
	color: #CC0000;
}
img {
	border: none;
}
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

pre {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 145%;
}
a:link, a:visited {
	text-decoration: none;
	color: #0E96A8;
}
ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 25px;
	list-style-type: none;
}
ul li{
	margin: 0px 0px 0px 0px;
	height: 26px;
	width: 106px;
	float: right;
}
ul li a:link, ul li a:visited {
	color: #000000;
	text-align: center;
	background-repeat: no-repeat;
	height: 26px;
	width: 106px;
	display: block;
}
ol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	height: 25px;
	list-style-type: none;
}
ol li {
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
	height: 25px;
	float: right;
}
ol li a:link, ol li a:visited {
	background-repeat: no-repeat;
	height: 25px;
	display: block;
}
ol li a:hover {
	background-position: 0px -25px;
}
.bikou {
	background: none;
}
.formp{
	padding-bottom: 10px;
}
/* layout */
#wrapper {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-position: center;
	width: 630px;
}
#cont {
	margin-bottom: 20px;
	padding: 20px 10px 20px 10px;
	background: #fff;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	clear: both;
	font-size: 12px;
}
#cont2 {
	margin-bottom: 20px;
	padding 20px 10px 20px 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	height: 320px;
	clear: both;
}
#cont ol, #cont2 ol {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px;
	font-size: 12px;
	line-height: 145%;
	height: auto;
	list-style-type: none;
}
#cont ol li, #cont2 ol li {
	margin: 0px 0px 0px 0px;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-left: 12px;
	border: none;
	text-align: left;
	background: url("../img/ja/li.gif") 0px 5px no-repeat;
	height: auto;
	width: auto;
	float: none;
}
#cont ol li a, #cont2 ol li a {
	display: inline;
}
#cont h6, #cont2 h6 {
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #999999;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	height: auto;
	width: 550px;
	float: none;
}
#logo {
	padding-bottom: 25px;
	padding-left: 12px;
	padding-top: 1px;
}
#form {
	margin-right: auto;
	margin-left: auto;
	width: 550px;
}
#err {
	padding-left: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	color: #333333;
	font-size: 12px;
	font-weight: bolder;
	background: url("../img/ja/logico.gif") 20px 2px no-repeat;
	width: 550px;
}
#foot {
	padding-bottom: 11px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
	background: url("../img/ja/copy.gif") right bottom no-repeat;
	clear: both;
}
#h1 {
	background-image: url("../img/ja/btn1.gif");
	width: 90px;
	line-height: 0;
}
#h2 {
	background-image: url("../img/ja/btn2.gif");
	width: 90px;
	line-height: 0;
}
#h3{
	background-image: url("../img/ja/btn3.gif");
	width: 80px;
	line-height: 0;
}
#f1 {
	background-image: url("../img/ja/foot1.gif");
	width: 89px;
}
#f2 {
	background-image: url("../img/ja/foot2.gif");
	width: 53px;
}
#f3 {
	background-image: url("../img/ja/foot3.gif");
	width: 63px;
}
/* table */
table {
	font-size: 12px;
	margin-bottom: 45px;
	line-height: 125%;
	background-color: #666666;
	width: 720px;
	clear: both;
}
th {
	padding: 5px 7px 4px 7px;
	font-weight: normal;
	background-color: #EBE9DF;
	text-align: left;

}
td {
	padding: 5px 7px 4px 7px;
	background-color: #FFFFFF;
	vertical-align: middle;
}
#ts th {
	padding: 6px 0px 6px 0px;
	background-color: #FFFFFF;
	text-align: center;
}
#t1 th {
	padding: 5px 0px 4px 0px;
	font-weight: normal;
	background-color: #FFFFFF;
	text-align: center;
}
#t1 td {
	padding: 5px 7px 4px 7px;
	background-color: #EBE9DF;
	background-position: center;
}
#t2 th {
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
	text-align: center;
}
thead th, thead td, #t1 thead th, #t1 thead td, #t2 thead th {
	padding-top: 3px;
	padding-bottom: 2px;
	background-color: #CCCCCC;
}
#t3 {
	margin-bottom: 20px;
}
#t3 thead th {
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 2px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
}
#t3 thead th a:link, #t3 thead th a:visited {
	color: #FFFFFF;
}
#t3 thead th a:hover {
	color: #FF9900;
}
#t3 thead th input {
	vertical-align: middle;
}
#t3 thead td {
	padding-top: 5px;
	padding-bottom: 4px;
	padding-left: 0px;
	color: #FFFFFF;
	text-align: right;
	background-color: #666666;
}
#t4 th {
	background-color: #EBE9DF;
}
#t4 td {
	text-align: center;
	background-color: #FFFFFF;
}
#t4 thead th {
	text-align: center;
	background-color: #CCCCCC;
}
#t4 thead td {
	background-color: #CCCCCC;
}
#t5 td {
	padding-top: 5px;
	padding-bottom: 5px;
}
#t5 th {
	padding-right: 0px;
	line-height: 125%;
}

#form table {
	width:550px;
}
/* link */
#tab1 {
	margin: 0px 3px 0px 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background-color: #666666;
	width: 85px;
	float: left;
}
#tab1 a:link, #tab1 a:visited {
	color: #FFFFFF;
}
#tab1 a:hover {
	color: #FF9900;
}
#tab2 {
	margin: 0px 3px 0px 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	background-color: #EBE9DF;
	width: 85px;
	float: left;
}
#tab2 a:link, #tab2 a:visited {
	color: #000000;
}
#tab2 a:hover {
	color: #FF9900;
}
/* item */
.line {
	padding: 10px;
	border: 1px solid #999999;
	font-size: 12px;
}
.nosp {
	padding-bottom: 7px;
}
.nomg {
	margin-bottom: 10px;
}
.nomg select#view_mode {
	max-width: 410px;
	_width: 410px;
}
*+html body .nomg select#view_mode {
	width: 410px;
}
.nofl {
	clear: left;
}
.sp {
	padding-top: 5px;
	padding-bottom: 5px;
}
.pr1 {
	padding-bottom: 0px;
	float: right;
}
.pr2{
	padding: 0px 0px 10px 0px;
	text-align: right;
}
.pr3 {
	text-align: right;
}
.ce {
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}
.btn {
	text-align: center;
}
.ub {
	text-decoration: underline;
}
/* form */
.fm1 {
	font-size: 12px;
	width: 550px;
}
.fm2 {
	font-size: 12px;
	width: 300px;
}
.fm3 {
	font-size: 12px;
	width: 165px;
}
.fm4 {
	font-size: 12px;
	width: 410px;
}

label {
	display: block;
	float: left;
	width: 40px;
}
.stxt {
	font-size: 10px;
	color: #000000;
}
/*subMenu*/
ol.subMenu {
	position: relative;
	top: 5px;
	left: 15px;
}
ol.subMenu li{
	background-image: none;
	width: 100px;
	height: 20px;
	display: block;
}
div#cont ol.subMenu li a {
	color: #666666;
	background-image: none;
}
div#cont ol.subMenu li a:hover {
	color: #333333;
	text-decoration: underline;
}
/*tubMenu*/
#tabmenu_con {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-left: 1px #C8C8C8 solid;
	border-right: 1px #C8C8C8 solid;
	border-bottom: 1px #C8C8C8 solid;
	width: 700px;
}
#tabmenu1 {
	margin-left: auto;
	margin-right: auto;
	height: 26px;
	width: 702px;
}
#tabmenu2 {
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #C8C8C8 solid;
	background: url("../../img/ja/tabmenu_submenu1.gif") left bottom no-repeat;
	height: 26px;
	width: 701px;
}
#tabmenu2-2 {
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #C8C8C8 solid;
	background: url("../../img/ja/tabmenu_submenu1.gif") left bottom no-repeat;
	height: 26px;
	width: 701px;
}
#tabmenu_spacer {
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #C8C8C8 solid;
	background: url("../../img/ja/tabmenu_spacer.gif");
	height: 6px;
	width: 701px;
}
#tabmenu_submenu1 {
	margin-left: auto;
	margin-right: auto;
	border-left: 1px #C8C8C8 solid;
	border-right: 1px #C8C8C8 solid;
	height: 50px;
	width: 700px;
}
#tabmenu_submenu2 {
	height: 40px;
	width: 110px;
}
#tabmenu_submenu2 li {
	margin-top: 1px;
	padding-top: 0px;
	font-size: 12px;
	height: 15px;
	width: 45px;
	display: block;
	float: left;
	list-style-type: none;
	list-style: none;
}
#tabmenu_submenu2 li a:link, #tabmenu_submenu2 li a:visited {
	color: #999999;
	text-decoration: underline;
	background-repeat: no-repeat;
	height: 15px;
}
#tabmenu_submenu2 li a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
	text-decoration: underline
}
#tabmenu_submenu2 li a.on {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
}
#tabmenu2-2 li a:link, #tabmenu2-2 li a:visited {
	color: #000000;
	background-repeat: no-repeat;
}
#tabmenu2-2 li a:hover {
	color: #000000;
}
#tabmenu2-2 li a.on2 {
	color: #000000;
	text-decoration: none;
}
#m3{
	background: url("../../img/ja/tab_html.gif") 0px -26px no-repeat;
	width: 106px;
}
#m3-2 {
	background: url("../../img/ja/tab_html.gif") 0px -0px no-repeat;
	width: 106px;
}
#m4 {
	background: url("../../img/ja/tab_html.gif") 0px -52px no-repeat;
	width: 106px;
}
#m5 {
	background: url("../../img/ja/tab_html.gif") 0px -78px no-repeat;
	width: 106px;
}
#m6 {
	background: url("../../img/ja/tab_mail.gif") no-repeat;
	width: 106px;
}
#m6-2 {
	background: url("../../img/ja/tab_mail.gif") no-repeat;
	width: 106px;
}
#m7 {
	background: url("../../img/ja/tab_mail.gif") 0px -78px no-repeat;
	width: 106px;
}
#m8 {
	background: url("../../img/ja/tab_mail.gif") 0px -52px no-repeat;
	width: 106px;
}
#m9 {
	background: url("../../img/ja/tab_mail.gif") 0px -26px no-repeat;
	width: 106px;
}
#mform {
	background: url("../../img/ja/tab_form.gif") no-repeat;
	width: 106px;
}
#mform_on {
	background: url("../../img/ja/tab_form.gif") 0px -26px no-repeat;
	width: 106px;
}
#memptymail {
	background: url("../../img/ja/tab_emptymail.gif") no-repeat;
	width: 106px;
}
#memptymail_fix{
	background: url("../../img/ja/tab_emptymail.gif") 0px -26px no-repeat;
	width: 106px;
}
#m3-2:hover {
	text-decoration: none;
	background-position: 0px -130px;
}
#m4:hover {
	text-decoration: none;
	background-position: 0px -104px;
}
#m6-2:hover {
	text-decoration: none;
	background-position: 0px -52px;
}
#m6-2.hover {
	text-decoration: none;
	background-position: 0px -52px;
}
#m7:hover {
	text-decoration: none;
	background-position: 0px -52px;
}
#m7.hover {
	text-decoration: none;
	background-position: 0px -52px;
}
#m9:hover {
	text-decoration: none;
	background-position: 0px 0px;
}
#memptymail:hover {
	text-decoration: none;
	background-position: 0px -26px;
}
#mform_on:hover {
	text-decoration: none;
	background-position: 0px 0px;
}
.tab_sub1{
  margin-left: 396px;
}
.tab_sub2{
  margin-left: 503px;
}
.tab_sub3{
  margin-left: 590px;
  text-align: right;
}
ul.btn {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
	line-height: 16px;
	list-style-type: none;
}
ul.btn li {
	margin: 0px 0px 0px 4px;
	height: 22px;
	width: 120px;
	float: right;
}
ul.btn li a:link, ul.btn li a:visited {
	padding-top: 3px;
	color: #FFFFFF;
	text-align: center;
	background: url("../img/ul.gif") no-repeat;
	display: block;
	height: 19px;
	width: 120px;
}
ul.btn li a:hover {
	color: #FFFFFF;
	background-position: 0px -22px;
}