@import "block.css";
@import "txt.css";

/* *  {
 margin: 0px;
 padding: 0px;
}*/

body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend, input, textarea,
p, blockquote,
th, td {
margin: 0;
padding: 0;
}

body { 
 margin: 0px auto 0px auto;
 text-align: center;  
 background: #000000;
}

#footer {
 margin: 0px;
 padding-top:20px;
 display:block;
 clear:both;
}

#footer ul {
 text-align:left;
 padding: 0px 0px 0px 20px;
 margin: 0px;
 border-bottom:#808080 solid 1px;
}

#footer ul li {
 display:inline;
}

#footer ul li img {
 margin: auto 20px 4px auto;
}

#footer img {
margin: 10px auto auto 617px;
}

/*                                                                            �@         clearfix 
-----------------------------------------------------------------------------------------------*/

.clearfix:after {
content    : "";
display    : block;
height     : 0;
visibility : hidden;
clear      : both;
}

.clearfix {
display : inline-block;
}

.clearfix {
display : block;
}

/*                                                                            �@              top 
-----------------------------------------------------------------------------------------------*/


#wrapper {
 margin: 0px auto 0px auto;
 text-align: center;
 background:url(../../img/flash_bc.gif) repeat-x;
 background-position: 0px 398px;
 display: block;
 clear: both;
}

#top2 {
 margin: 0px auto 0px auto;
 width: 991px;
 text-align: center;
 display:block;
 clear:both;
}


#top {
 margin: 0px auto 0px auto;
 width: 991px;
 text-align: center;
 display:block;
 clear:both;
}

#top #header {
 margin: 0px auto 0px auto;
 text-align: center;
 display:block;
 clear:both;
}

#top #header h1 .logo_a {
 float: left;
 margin: 20px auto 12px 22px;
}

#top #header h1 .logo_b {
 float: left;
 margin: 38px auto auto 20px;
}

h2 {
 float: right;
 font-size: 11px;
 color: #999999;
 padding: 38px 14px 0 0;
}

#top #flash {
 margin: 0px auto 0px auto;
}

#top #flash img {
 display:block;
 clear:both;
}

#top #under {
 background:url(../../img/back.gif) no-repeat top left;
 padding: 0px 0px 102px 0px;
}

#top #under #contents {
 padding-right: 40px;
}

#top #under #contents .news {
 float:left; 
 width:562px;
 text-align:left;
 padding: 32px 0 0 22px;
}

#top #under #contents .news dl  {
 text-align:left;
 display:block;
 clear:both;
 margin-bottom:14px;
}

#top #under #contents .news dl dt {
 float:left;
 width:105px;
 font-weight:bold;
 color:#999999;
}

#top #under #contents .news dl dd {
 background:url(../img/icon01.gif) no-repeat left;
 padding-left:10px;
 margin-left:105px;
}

#top #under #contents .news h3 {
 border-bottom:#999999 solid 1px ;
 margin-bottom: 18px;
 padding-bottom: 4px;
}

#top #under #contents .banner {
 float:right;
 margin: 22px auto auto auto;
}

#top #under #contents .banner ul li {
 margin-bottom:10px;
}

#wrapper02a {
 margin: 0px auto 0px auto;
 text-align: center;
 display: block;
 clear: both;
}


#wrapper02a #top2 h2 {
 float: right;
 font-size: 11px;
 color: #999999;
 padding: 5px 12px 0px 0px;
}

#wrapper02b {
 margin: 0px auto 0px auto;
 text-align: center;
 background:url(../img/hd_bk.gif) repeat-x top left;
 display: block;
 clear: both;
}

#top #header02 {
 margin: 0px auto 0px auto;
 text-align: right;
 display:block;
 clear:both;
 background:url(../img/hd_back.gif) no-repeat top left;
 height: 77px;
}

#top #header02 h1 {
 float:left;
 text-align: left;
}

#top #header02 h1 .logo_a {
 float: left;
 margin: 10px auto auto 20px;
}

#top #header02 h1 .logo_b {
 margin: 30px auto auto 12px;
}


#top #header02 .hd_menu {
 float: right;
 width:520px;
 margin: 0px auto 0px auto;
 padding: 0px;
}

#top #header02 .hd_menu li {
 display:inline;
 margin: 0px;
 padding: 0px;
}

#contents02 {
 margin: 0px auto 0px auto;
 background:#fff;
 padding: 30px 0 25px 20px;
 width: ;991px:
}

#contents02 table tr td,
#contents02 dt,
#contents02 dd,
#contents02 ul li {
 color: #000000;
}

#contents02 .h3box {
 text-align:left;
}

#contents02 h3 {
 width:941px; 
 height:33px;
 border-bottom: #000000 solid 1px;
 padding: 0px 4px 2px 4px;
}

#contents02 h3 .img_a {
 float:left;
 margin-top:6px;
}

