/* Init
-------------------------------------*/
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 0; padding-top: 5px; padding-bottom: 5px; }

body {
   text-align: center;
   font-size: 10pt;
   font-family: 'メイリオ', Verdana;
   line-height: 120%;
   color: #404040;
}

table { font-size: 10pt; }

a:link {
   color: #006a92;
}

a:visited {
   color: #709403;
}

a:hover {
   color: #ec7c00;
}

a:active {
   color: #ec7c00;
}

.pointed {
   background-image: url(../img/common/pointer.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 12px;
}

.notice {
   color: #ff6115;
}
.low {
   font-size: 8pt;
}

ol, ul {
   padding-left: 22px;
   *padding-left: 0;
   margin: 0;
   *margin-left: 25px;
}

.clearfix:after {
   content: url(../img/common/blank.gif);
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}
.clearfix {
   display: inline-block;
}
/* for mac ie \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end for mac ie */


/* Container
-------------------------------------*/
#container {
}

/* Header
-------------------------------------*/
#header {
   position: relative;
   text-align: center;
   background-image: url(../img/common/header_bg.gif);
   background-repeat: repeat-x;
   background-position: top left;
   height: 110px;
}

#header h1 {
   position: relative;
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;

   background-image: url(../img/common/title.jpg);
   background-repeat: no-repeat;
   background-position: top left;
   height: 110px;
}

#header h1 a {
   left: 0;
   top: 0;
   display: block;
   text-indent: -9999px;
   height: 110px;
   width: 140px;
}

#header p {
   display: none;
}

#header div#language{
   position: absolute;
   width: 800px;
   margin: 0 auto;
   left: 50%;
   top: 0;
   margin-left: -400px;
}
#header div#language ul,
#header div#language ul li,
#header div#language ul li a{display: block;}
#header div#language ul{
   position: absolute;
   left: 470px;
   top: 0;
   width: 330px;
   height: 53px;
   background: url(../img/common/language.jpg) no-repeat;
}
#header div#language ul li,
#header div#language ul li a{
   width: 103px;
   height: 47px;
}
#header div#language ul li{
   position: absolute;
   top: 2px;
}
#header div#language ul li#jp{left: 103px;}
#header div#language ul li#en{left: 209px;}
#header div#language ul li a{
   text-indent: -9999px;
   overflow: hidden;
}

#header-menu-container {
   background-image: url(../img/common/header_menu_bg.gif);
   background-repeat: repeat-x;
   background-position: top left;
   height: 138px;
}

#header-menu-container #header-menu {
   background-image: url(../img/common/header_menu_bg2.jpg);
   background-repeat: no-repeat;
   background-position: center;
   height: 138px;
}

#header-menu div#header-menu-list,
#header-menu div#header-menu-title,
#header-menu div#header-menu-here {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
}

#header-menu div#header-menu-list ul {
   margin: 0; padding: 0;
   list-style-type: none;
   height: 36px;
   margin-left: 210px;
}
#header-menu div#header-menu-list ul li {
   float: left;
}

#header-menu div#header-menu-list ul li a {
   display: block;
   width: 116px;
   height: 35px;
   text-indent: -9999px;
   overflow: hidden;
}

#header-menu h2 {
   text-align: left;
   font-size: 14pt;
   font-weight: bold;
   color: #fff;
   font-family: 'メイリオ', Verdana, Arial;
   line-height: 59px;
   padding-left: 20px;
}

#header-menu div.here {
   line-height: 38px;
}
#header-menu div.here ul {
   margin: 0; padding: 0;
   list-style-type: none;
   text-align: left;
   padding-left: 20px;
   font-size: 8pt;
   color: #3a527b;
}
#header-menu div.here ul li {
   display: inline;
   background-image: url(../img/common/header_menu_here_sep.gif);
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 10px;
}

#header-menu div.here ul li:first-child {
   padding-left: 0;
   background: none;
}

#header-menu div.here ul li a {
   color: #3a527b;
}

/**/
#header-menu-container #header-menu2 {
   background-image: url(../img/common/header_menu_bg2.jpg);
   background-repeat: no-repeat;
   background-position: center;
   height: 138px;
}

#header-menu2 div#header-menu-list,
#header-menu2 div#header-menu-title,
#header-menu2 div#header-menu-here {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
}

#header-menu2 div#header-menu-list ul {
   margin: 0; padding: 0;
   list-style-type: none;
   height: 36px;
   margin-left: 327px;
}
#header-menu2 div#header-menu-list ul li {
   float: left;
}

#header-menu2 div#header-menu-list ul li a {
   display: block;
   width: 116px;
   height: 35px;
   text-indent: -9999px;
}

#header-menu2 h2 {
   text-align: left;
   font-size: 14pt;
   font-weight: bold;
   color: #fff;
   font-family: 'メイリオ', Verdana, Arial;
   line-height: 59px;
   padding-left: 20px;
}

#header-menu2 div.here {
   line-height: 38px;
}
#header-menu2 div.here ul {
   margin: 0; padding: 0;
   list-style-type: none;
   text-align: left;
   padding-left: 20px;
   font-size: 8pt;
   color: #3a527b;
}
#header-menu2 div.here ul li {
   display: inline;
   background-image: url(../img/common/header_menu_here_sep.gif);
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 10px;
}

#header-menu2 div.here ul li:first-child {
   padding-left: 0;
   background: none;
}

#header-menu2 div.here ul li a {
   color: #3a527b;
}

