@charset "Shift_JIS";





/*Base

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



ol,ul {

	margin:0 0 1.5em;

	padding:0;

}



ol li,

ul li {

	margin:0 0 0 2em;

}



.left {

	float: left;

}



.right {

	float: right;

}



.section {

	margin:0 0 40px;

	clear:both;

	/zoom:1;

}



	.section:after{

		content : '';

		display : block;

		clear : both;

		height:0;

	}





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

#main {

	position:relative;

}



#ryoukin-txt {

	position:absolute;

	top:0;

	right:0;

	margin: 0;

	font-size: 12px;

	color:#000;

	line-height: 16px;

	text-align: right;

}



.mainTitle {

	margin:0;

	padding:0;

}





#guideBody {

	/zoom:1;

}



	#guideBody:after{

		content : '';

		display : block;

		clear : both;

		height:0;

	}

	

h1#guide-category {

	margin: 0 0 20px 0 ;

	padding: 0 ;

}



/* contents */



.pageTitle {

	margin:0 0 30px;

}



.lead {

	margin-bottom:20px;

	font-size:14px;

}



/* side

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



#etc-guide-menu {

	width:160px;

	float:left;

}



#etc-guide-menu .menu,

#etc-guide-menu .hr,

#etc-guide-menu .sideBnr {

	margin:0 0 10px;

}



.submenu{

	margin: 4px 0 15px 0 ;

	padding : 0 0 0 2em;

/*	display:none;*/

	font-size: 12px;

	list-style:none;

	width: 140px;

	text-indent:-1em;

}



.submenu li {

	margin:0 0 3px;

	padding:0;

}



.submenu .curPage {

	color:#ff7f00;

}



#guideCommonMenu {

	margin:0;

	padding:0;

}



#guideCommonMenu li{

	list-style-type:none;

	margin:0 0 10px;

	padding:0;

	width:100%;

}

.submenu_title{
	color: #e69915;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding:0 0 0 14px;
	background: url(../images/guide/arrow_orange.gif) no-repeat left center;
}

.submenu_title .curPage {

	color:#ff7f00;

}

.submenu_title02{
	color: #e69915;
	font-size: 15px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding:0 0 0 14px;
	background: url(../images/guide/arrow_orange.gif) no-repeat left top;
}



/* body

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



#etc-guide-contents {

	float:right;

	width:660px;

	font-size: 12px;

	line-height: 18px;

}



/* parts

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

.h3txt {

	position:relative;

	margin:15px 0 15px;

	font-size: 18px;

	line-height:1.4;

	font-weight:bold;

	color:#209B61;

	border-bottom:1px solid #209B61;

}



h3 .carClass {

	display: table;

	position: absolute;

	top: 0.2em;

	right: 0;

	color: #333;

	font-size: 12px;

	line-height: 1.1;

	text-align: right;

}



.h4txt {

	margin: 5px 0 0 0;

	font-size: 14px;

	line-height: 18px;

	color: #209B61;

	font-weight: bold;

}



.h4img {

	margin: 5px 0 0 0;

	padding:0;

}



.normal {

	font-size:12px;

}



.small {

	font-size: 80%;

}



.txtNotice {

	color:#F00;

}



.txtAttention {

	margin: 0;

	padding: 0.3em 0.5em 0.2em;

	background-color: #eb676a;

	color: #fff;

}



/* marker */

.textMarker {

	padding-left:1em;

	text-indent:-1em;

}





ul.textMarker {

	padding-left:0;

	text-indent:0;

}



ul.textMarker li{

	list-style-type:none;

	margin:0;

	padding:0 0 0 1em;

	text-indent:-1em;

	text-align:left;

}





/* block */

.imageBlock {

	margin:2em 0;

	text-align:center;

}



	.imageNote {

		margin:5px 0 0;

		text-align:left;

	}



.indent-mil {

	margin-left:2em;

	text-indent:-1em;

}



.imageDisk,

.imageDiskNotice{

	padding:0 0 0 18px;

	background-repeat:no-repeat;

	background-position: 0 0.2em;

}



.imageDiskNotice{

	background-image:url(../images/imageDiskNotice.png);

	color:#F00;

}









.blockInfo,

.attention,

.moreInfoBox {

	margin: 15px auto;

	padding: 10px;

	border:1px solid #333;

}





.attention,

.moreInfoBox {

	border:1px solid #FF0000;

	

}



.moreInfoBox {

	text-align:center;

	font-weight:bold;

	font-size:14px;

	line-height: 18px;

}



.attention p {

	margin-top: 0;

	margin-bottom: 0.5em;

}



#mileageNotice,

#timeNotice {

	position: absolute;

	top: 1.5em;

	right: 0;

	width: 446px;

	margin: 0;

	padding: 3px 6px;

	border: 1px solid #e73268;

	color: #f00;

	font-size: 12px;

	line-height: 16px;

}







