@charset "utf-8";

body{
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

#wrapper {
	overflow: hidden;
}

/*ヘッダー*/

.wrapHeader {
	width: 100%;
	background-image: url(../img/common/wrapInHeaderBg.png);
	background-position: top center;
	background-repeat: repeat-x;
}

.wrapInHeader {
	height: 68px;
	width: 100%;
}

div#inHeader {
	position: relative;
	height: 68px;
	width: 1000px;
	margin: 0px auto;
}

div#inHeader h1 {
	position: absolute;
	top: 6px;
	left: 0px;
	height: 54px;
	width: 366px;
	background-image: url(../img/common/headerH1Title.png);
	background-position: top center;
	background-repeat: no-repeat;
} 

div#inHeader h1 a {
	height: 54px;
	width: 366px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

nav.topGhMenuBox {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 64px;
	width: 325px;
}

ul.ghMenu {
	height: 64px;
	width: 325px;
	font-size: 0; /* 文字間を通常に戻す */
}

ul.ghMenu:before {
	content: " ";
	position: relative;
	top: 0;
	left: 0;
	float: left;
	height: 64px;
	width: 1px;
	background-image: url(../img/common/ghMenuBg.png);
	background-position: top left;
	background-repeat: no-repeat;
}

ul.ghMenu li {
	height: 64px;
	width: 81px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */
	background-position: top left;
	background-repeat: no-repeat;
}

ul.ghMenu li a:after {
	content: " ";
	position: relative;
	top: 0;
	left: 0;
	float: right;
	height: 64px;
	width: 1px;
	background-image: url(../img/common/ghMenuBg.png);
	background-position: top left;
	background-repeat: no-repeat;
}

li.ghMenu01 {
	background-image: url(../img/common/ghMenu01.jpg);
}

li.ghMenu02 {
	background-image: url(../img/common/ghMenu02.jpg);
}

li.ghMenu03 {
	background-image: url(../img/common/ghMenu03.jpg);
}

li.ghMenu04 {
	background-image: url(../img/common/ghMenu04.jpg);
}

ul.ghMenu li a {
	height: 64px;
	width: 81px;
	margin-right: 1px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

ul.ghMenu li a:hover {
	background-position: top left;
	background-repeat: no-repeat;
    -webkit-transition: 2.5s ease-out;
    -moz-transition: 2.5s ease-out;
    -o-transition: 2.5s ease-out;
    transition: 2.5s ease-out;
}

li.ghMenu01 a:hover {
	background-image: url(../img/common/ghMenu01_r.jpg);
}

li.ghMenu02 a:hover {
	background-image: url(../img/common/ghMenu02_r.jpg);
}

li.ghMenu03 a:hover {
	background-image: url(../img/common/ghMenu03_r.jpg);
}

li.ghMenu04 a:hover {
	background-image: url(../img/common/ghMenu04_r.jpg);
}

.globalheader {
	height: 70px;
	width: 100%;
}

nav.globalheader {
	position: absolute;
}

ul.ghNavi {
	height: 70px;
	width: 100%;
	margin: 0px auto;
	font-size: 0; /* 文字間を通常に戻す */
}

ul.ghNavi li {
	height: 70px;
	width: 141px;
	margin: 0px 25px;
	font-size: 0;
	display: inline-block;
	background-position: top center;
	background-repeat: no-repeat;
}

li.ghNavi01 {
	background-image: url(../img/common/ghNavi01.png);
}

li.ghNavi02 {
	background-image: url(../img/common/ghNavi02.png);
}

li.ghNavi03 {
	background-image: url(../img/common/ghNavi03.png);
}

li.ghNavi04 {
	background-image: url(../img/common/ghNavi04.png);
}

li.ghNavi05 {
	background-image: url(../img/common/ghNavi05.png);
}



li.ghNavi01_en {
	background-image: url(../en/img/common/ghNavi01.png);
}

li.ghNavi02_en {
	background-image: url(../en/img/common/ghNavi02.png);
}

li.ghNavi03_en {
	background-image: url(../en/img/common/ghNavi03.png);
}

li.ghNavi04_en {
	background-image: url(../en/img/common/ghNavi04.png);
}

li.ghNavi05_en {
	background-image: url(../en/img/common/ghNavi05.png);
}

li.ghNavi01_cn {
	background-image: url(../cn/img/common/ghNavi01.png);
}

li.ghNavi02_cn {
	background-image: url(../cn/img/common/ghNavi02.png);
}

li.ghNavi03_cn {
	background-image: url(../cn/img/common/ghNavi03.png);
}

li.ghNavi04_cn {
	background-image: url(../cn/img/common/ghNavi04.png);
}

li.ghNavi05_cn {
	background-image: url(../cn/img/common/ghNavi05.png);
}





ul.ghNavi li a {
	height: 70px;
	width: 141px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

ul.ghNavi li a:after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #108DB7;
    margin: 63px auto 0;
    transition: .25s ease-out;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    -ms-transition: .25s ease-out;
}

ul.ghNavi li a:hover:after {
    width: 100%;
}

li.ghNavi01 a:hover {
	background-image: url(../img/common/ghNavi01_r.png);
}

li.ghNavi02 a:hover {
	background-image: url(../img/common/ghNavi02_r.png);
}

li.ghNavi03 a:hover {
	background-image: url(../img/common/ghNavi03_r.png);
}

li.ghNavi04 a:hover {
	background-image: url(../img/common/ghNavi04_r.png);
}

li.ghNavi05 a:hover {
	background-image: url(../img/common/ghNavi05_r.png);
}

li.ghNavi01_en a:hover {
	background-image: url(../en/img/common/ghNavi01_r.png);
}

li.ghNavi02_en a:hover {
	background-image: url(../en/img/common/ghNavi02_r.png);
}

li.ghNavi03_en a:hover {
	background-image: url(../en/img/common/ghNavi03_r.png);
}

li.ghNavi04_en a:hover {
	background-image: url(../en/img/common/ghNavi04_r.png);
}

li.ghNavi05_en a:hover {
	background-image: url(../en/img/common/ghNavi05_r.png);
}

li.ghNavi01_cn a:hover {
	background-image: url(../cn/img/common/ghNavi01_r.png);
}

li.ghNavi02_cn a:hover {
	background-image: url(../cn/img/common/ghNavi02_r.png);
}

li.ghNavi03_cn a:hover {
	background-image: url(../cn/img/common/ghNavi03_r.png);
}

li.ghNavi04_cn a:hover {
	background-image: url(../cn/img/common/ghNavi04_r.png);
}

li.ghNavi05_cn a:hover {
	background-image: url(../cn/img/common/ghNavi05_r.png);
}




/*コンテンツ*/

.inContents {
	height: auto;
	width: 1000px;
	margin: 0px auto;
}

#main {
	float: right;
	width: 650px;
}

