@charset "utf-8";
/* #header
------------------------------------------------ */
#headerBg {
 background: url(../images/common/line01.gif) repeat-x 0 100%;
}

#header {
 width: 1020px;
 margin: 0 auto;
 text-align: left;
 padding-top: 19px;
 background: url(../images/common/line01.gif) repeat-x 0 100%;
}

.headerL {
 width: 147px;
 float: left;
}

.headerR {
 width: 860px;
 float: right;
}

#header .gnavi li {
 float: left;
 margin-left: 23px;
}

#header .gnavi li.first {
 padding-left: 0px;
}

#header .gnavi img {
 vertical-align: bottom;
}

.gnavi01 {
    background: url("../images/common/gnavi01_on.png") no-repeat;
}

.gnavi02 {
    background: url("../images/common/gnavi02_on.png") no-repeat;
}

.gnavi03 {
    background: url("../images/common/gnavi03_on.png") no-repeat;
}

.gnavi04 {
    background: url("../images/common/gnavi04_on.png") no-repeat;
}

.gnavi05 {
    background: url("../images/common/gnavi05_on.png") no-repeat;
}

.gnavi06 {
    background: url("../images/common/gnavi06_on.png") no-repeat;
}

.gnavi07 {
    background: url("../images/common/gnavi07_en_on.png") no-repeat;
}

.gnavi08 {
    background: url("../images/common/gnavi08_zh_on.png") no-repeat;
}

.gnavi09 {
    background: url("../images/common/gnavi09_zh_on.png") no-repeat;
}

.gnavi10 {
    background: url("../images/common/gnavi10_en_on.png") no-repeat;
}
.gnavi11 {
    background: url("../images/common/gnavi11_en_on.png") no-repeat;
}

.gnavi01 a, .gnavi02 a, .gnavi03 a, .gnavi04 a, .gnavi05 a, .gnavi06 a, .gnavi07 a, .gnavi08 a, .gnavi09 a, .gnavi10 a, .gnavi11 a {
    display: inline-block;
}

.gnavi01 a:hover, .gnavi02 a:hover, .gnavi03 a:hover, .gnavi04 a:hover, .gnavi05 a:hover , .gnavi06 a:hover , .gnavi07 a:hover , .gnavi08 a:hover , .gnavi09 a:hover , .gnavi10 a:hover , .gnavi11 a:hover {
	background-color: transparent; /* IE6対応 */
}

.gnavi01 a:hover img, .gnavi02 a:hover img, .gnavi03 a:hover img, .gnavi04 a:hover img, .gnavi05 a:hover img, .gnavi06 a:hover img, .gnavi07 a:hover img, .gnavi08 a:hover img, .gnavi09 a:hover img, .gnavi10 a:hover img, .gnavi11 a:hover img{
    visibility: hidden;
}


.gnaviBlock {
 width: 600px;
 float: left;
}

.hBtnBlock {
 width: 231px;
 float: right;
}

#header .hBtnBox li {
 float: left;
 padding-left: 39px;
}

#header .hBtnBox li.first {
 padding-left: 0px;
}

#header .hBtnBox img {
 vertical-align: top;
}


#header ul {
 list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
}

.LanguageSize {
 width: 580px;
 margin: 0 0 0 auto;
}

/* screens smaller than 1020
--------------------------------------------------- */
@media only screen and (max-width:1020px) {
#header {
 width: 100%;
}
	}
/* /screens smaller than 1020 */

/* screens smaller than 999
--------------------------------------------------- */
@media only screen and (max-width:999px) {
#header {
 width: 100%;
 padding-top: 16px;
 padding-bottom: 16px;
}


.headerL {
 width: 147px;
 float: left;
 padding-left: 47px
}

.headerR {
 width: 134px;
 float: right;
 padding-right: 47px
}


	}
/* /screens smaller than 999 */

/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
#header {
 padding-top: 11px;
 padding-bottom: 11px;
}

.headerL {
 width: 36.5%;
 float: left;
 padding-left: 0px
}

.headerL h1 {
 padding-left: 15px
}

.headerL h1 img {
 width: 100%;
}

.headerR {
 width: 17.4%;
 float: right;
 padding-right: 0px
}

.headerR .hMenuBlock {
 padding-right: 15px
}

.headerR .hMenuBlock img {
 width: 100%;
}

	}
/* /screens smaller than 767 */

/* #contents
------------------------------------------------ */
.container {
 padding-bottom: 20px;
}

#contents {
 width: 1020px;
 margin: 0 auto;
 text-align: left;
 padding-bottom: 20px;
}

#main {
 width: 730px;
 float: left;
}

#side {
 width: 220px;
 float: right;
}

.contents {
 width: 1020px;
 margin: 0 auto;
 text-align: left;
}

/* screens smaller than 1020
--------------------------------------------------- */
@media only screen and (max-width:1020px) {
#contents {
 width: 100%;
}
.contents {
 width: 100%;
}
	}
/* /screens smaller than 1020 */

