@charset "utf-8";

/*--------------------------------------------
タグセレクタ・ブラウザスタイル初期化
--------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;
}

h1,h2, h3, h4, div, p, hr, blockquote, address, noscript {
	text-align  : left;
	font-style: normal;
	font-weight: normal;
}

ul, ol, dl, dt, dd {
	list-style: none;
}

span, img {
	border: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}

body{
	font-size: 12px;
	font-family: arial;
	background-color: #FFF;
	line-height: 150%;
	color: #333;
}

a {
	/*\*/
	overflow: hidden;/*Firefoxでインデントで消したリンク要素の枠を解消*/
	/**/
}


/*--------------------------------------------
強制的にclearするセレクタ
--------------------------------------------*/
.clear {
	display: block;
	clear: both;
	line-height: 0px;
	font-size: 1px;
}

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

.clearfix {
	display:inline-block;
	min-height: 1%;
}

/*Hides from MacIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*Hides from MacIE */


a {
color:#005689;
text-decoration:none;
}

a:visited{
color:#164974;
text-decoration:none;
}

a:hover{
color:#005689;
text-decoration: underline;
}

/*--------------------------------------------
共通部分
--------------------------------------------*/
div#container {
	width: 950px;
	margin: 0 auto;
	border-top: 6px solid #008FDD;
}

div#container div#headerTop {
	/*padding: 4px 6px;*/
}

div#container div#headerTop h1 {
	font-size: 12px;
	width: 470px;
	float: left;
	color: #ed154b;
	font-weight: bold;
	padding-top:5px;
}

div#container div#headerTop div#headerTopRight {
	float: right;
}

/* language selector */
div#container div#headerTop div#headerTopRight #languageSelector{
  position:relative;
  width:auto;
  font-size: 12px;
  margin-top:5px;
}
div#container div#headerTop div#headerTopRight #languageSelector .dhtmlSelectTrigger{
  background-image:url("../images/arrow.gif");
  background-position:0 3px;
  background-repeat:no-repeat;  
  font-weight:bold;
  cursor:pointer;
  cursor:hand;
  display:block;
  padding:2px 0px 2px 10px;
  width:auto;
  line-height:11px;
}
div#container div#headerTop div#headerTopRight #languageSelector ul{
  z-index:5;
  width:55px;
  border:1px solid #999999;
  background-color:#ffffff;
  position:absolute;
  list-style-type:none;
  margin:0;
  padding:5px;
}
div#container div#headerTop div#headerTopRight #languageSelector li{
  margin:0;
  padding:0;
}

div#container div#headerTop div#headerTopRight #languageSelector .backgroundIframe{
  z-index:1;
  position:absolute;
  top:18px;
  left:0px;
  display:none;
}

div#container div#headerTop div#headerTopRight #languageSelector.show ul{
  display:block;
}
div#container div#headerTop div#headerTopRight #languageSelector a,#languageSelector a:link,#languageSelectort a:visited{
  font-weight:normal;
  border-bottom:1px solid #eeeeee;
  background-color:#ffffff;
  text-decoration:none;
  display:block;
  padding:1px 5px;
  color:#3e3061;
}
div#container div#headerTop div#headerTopRight #languageSelector a:hover{
  color:#ffffff;
  background-color:#152547;
}

div#container div#headerTop div#headerTopRight li {
	float: left;
	padding-left: 10px;
	padding-top: 5px;
}

div#container div#headerTop div#headerTopRight li select {
	margin-left: 10px;
}

div#container div#header {
	padding: 7px 0 0 15px;
}

div#container div#header p.floatRight a:hover img{
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

div#container ul#headerMenu li {
	float: left;
	padding: 15px 0;
}

div#container ul#headerMenu li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 49px;
	display: block;
	text-indent: -9999px;
}

div#container ul#headerMenu li a:hover {
	background-position: 0 -49px;
}

div#container ul#headerMenu li.On a{
	background-position: 0 -49px;
}

div#container ul#headerMenu li.menu01 a {
	background-image: url(../images/header_menu_01.jpg);
	width: 120px;
}

div#container ul#headerMenu li.menu02 a {
	background-image: url(../images/header_menu_02.jpg);
	width: 118px;
}

