@charset "utf-8";
/* -----------------------------------------
common.css
サイト共通設定用css
----------------------------------------- */

img{
	max-width: 100%;
}

.cmnMargin {
	margin: 0 30px 30px;
}

.hasMax {
	display: block;
	max-width: 588px;
	margin-left: auto;
	margin-right: auto;
}

.hasMaxL {
	display: block;
	max-width: 588px;
}

.hasMaxLL {
	display: block;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.hasBorder2 {
	border: 2px solid #ccc;
}

.hasRadBorder {
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 9px;
}

a.cmnLink {
	background: url(/common/img/mrk_02.png) no-repeat 0 50%;
	padding-left: 20px;
	text-decoration: none;
	color: #333;
}

a.cmnLink02 {
	background: url(/common/img/mrk_02.png) no-repeat 0 50%;
	padding-left: 20px;
}

a.cmnLinkBlank {
	background: url(/common/img/ico_blank.png) no-repeat 0 50%;
	padding-left: 20px;
}

a.cmnLinkPDF {
	background: url(/common/img/ico_pdf.gif) no-repeat 0 50%;
	padding-left: 38px;
}

a.cmnLinkAnchor {
	background: url(/common/img/mrk_03.png) no-repeat 0 50%;
	padding-left: 20px;
	text-decoration: none;
}

a.cmnBtn {
	display: inline-block;
	background-color: #004898;
	width: 135px;
	padding: 20px 10px;
	min-width: 200px;
	text-align: center;
	color: #fff;
	font-size: 114.3%;
	font-weight: bold;
	text-decoration: none;
}
a.cmnBtn span {
	background: url(/common/img/mrk_01.png) no-repeat 0 2px;
	padding-left: 15px;
}

.hasLineBtm {
	border-bottom: 1px solid #cfcfcf;
}

ul.hasMarker {
	padding-left: 20px;
}

ul.hasMarker li {
	list-style-type: disc;
}

#PageArea {
	max-width: 960px;
	min-width: 320px;
	margin: 0 auto;
}

@media screen and (max-width: 560px) {

	.cmnMargin {
		margin: 0 20px 30px;
	}
}


/* NoScript
----------------------------------------- */

#NoScript {
	border: 3px solid #ff5151;
	background-color: #fff5f5;
	padding: 10px 15px;
	margin-bottom: 5px;
	line-height: 1.4;
}


/* SiteHeader Gnavi
----------------------------------------- */

#SiteHeader {
	position: relative;
}

#SiteHeader #HdLoge {
	float: left;
	border-bottom: 2px solid #cfcfcf;
	width: 16.5%;
	padding: 5px 0 13px;
	text-align: center;
}

#SiteHeader #HdLanguage {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2000;
}

#SiteHeader #HdLanguage .selectVal {
	width: 120px;
	font-size: 78.6%;
	line-height: 26px;
}
body.korean #SiteHeader #HdLanguage .selectVal {
	font-size: 71.5%;
	line-height: 26px;
}


#SiteHeader #HdLanguage ul {
	width: 140px;
	font-size: 85.7%;
}

#SiteHeader #HdLanguage ul li {
	padding: 0;
}

#SiteHeader #HdLanguage ul li a {
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	color: inherit;
}

#SiteHeader #Gnavi {
	float: left;
	background: url(/common/img/gnavi_line_01.gif) no-repeat right bottom;
	margin-top: 11px;
	width: 83.5%;
}

#SiteHeader #Gnavi li {
	float: left;
	background: url(/common/img/gnavi_line_01.gif) no-repeat left bottom;
	border-bottom: 2px solid #cfcfcf;
	width: 15.75%;
	text-align: center;
}

body.english #SiteHeader #Gnavi li,
body.chinese #SiteHeader #Gnavi li,
body.korean #SiteHeader #Gnavi li {
	width: 18.75%;
}

#SiteHeader #Gnavi li#HdSearch {
	position: relative;
	width: 5.5%;
}

body.english #SiteHeader #Gnavi li#HdSearch,
body.chinese #SiteHeader #Gnavi li#HdSearch,
body.korean #SiteHeader #Gnavi li#HdSearch {
	width: 6.25%;
}

