@charset "Shift_JIS";
/*
===== CONTENTS <2006/11/20> =================
    1: universal reset
    2: body and base setting
        : general params
    3: Browser clear
    4: #header
    5: #navi
    6: #topPage
    7: #main
        : common parts
    8: #sectionH1
    9: .sectionH2
   10: .sectionH3
   11: #backgroundImage
   12: #footNavi
   13: #footer
=============================================
*/

/*
===== 1: universal reset =====
*/
*{
    margin:0;
    padding:0;
}

/*
===== 2: body and base setting =====
*/
body {
    text-align:center;/* box centering */
    font: normal 100% HiraKakuPro-W3, Osaka, verdana, arial, sans-serif;
    margin: 0;
    padding: 0;
    background: #FFF;
}
#container{
    width:955px;
    margin:0 auto;
    background: #FFF;

}
/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
    font-size:100%;
    padding: 0;/* margin&padding reset */
    line-height: 140%;/* base line height */
    text-align: left;
    display: block;
    margin: 0;
}
table { margin: 0;empty-cells: show;}
img { border: none; vertical-align:bottom;}/* img do not want a border */
li { list-style: none;}/* link do not want a dot */

sup {
	font-size:0.8em;
}

/*
===== 3: Browser clear =====
*/
div:after{/*for modern browser*/
    content:".";
    display: block;
    height:0;
    clear:both;
    visibility:hidden;
}
* html div{
    /*\*/height:1%;/*for WinIE*/
    display:inline-table;/*for MacIE*/
}

.clear {
	clear: both;
}
/*
===== 4: #header =====
*/

#header {
	margin:0 auto;
	height: 60px;
}

#header p {
	float:left;
}

#header #japanese {}
#header #japanese span {
	display:none;
}

#header #japanese a:link,#header #japanese a:visited {
	display:block;
	width:91px;
	height:60px;
	background:url(images/japanese.jpg) no-repeat 0 0;
}
#header #japanese a:link:hover,#header #japanese a:visited:hover {
	display:block;
	width:91px;
	height:60px;
	background:url(images/japanese.jpg) no-repeat 0 -60px;
}

#header #chinese {}
#header #chinese span {
	display:none;
}

#header #chinese a:link,#header #chinese a:visited {
	display:block;
	width:89px;
	height:60px;
	background:url(images/chinese.jpg) no-repeat 0 0;
}
#header #chinese a:link:hover,#header #chinese a:visited:hover {
	display:block;
	width:89px;
	height:60px;
	background:url(images/chinese.jpg) no-repeat 0 -60px;
}

/*
===== 5: #navi =====
*/

#navi {
	text-align: left;
	width:955px;
	height: 19px;
	clear: left;
}


/*
===== 6: #topPage =====
*/

#topPage {
	width:954px;
	height:486px;
	margin:0 auto;
	border-left:1px solid #dfdfdf;
}

#topPage .flashIMG {
	background:#fff url(images/index_img_bg.jpg) no-repeat 0 0;
	width:731px;
	height:329px;
	padding: 125px 0 0 223px;
}

#topPage .infomation {
	text-align:right;
}


/*
===== 7: #main =====
*/

#main {
	margin:0 auto;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	overflow: hidden;
}

/* common parts
--------------------*/

.subhead {
	font-weight:bold;
}

.subheadMark {
	color:#999;
}

.borderLeft {
	border-left:1px solid #dfdfdf;
}

.borderRight {
	border-right:1px solid #dfdfdf;
}

/*
===== 8: #sectionH1 =====
*/

#sectionH1 {
	width:728px;
	float:left;
}

#sectionH1 p.lead {
	margin:30px 30px 0 40px;
	font-size: 1em;
}


/*
===== 9: .sectionH2 =====
*/

.sectionH2 {
	width:658px;
	margin:30px 30px 0 40px;
}

.sectionH2 h2 {
	margin-bottom:10px;
}
.sectionH2 h2.lead {
	margin:0;
}


.sectionH2 p {
	font-size: 0.875em;
	margin:10px 0 30px;
}
.sectionH2 .h2Lead {
	margin-top:5px;
}

.sectionH2 .fig {
	text-align:center;
	margin:0 auto 30px;
}/* figure */

.sectionH2 .pic {
	text-align:center;
	margin:0 auto 30px;
}/* picture */

.sectionH2 #back {
	text-align:left;
	margin-top:0; 
}

.sectionH2 #front {
	text-align:right;
	margin-top:0;
}
/*
===== 10: sectionH3 =====
*/

.sectionH3 {
	width:474px;
	margin:0 0 0 184px;
}

.sectionH3 p {
	font-size: 0.75em;
	margin:10px 0 30px;
}
.sectionH3 .h3Lead {
	margin:0;
}
.sectionH3 .pTop {
	margin:0 0 10px;
}
.sectionH3 .pTop2 {
	margin:-20px 0 10px;
}

.sectionH3 h4 {
	margin:30px 0 0;
}

.sectionH3 .fig {
	text-align:center;
	margin:0 auto 30px;
}/* figure */

.sectionH3 .pic {
	text-align:center;
	margin:0 auto 30px;
}/* picture */

/*
===== 11: #backgroundImage =====
*/

#backgroundImage {
	float:right;
	width:224px;
}

/*
===== 12: #footNavi =====
*/

#footNavi {
	margin:0 auto;
	text-align: left;
	clear:both;
}

#footNavi span {
	display:none;
}

#footNavi ul li {
	float:left;
}

#privacy a:link,#privacy a:visited {
	display:block;
	width:165px;
	height:32px;
	background:url(images/policy.gif) no-repeat 0 0;
}
#privacy a:link:hover,#privacy a:visited:hover {
	display:block;
	width:165px;
	height:32px;
	background:url(images/policy.gif) no-repeat 0 -32px;
}
#contact a:link,#contact a:visited {
	display:block;
	width:118px;
	height:32px;
	background:url(images/inquiry.gif) no-repeat 0 0;
}
#contact a:link:hover,#contact a:visited:hover {
	display:block;
	width:118px;
	height:32px;
	background:url(images/inquiry.gif) no-repeat 0 -32px;
}
#sitemap a:link,#sitemap a:visited {
	display:block;
	width:93px;
	height:32px;
	background:url(images/sitemap.gif) no-repeat 0 0;
}
#sitemap a:link:hover,#sitemap a:visited:hover {
	display:block;
	width:93px;
	height:32px;
	background:url(images/sitemap.gif) no-repeat 0 -32px;
}

.top {
	width:224px;
	float:right;
	height:32px;
}
.top a {
	margin: 12px 0 0 177px;
}
.top a:link,.top a:visited {
	display:block;
	width:36px;
	height:10px;
	background:url(images/top.gif) no-repeat 0 0;
}
.top a:link:hover,.top a:visited:hover {
	display:block;
	width:36px;
	height:10px;
	background:url(images/top.gif) no-repeat 0 -10px;
}

.escape {
	float:right;
}

/*
===== 13: #footer =====
*/

#footer {
	margin:0 auto;
	clear: both;
}


/*
==Menu
*/
.menumargin{
	border-top:none;
	width:auto;
	border-collapse:separate;
	empty-cells:hide;
	margin:0;
	padding:0;
}

.menumargin td{
	font-size:0;
	border-bottom:none;
	vertical-align:baseline;
	padding:0;
	margin:0;
}