@charset "utf-8";

@import url(font.css);
@import url(skin.css);

body{
	margin:0;
	padding:20px 0;
}

h1{
	margin-top:2em;
}

.close{
	margin-bottom:20px;
	text-align:center;
	clear:both;
}

.popup02{
	margin-bottom:5px;
	font-size:95%;
	color:#444;
	font-weight:bold;
}
	
.btnRight{
	margin-bottom:10px;
	text-align:right;
	font-size:65%;
}

#guidecontainer td p{
	padding-left:10px;
}

#guidecontainer td p,
#guidecontainer .guideTable td dl dt,
#guidecontainer .guideTable td dl dd{
	font-size:90%;
}

div.mrbt {
	margin:0 0 10px 0;
}

.link-list dt{
	margin-bottom:0.5em;
}

	.link-list dt a{
		background:url(/common/images/icon/arrow_or.gif) 0 0 no-repeat;
		padding-left:18px;
	}
	
.link-list dd{
	margin-bottom:1em;
}
/*--------------------

	guide
	
--------------------*/
#guidecontainer{
	width:680px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#guidecontainer .sindex{
	margin-bottom:0.5em;
}
.guideInner th{
	padding:5px;
}

#guidecontainer .tables{
	width:590px;
	margin-bottom:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCC;
}

#guidecontainer .tables .bottrigh{
	text-align:center;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
#guidecontainer .tables .bott{
	text-align:center;
	border-bottom:1px solid #CCC;
}
#guidecontainer .tables .righ{
	text-align:center;
	border-right:1px solid #CCC;
}

.centerAlign{
	text-align:center;
}


.guideInner .line04{
	padding-left:5px;
	padding-right:5px;
}
.unitGuide{
	width:620px;
	margin-left:auto;
	margin-right:auto;
}

.guideTable{
	margin-bottom:30px;
	width:100%;
}
#guidecontainer .guideTable dl dt{
	margin:0 0 1em 0;
	font-size:90%;
	font-weight:bold;
}
#guidecontainer .guideTable dl dd{
	margin:0 0 0.3em 1em;
	font-size:75%;
}
#guidecontainer .guideTable dl dt.tpMrg{
	margin-top:1em;
}

#guidecontainer .guideTable dl dt a{
	background-position:2px 3px;
	background-image: url(../../guide/images/arrow_01.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
#guidecontainer .guideTable .leftTd{
	padding-left:10px;
	width:50%;
}


#guidecontainer .guideTable .rightTd{
	padding-left:20px;
}

#guidecontainer p{
	margin-bottom:1em;
}


#guidecontainer .kankyoudl dt{
	margin-bottom:0.3em;
}
#guidecontainer .kankyoudl dd{
	margin-bottom:0.5em;
	margin-left:2em;
}

#guidecontainer .line04 .btnRight{
	margin-top:2em;
}
#guidecontainer ul li{
	margin-bottom:0.5em;
}

#guidecontainer li.Listdefault{
	list-style:disc;
}

#guidecontainer .clubdl dt{
	margin-bottom:0.3em;
}
#guidecontainer .clubdl dd{
	margin-bottom:0.8em;
	margin-left:1em;
}

#guidecontainer .clubdl dd.indd{
	margin-left:3em;
	margin-bottom:0.5em;
}
#guidecontainer .clubdl dd.inddBtm{
	margin-left:3em;
	margin-bottom:1em;
}

#guidecontainer ol{
	margin:0;
	padding:0;
	list-style-position:inside;
}

#guidecontainer .btmArrows{
	background:url(../../guide/images/flowarrow.gif) 50% 100% no-repeat;
	margin-bottom:30px;
	padding-bottom:40px;
}


#1oku{
width:800px;
margin:0 auto;
text-align:center;
}
/*--------------------

	ecopoint
	
--------------------*/
.ecoListbox {
	padding:13px 5px 15px 11px;
	background-color:#8CC540;
}

.eco_pointList {
	width:290px;
	float:left;
	padding:3px 0 0 2px;
}

.eco_pointList h3 {
	padding:4px 0 2px 0;
	margin:0 0 3px 0;
	color:#FFF;
}

p.ttl_center {
	text-align:center;
	padding:0;
	margin:0;
}

p.ttl_left {
	text-align:left;
	padding:0;
	margin:0;
}


table.tbl_eco {
	width:280px;
    border-collapse:collapse;
    border-spacing:0;
	border:1px solid #111;
}

table.tbl_eco th {
	padding:2px 20px 2px 8px;
	text-align:left;
	background-color:#F58B71;
	border-bottom:1px dotted #999999;
}