#SiteHeader #Gnavi li#NoSearch{
	position: relative;
	width: 5.5%;
	padding: 19px 0 18px;
}

body.english #SiteHeader #Gnavi li#NoSearch,
body.chinese #SiteHeader #Gnavi li#NoSearch,
body.korean #SiteHeader #Gnavi li#NoSearch {
	width: 6.25%;
}

#SiteHeader #SearchArea {
	position: absolute;
	bottom: 0;
	right: 0;
	border: 1px solid #dbdbdb;
	padding: 9px;
	background-color: #e6e6e6;
	display: none;
}

#SiteHeader #SearchBox {
	border: 1px solid #d6d6d6;
	background-color: #fff;
	width: 278px;
}

#SiteHeader #SearchBox .textBox {
	float: left;
	border: none;
	background-color: #fff;
	height: 12px;
	width: 240px;
	padding: 9px 6px;
	font-size: 11px;
	line-height: 1;
}

#SiteHeader #SearchBox .btn {
	float: right;
}

#SiteHeader #Gnavi li#GnaviSubBtn {
	display: none;
}

#SiteHeader #Gnavi li a {
	display: block;
	padding: 19px 0 18px;
	margin-left: 1px;
}

#SiteHeader #Gnavi li a.mouseover,
#SiteHeader #Gnavi li.current a {
	background: url(/common/img/gnavi_bg.gif) repeat-x left bottom;
}


@media screen and (min-width: 901px) {

	body.touchDevice #SiteHeader #Gnavi li {
		width: 16.5%;
	}

	body.touchDevice #SiteHeader #Gnavi li.sub {
		width: 17%;
	}

	body.touchDevice.english #SiteHeader #Gnavi li,
	body.touchDevice.chinese #SiteHeader #Gnavi li,
	body.touchDevice.korean #SiteHeader #Gnavi li {
		width: 20%;
	}

	body.touchDevice #SiteHeader #Gnavi li#HdSearch,
	body.touchDevice #SiteHeader #Gnavi li#NoSearch{
		display: none;
	}
}

@media screen and (max-width: 900px) {

	#SiteHeader #HdLoge {
		float: none;
		border-bottom: none;
		width: auto;
		padding: 5px 0 0 9px;
		text-align: left;
	}

	#SiteHeader #HdLanguage .selectbtn {
		padding: 18px 0;
	}

	#SiteHeader #HdLanguage .selectVal {
		line-height: 42px;
	}

	#SiteHeader #HdLanguage ul {
		top: 42px;
	}

	#SiteHeader #HdLanguage ul li a {
		padding: 10px;
	}

	#SiteHeader #Gnavi {
		float: none;
		margin-top: 1px;
		width: 100%;
	}

	#SiteHeader #Gnavi li,
	body.english #SiteHeader #Gnavi li,
	body.chinese #SiteHeader #Gnavi li,
	body.korean #SiteHeader #Gnavi li {
		width: 22.5%;
	}

	#SiteHeader #Gnavi li.sub,
	#SiteHeader #Gnavi li#HdSearch,
	#SiteHeader #Gnavi li#NoSearch {
		display: none;
	}

	#SiteHeader #Gnavi li#GnaviSubBtn {
		display: list-item;
		width: 10%;
	}
}

@media screen and (max-width: 560px) {

	#SiteHeader #Gnavi li,
	body.english #SiteHeader #Gnavi li,
	body.chinese #SiteHeader #Gnavi li,
	body.korean #SiteHeader #Gnavi li {
		width: 39.3%;
	}

	#SiteHeader #Gnavi li#GnaviSubBtn {
		width: 21%;
		margin-top: -70px;
		background: url(/common/img/gnavi_line_02.gif) no-repeat left bottom;
	}

	#SiteHeader #Gnavi li#GnaviSubBtn a {
		padding: 54px 0 53px;
	}
}


/* PullDownNavi
----------------------------------------- */

#PullDownNavi {
	position: absolute;
	top: 79px;
	left: 0;
	background: url(/common/img/pdnavi_bg_01.png) repeat 0 0;
	width: 100%;
	z-index: 1000;
}