/* screens smaller than 999
--------------------------------------------------- */
@media only screen and (max-width:999px) {
#main {
 width: 100%;
 float: none;
 padding-bottom: 50px;
}

#side {
 width: 100%;
 float: none;
}

#contentsInbox {
 padding-right: 47px;
 padding-left: 47px;
}

.contentsInbox {
 padding-right: 47px;
 padding-left: 47px;
}

	}
/* /screens smaller than 999 */

/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
#contentsInbox {
 padding-right: 15px;
 padding-left: 15px;
}

.contentsInbox {
 padding-right: 15px;
 padding-left: 15px;
}

	}
/* /screens smaller than 767 */

/* #side
------------------------------------------------ */
#side .sideTit {
 margin-bottom: 12px;
}

#side .sideBnr ul {
 list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
}

#side .sideBnr li {
 text-align: center;
 padding-top: 10px;
}

#side .sideBnr li.sideBnrLink01 {
 padding-top: 12px;
}

#side .sideBnr img {
 vertical-align: top;
}

#side .sideBnrMb {
 margin-bottom: 31px;
}

#side .sideMenu {
 list-style-type: none;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;

 margin: 0 12px 30px 12px;
}

#side .sideMenu li {
 background: url(../images/common/icon01.png) no-repeat 0 7px;
 padding: 2px 0 2px 10px;
 font-size: 13px;
}

#side .sideMenu a:link, #side .sideMenu a:active, #side .sideMenu a:visited {
 color: #282828;
 text-decoration: none;
}

#side .sideMenu a:hover {
 color: #282828;
 text-decoration: underline;
}




/* screens smaller than 999
--------------------------------------------------- */
@media only screen and (max-width:999px) {
#side .sideBnr li {
 text-align: left;
 float: left;
 width: 33%;
 padding-top: 0px;
}

#side .sideBnr li.sideBnrLink01 {
 padding-top: 0;
}

#side .sideBnrMb {
 margin-bottom: 56px;
}

#side .sideMenu {
 margin: 0 0 30px 0;
}

#side .sideMenu li {
 width: 99px;
 float: left;
}

	}
/* /screens smaller than 999 */

/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
#side .sideTit img {
 width: 100%;
}

#side .sideBnr li {
 text-align: left;
 float: left;
 width: 50%;
}

#side .sideBnr li {
 text-align: left;
 float: left;
 width: 50%;
}

#side .sideBnr li img {
 width: 100%;
}

#side .sideBnrMb {
 margin-bottom: 36px;
}

#side .sideMenu li {
 width: 30%;
 float: left;
}


	}
/* /screens smaller than 767 */

/* #pagetopBlock
------------------------------------------------ */
/*
#pagetopBlock {
 width: 1148px;
 margin: 0 auto;
 text-align: right;
 padding-bottom: 20px;
}
*/

.pagetop {
    display: none;
    position: fixed;
    bottom: 180px;
    right: 10px;
}
.pagetop a {
    display: block;
    text-align: center;
}
 
.pagetop a:hover {
    display: block;
    text-align: center;
    text-decoration: none;
}

/* screens smaller than 1148
--------------------------------------------------- */
@media only screen and (max-width:1148px) {
/*
#pagetopBlock {
 width: 100%;
}
*/
	}
/* /screens smaller than 1148 */



/* #footer
------------------------------------------------ */
#footerBg {
 background: #F0F0F0;
}

#footer {
 width: 1020px;
 margin: 0 auto;
 text-align: left;
 padding-top: 21px;
 padding-bottom: 21px;
 background: #F0F0F0;
}

.footerL {
 width: 147px;
 float: left;
}

.footerR {
 width: 704px;
 float: right;
}

.footerMenuBlock {
 width: 647px;
 float: left;
}

.footerBtnBlock {
 width: 56px;
 float: right;
}

.footerMenuBox {
 width: 25%;
 float: left;
}

.footerMenu li {
 background: url(../images/common/icon01.png) no-repeat 0 7px;
 padding: 2px 0 2px 10px;
 font-size: 11px;
 font-weight: bold;
}

.footerMenu li ul {
 margin: 0;
 padding: 0;
}

.footerMenu li ul li{
 font-size: 11px;
 font-weight: normal;
}

.footerMenu a:link, .footerMenu a:active, .footerMenu a:visited {
 color: #505050;
 text-decoration: none;
}

.footerMenu a:hover {
 color: #505050;
 text-decoration: underline;
}

.footerSpMenu {
 display: none;
}


#footer ul {
 list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
}

/* screens smaller than 1020
--------------------------------------------------- */
@media only screen and (max-width:1020px) {
#footer {
 width: 100%;
}
	}
/* /screens smaller than 1020 */

/* screens smaller than 999
--------------------------------------------------- */
@media only screen and (max-width:999px) {
#footerInbox {
 padding-right: 47px;
 padding-left: 47px;
}

.footerL {
 width: 100%;
 float: none;
 margin-bottom: 25px;
}

.footerL li {
 float: left;
 padding-right: 30px;
}

.footerR {
 width: 100%;
 float: none;
}