div#container ul#headerMenu li.menu03 a {
	background-image: url(../images/header_menu_03.jpg);
	width: 118px;
}

div#container ul#headerMenu li.menu04 a {
	background-image: url(../images/header_menu_04.jpg);
	width: 118px;
}

div#container ul#headerMenu li.menu05 a {
	background-image: url(../images/header_menu_05.jpg);
	width: 118px;
}

div#container ul#headerMenu li.menu06 a {
	background-image: url(../images/header_menu_06.jpg);
	width: 118px;
}

div#container ul#headerMenu li.menu07 a {
	background-image: url(../images/header_menu_07.jpg);
	width: 120px;
}

div#container ul#headerMenu li.menu08 a {
	background-image: url(../images/header_menu_08.jpg);
	width: 120px;
}


div#container div#content {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

div#container div#content div.contentLeft {
	width: 640px;
	float: left;
}

div#container div#content div.contentLeft ul.breadcrumb {
	margin-bottom: 10px;
	padding-left: 10px;
}

div#container div#content div.contentLeft ul.breadcrumb li {
	float: left;
	padding-right: 5px;
}

div#container div#content div.contentLeft ul.breadcrumb li a {
	padding-right: 5px;
	color: #333;
	text-decoration: underline;
}

div#container div#content div.contentLeft ul.breadcrumb li.jin {
	clear: both;
}

div#container div#content div.contentLeft ul.breadcrumb li.jin a {
	padding-right: 5px;
	color: #005689;
	text-decoration: none;
}

div#container div#content div.contentLeft ul.breadcrumb li.jin a:hover {
	padding-right: 5px;
	color: #005689;
	text-decoration: underline;
}

div#container div#content div.contentLeft ul.breadcrumb li a:hover {
	text-decoration: none;
}

div#container div#content div.contentLeft .underline a {
	text-decoration: underline;
}

div#container div#content div.contentLeft .underline a:hover {
	text-decoration: none;
}

div#container div#content div.contentLeft #flash {
	margin-bottom: 15px;
	border:1px solid #000;
}

div#container div#content div.contentLeft h2 {
	margin-bottom: 15px;
}

div#container div#content div.contentLeft h2 a:hover img{
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

div#container div#content div.contentLeft div.pinkTitle {
	background-image: url(../images/pink_title_bottom.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 15px 0 15px 25px;
	margin-bottom: 15px;
}

div#container div#content div.contentLeft div.pinkTitle li {
	margin-right:10px;
	width:186px;
	float: left;
}

div#container div#content div.contentLeft div.pinkTitle li img {
	margin-bottom: 7px;
}

div#container div#content div.contentLeft div.pinkTitle li a {
	font-weight: bold;
	color: #ed154b;
	text-decoration: underline;
}

div#container div#content div.contentLeft div.pinkTitle li a:hover {
	text-decoration: none;
}

div#container div#content div.contentLeft div.mapJapan {
	background-image: url(../images/map_japan_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 10px 18px 18px 18px;
}

div#container div#content div.contentLeft div.mapJapan ul {
	width: 150px;
	float: left;
}

div#container div#content div.contentLeft div.mapJapan ul li {
	margin-bottom: 5px;
	text-align: center;
}

div#container div#content div.contentLeft div.mapJapan ul li a:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

div#container div#content div.contentLeft div.mapJapan ul li select {
	width: 150px;
	margin: 0;
	padding: 0;
}

div#container div#content div.contentLeft div.mapJapan #map_canvas {
	width: 430px;
	float: right;
}

div#container div#content div.contentRight {
	width: 300px;
	float: right;
}

div#container div#content div.contentRight p.mb15 a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

div#container div#content div.contentRight h3 {
	margin-bottom: 15px;
}

div#container div#content div.contentRight h3 a:hover img {
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}

/* right */
div#container div#content div.contentRight div.travelBottom {
	background-image: url(../images/travel_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 3px 7px 7px 7px;
	margin-top: -7px;
}