#PullDownNavi a {
	color: #fff;
	text-decoration: none;
}

#PullDownNavi > li {
	border: 2px solid #505050;
	display: none;
}

#PullDownNavi li a {
	display: block;
	padding: 8px 8px 8px 15px;
}

#PullDownNavi li a span {
	background: url(/common/img/mrk_01.png) no-repeat 0 50%;
	padding-left: 16px;
}

#PullDownNavi > li > a {
	border-bottom: 2px solid #7f8286;
	padding-left: 25px;
	font-size: 107.1%;
}

#PullDownNavi ul.threeCol,
#PullDownNavi ul.fourCol {
	display: table;
	width: 100%;
}

#PullDownNavi ul.threeCol > li,
#PullDownNavi ul.fourCol > li {
	display: table-cell;
	border-left: 1px solid #7f8286;
	width: 33.3%;
	padding-bottom: 15px;
}

#PullDownNavi ul.fourCol > li {
	width: 25%;
}

#PullDownNavi ul.threeCol > li:first-child,
#PullDownNavi ul.fourCol > li:first-child {
	border-left: none;
}

#PullDownNavi li.hasImg .pdnaviImg {
	float: left;
	padding: 10px 0 0 15px;
}

#PullDownNavi li.hasImg .textArea {
	padding-left: 77px;
}

#PullDownNavi li ul li ul {
	margin-left: 45px;
}

#PullDownNavi li ul li ul li {
	margin-bottom: 3px;
}

#PullDownNavi li ul li ul li a {
	padding: 0;
	font-size: 85.7%;
}

#PullDownNavi li ul li ul li a span {
	background: none;
	padding-left: 0;
}

#PullDownNavi li ul li ul li.hasImg {
	margin-bottom: 6px;
}

#PullDownNavi li ul li ul li.hasImg span {
	display: inline-block;
	background: none;
	padding: 18px 0 0 5px;
}

@media screen and (max-width: 900px) {

	#PullDownNavi {
		background: none;
	}

	#PullDownNavi > li {
		border: none;
	}

	#PullDownNavi li a {
		padding: 12px 8px 12px 15px;
		background: url(/common/img/pdnavi_bg_01.png) repeat 0 0;
	}

	#PullDownNavi li a span {
		padding-left: 25px;
	}

	#PullDownNavi ul.threeCol,
	#PullDownNavi ul.fourCol {
		display: block;
	}

	#PullDownNavi ul.threeCol > li,
	#PullDownNavi ul.fourCol > li {
		display: block;
		border-left: none;
		width: 100%;
		padding-bottom: 0;
	}

	#PullDownNavi ul.fourCol > li.empty {
		display: none;
	}

	#PullDownNavi li.hasImg .pdnaviImg {
		display: none;
	}

	#PullDownNavi li.hasImg .textArea {
		padding-left: 0;
	}

	#PullDownNavi li ul li a {
		border-bottom: 1px solid #7f8286;
		padding: 12px 8px 12px 40px;
		background: url(/common/img/pdnavi_bg_02.png) repeat 0 0;
	}

	#PullDownNavi li ul li ul {
		margin-left: 0;
		display: none;
	}

	#PullDownNavi li ul li ul li {
		margin-bottom: 0;
	}

	#PullDownNavi li ul li ul li a {
		padding: 12px 8px 12px 65px;
	}

	#PullDownNavi li ul li ul li a span {
		background: url(/common/img/mrk_01.png) no-repeat 0 50%;
		padding-left: 20px;
	}

	#PullDownNavi li ul li ul li.hasImg {
		margin-bottom: 0;
	}

	#PullDownNavi li ul li ul li.hasImg span {
		background: url(/common/img/mrk_01.png) no-repeat 0 50%;
		padding: 0 0 0 20px;
	}

	#PullDownNavi li ul li ul li.hasImg img {
		display: none;
	}
}


/* BreadCrumb
----------------------------------------- */

#BreadCrumb {
	padding: 17px 16px 17px;
	font-size: 78.6%;
	color: #333;
}

#BreadCrumb a {
	color: #333;
}

