@charset "EUC-JP";

/* CSS Document */
/* #############################

   LAST UP DATE : 2009.06.20

   ############################# */
   
/* ------- CSS INDEX -------
   01. Standard class
   02. Container
   03. Information Bar = Fixed
   04. Navigation
   05. Topic Path
   06. Tab Link
   07. Main Contents Container
   08. Map ShortCut
   09. Location List
   10. Form Basic
   11. Rireki Search Button
   12. Table Variation
   13. Other
*/

/* -----------------------------------
   YUI Fonts CSS
   FontSize(Declare this percent)
   10px = 77%
   11px = 85% 
   12px = 93%
   13px = 100%
   14px = 108%
   15px = 116%
   16px = 123.1%
   17px = 131%
   18px = 138.5%
   19px = 146.5%
   20px = 153.9%
   ----------------------------------- */


/* -----------------------------------
   01. Standard class
   ----------------------------------- */
body,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "¥Ò¥é¥®¥Î³Ñ¥´ ProN W3", ¥á¥¤¥ê¥ª, sans-serif;
}
body,
td,
th {
	color: #000;
	line-height: 1.4;
}
body {
	background-color: #F3F3F3;
}
strong {
	font-size: 123.1%;
	font-weight: bold;
}
a:link {
	color: #00F;
}
a:visited {
	color: #800080;
}
a:hover {
	color: #F60;
}
a:active {
	color: #F00;
}
.clear {
	clear: both;
	display: block;
}
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
.textSmall {
	font-size: 85%;
}
.textWhite {
	color: #FFF;
}

/* --- Float Clear ------------- */
.clearfix:after {
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
}
.clearfix {
	overflow: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */


/* -----------------------------------
   02. Container
 * ----------------------------------- */
#wrapper {
	width: 800px;
	margin: 0 auto 10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	text-align: justify;
	background-color: #FFF;
	text-justify: inter-ideograph;
}
#mainContainer {
	padding: 0px 10px 20px 20px;
}
#mainColumn {
	width: 760px;
}


/* -----------------------------------
   05. Topic Path
 * ----------------------------------- */
#topicPath li {
	float: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	font-size: 93%;
	line-height: 1;
	display: block;
	list-style-type: none;
}
#topicPath li a {
	padding-right: 10px;
	margin-right: -4px;
	text-decoration: none;
	display: block;
	background-image: url(../images/bg_topicpath_a.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
#topicPath li a:visited {
	color: #00F;
}
#topicPath li a:hover {
	color: #F60;
}
#topicPath li a:active {
	color: #F00;
}


/* ----------------------------------- */

.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textSuper {
	font-size: 8px;
	vertical-align: text-top;
	text-align: center;
}


/* ----------------------------------- */


h2 {
	width:747px;
	height:1em;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #F60;
	border-left-color: #F60;
	border-top-width: 1px;
	border-right-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #F60;
	border-right-color: #F60;
	background-color:#fff;
	font-size: 108%;
	margin:0;
}
h3 {
	width:747px;
	height:1em;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	padding-right: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F60;
	margin-top: 10px;
	font-size: 108%;
}

#chui h3 {
	margin-top:15px;
}
#chui p {
	padding-top:5px;
	padding-bottom:5px;
	padding-right:20px;
	padding-left:5px;
}

.h_h2 {
	height:2em;
	margin:0;
	padding:0;
}
.w5em {
	width:5em;
}
.w130 {
	width:130px;
}
.w200 {
	width:200px;
}
.w300 {
	width:300px;
}
.w350 {
	width:350px;
}
.w500 {
	width:500px;
}
.margin_l_5 {
	margin-left:5px;
}
.margin_tpbtm_10 {
	margin-top:10px;
	margin-bottom:10px;
}
.margin_10 {
	margin:10px;
}


/* ----------------------------------- */

.nv_l {
	border-left: 1px solid #ccc;
}

/* Navigation Link Container */
#navi {
	height: 40px;
	margin-top: 3px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	width: 760px;
}
/* //Navigation Link// */
/* ul */
#navi ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
/* li standard */
#navi li {
	float: left;
	height: 40px;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/navi_selected.gif);
	text-align: center;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 34px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#navi li a {
	display: block;
	height: 36px;
	color: #404040;
	text-decoration: none;
	background-image: url(../images/navi_link.gif);
	margin: 0px;
	padding-top: 4px;
	padding-right: 5px;
	padding-left: 5px;
}
/* li a:hover */
#navi li a:hover {
	background-image: url(../images/navi_link.gif);
	color: #FF6600;
}