div#container div#content div.contentRight div.travelBottom h4 {
	margin-bottom: 20px;
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner {
	padding: 0 10px;
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner p.mb10 a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner ul.whatNew {
	margin-bottom: 20px;
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner ul.whatNew li {
	border-top: 1px dotted #333;
	padding-top:10px;
	margin-bottom: 10px;
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner ul.whatNew li img {
	margin-left: 5px;
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner ul.whatNew li a {
	font-weight: bold;
	color: #E6003E;
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner ul.whatNewInner li {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;	
}

div#container div#content div.contentRight div.travelBottom div.travelBottomInner ul.whatNewInner li a {
	color: #E6003E;
	background-image: url(../images/right_li.gif);
	background-position: 0 3px;
	display: block;
	background-repeat: no-repeat;
	padding-left: 13px;
	text-decoration: underline;
}
div#container div#content div.contentRight div.travelBottom div.travelBottomInner ul.whatNewInner li a:hover {
	text-decoration: none;
}

div#container div#content div.contentRight h5 {
	margin-top: 15px;
	text-align: center;
}

div#container div#content div.contentRight h5 a:hover img {
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}

/* footer */
div#container div#footer ul {
	padding-left: 65px;
	margin-bottom: 20px;
}

div#container div#footer ul li {
	width: 120px;
	text-align: center;
	padding-right: 20px;
	float: left;
}

div#container div#footer #footerMenu{
    text-align:center;
    margin-bottom:20px;
    color:#ED154B;
}

div#container div#footer #footerMenu a {
color:#ED154B;
text-decoration:underline;
padding: 0 10px;
}

div#container div#footer #footerMenu a:hover {
text-decoration:none;
}

div#container div#footer ul li a:hover img{
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

div#container div#footer ul li a {
	color: #E6003E;
	text-decoration: underline;
}

div#container div#footer ul li a:hover {
	text-decoration: none;
}

div#container div#footer ul li p {
	text-align: center;
}

div#container div#footer ul li img {
	margin-bottom: 5px;
}

div#container div#footer div.footerInner {
	background-color: #008FDD;
	padding: 5px 20px;
	color: #FFF;
}

div#container div#footer p.footerLeft {
	float: left;
}

div#container div#footer p.footerRight {
	padding-top: 3px;
	float: right;
}

/* float */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

/* class */
.mb10 {
	margin-bottom: 10px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb7 {
	margin-bottom: 7px;
}

.mt15 {
	margin-top: 15px;
}

.bold {
	font-weight: bold;
}

.alignRight {
	text-align: right;
}

/* 新規追加 */
.newBox {
	margin-bottom: 15px;
}

.newBox .mainTitle {
	border-bottom: 1px dotted #999;
	width: 292px;
	padding: 5px 0 2px 0;
	margin-left: 10px;
}

.newBox .mainTitle a {
	font-weight: bold;
}

.newBox .newBoxLeft {
	border: 1px solid #999;
	width: 312px;
	float: left;
	height: 150px;
}

.newBox .newBoxRight {
	border: 1px solid #999;
	width: 312px;
	float: right;
	height: 150px;
}

.newBox dl {
	padding: 10px;
}

.newBox dl dt {
	width: 80px;
	float: left;
	padding-right: 10px;
}

.newBox dl dt a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

.newBox dl dd {
	width: 200px;
	float: left;
}

.newRight {
	border: 1px solid #999;
	padding: 10px;
	margin-top: 15px;
}

.newRight .newTitle {
	border-bottom: 1px dotted #999;
	width: 280px;
	padding: 5px 0 2px 0;
	margin-bottom: 10px;
}

.newRight .newTitle a {
	font-weight: bold;
}

.newRight dt {
	width: 80px;
	float: left;
	padding-right: 10px;
}

.newRight dt a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

.newRight dd {
	width: 180px;
	float: left;
}

.newBanner {
	margin: 15px 0;
}

.newBanner a:hover img {
	filter:alpha(opacity=80);
	opacity:0.8;
	-moz-opacity:0.8;
}

.newBanner .newBannerLeft {
	float: left;
	padding-right: 20px;
}

.newBanner .newBannerRight {
	float: left;
}

.bigimg-container{
    width: 220px; 
    text-align: center; 
    height: 220px; 
    display: table-cell; 
    vertical-align: middle;
}

input[type='checkbox']{
    vertical-align: middle; margin-right: 5px;
}

.alignCenter {
	text-align: center;
}