#BreadCrumb span {
	padding: 0 7px;
}

@media screen and (max-width: 900px) {

	#BreadCrumb {
		padding: 15px;
		font-size: 92.6%;
	}
}


/* MainArea
----------------------------------------- */

#MainArea {
	float: right;
	width: 76.6%;
}

#MainArea.noMenu {
	float: none;
	width: 100%;
}

@media screen and (max-width: 900px) {
	#MainArea {
		float: none;
		width: 100%;
	}
}


/* SideArea
----------------------------------------- */

#SideArea {
	float: left;
	width: 21.9%;
}

#SideArea #LnaviTop a {
	display: block;
	border: 1px solid #cfcfcf;
	padding: 18px 12px;
	font-size: 114.3%;
	text-decoration: none;
	color: #181818;
}

#SideArea #LnaviTop a.current {
	background: url(/common/img/lnavi_bg.gif) repeat-x left bottom;
	border-bottom: 3px solid #004898;
}

#SideArea #Lnavi li a {
	display: block;
	border-left: 1px solid #cfcfcf;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	background-color: #f9f9f9;
	padding: 13px 5px 13px 23px;
	text-decoration: none;
	color: #181818;
	line-height: 1.3;
}

#SideArea #Lnavi li a.current {
	background: url(/common/img/lnavi_bg.gif) repeat-x left bottom;
	border-bottom: 3px solid #004898;
	padding-bottom: 11px;
}

#SideArea #Lnavi li ul li a {
	padding: 13px 5px 13px 38px;
	background-color: #ededed;
}


@media screen and (max-width: 900px) {

	#SideArea {
		float: none;
		width: 100%;
		margin-top: 30px;
	}

	#SideArea #LnaviTop a {
		background: url(/common/img/bg_01.png) repeat-x left bottom !important;
		padding: 16px 10px 16px 25px;
		font-size: 107.1%;
	}

	#SideArea #LnaviTop a.current {
		border-bottom: 1px solid #cfcfcf;
	}

	#SideArea #LnaviTop a span {
		background: url(/common/img/mrk_02.png) no-repeat 0 50%;
		padding-left: 25px;
	}

	#SideArea #Lnavi li a {
		background: url(/common/img/bg_01.png) repeat-x left bottom #f9f9f9 !important;
		padding: 20px 10px 20px 50px;
	}

	#SideArea #Lnavi li a span {
		background:  url(/common/img/mrk_02.png) no-repeat 0 50%;
		padding-left: 25px;
	}

	#SideArea #Lnavi li a.current {
		border-bottom: 1px solid #cfcfcf;
		padding-bottom: 20px;
	}

	#SideArea #Lnavi li ul li a {
		background: url(/common/img/bg_01.png) repeat-x left bottom #ededed !important;
		padding: 20px 10px 20px 65px;
	}
}


/* title
----------------------------------------- */

h1.cmnH1 {
	border-bottom: 4px solid #e4e4e4;
	padding: 20px 15px;
	margin-bottom: 25px;
	font-size: 157.1%;
	font-weight: bold;
	color: #004898;
	line-height: 1.2;
}

h2.cmnH2 {
	background: url(/common/img/ico_h2.gif) no-repeat 15px 9px;
	border-bottom: 2px solid #e6e6e6;
	padding: 7px 5px 20px 40px;
	margin-bottom: 20px;
	font-size: 142.9%;
	font-weight: bold;
	line-height: 1.2;
}

h3.cmnH3 {
	background: url(/common/img/ico_h3.gif) no-repeat 15px 7px;
	border-bottom: 2px solid #e6e6e6;
	padding: 7px 5px 20px 40px;
	margin-bottom: 15px;
	font-size: 128.6%;
	line-height: 1.2;
}

.hasleftLine {
	border-left: 4px solid #004898;
	padding: 7px 0 7px 10px;
	margin-bottom: 10px;
	font-size: 114.3%;
	font-weight: bold;
	line-height: 1.2;
}

@media screen and (max-width: 900px) {

	h1.cmnH1 {
		border-bottom: 4px solid #e4e4e4;
		padding: 15px 15px 20px;
		margin-bottom: 20px;
	}
}