/* List */



ul.imageDisk,

ul.imageDiskNotice {

	margin:0 0 1em;

	padding:0;

	background:none;

}



ul.imageDisk li,

ul.imageDiskNotice li{

	list-style-type:none;

	margin:0 0 5px;

	padding:0 0 0 16px;

	background-repeat:no-repeat;

	background-position: 0 0.2em;

}



ul.imageDiskNotice li{

	background-image:url(../images/imageDiskNotice.png);

	color:#F00;

}



.imageDisk ol li {

	list-style-type: decimal;

	padding: 0;

	background-image: none;

}



ul.plainList {

	margin: 0;

	background: none;

}



ul.plainList li {

	list-style-type: disc;

	margin:0 0 0.2em;

	padding: 0;

	background: none;

}



.imageDisk ul.plainList {

	margin-left: 16px;

}





/* legends */



.legend {

	margin:10px 0;

	padding:0;

	overflow:hidden;

}



.legend dt {

	float:left;

	width:45px;

	clear:both;

	zoom:1;

	position:relative;

}



	.legendColor {

		position:relative;

		display:inline-block;

		*display:inline;

		*height:1%;

		zoom:1;

		margin:0 3px 0 0;

		width:35px;

		height:1em;

		text-indent:-9999px;

		vertical-align:text-bottom;

		 background:#FFF;

	}

	

	.legendBlue {

		 background:#0068B5;

	}



	.legendYellow {

		 background:#FFE363;

	}

	

	.legendLGreen {

		 background:#8CC227;

	}

	

	.legendLOrange {

		 background:#F7941D;

	}

	

	.legendPurple {

		 background:#BA6DA8;

	}

	

	.legendBrown {

		 background:#966337;

	}

	.legendGreen {

		 background:#009C7C;

	}

	.legendRed {

		 background:#E30000;

	}
	.legendAOrange {

		 background:#f39800;

	}
	.legendAqua {

		 background:#9fd9f6;

	}
	

	.legendWhite {

		 background:#FFF;

		 border:1px solid #DDD;

		 box-sizing:border-box;

	}
	.legendWhite2 {
		 background:#FFF;
		 border:2px solid #0068B5;
		 box-sizing:border-box;
	}




.legend dd {

	margin:0 0 10px;

	padding:0 0 0 45px;

}



.waribikiInfo {

	margin: 5px 0 20px;

	padding: 10px 15px;

	text-align: left;

	background:#ECF4ED;

	overflow: hidden;

}





.priceTotal {

	font-weight:bold;

	font-size:16px;

}



.priceDiff {

	display:inline-block;

	*display:inline;

	zoom:1;

	margin:0 5px 5px 5px;

	padding:2px 6px;

	background:#EC5200;

	font-size:16px;

	font-weight:bold;

	color:#FFF;

	border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	box-shadow:#D63D00 -2px 2px 0px 0px;

	-webkit-box-shadow:#D63D00 -2px 2px 0px 0px;

	-moz-box-shadow:#D63D00 -2px 2px 0px 0px;

}



.waribikiPriceBlock {

	margin-top:0;

}



.priceRight {

	float:right;

}



/* price */

.etc-guide-box-free-l {

	margin: 0 0 0 10px;

	padding: 0 ;

	display:block;

	font-size: 12px;

	float: left;

	line-height: 24px;

}



	* html .etc-guide-box-free-l {

		padding: 10px  0 0 0;

	}

	

/* links */



/* "click" btn */

.etc-guide-button-c{

	display: inline;

	margin: 0 ;

	padding: 4px 5px 4px 60px ;

	height: 24px;

	white-space:nowrap;

	line-height: 24px;

	font-weight:bold;

	color:#FFFFFF;

	font-size: 14px;

	background: url(../images/guide/button.gif) 0 0 no-repeat ;

}



.etc-wribiki-sub-menu-go {

	margin: 5px 0  0 0 ;

	padding: 0 ;

	width: 150px;

	font-size: 12px;

	color:#209B61;

	float: right;

	text-align:right;

}





/* navi */

.etc-guide-button {

	display:block;

	margin: 10px 0 0 0 ;

	padding: 0 ;

	width: 660px;

	clear: both;

}



.etc-guide-button-back {

	display:block;

	margin: 0 ;

	padding: 0 ;

	width: 330px;

	float: left;

	text-align:left;

	line-height: 33px;

}

.etc-guide-button-next {

	display:block;

	margin: 0 ;

	padding: 0 ;

	width: 330px;

	float: right;

	text-align:right;

	line-height: 33px;

}





/* for overwrite */





.joint {

	position: relative;

	margin:0;

}



.joint .allRegular {

	position: absolute;

	top: 0.2em;

	right: 0;

	font-weight: normal;

}