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

 CSS for Screen

--------------------------------------------------
--------------------------------------------------
Copyright (c) 2007 Sonic Design All Rights Reserved.
----------------------------------------------- */
/*--------------------------------------------------
CLASS
----------------------------------------------- */
.margin_t30{
	margin-top:30px;

}
.margin_b100{
	margin-bottom:100px;
}
.margin_b200{
	margin-bottom:200px;
}

.float_l{
	float:left;
}
.float_r{
	float:right;
}

/*--------------------------------------------------
TOP
----------------------------------------------- */
#contents_top {
	float: left;
	padding-bottom: 23px;
	width: 630px;
}

#english.bg_top #col {
	background: url(../english/img/ind_bg_01.jpg) no-repeat 1px 1px;
}

#english #contents_top h1 {
	margin-bottom: 50px;
}

#english #contents_top h2 {
	margin-bottom: 22px;
}
#english #contents_top h3 {
	margin-bottom: 12px;
	padding-top:30px;
}
#contents_top ul{
	padding-bottom:20px;
}
#contents_top ul li{
	list-style:none;
}

#english.bg_top #menu #logo img {
	height: 280px;
	width: 190px;
}

#contents_top .txt_box_top01 .float_l{
	width:295px;
}
#contents_top .txt_box_top01 .float_r{
	padding-right:20px;
}

/*--------------------------------------------------
CONTENTS
----------------------------------------------- */
#english. #contents01 #menu #logo img {
	height: 153px;
	width: 190px;
}

#contents01 {
	float: left;
	padding-bottom: 23px;
	width: 630px;
}
#contents01 h1{
	margin-top: 62px;
	margin-left: 55px;
	margin-bottom: 22px;
}
#contents01 h2{
	font-size:14px;
	margin-top: 22px;
	margin-bottom: 6px;
}

#contents01 #Col_english{
	margin-left: 55px;
	margin-right: 20px;
}

#english #contents01 table.table_english01 {
	border-collapse:collapse;
	font-size:100%;
	border-top:1px solid #ccc;
}
#english #contents01 table.table_english01 th{
	border-bottom:1px solid #ccc;
	text-align:right;
	padding:10px 5px;
}
#english #contents01 table.table_english01 td{
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:10px 5px;
}

/*--------------------------------------------------
COMMON
----------------------------------------------- */
#english {
	background: #DDDDDA url("../img/cmn_bg_body.gif") repeat-y scroll center top
}

/* english */

#english #col {
	width: 840px;
}

* html #english #col {
	width: 842px;
}

#english #menu #logo {
	background: url(../img/home_bg_side.jpg) no-repeat;
}



#english .lead {
	width: 590px;
}

#english .para {
	margin-left: 41px;
}

#english .para {
	margin-bottom: 55px;
}

#english .para p {
	margin-bottom: 2em;
	line-height: 1.5;
}

#english .para p.note {
	margin-top: -2em;
}

#english .shortPara {
	margin-bottom: 20px;
}

#english .para .wrap {
	width: 590px;
}

#sonickit .para .text {
	float: left;
	width: 250px;
}

#english .para .pict {
	float: right;
	width: 250px;
	text-align: left;
	padding-top: 0.3em;
	text-align: right;
}

#english #contents_top .productsList .wrap {
	width: 570px;
	background:transparent url(../products/img/cmn_line_01.gif) repeat-x scroll 0 0;
}

#english #contents_top .productsList h3 {
	padding-top: 12px;
	padding-bottom: 15px;
}

#english #contents_top .productsList div.pict {
	float: right;
	width: 241px;
}

#english #contents_top .productsList div.text {
	float: left;
	width: 285px;
	font-size: 90%;
	line-height: 1.4;
}

#english #contents_top .productsList .note {
	margin-top: 10px;
}

#english #contents_top .productsList .pict,
#english #contents_top .productsList .text {
	padding-bottom: 0;
}

#english .toTop {
	margin-top:20px;
	text-align: right;
	margin-right: 20px;
}

/* ----------------------------------------------
   Font Size
---------------------------------------------- */
body #main {
	font-size: 80%;
	line-height: 1.9;
}