/* IndexList
----------------------------------------- */

#IndexList {
	margin: 0 16px 30px 30px;
}

#IndexList li {
	float: left;
	margin: 0 14px 15px 0;
}

#IndexList li .title {
	text-align: center;
}

#IndexList li .title a {
	display: table-cell;
	vertical-align: middle;
	background: none #004898;
	height: 80px;
	width: 200px;
	padding: 0 7px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
}

#IndexList li .title a span {
	background: url(/common/img/mrk_01.png) no-repeat 0 2px #004898;
	padding: 0 10px 0 15px;
}

#IndexList li .titleBlank {
	text-align: center;
}

#IndexList li .titleBlank a {
	display: table-cell;
	vertical-align: middle;
	background: none #004898;
	height: 80px;
	width: 200px;
	padding: 0 7px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
}

#IndexList li .titleBlank a span {
	background: url(/common/img/ico_blank.png) no-repeat 0 50%;
	padding: 0 10px 0 20px;
}

@media screen and (max-width: 510px) {

	#IndexList {
		margin: 0 0 30px;
	}

	#IndexList li {
		float: none;
		margin: 0 0 1px 0;
	}

	#IndexList li .title, #IndexList li .titleBlank{
		display: table;
		width: 100%;
		text-align: left!important;
	}

	#IndexList li .title a, #IndexList li .titleBlank a{
		padding: 0 10px 0 23px!important;
		width: auto;
	}

	#IndexList li .image {
		display: none;
	}
}


/* calendar
----------------------------------------- */

table.calendar {
	background-color: #fff;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
	width: 100%;
}

table.calendar th,
table.calendar td {
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	text-align: center;
	width: 14.28%;
}

table.calendar th {
	border-bottom: 3px solid #e7e7e7;
	padding: 5px 0;
}

table.calendar .sat {
	background-color: #f9f9f9;
	color: #004898;
}

table.calendar .sun {
	background-color: #fef2f3;
	color: #e60012;
}


/* selectbox
----------------------------------------- */

.selectbox {
	position: relative;
	border: 1px solid #dfdfdf;
	background: url(/common/img/bg_01.png) repeat-x left bottom #fff;
	color: #333;
	cursor: pointer;
}

.selectbox .selectbtn {
	float: left;
	border-right: 1px solid #dfdfdf;
	width: 27px;
	height: 6px;
	padding: 10px 0;
	text-align: center;
}

.selectbox .selectVal {
	float: left;
	width: 100px;
	padding: 0 10px;
}

.selectbox ul {
	position: absolute;
	top: 26px;
	left: 27px;
	background-color: #fff;
	border: 1px solid #dfdfdf;
	width: 120px;
	display: none;
}

.selectbox ul li {
	padding: 0 10px;
}

.selectbox ul li:hover {
	background-color: #eee;
}


/* textbox
----------------------------------------- */

input.textbox {
	border: 1px solid #d0d0d0;
	padding: 7px 10px;
}