table.tbl_eco td {
	padding:2px 20px 2px 8px;
	text-align:left;
	background-color:#F8CFBB;
	border-bottom:1px dotted #999999;
	
}

table.tbl_eco2 {
	width:280px;
    border-collapse:collapse;
    border-spacing:0;
	border:1px solid #111;
}

table.tbl_eco2 th {
	padding:2px 5px 2px 8px;
	text-align:left;
	background-color:#F58B71;
	border-bottom:1px dotted #999999;

}

table.tbl_eco2 td {
	padding:2px 5px 2px 8px;
	text-align:left;
	background-color:#FFFFCC;
	border-bottom:1px dotted #999999;
	
}

.eco_ex1 {
	margin-bottom:15px;
	width:609px;
	margin:0 auto;
}

.eco_ex2 {
	margin-bottom:15px;
	width:609px;
	margin:0 auto;
}

.pdf {
	margin-bottom:15px;
	text-align:center;
}

.pdf img {
	border:none;
}

.eco_ex1 p {
	padding:0 50px 0 0;
}

.eco_ex1 ul {
	width:555px;
	border:1px solid #F58B71;
	padding:8px 0 1px 25px;
	margin:0 0 10px 0;
}

.eco_ex1 li {
	padding:0px 0 0 0;
	margin:0 0 0 0;
	color:#F15941;
	font-weight:bold;
}

.eco_ex2 p {
	padding:0 50px 0 0;
}

.eco_ex2 ul {
	width:555px;
	padding:8px 0 1px 10px;
	margin:0 0 0 0;
	list-style:none;
}

.eco_ex2 li {
	padding:0px 0 0 13px;
	margin:0 0 0 0;
	color:#39B64B;
	font-weight:bold;
	background:url(../../guide/images/ecopoint/arrow.gif) 0 50% no-repeat;
}


.eco_ex2 a:link {
	color:#39B64B;
}

.eco_ex2 a:visited {
	color:#39B64B;
}

.eco_ex2 a:hover {
	color:#39B64B;
}

/*--------------------

	bicycle
	
--------------------*/

#bicycle span {
	color:#FF0000;
}

#bicycle .heading-a span {
	color:#000000;
}

#bicycle ul li {
	font-size:90%;
}



#bicycle table {}

#bicycle table td {
	padding:0 10px;
}

#bicycle table.list {
	font-size:90%;
	border:1px solid #ccc;
}

#bicycle table.list th {
	background-color:#333;
	color:#FFF;
}

#bicycle table.list tr.sr {
	background-color:#E9E9E9;
}



#guidecontainer .attxt {
	padding:5px 20px;
	background-color:#f7f7f7;
}

#guidecontainer .attxt p {
	font-size:70%;
}

#bicycle h4.info {
	text-align:left;
	font-size:85%;
	color:#390;
}

#bicycle .special,
#bicycle .special2 {
	width:558px;
	margin:0 auto;
}

#bicycle .special table,
#bicycle .special2 table {
	border:1px  dotted #111;

}

#bicycle .special table th {
	background-color:#BB0000;
}

#bicycle .special2 table th {
	background-color:#0046AA;
}

#bicycle .special table td,
#bicycle .special2 table td {
	vertical-align:top;
	border:none;
	padding:0 0px;
}

#bicycle .special p,
#bicycle .special2 p {
	border-top:1px dotted #ccc;
	padding-top:10px;
}

#bicycle .special ul,
#bicycle .special2 ul {
	margin-top:15px;
	margin-bottom:15px;
	padding-top:0;
}

#bicycle .special ul li,
#bicycle .special2 ul li {
	font-size:80%;
}



/*--------------------

	rakusuper area
	
--------------------*/


p.watch {
	border:1px solid #E35700;
	padding:10px;
	color:#E35700;
	background-color:#f7f7f7;
	text-align:center;
}

table.timezone {
	border-collapse:collapse;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;

}

table.timezone tr.ttl {
	background-color:#FEE939;
}

table.timezone td {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px dotted #ccc;
	padding:5px 8px;
	font-size:80%;
}



/*--------------------

	clearFix
	
--------------------*/

.clearFix,
.mrbt,
#1oku,
#bicycle .special ul {
    overflow:hidden;
}

.clearFix:after,
.mrbt:after,
#1oku:after,
#bicycle .special ul:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

* html .clearFix,
* html .mrbt,
* html #1oku,
* html #bicycle .special ul {
    height: 1em;
    overflow: visible;
}