#contents02 h3 .img_b {
 float:right;
 margin-top:14px;
}

#contents03 {
 margin: 0px auto 0px auto;
 text-align:left;
 background:#000000;
 padding: 30px 20px 25px 78px;
 width: ;991px:
}

#contents03 img{
 clear:both;
 display: block;
}

#contents03 .president {
 margin:40px auto auto 620px;
}

.totop {
 text-align:right; 
 padding:40px 20px 0 0;
}

.totop2 {
 text-align:right; 
 padding:20px 20px 0 0;
}

.totop3 {
 text-align:right; 
 padding:20px 0 0 0;
}


/*                                                                            �@          content 
-----------------------------------------------------------------------------------------------*/





/*                                                                         content inside company
-----------------------------------------------------------------------------------------------*/

.l_menu {
 width:240px; 
 float:left; 
 text-align:left; 
 padding:24px 0 0 10px;
}

.l_menu ul li {
 margin-bottom:5px;
}

.l_menu p.01 {
 border-top:#8a8381 1px solid; 
 padding-top:18px; 
 margin-top:18px;
}

.l_menu p.txt01 {
 border-top:#8a8381 1px solid; 
 padding-top:18px; 
 margin-top:18px;
 color:#000000;
}

.l_menu p.txt02 {
 color:#000000;
 font-size:11px;
}

.l_menu p.txt02 a {
 color:#000000;
 font-size:11px;
 text-decoration:underline;
}




.con {
 width:670px; 
 float:right;
 text-align:left;
 border-left:#000000 solid 1px;
 padding:20px 0 50px 30px;
}

.con h4 {
 width:648px; 
 background:url(../img/line.gif) repeat-x bottom left; 
 text-align:left; 
 padding-bottom:10px;
}

.summary {
 width:650px;
 border:0px;
}

.s_left {
 font-weight:bold; 
}

.s_right {
 border-left:#b1b1b1 solid 3px;
 padding:8px 0 8px 10px;
}

.anchor {
 padding-right:10px;
}

.anchor li {
 list-style: outside;
 display:inline;
 background:url(../img/icon02.gif) no-repeat left; 
 padding: 0px 0px 0px 14px;
 margin:auto auto auto 16px;
}

.anchor li a {
 color:#330000;
 border-bottom:#330000 solid 1px;
}

.dotto {
 background:url(../img/dotto.gif) repeat-x bottom left;
}

.dotto02 {
 background:url(../img/dotto.gif) repeat-x bottom left;
 color:#000000;
 padding:6px 0;
}

.victable {
 margin-top:40px;
}

.victable tr td {
 padding: 10px 4px;
}

h5 {
 background:url(../img/line02.gif) repeat-x center;
}

.develop {
 margin-top:35px;
}

.develop tr td {
 padding: 10px 15px 10px 4px;
}


/*                                                                        content inside products
-----------------------------------------------------------------------------------------------*/

.p_table01 {
 margin:45px auto auto auto;
}

.p_table01 tr td {
 padding:6px 0;
}

.p_table01 tr td.name {
 font-size:16px;
 font-weight: bold;
 background:url(../img/line.gif) repeat-x bottom left;
}

.p_table02 {
 margin-left:20px;
}

.p_table02 tr td {
 padding:6px 0;
}

.p_table02 tr td.name {
 font-size:14px;
 font-weight: bold;
 background:url(../img/line.gif) repeat-x bottom left;
}

.p_table03 {
 padding-left:30px; _padding-left:20px;
}

.p_table03 tr td.lr_line {
 border-left:#666666 solid 1px;
 border-right:#666666 solid 1px;
 padding: 0 10px;
}

.p_table03 tr td.b_line {
 border-bottom:#666666 solid 1px;
}

.p_table03 tr td.lr_line img {
 margin:20px auto;
}

.p_table03 tr td ul{
 padding:50px 20px ;
}

.p_table03 tr td ul{
 padding:10px 20px 30px 20px ;
}

.p_table03 tr td ul li{
 background:url(../img/icon05.gif) no-repeat 0px 0.3em;
 padding: 0 0 4px 14px;
}

.banner02 {
 text-align:left;
 margin-top:40px;
 border-top:#7f7f7f solid 1px;
 padding:20px 0;
 width:949px;
}

.banner02 dl dt {
	float:left;
	padding: 0 12px 0 0;
}

.txt_title {
 color:#ad0000;
 font-size:14px;
 font-weight:bold;
}

.pan {
 padding:10px 10px 35px 0;
 text-align:left;
}

.pan li.on {
 list-style: outside;
 display:inline;
 background:url(../img/icon03.gif) no-repeat left; 
 padding: 0px 0px 0px 14px;
 margin:auto auto auto 16px;
}

.pan li.off {
 list-style: outside;
 display:inline;
 background:url(../img/icon04.gif) no-repeat left; 
 padding: 0px 0px 0px 14px;
 margin:auto auto auto 16px;
}