/* No Link => Attach two class (ex:<li class="width7em selected">) */
#navi li.width14em {
	display: block;
	height: 36px;
	width: 14em;
}
#navi li.width5em {
	display: block;
	height: 36px;
	width: 5em;
}
#navi li.width6em {
	display: block;
	height: 36px;
	width: 6em;
}
#navi li.width7em {
	display: block;
	height: 36px;
	width: 7em;
}
#navi li.width8em {
	display: block;
	height: 36px;
	width: 8em;
}
#navi li.width9em {
	display: block;
	height: 36px;
	width: 9em;
}
#navi li.selected {
	margin: 0px;
	padding-top: 4px;
	height: 36px;
	padding-right: 5px;
	padding-left: 5px;
}
#navi li.width16em {
	display: block;
	height: 36px;
	width: 16em;
}
/* //End of Navigation Link// */


/* ----------------------------------- */


.clr {
	clear:both;
}
.note {
	font-size: 13px;
	line-height: 1;
}
.detail {
	background-repeat:no-repeat;
	background-image: url(../images/btn_orange.gif);
	background-position: left center;
	padding-left:20px;
	height:17px;
	margin-top:1em;
	margin-bottom:0.5em;
	margin-left:5px;
}
.link {
	background-repeat:no-repeat;
	background-image: url(../images/btn_blue.gif);
	background-position: left center;
	padding-left:20px;
	height:17px;
	margin-top:1em;
	margin-bottom:0.5em;
	margin-left:5px;
}
.toTop {
	color:#808080;
	text-align:right;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0px;
	background-image: url(../images/bg_dot.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}
.toTop2 {
	color:#808080;
	padding: 0px;
	text-align:right;
	margin: 0px;
}
.page {
	margin: 0px;
	padding-top: 15px;
}
.prevpage {
	float:left;
	background-repeat:no-repeat;
	background-image: url(../images/arrow_l.gif);
	background-position: left center;
	padding-left:20px;
	height:17px;
	margin-top:0em;
	margin-bottom:0em;
}
.nextpage {
	float:right;
	background-repeat:no-repeat;
	background-image: url(../images/arrow_r.gif);
	background-position: right center;
	padding-right:20px;
	height:17px;
	margin-top:0em;
	margin-bottom:0em;
}
.tbl table {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tbl td {
	padding: 0px;
	margin:0;
	vertical-align:top;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}
.tbl p {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	margin:0;
	text-align: justify;
	vertical-align:top;
}
.tbl2 table {
	width: 740px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.tbl2 td {
	padding: 3px;
	margin:0;
	border: 1px solid #999;
	vertical-align:top;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}
.tbl2 p {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	margin:0;
	text-align: justify;
	vertical-align:top;
}
.tbl3 table {
	width: 100%;
	border:0;
	margin:0;
	padding:0;
}
.tbl3 td {
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:10px;
	margin:0;
	border:0;
	vertical-align:top;
	font-size: 100%;
	line-height: 1.5;
	text-align: left;
}
.tbl3 p {
	padding-top: 0px;
	padding-bottom: 3px;
	padding-right: 20px;
	margin:0;
	text-align: justify;
	vertical-align:top;
}
.tbl4 table {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 40px;
}
.tbl4 td {
	width:210px;
	margin:0;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align:top;
	font-size: 100%;
	line-height: 1.5;
	text-align: center;
}
.tbl4 p {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin:0;
	text-align: justify;
	vertical-align:top;
}
.list1 {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	margin:0;
	text-align: justify;
	vertical-align:top;
}
.list1 li {
	list-style-type:none;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:1em;
}
.list2 ul {
	list-style-type: none;
}
.list2 li {
	padding-left: 5px;
}
.list2 p {
	margin-left:1em;
	padding:0;
}

.list3 ul {
	list-style-type: none;
	list-style-position: outside;
}
.list3 li {
	margin-left:15px;
	padding-left: 13px;
	background-repeat:no-repeat;
	background-image: url(../images/list_a.gif);
	background-position: left center;
}
.list3 a {
	color:#4d9ddb;
}
.list3 a:visited {
	color:#4d9ddb;
}
.list3 a:hover {
	color:#3d3db1;
}
.list4 ul {
	list-style-type: none;
	list-style-position: outside;
}
.list4 li {
	margin-left:15px;
	padding-left: 13px;
	background-repeat:no-repeat;
	background-image: url(../images/list_a.gif);
	background-position: left center;
}
.bg_gray {
	background-color:#f3f3f3;
}
.bg_gray2 {
	background-color:#404040;
}