@charset "Shift_JIS";

/*
===== CONTENTS ==============================
	1: #wrapper
	1: #header
		#logo
	2: #globalNav
	3: #contents
	4: #localNav
	5: #footer
		#asisstNav
	6: clear
	7: contetns-right
	8: pagetop
	9: pankuzu
	10: h
	11: font
	12: h2
	13: h3
=============================================
*/

/*
===== 1: #wrapper =====
*/
#wrapper {
	width: 806px;
	padding: 0;
	background: url(../image/bg.gif) repeat-y left top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wrapper-inner {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}


/*
===== 1: #header =====
*/
#header {
	height: 80px;
	border-bottom: 1px solid #818181;
	position: relative;
}

/* #logo */
#header #logo {
	position: absolute;
	top: 12px;
	left: 19px;
}

/* #linkNav */
#header #linkNav {
	position: absolute;
	top: 45px;
	right: 114px;
}
#header #linkNav li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 80%;
	/*08/03/17 background: url(../image/list_marker01.gif) no-repeat left center;*/
}
#header #linkNav li img{
	margin-bottom: 2px;
	margin-right: 4px;
}

#header #linkNav li a {
	color: #0077ff;
	text-decoration: none;
}

/* #japaneseLink */
#header #japaneseLink {
	position: absolute;
	top: 12px;
	right: 114px;
	font-weight: bold;
	font-size: 80%;
}
#header #japaneseLink a {
	color: #0077ff;
	text-decoration: none;
}

/* #yokosoJapan */
#header #yokosoJapan {
	position: absolute;
	top: 12px;
	right: 12px;
}


/*
===== 2:#globalNav =====
*/
#globalNav {
	height: 47px;
	background-color: #eae8e8;
	border-bottom: 1px solid #d4d5d7;
}
#globalNav li {
	float: left;
}
#globalNav li a {
	display: block;
	width: 200px;
}


/*
===== 3: #contents =====
*/
#contents {
	width: 800px;
	background: url(../image/contents_bg.gif) repeat-y left top;
}

#contents .spotInfo {
	margin: 0 11px 20px 0;
	text-align: right;
}
#contents .widePass {
	margin: 0 auto 20px;
	text-align: center;
}
#contents .pageTop {
	float: right;
	margin: 0 28px 0 0;
	padding: 0 0 0 18px;
	font-size: 70%;
	background: url(../image/pagetop_marker.gif) no-repeat left center;
}
#contents .pageTop a {
	color: #0077ff;
}


/*
===== 4: #localNav =====
*/
#localNav {
	width: 200px;
	float: left;
	background-color: #EFF5F8;
	border-bottom: 1px #aaa solid;
	text-align: left;
}
#localNav li {
	display: block;
	padding: 7px 5px 9px 26px ;
	border-bottom: 1px #aaa dotted;
	text-decoration: none;
	text-indent: -18px;
	_text-indent: -22px;
}
#localNav li a {
	
	font-size: 100%;
	color: #0650A5;
	padding-left: 3px;
	_padding-left: 0px;
	text-decoration: none;
	
}
#localNav li img{
	margin :2px 0px 0px 0px;
	vertical-align: top;
	
}

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

/*
===== 5: #footer =====
*/
#footer {
	width: 800px;
	background-color: #0c4fa0;
	margin-right: auto;
	margin-left: auto;
}

#footer-inner {
	padding: 10px;
}

#footer address {
	float: left;
	color: #ffffff;
	font-size: 70%;
}

/* #asisstNav */
#footer #asisstNav {
	float: right;
}

#footer #asisstNav li {
	float: left;
	font-size: 70%;
	color: #ffffff;
}
#footer #asisstNav li a {
	color: #ffffff;
	text-decoration: none;
}


/* 
===== 6: clear =====
*/

div.clear
{
	clear:both;
}

div.clear hr
{
	display:none;
}


/* 
===== 7: contetns-right =====
*/

#contetns-right {
	float: right;
	text-align: center;
	width: 600px;
	margin-top: 15px;
}

#contetns-right-inner {
	text-align: left;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}


/* 
===== 8: pagetop =====
*/

.pagetop {
	background-image: url(../image/arrow01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	float: right;
}

.pagetop a {
	color: #4694d1;
	display: block;
}

.pagetop a:hover {
	color: #88c6f7;
}


/* 
===== 9: pankuzu =====
*/

.pankuzu {
	font-size: 80%;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}

.pankuzu a {
	color: #4694d1;
}

.pankuzu a:hover {
	color: #88c6f7;
}

/* 
===== 11: font =====
*/

.txt-ss {
	font-size: 60%;
	color: #FFFFFF;
}


.txt-s {
	font-size: 70%;
}

.txt-m {
	font-size: 80%;
}

.txt-l {
	font-size: 90%;
	font-weight: bold;
}


.font-strong {
	font-weight: bold;
	color: #0c4fa0;
}

.red {
	color: #990000;
}

.red02 {
	color: #e6002d;
}

.blue {
	font-weight: bold;
	color: #6badf9;
}

.white {
	font-weight: bold;
	color: #ffffff;
	padding-top: 5px;
}

.black {
	font-weight: bold;
	color: #333333;
}

.green {
	font-weight: bold;
	color: #1b781d;
}

#contetns-right-inner p {
	font-size: 100%;
}

div#contents a {
	color:#4694d1;
}

table.buy{
	border: solid 1px #000000;
	border-collapse: collapse;
	margin: 6px 0 0 40px;
}

table.buy2{
	border-collapse: collapse;
	border: 0px solid;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 40px;
}

th.buy2{
	background-color: #96D250;
	text-align: center;
	font-weight: bold;
	color: #4C8E1B;
}
tr.buy2, td.buy2, th.buy2{
	border: 1px solid #000;
	font-size: 90%;
	padding: 2px 4px 2px 4px;
}

/* 
===== 12: h2 =====
*/

div#contents h2 {
/*08/03/17
	background-image: url(../../../common/image/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 15px;
	font-size: 100%;
	color: #FFFFFF;
	padding-top: 13px;
	padding-bottom: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: left;   */
	font-size: 100%;
	color: #FFFFFF;
	height: 36px;
	font-weight: bold;
	margin: 0 0 10px 0;
	
	
}

h2 table {
	margin-top: 2px; padding-top: 0;
	text-indent: 15px;
}


h2 td{
 
 padding-top: 2px;
 
}

/* 
===== 13: h3 =====
*/
div#contents h3 {
/*
	background-image: url(../../../common/image/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
*/
	font-size: 100%;
	font-weight: bold;
	color: #005aa8;
	padding: 15px 0 15px 0;
	margin-bottom: 10px;
	text-align: left;
}

div#contents #map h3 {
	margin : 0px;
}

div#contents h3 td{
	text-indent: 15px;
	background-repeat: no-repeat;
}


/* 
===== 13: h4 =====
*/

div#contents h4 {
	font-size: 100%;
	color: #15468E;
	font-weight: bold;
	text-indent: -20px;
	padding-left: 20px;
}

div#contents h4 img{
	margin-right: 4px;
}

/* 
===== 13: h5 =====
*/

div#contents h5 {
	font-size: 80%;
	color: #F64413;
	font-weight: bold;
}


/* 
===== 14: ETC =====
*/

div#contents .link01 {
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;

}

div#contents .link01_img{
	margin: 10px 4px 0px 4px;
}