button.formBtn {
	border: none;
	border-radius: 0;
	background: url(/common/img/mrk_01.png) no-repeat 35px 13px #004898;
	width: 135px;
	padding: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

textarea {
	border: 1px solid #d0d0d0;
	padding: 5px 10px;
}

/* rightImgArea
----------------------------------------- */

.rightImgArea {
	float: right;
	margin-left: 35px;
}

.rightImgArea img {
	display: block;
	margin-bottom: 1px;
	vertical-align: middle;
}

.rightImgArea.hasSpace img {
	padding-bottom: 15px;
}

.rightImgArea.hasSpace .imgHasCaption {
	padding-bottom: 15px;
}

.rightImgArea.hasSpace .imgHasCaption img {
	padding-bottom: 0;
}

.rightImgArea .caption {
	padding-top: 3px;
	font-size: 85.7%;
	line-height: 1.3;
}

@media screen and (max-width: 600px) {

	.rightImgArea {
		float: none;
		margin: 0 0 5px;
		text-align: center;
	}

	.rightImgArea img {
		display: inline-block;
		padding: 0 5px 15px;
	}

	.rightImgArea .imgHasCaption {
		display: inline-block;
		padding: 0 5px 15px;
	}

	.rightImgArea .imgHasCaption img {
		padding: 0;
	}
}


/* imageSet
----------------------------------------- */

.imageSet {
	text-align: center;
}

.imageSet img {
	display: inline-block;
	padding: 15px 5px 0;
	vertical-align: bottom;
}

.imageSet .caption {
    font-size: 85.7%;
}


/* hasImgList
----------------------------------------- */

ul.hasImgList li {
	margin-bottom: 35px;
}

ul.hasImgList li .image {
	float: left;
}

ul.hasImgList li .textArea {
	padding: 0 25px 0 230px;
	font-size: 92.9%;
}

ul.hasImgList.twoCol li {
	float: left;
	width: 50%;
}

@media screen and (max-width: 900px) {

	ul.hasImgList.twoCol li {
		float: none;
		width: 100%;
	}
}

@media screen and (max-width: 500px) {

	ul.hasImgList li {
		margin-bottom: 35px;
	}

	ul.hasImgList li .image {
		float: none;
		margin-bottom: 10px;
	}

	ul.hasImgList li .textArea {
		padding: 0;
	}
}


/* dl・dt・dd
----------------------------------------- */

dl.cmnDl dt {
	clear: both;
	float: left;
	font-weight: bold;
	padding-right: 10px;
}

dl.cmnDl dd {
	float: left;
}

dl.dt90 dt { width: 90px; }
dl.dt105 dt { width: 105px; }
dl.dt120 dt { width: 120px; }
dl.dt150 dt { width: 150px; }
dl.dt180 dt { width: 180px; }
dl.dt200 dt { width: 200px; }

dl.dt90 dd { padding-left: 100px; float: none; }
dl.dt105 dd { padding-left: 115px; float: none; }
dl.dt120 dd { padding-left: 130px; float: none; }
dl.dt150 dd { padding-left: 160px; float: none; }
dl.dt180 dd { padding-left: 190px; float: none; }
dl.dt200 dd { padding-left: 210px; float: none; }

dl.dtRight dt {
	text-align: right;
}

@media screen and (max-width: 450px) {

	dl.responsive dt {
		float: none;
		text-align: left;
	}

	dl.responsive dd {
		float: none;
		padding-left: 20px;
	}
}


/* cmnTable
----------------------------------------- */

table.cmnTable {
	border-top: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	width: 100%;
}

table.half {
	max-width: 400px;
}

table.cmnTable th,
table.cmnTable td {
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	padding: 8px;
	line-height: 1.3;
}

table.cmnTable th {
	background-color: #ededed;
}

table.thCenter th,
table.tdCenter td {
	text-align: center;
	padding: 8px 3px;
}

table.th30 th {
	width: 30%;
}

table.th50 th {
	width: 50%;
}


/* cmnTwoCol
----------------------------------------- */

.cmnTwoCol .leftCol {
	float: left;
	width: 47%;
}

.cmnTwoCol .rightCol {
	float: right;
	width: 47%;
}

@media screen and (max-width: 600px) {

	.cmnTwoCol .leftCol,
	.cmnTwoCol .rightCol {
		float: none;
		width: 100%;
	}
}


/* cmnThreeCol
----------------------------------------- */

.cmnThreeCol .leftCol {
	float: left;
	width: 32%;
	margin-right: 2%;
}

.cmnThreeCol .centerCol {
	float: left;
	width: 32%;
}

.cmnThreeCol .rightCol {
	float: right;
	width: 32%;
}

@media screen and (max-width: 700px) {

	.cmnThreeCol .leftCol {
		width: 47%;
	}

	.cmnThreeCol .centerCol {
		float: right;
		width: 47%;
	}

	.cmnThreeCol .rightCol {
		float: left;
		width: 47%;
	}
}

@media screen and (max-width: 500px) {

	.cmnThreeCol .leftCol,
	.cmnThreeCol .centerCol,
	.cmnThreeCol .rightCol {
		float: none;
		width: 100%;
	}
}

/* cmnThreeCol2
----------------------------------------- */

.cmnThreeCol2 .leftCol {
	float: left;
	margin-right: 2%;
}

.cmnThreeCol2 .centerCol {
	float: left;
}

.cmnThreeCol2 .rightCol {
	float: right;
}

@media screen and (max-width: 700px) {

	.cmnThreeCol2 .leftCol {
		width: 90%;
	}

	.cmnThreeCol2 .centerCol {
		float: right;
		width: 90%;
	}

	.cmnThreeCol2 .rightCol {
		float: left;
		width: 90%;
	}
}

@media screen and (max-width: 500px) {

	.cmnThreeCol2 .leftCol,
	.cmnThreeCol2 .centerCol,
	.cmnThreeCol2 .rightCol {
		float: none;
		width: 100%;
		margin-top:20px;
	}
}



/* AccessMenu
----------------------------------------- */

#AccessMenu {
	margin: 0 30px 30px;
}

