@charset "utf-8";


/* BODY
---------------------------------------------*/

html {
	width: 100%;
	height: 100%;}

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,table,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;}

body {
	text-align: left;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	color: #333;}

input, select {padding: 1px;}

img {
	vertical-align: bottom;
	border: none;}

a   {
	color: #5d90bb;
	text-decoration: underline;}

a:hover {
	color: #5d90bb;
	text-decoration: none;}

em,address {font-style: normal;}

strong {font-weight: bold;}

p {line-height: 1.8em;}

.clear {clear: both;}


/* Background
---------------------------------------------*/

#sec {
	background: url(../img/bg_body.gif) left top repeat-x;}

/* ALL
---------------------------------------------*/

#all {
	width: 960px;
	text-align: left;
	margin: 0 auto;}

/* HEADER
---------------------------------------------*/

#header {
	position: relative;
	margin-bottom: 16px;
	z-index: 9999;}

#sec #header {height: 190px;}

#header h1 {
	position: absolute;
	left: 0; top: 17px;}

/* NAVIGATION */

#gnav {
	position: absolute;
	left: 0; bottom: 0;
	z-index: 9999;}

#gnav li {
	float: left;
	position: relative;
	text-indent: -9999px;}

#gnav li em a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  68px;
	padding-top: 68px;}

#top #gnav li em a {background-image: url(../img/top/navi.jpg);}
#sec #gnav li em a {background-image: url(../img/navi.jpg);}

.nv01 em a {width: 150px; background-position: 0 0;}
.nv02 em a {width: 146px; background-position: -150px 0;}
.nv03 em a {width: 221px; background-position: -296px 0;}
.nv04 em a {width: 280px; background-position: -517px 0;}
.nv05 em a {width: 162px; background-position: -797px 0;}

.nv01 em a:hover {background-position: 0 -68px;}
.nv02 em a:hover {background-position: -150px -68px;}
.nv03 em a:hover {background-position: -296px -68px;}
.nv04 em a:hover {background-position: -517px -68px;}
.nv05 em a:hover {background-position: -797px -68px;}

.nv01 em a.current {width: 150px; background-position: 0 -136px;}
.nv02 em a.current {width: 146px; background-position: -150px -136px;}
.nv03 em a.current {width: 221px; background-position: -296px -136px;}
.nv04 em a.current {width: 280px; background-position: -517px -136px;}
.nv05 em a.current {width: 162px; background-position: -797px -136px;}

#gnav ul {
	display: none;
	position: absolute;
	top: 63px; left: 0;
	z-index: 99999;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #ededed;}

* html #gnav ul { line-height: 0; } /*forIE6*/

#gnav ul li {
	float: none;
	font-size: 0;
	line-height:0;
	margin-bottom: 5px;}

#gnav ul a {
	display: block;
	height: 28px;
	line-height:normal;}

#gnav #prnv a {width: 248px;}
#gnav #prnv li a {background-image: url(../img/prnavi.gif);}

#gnav #prnv li.prnv07 a {
	height: 42px;
}

.prnv01 a {background-position: 0 0;}
.prnv02 a {background-position: 0 -28px;}
.prnv03 a {background-position: 0 -56px;}
.prnv04 a {background-position: 0 -84px;}
.prnv05 a {background-position: 0 -112px;}
.prnv06 a {background-position: 0 -140px;}
.prnv07 a {background-position: 0 -168px;}

.prnv01 a:hover {background-position: -248px 0;}
.prnv02 a:hover {background-position: -248px -28px;}
.prnv03 a:hover {background-position: -248px -56px;}
.prnv04 a:hover {background-position: -248px -84px;}
.prnv05 a:hover {background-position: -248px -112px;}
.prnv06 a:hover {background-position: -248px -140px;}
.prnv07 a:hover {background-position: -248px -168px;}

#gnav #slnv a {width: 211px;}
#gnav #slnv li a {background-image: url(../img/slnavi.gif);}

.slnv01 a {background-position: 0 0;}
.slnv02 a {background-position: 0 -28px;}
.slnv03 a {background-position: 0 -56px;}

.slnv01 a:hover {background-position: -211px 0;}
.slnv02 a:hover {background-position: -211px -28px;}
.slnv03 a:hover {background-position: -211px -56px;}