#side {
	float: left;
	width: 300px;
}

.sideBox01 {
	width: 300px;
	margin-top: 30px;
	padding: 20px 0px 10px 0px;
	background-color: #154062;
}

.sideBox02 {
	width: 300px;
	margin-top: 30px;
	padding: 20px 0px 10px 0px;
	background-color: #154468;
}

#contents {
	padding-bottom: 150px;
}

/*リンクナビエリア*/

div.linkNaviArea {
	height: auto;
	width: 1050px;
	margin: 60px auto;
}

ul.linkNaviList {
	margin: 0px auto;
}

ul.linkNaviList li {
	float: left;
	height: 80px;
	width: 200px;
	margin: 5px;
}

ul.linkNaviList li a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}

/*フッター*/

footer {
	height: 402px;
	width: 100%;
	background-image: url(../img/common/footerBg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

div#inFooter {
	position: relative;
	height: 402px;
	width: 1000px;
	margin: 0px auto;
	background-image: url(../img/common/inFooterBg.png);
	background-position: top center;
	background-repeat: no-repeat;
}

div.pagetop {
	position: fixed;
	bottom: 45px;
	right: 25px;
	height: 80px;
	width: 80px;
	background-image: url(../img/common/pageTop.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

div.pagetop a {
	height: 80px;
	width: 80px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

div.pagetop a:hover {
	background-image: url(../img/common/pageTop_r.jpg);
	background-repeat: no-repeat;
}

p.footerNavi {
	position: absolute;
	top: -41px;
	left: 0px;
	height: auto;
	width: 100%;
	font-size: 12px;
	line-height: 26px;
	letter-spacing: 0.1em;
	text-align: center;
	color: #666;
}

p.footerNavi a {
	text-decoration: none;
	color: #000;
}

p.footerNavi a:hover {
	color: #CCC;
}

div.footerLogo {
	position: absolute;
	top: 74px;
	left: 390px;
	height: 220px;
	width: 219px;
}

p.footerText {
	position: absolute;
	top: 312px;
	left: 0px;
	height: auto;
	width: 100%;
	font-size: 12px;
	color: #FFF;
	line-height: 25px;
}

p.footerText a {
	text-decoration: none;
	color: #AAA;
}

p.copyright {
	position: absolute;
	top: 368px;
	left: 0px;
	height: auto;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.06em;
	color: #000;
	line-height: 25px;
}