h1,
h2,
h3,
h4,
h5 {
	font-size: 100%;
}

#home #col {
	width: 842px;
	height: 282px;
}

#home #addInfo dl {
	font-size: 90%;
}

#subC,
#brandB .note,
#dealers .note,
.dArea .note,
#productsList,
#productCol .note,
#faqBody .note,
#catalogDL .text,
#catalogsDL .note,
#catalogs .caution,
#beginner .pict p,
#beginner .note,
#sonickit .imageView p {
	font-size: 80%;
}

.dArea th,
.dArea td {
	font-size: 70%;
}

/* ----------------------------------------------
   head
---------------------------------------------- */

#head p {
	float: left;
}

#head ul {
	padding-top: 7px;
	float: right;
	width: 270px;
}

#head li {
	float: left;
	margin-right: 1px;
	list-style: none;
}


/* ----------------------------------------------
   foot
---------------------------------------------- */

#english #copy {
	font-size: 1%;
	line-height: 1;
	padding-bottom: 19px;
}

#copy ul {
	padding-left: 3px;
}

#copy li {
	float: left;
	list-style: none;
}

#copy li.english {
	padding-left: 172px;
}

#copy p {
	visibility: hidden;
}


/* ----------------------------------------------
   Base
---------------------------------------------- */

#main {
	width: 842px;
	margin: 0 auto; /*	padding-right: 1px;*/
	text-align: left;
}

#col {
	padding: 1px;
	background:url(../img/cmn_bg_06.gif) no-repeat 1px 4px;
}

.left {
	float: left;
}

.right {
	float: right;
}

.skip {
	line-height: 1;
	height: 1px;
	width: 1px;
	overflow: hidden;
	float: left;
	color: #D5D5D2;
}

.skip a,
.skip a:link,
.skip a:visited {
	color: #D5D5D2;
}

/* ----------------------------------------------
   HTML Tags
---------------------------------------------- */
body {
	color: #464749;
	text-align: center;
	background: #d5d5d2 url(../img/cmn_bg_01.gif) repeat-y center top;
}

body,
div,
p,
ul,
ol,
li,
img,
a,
h1,
h2,
h3,
h4,
h5,
dl,
dt,
dd {
	margin: 0;
	padding: 0;
	border: 0;
}

hr {
	display: none;
}

img {
	vertical-align :bottom;
}

a {
	text-decoration: none;
	color: #4169E1;
}

a:visited {
	color: #666;
}

a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------
   Float Clear
---------------------------------------------- */

.wrap:after {
    content: ".";
    display: block;
    height:0px;
    clear: both;
    visibility: hidden;
	 line-height: 0;
}

.wrap {
	display: inline-block;
}

/* for win ie \*/
* html .wrap {
	zoom: 1;
}
/**/

/* ----------------------------------------------
   menu
---------------------------------------------- */

#menu {
	width: 190px;
	float: right;
	line-height: 1;
	font-size: 1%;
	background:none;
}
#menu ul li img{
	vertical-align:top;
}
.bg_top #menu {
	background-image: none;
}

#menu #logo {
	background: url(../img/cmn_lobg_01.gif) no-repeat;
}

#menu ul ul {
	display: none;
}

.contents_co .parent01 span img, .contents_dis .parent02 span img{
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
.contents_co .parent01 span, .contents_dis .parent02 span {
display: block;
}

.contents_co .parent01 span {
background:url(/english/img/head/nav_corporate_v.gif) no-repeat;
}
.contents_dis .parent02 span {
background:url(/english/img/head/nav_distributors_v.gif) no-repeat;
}

#sideMisc {
padding-top: 30px;
}
/* ----------------------------------------------
   Side Navi
---------------------------------------------- */
.contents_co #menuA .listHead, .contents_dis #menuB .listHead{
visibility: hidden;
}
.contents_co #menuA{
background:url(/english/img/side/cmn_btn_01_v.gif) no-repeat 0 0;
}
.contents_dis #menuB{
background:url(/english/img/side/cmn_btn_02_v.gif) no-repeat 0 0;
}