#gnav #comnv a {width: 152px;}
#gnav #comnv li a {background-image: url(../img/comnavi.gif);}

.comnv01 a {background-position: 0 0;}
.comnv02 a {background-position: 0 -28px;}
.comnv03 a {background-position: 0 -56px;}
.comnv04 a {background-position: 0 -84px;}

.comnv01 a:hover {background-position: -152px 0;}
.comnv02 a:hover {background-position: -152px -28px;}
.comnv03 a:hover {background-position: -152px -56px;}
.comnv04 a:hover {background-position: -152px -84px;}

/* GROUP LINK */

#hnav {
	position: absolute;
	right: 0; top: 64px;}

#hnav li {
	float: left;
	margin-left: 3px;
	text-indent: -9999px;}

#hnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  18px;
	padding-top: 18px;
	background-image: url(../img/hnav.gif);}

.hnv01 a {width: 65px; background-position: 0 0;}
.hnv02 a {width: 84px; background-position: -65px 0;}
.hnv03 a {width: 110px; background-position: -149px 0;}
.hnv04 a {width: 94px; background-position: -259px 0;}

.hnv01 a:hover {background-position: 0 -18px;}
.hnv02 a:hover {background-position: -65px -18px;}
.hnv03 a:hover {background-position: -149px -18px;}
.hnv04 a:hover {background-position: -259px -18px;}

.hnv01 a.current {width: 65px; background-position: 0 -18px;}
.hnv02 a.current {width: 84px; background-position: -65px -18px;}
.hnv03 a.current {width: 110px; background-position: -149px -18px;}
.hnv04 a.current {width: 94px; background-position: -259px -18px;}


/* GROUP LINK */

#gpnav {
	position: absolute;
	right: 0; top: 10px;}

#gpnav li {
	float: left;
	text-indent: -9999px;}

#gpnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 17px;
	padding-top: 17px;
	background-image: url(../img/gpnav.gif);}

.gp01 {margin-right: 10px;}

.gp01 a {width: 56px; background-position: 0 0;}
.gp02 a {width: 99px; background-position: -56px 0;}

.gp01 a:hover {background-position: 0 -17px;}
.gp02 a:hover {background-position: -56px -17px;}

/* LOGIN */

#login {
	position: absolute;
	right: 175px; top: 10px;
	font-size: 12px;
	line-height: 16px;}

#login a {margin-left: 5px;}

.htel {
	position: absolute;
	right: 3px; top: 34px;}

.chinese {
	position: absolute;
	left: 490px; top: 28px;}

.english {
	position: absolute;
	left: 490px; top: 58px;}


/* TOPIC PATH
---------------------------------------------*/

#path {margin-left: 6px;}

#path li {
	display: inline;
	font-size: 12px;
	margin-right: 0.3em;}

#path li a {
	color: #036;
	text-decoration: none;
	margin-right: 0.5em;}

#path li a:hover {
	text-decoration: underline;}

/* CONTENTS
---------------------------------------------*/

#contents {margin-top: 1em;}

/* MAIN */

#main {
	position: relative;
	float: left;
	width: 715px;
	z-index: 0;}

#main h2 {
	margin-top: 1px;
	margin-bottom: 20px;}

#main .ptop {
	clear: both;
	text-align: right;
	margin: 15px 0 30px 0;}

.center {text-align: center;}

/* SIDE */

#side {
	position: relative;
	float: right;
	width: 212px;
	z-index: 0;}

#side .submenu {
	padding: 5px;
	background-color: #ececec;}

#side .submenu ul li {margin-top: 5px;}


/* NAVIGATION */

#strengths {margin-top: 15px;}

.cnav {}

.cnav li {
	text-indent: -9999px;}

.cnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  40px;
	padding-top: 40px;
	background-image: url(../img/cnav.gif);}

.cnv01 a {background-position: 0 0;}
.cnv02 a {background-position: 0 -40px;}
.cnv03 a {background-position: 0 -80px;}
.cnv04 a {background-position: 0 -120px;}
.cnv05 a {background-position: 0 -160px;}
.cnv06 a {background-position: 0 -200px;}
.cnv07 a {background-position: 0 -240px;}