.footerMenuBlock {
 width: 611px;
 float: left;
}

.footerBtnBlock {
 width: 56px;
 float: left;
}


	}
/* /screens smaller than 999 */
/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
#footerInbox {
 padding-right: 15px;
 padding-left: 15px;
}

.footerL {
 display: none;
}

.footerR {
 display: none;
}

.footerSpMenu {
 display: inline;
}

.footerSpMenu li {
 width: 50%;
 float: left;
}

.footerSpMenu li a {
 display: block;
 padding: 3px;
}

.footerSpMenu li img {
 vertical-align: top;
 width: 100%;
}


	}
/* /screens smaller than 767 */


/* #copyBlock
------------------------------------------------ */
#copyBlock {
 width: 1020px;
 margin: 0 auto;
 text-align: center;
 padding-top: 9px;
 padding-bottom: 9px;
 font-size: 11px;
}

/* screens smaller than 1020
--------------------------------------------------- */
@media only screen and (max-width:1020px) {
#copyBlock {
 width: 100%;
}
	}
/* /screens smaller than 1020 */
/* screens smaller than 999
--------------------------------------------------- */
@media only screen and (max-width:999px) {
#copyBlock {
 text-align: left;
}
	}
/* /screens smaller than 999 */
/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
#copyBlock {
 text-align: center;
}
	}
/* /screens smaller than 767 */


/* パンくず
------------------------------------------------ */
#breadBlockBg {
 background: #F0F0F0;
 margin-bottom: 60px;
}

#breadBlock {
	width: 1020px;
	margin: 0 auto;
 background: #F0F0F0;
 text-align: left;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 11px;
 color: #505050;
}

#breadBlock .breadArrow {
 color: #007ecb;
}



/* screens smaller than 1020
--------------------------------------------------- */
@media only screen and (max-width:1020px) {
#breadBlock {
 width: 100%;
}
	}
/* /screens smaller than 1020 */

/* screens smaller than 999
--------------------------------------------------- */
@media only screen and (max-width:999px) {
.breadIn {
 padding-right: 47px;
 padding-left: 47px;
}
	}
/* /screens smaller than 999 */

/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
.breadIn {
 padding-right: 15px;
 padding-left: 15px;
}

	}
/* /screens smaller than 767 */

/* slidebarInbox */
.slidebarInbox {
 padding: 16px 10px 0 10px;
 text-align: left;
}

.slidebarLogo {
 width: 47.5%;
 float: left;
}

.slidebarContact {
 width: 41.3%;
 float: right;
}

.slidebarHeadBox img {
 width: 100%;
}

.slidebarHeadBox {
 margin-bottom: 16px;
}

.slidebarMenu {
 border-top: 1px solid #E6E6E6;
}

.slidebarMenu li {
 border-bottom: 1px solid #E6E6E6;
}

.slidebarMenu li a {
 display: block;
 font-size: 14px;
 background: url(../images/common/icon01.png) no-repeat 20px center;
 padding: 20px 10px 20px 42px;
}

.slidebarMenu li a:link, .slidebarMenu li a:active, .slidebarMenu li a:visited {
 color: #282828;
 text-decoration: none;
}

.slidebarMenu li a:hover {
 color: #007ecb;
 text-decoration: none;
}

.slidebarMenu li a.slidebarMenuOn:link, .slidebarMenu li a.slidebarMenuOn:active, .slidebarMenu li a.slidebarMenuOn:visited {
 color: #007ecb;
 text-decoration: none;
}

.slidebarMenu li a.slidebarMenuOn:hover {
 color: #007ecb;
 text-decoration: none;
}

.slidebarBnr li {
 border-bottom: 1px solid #E6E6E6;
}

.slidebarBnr li img {
 vertical-align: top;
 width: 100%;
}

.slidebarBtnClose {
 text-align: center;
 padding-top: 30px;
 background: #ffffff;
 border: none;
}

.slidebarBtnClose img {
 cursor: pointer
}

.slidebarBtnClose a:link, .slidebarBtnClose a:active, .slidebarBtnClose a:visited {
 background: #ffffff;
 border: none;
}

.slidebarBtnClose a:hover {
 background: #ffffff;
 border: none;
}


/* screens smaller than 767
--------------------------------------------------- */
@media only screen and (max-width:767px) {
.slidebarInbox {
 padding: 13px 10px 0 10px;
 text-align: left;
}

.slidebarLogo {
 width: 45.1%;
 float: left;
}

.slidebarContact {
 width: 42.4%;
 float: right;
}

.slidebarHeadBox {
 margin-left: 2.9%;
 margin-right: 2.9%;
 margin-bottom: 11px;
}

.slidebarMenu li a {
 display: block;
 font-size: 12px;
 background: url(../images/common/icon01.png) no-repeat 3.3% center;
 padding: 20px 3% 20px 16.5%;
}

.slidebarBtnClose {
 padding-top: 25px;
}

.slidebarBtnClose img {
 width: 42.8%;
}



	}
/* /screens smaller than 767 */