/* Footer
-------------------------------------*/
#footer {
   clear: both;
   text-align: center;
   color: #5e2626;
   font-size: 10pt;
   font-weight: normal;
   background-image: url(../img/common/footer_bg.gif);
   background-repeat: repeat-x;
   background-position: bottom center;
}

#footer div#footer-menu {
   padding-top: 50px;
   padding-bottom: 10px;
}
#footer div#footer-menu ul {
   margin: 0; padding: 0;
   list-style-type: none;
}
#footer div#footer-menu ul li {
   margin: 0; padding: 0;
   display: inline;
   background-image: url(../img/common/footer_menu_sep.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 8px;
   padding-right: 2px;
}
#footer div#footer-menu ul li:first-child {
   background: none;
   padding-left: 0;
}

#footer div#footer-menu ul li a:link, #footer div#footer-menu ul li a:visited {
   font-size: 8pt;
   color: #3a527b;
   text-decoration: none;
}
#footer div#footer-menu ul li a:hover, #footer div#footer-menu ul li a:active {
   color: #af5606;
   text-decoration: underline;
}

#footer div#copyright p {
   margin: 0; padding: 0;
}

#footer div#copyright p#copyright-jpp {
   color: #3a527b;
   font-size: 7pt;
   line-height: 24px;
}
#footer div#copyright p#copyright-mbti {
   color: #fff;
   font-size: 7pt;
   line-height: 30px;
}

/* Contents
-------------------------------------*/
#main-container {
   clear: both;
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}

#main {
   padding: 20px;
}

#main div.comingsoon {
   text-align: center;
   margin: 100px;
   text-align: center;
}

#main h3 {
   background-image: url(../img/common/point.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 20px;
   font-size: 11pt;
   color: #3a527b;
   font-weight: bold;
   margin-bottom: 15px;
}

/* Ask
-------------------------------------*/
dl.idx-ask{
margin:0 auto;
width:714px;
}

dl.idx-ask p{
line-height:1.8em;
}

dl.idx-ask dt{
width:714px;
height:40px;
text-indent:-9999px;
   background-repeat: no-repeat;
}

dl.idx-ask dt.ttl-idxask1{
   background-image: url(../img/ask/ttl-idxask1.jpg);
}

dl.idx-ask dt.ttl-idxask2{
   background-image: url(../img/ask/ttl-idxask2.jpg);
}

dl.idx-ask dd{
margin:0 20px 10px;
}

dl.idx-ask dd.btn-ask {
width:244px;
height:44px;
margin-bottom:50px;
}

dl.idx-ask dd.btn-ask a{
margin-left:210px;
display:block;
width:244px;
height:44px;
text-indent:-9999px;
background-repeat: no-repeat;
}

dl.idx-ask dd.btn-ask a#jpp{
   background-image: url(../img/ask/btn-ask.jpg);
}

dl.idx-ask dd.btn-ask a#auth{
   background-image: url(../img/ask/btn-ask-auth.jpg);
}

dl.idx-ask dd.btn-ask a:hover{
background-position:0 -44px;
}

#askinfo{
   width: 714px;
   border: solid 1px #ddd;
   background: #eee;
   margin-left: 21px;
}
#askinfo h4{
   padding: 20px 20px 0;
}
#askinfo p{
   padding: 10px 20px 20px;
}


/* Products
-------------------------------------*/
#products div{
	width: 760px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #f3f3f3;
}
#products div h3{
	height: 21px;
	text-indent: -9999px;
	overflow: hidden;
}
#products div h4,
#products div p{
	margin-left: 20px;
}
#products div h4{
	font-size: 14px;
	font-weight: bold;
	color: #3a527b;
}
#products div p{
	font-size: 12px;
	margin-top: 5px;
}

/*p1*/
#p1{position: relative;}
#p1 h3{background: url(../img/products/h3_01.gif);}
#products div#p1 p#fax{
	font-size: 20px;
	color: #777777;
}
#products div#p1 p#fax strong{
	font-weight: normal;
	color: #1e8c57;
}
#products div#p1 div,
#products div#p1 div a{
	width: 335px;
	height: 108px;
}
#products div#p1 div{
	position: absolute;
	top: 27px;
	left: 429px;
	background: url(../img/products/btn_01.gif) no-repeat;
	padding: 0;
	border: none;
}
#products div#p1 div a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#products div#p1 div a:hover{
	background: #fff;
	opacity:0.3;
	filter: alpha(opacity=30);
}

#products div#p2 h4{margin-top: 15px;}
#products div#p2 p#fax{
	font-size: 20px;
	color: #777777;
}
#products div#p2 p#fax strong{
	font-weight: normal;
	color: #1e8c57;
}
#products div#p2 div,
#products div#p2 div a{
	width: 335px;
	height: 108px;
}
#products div#p2 div{
	background: url(../img/products/btn_01.gif) no-repeat;
	padding: 0;
	margin: 10px auto;
	border: none;
}
#products div#p2 div a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
#products div#p2 div a:hover{
	background: #fff;
	opacity:0.3;
	filter: alpha(opacity=30);
}

.table1{
   width: 730px;
   background: #ddd;
   margin: 15px 0 0 20px;
}
.table1 th,
.table1 td{
   text-align: left;
   vertical-align: middle;
   padding: 5px 7px;
}
.table1 th{
   background: #eaeaea;
}
.table1 td{
   background: #fff;
}
.table1 td span{font-size: 8px;}

.alc{text-align: center !important;}