.pan li a {
 color:#330000;
 border-bottom:#330000 solid 1px;
}

.products {
 width:910px; 
 margin: 0px auto 0px auto; 
 text-align:center;
}

.products01 {
 width:633px; 
 float:left;
}

.products02 {
 width:250px; float:right;
}

.products02 dl {
 margin-top:20px;
 text-align:left;
 padding-left:48px;
}

.products02 dl dd.caption01 {
 width:157px;
 font-size:14px;
 font-weight:bold;
}

.products02 dl dd.caption02 {
 width:157px;
}

.left_t {
 margin: auto auto 10px 18px;
}

.right_t01 {
 margin: auto auto 10px 150px;
}

.right_t02 {
 margin: auto auto 10px 135px;
}

.left_pic01 {
 margin-left:18px;
}

.left_pic02 {
 margin-left:60px;
}

.left_pic03 {
 margin-left:18px;
}

.left_pic04 {
 margin-left:80px;
}


.new {
 margin:4px auto auto 4px;
}

.p_table04{
 background:url(../../products/img/back01.gif) no-repeat 0px 14px;
 margin-bottom:30px;
}

.p_table04 tr td{
 padding:4px 0 4px 4px;
}

.p_name01 {
 font-size:14px;
 font-weight: bold;
 background:url(../img/line.gif) repeat-x bottom left;
 color:#000000;
 padding-bottom:6px;
}
.money01 {
 font-size:12px;
 font-weight: bold;
 color:#000000;
}

.money02 {
 font-size:12px;
 font-weight:normal;
 color:#000000;
 padding-left:6px;
}

.explain{
 padding-top: 6px;
}

.explain li{
 background:url(../img/icon05.gif) no-repeat 0px 0.3em;
 padding: 0 0 4px 14px;
}


.p_table05{
 background:url(../../products/img/back01.gif) no-repeat 0px 13px;
 margin-bottom:30px;
}

.p_table05 tr td{
 padding:4px 0 4px 4px;
}


.p_table06{
 background:url(../../products/img/back02.gif) no-repeat 0px 15px;
 margin-bottom:30px;
}

.p_table06 tr td{
 padding:4px 0 4px 4px;
}

.p_table07{
 background:url(../../products/img/back02.gif) no-repeat 0px 16px;
 margin-bottom:30px;
}

.p_table07 tr td{
 padding:4px 0 4px 4px;
}


/*                                                                     content inside information
-----------------------------------------------------------------------------------------------*/

.question {
 border-bottom:#666666 solid 1px;
}

.question tr td.q_left {
 border-left:#666666 solid 1px;
 background:url(../../information/img/mini_q.gif) no-repeat 10px 8px;
 padding:10px 10px 10px 32px;
}

.question tr td.q_left a {
 color:#000000;
}

.question tr td.q_right a {
 color:#000000;
}

.question tr td.q_left02 {
 border-left:#666666 solid 1px;
 padding:6px 0 6px 10px;
}

.question tr td.q_right {
 border-right:#666666 solid 1px;
 background:url(../../information/img/mini_q.gif) no-repeat 10px 8px;
 padding:10px 10px 10px 32px;
}

.question tr td.q_right02 {
 border-right:#666666 solid 1px;
 padding:6px 0 6px 10px;
}

#contents02 .qq {
 width:650px; 
 margin-top:20px;
}

#contents02 .qq ul li.q_q{
 background:url(../../information/img/q.gif) no-repeat top left; 
 padding: 0 4px 18px 30px; 
 color:#790000; 
 font-weight:bold; 
 font-size:14px;
}

#contents02 .qq ul li.q_a {
 background:url(../../information/img/a.gif) no-repeat top left; 
 padding: 0 4px 10px 30px;
}

.q_dotto {
 background:url(../img/dotto.gif) repeat-x bottom left;
 display:block;
 clear:both;
 width:650px;
 margin-bottom:20px;
}


.s_right2 {
 width: 432px;
 border-left:#b1b1b1 solid 3px;
 padding:8px 0 8px 14px;
}

.s_left2 {
 width:182;
 font-weight:bold ;
}


/*                                                                            content inside form
-----------------------------------------------------------------------------------------------*/

.text01 {
 width:360px;
}

.text02 {
 width:88px; margin-right:6px;
}

.text03 {
 width:290px; margin-left:10px;
}

.radio {
 margin: auto 6px auto 10px;
}

.textarea {
 width:360px;
}

.info {
 border:#d1d1d1 solid 1px; padding:14px;
}

.info02 {
 padding-top:25px; border-top:#000000 solid 1px;
}

.submit {
 margin:10px; 
 font-size:12px;
 color:#000000;
 background-color:#E6E6E6;
 border:1 solid #666666;
}

.cbox {
 margin:70px 0 200px 105px;
}