.cnv01 a:hover {background-position: -202px 0;}
.cnv02 a:hover {background-position: -202px -40px;}
.cnv03 a:hover {background-position: -202px -80px;}
.cnv04 a:hover {background-position: -202px -120px;}
.cnv05 a:hover {background-position: -202px -160px;}
.cnv06 a:hover {background-position: -202px -200px;}
.cnv07 a:hover {background-position: -202px -240px;}

.cnv01 a.current {background-position: -202px 0;}
.cnv02 a.current {background-position: -202px -40px;}
.cnv03 a.current {background-position: -202px -80px;}
.cnv04 a.current {background-position: -202px -120px;}
.cnv05 a.current {background-position: -202px -160px;}
.cnv06 a.current {background-position: -202px -200px;}
.cnv07 a.current {background-position: -202px -240px;}

/* NAVIGATION _side180522*/

.ctsnav {}

.ctsnav li {
	text-indent: -9999px;}

.ctsnav li a {
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/:  68px;
	padding-top: 68px;
	background-image: url(../img/ctsnavi.gif);}

.ctsnv01 a {background-position: 0 0;}
.ctsnv02 a {background-position: 0 -68px;}
.ctsnv03 a {background-position: 0 -136px;}
.ctsnv04 a {background-position: 0 -204px;}

.ctsnv01 a:hover {background-position: -202px 0;}
.ctsnv02 a:hover {background-position: -202px -68px;}
.ctsnv03 a:hover {background-position: -202px -136px;}
.ctsnv04 a:hover {background-position: -202px -204px;}

.ctsnv01 a.current {background-position: -202px 0;}
.ctsnv02 a.current {background-position: -202px -68px;}
.ctsnv03 a.current {background-position: -202px -136px;}
.ctsnv04 a.current {background-position: -202px -204px;}


#side #scont {
	width: 200px;
	height: 138px;
	margin-top: 15px;
	margin-bottom: 12px;
	margin-left: 1px;
	padding: 64px 0 0 10px;
	background: url(../img/bg_s_contact.gif) left top no-repeat;}

#side #scont p {margin-bottom: 15px;}

#side #scont p a {
	display: block;
	padding-top: 5px;}


/* TABLE TEXTBASE */

.txttbl {
	width: 100%;
	border-collapse: collapse;}

.txttbl th,
.txttbl td {
	text-align: left;
	font-size: 14px;
	word-break:break-all;
	word-wrap:break-word;
	vertical-align: middle;
	border: 1px solid #ccc;}

.txttbl th {
	padding: 10px 10px 10px 18px;
	background-color: #f8f6e9;}

.txttbl td {padding: 10px;}

.txttbl .input,
.txttbl textarea {
	word-break:break-all;
	word-wrap:break-word;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;}

.txttbl .input {
	width: 315px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;}

.txttbl textarea {
	width: 480px;
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #fff;}

.txttbl td small {
	font-size: 10px;
	margin-left: 1em;}

#submit {
	text-align: center;
	margin-top: 30px;}

/* PAGE TOP
---------------------------------------------*/

.pagetop {
	clear: both;
	text-align: right;
	margin: 60px 5px 20px 0;}

/* FOOTER
---------------------------------------------*/

#footer {
	height: 140px;
	font-size: 12px;
	background: url(../img/bg_footer.gif) left top repeat-x;}

#footer #ftbox {
	position: relative;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding-top: 3px;}

#footer #ftbox ul li {
	display: inline;}

#footer #ftbox ul li a {
	color: #333;
	text-decoration: none;}

#footer #ftbox ul li a:hover {text-decoration: underline;}

#footer #ftbox dl {
	color: #fff;
	margin-top: 30px;}

#footer #ftbox dl dt {padding-bottom: 8px;}

#footer #ftbox dl dd {padding-left: 1px;}

#footer #ftbox dl dd strong {
	float: left;
	font-weight: normal;
	display: block;
	width: 6em;}

#footer #ftbox dl dd address {
	float: left;
	display: block;
	width: 30em;}

#footer #ftbox .copyright {
	position: absolute;
	right: 0; top: 4px;
	font-size: 10px;}


/* CLEARFIX
---------------------------------------------*/

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

.cl{ display: inline-block; }

/* Hides from IE-mac \*/
* html .cl { height: 1%; }
.cl { display: block; }
/* End hide from IE-mac */