#AccessMenu ul {
	display: table;
	border-left: 1px solid #d0d0d0;
	width: 100%;
}

#AccessMenu li {
	display: table-cell;
	width: 20%;
	border-right: 1px solid #d0d0d0;
	background: url(/common/img/mrk_03.png) no-repeat 50% 95%;
	text-align: center;
}

#AccessMenu li a {
	display: block;
	padding: 4px 0 25px;
	text-decoration: none;
	color: inherit;
}

#AccessMenu li .icon {
	margin-bottom: 8px;
}

#AccessMenu li .text {
	line-height: 1.5;
	font-size: 85.7%;
}

#AccessMenu li .text span {
	font-size: 150%;
	font-weight: bold;
}

h3#ByPlane {
	background: url(/common/img/ico_access_airport.gif) no-repeat 4px 3px;
	font-weight: bold;
}

h3#ByTrain {
	background: url(/common/img/ico_access_train.gif) no-repeat 4px 3px;
	font-weight: bold;
}

h3#ByBus {
	background: url(/common/img/ico_access_bus.gif) no-repeat 4px 3px;
	font-weight: bold;
}

h3#ByWaterBus {
	background: url(/common/img/ico_access_waterbus.gif) no-repeat 4px 3px;
	font-weight: bold;
}

h3#ByCar {
	background: url(/common/img/ico_access_car.gif) no-repeat 4px 3px;
	font-weight: bold;
}

@media screen and (max-width: 600px) {

	#AccessMenu {
		margin: 0 10px 30px;
	}

	#AccessMenu li a {
		padding: 4px 3px 20px;
	}

	#AccessMenu li .text span {
		font-size: 100%;
	}
}


/* PageTop
----------------------------------------- */

#PageTop {
	position: fixed;
	right: 0;
	bottom: 55px;
	display: none;
	z-index:99999;
}

@media print {
	#PageTop {
		display:none!important;
	}
}



/* SiteFooter
----------------------------------------- */

#SiteFooter {
	clear: both;
	padding-top: 50px;
}

#SiteFooter #FtNavi01 {
	margin-bottom: 12px;
}

#SiteFooter #FtNavi01 li {
	float: left;
}

#SiteFooter #FtNavi01 li a {
	display: block;
	padding: 3px 10px;
	font-size: 78.6%;
	text-decoration: none;
	color: #333;
}

#SiteFooter #FtNavi02 {
	background: url(/common/img/ft_bg_01.gif) repeat-x left bottom;
	border: 1px solid #d2d2d2;
	border-radius: 2px;
	padding: 12px 15px;
}

#SiteFooter #FtNavi02 li {
	float: left;
}

#SiteFooter #FtNavi02 li a {
	display: block;
	padding: 3px 5px 3px 0;
	margin-right: 12px;
	font-size: 78.6%;
	text-decoration: none;
	color: #333;
}

#SiteFooter #FtBottom {
	margin: 15px 15px 30px;
}

#SiteFooter #FtCopyright {
	float: left;
	margin-bottom: 10px;
	font-size: 85.7%;
}

#SiteFooter address {
	float: right;
	text-align: right;
	font-size: 78.6%;
	font-style: normal;
	line-height: 1.8;
}