/* for main */
	/* link */
	
A.ml01:link {
	text-decoration:underline;
	color:#ff7e00;
}
A.ml01:visited {
	text-decoration:underline;
	color: #969696;
}
A.ml01:active {
	text-decoration:underline;
	color: #ff2e2e;
}
A.ml01:hover {
	color: #ff2e2e;
	text-decoration:underline;
}


/* font attributes*/
	/* 10px */
.mf10 {
	font-size:11px;
	color:#323232;
	line-height:110%;
}
.mf10c646464 {
	font-size:11px;
	color:#646464;
	line-height:140%;
}
.mf10cFF6600 {
	font-size:11px;
	color:#FF6600;
	line-height:140%;
}


/* 10px-bold */
.mf10wB {
	font-size:11px;
	color:#323232;
	font-weight:bold;
	line-height:140%;
}
.mf10c646464wB {
	font-size:11px;
	color:#646464;
	font-weight:bold;
	line-height:140%;
}
.mf10cFF6600wB {
	font-size:11px;
	color:#FF6600;
	font-weight:bold;
	line-height:140%;
}



/* 12px */
.mf12 {
	font-size:12px;
	color:#323232;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
	
}
.mf12450 {
    width:450px;
	font-size:12px;
	color:#323232;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:120%;
	
}
.mf12c646464 {
	font-size:12px;
	color:#646464;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
}
.mf12cFF6600 {
	font-size:12px;
	color:#FF6600;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
}

.mf12cFFFFFF {
	font-size:12px;
	color:#FFFFFF;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
}



/* 12px-bold */
.mf12wB {
	font-size:12px;
	color:#323232;
	font-weight:bold;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
}
.mf12c646464wB {
	font-size:12px;
	color:#646464;
	font-weight:bold;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
}
.mf12cFF6600wB {
	font-size:12px;
	color:#FF6600;
	font-weight:bold;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
}

.mf12cFFFFFFwB {
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
}



/* elements */
body {
	background-color:#ffffff;
	margin:0px;
	padding:0px;
}
div {
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
}


/* link */
a {
	color:#FF6600;
	text-decoration:underline;
}
a.c323232 {
	color:#323232;
	text-decoration:underline;
}
a.c000000 {
	color:#000000;
	text-decoration:underline;
}
a.cFFFFFF {
	color:#FFFFFF;
	text-decoration:underline;
}
a.roof {
	color:#A0A0A0;
	text-decoration:none;
}
a.roof:hover {
	color:#FFBA00;
	text-decoration:none;
}


/* font attributes */
	/* 10px */
.f10 {
	font-size:11px;
	color:#323232;
}
.f10c000000 {
	font-size:11px;
	color:#000000;
}
.f10cFFFFFF  { color: #ffffff; font-size: 11px }
.f10c646464 {
	font-size:11px;
	color:#646464;
}
.f10cFF6600 {
	font-size:11px;
	color:#FF6600;
}

	/* 10px-bold */
.f10wB {
	font-size:11px;
	color:#323232;
	font-weight:bold;
}
.f10c000000wB {
	font-size:11px;
	color:#000000;
	font-weight:bold;
}
.f10cFFFFFFwB {
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
}
.f10c646464wB {
	font-size:11px;
	color:#646464;
	font-weight:bold;
}
.f10cFF6600wB {
	font-size:11px;
	color:#FF6600;
	font-weight:bold;
}


/* 12px */
.f12 {
	font-size:12px;
	color:#323232;
}
.f12cFF6600 {
	font-size:12px;
	color:#FF6600;
}



/* 12px-bold */
.f12wB {
	font-size:12px;
	color:#323232;
	font-weight:bold;
}
.f12cFF6600wB {
	font-size:12px;
	color:#FF6600;
	font-weight:bold;
}
.f14  { color: #323232; font-size: 14px; line-height: 20px }
}
.f16  { color: #323232; font-size: 16px; line-height: 20px }
.copyright {
	font-size:12px;
}


/* for roof navigation */
#roofA01, #roofA02, #roofB01, #roofB02, #roofB03, #roofC01, #roofD01, #roofE01, #roofF01 {
	position:absolute;

	top:82px;

	width:128px;

	visibility:hidden;

	margin:0px;
	padding:0px;

	border:1px solid #6B6B6B;
	background-color:#323232;
	layer-background-color:#323232;
}

#roofA01 {
	left:16px;
	z-index:10;
}
#roofA02 {
	left:143px;
	z-index:11;
}

#roofB01 {
	left:136px;
	z-index:20;
}
#roofB02 {
	left:263px;
	z-index:21;
}
#roofB03 {
	left:390px;
	z-index:22;
}

#roofC01 {
	left:256px;
	z-index:30;
}

#roofD01 {
	left:376px;
	z-index:40;
}

#roofE01 {
	left:496px;
	z-index:50;
}

#roofF01 {
	left:616px;
	z-index:50;
}

.indent {
	margin-left:17px;
}

#boxhe {
margin-left:25px;
margin-top:10px;
margin-right:25px;
margin-bottom:10px;
width:800;
height:200px;
}

#boxhe2 {
margin-left:25px;
margin-right:25px;
margin-bottom:10px;
width:800;
height:50px;
}

#box {
margin:10px 25px;
width:800;
}

#box2 {
margin:15px 33px 20px;
}

#boxtxt {
margin-left:33px;
margin-top:10px;
margin-right:33px;
margin-bottom:30px;
width:783;
}

.f1 {
float:right;
width:290;
margin-right:16px;
}

.f2 {
float:left;
}
.mf12h335 {
	font-size:12px;
	color:#323232;
	font-family: "Sony", "Osaka", "Helvetica", "Verdana", "Arial", "MS PGOTHIC";
	line-height:140%;
	height:100px;
}


#txt170 {
margin-left:5px;
margin-top:5px;
margin-right:5px;
margin-bottom:10px;
width:165px;
}

#txt170 div {
width:165px;
}

#txt170 div#btn170 {
width:43px;
}



#road {
margin-left:5px;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
width:360;
}

#roadtop {
width:470;
background-color:#4e2700;
}

#roadp {
width:317;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

#photoc {
margin:10pt 10pt 10pt 50pt;
width:317;
}

#point {
width:450;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
height:50px;
}

#point2 {
width:450;
margin-left:10px;
margin-right:5px;
margin-top:10px;
margin-bottom:10px;
}

#point3 {
width:450;
margin-left:10px;
margin-right:5px;
margin-top:5px;
margin-bottom:10px;
height:90px;
background-color:#ebedec;
}

#pointcolo {
width:450;
margin-left:10px;
margin-right:5px;
margin-top:5px;
margin-bottom:10px;
height:90px;
border:1pt solid #4e2700;
}

#rphoto {
width:140;
float: left;
}

#rphoto2 {
width:91;
margin-top:10px;
float: left;
}

#sarani {
width:430;
margin-left:10px;
margin-right:10px;
margin-top:10px;
margin-bottom:10px;
}

#rtxt {
color:#323232;
width: 300px;
float: right; 
}

#rtxt2 {
color:#323232;
width: 350px;
float: right; 
}

.l1	{
list-style-type:disc;
margin-left:8px;
padding-left:8px;
}
.l2	{
list-style-type:decimal;
}

.l3	{
list-style-type:disc;
}
.l4	{
list-style-type:none;
margin-top:10px;
}





/* --- 人生を愉しむ。 Quadra passならではの多彩な特典。 --- */
.tokuten_ul {
	width: 800px; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: none;
}

.tokuten li {
	width: 266px;
	height:220px;
	float: left;
	margin:0;
	padding:0;
}


.tokuten-2 li {
	width: 200px;
	float: left;
	list-style-type: none;
	margin:0;
	padding:0;

}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: left;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}



/*---------------------------------------------------------------------*/
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
.img_box:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

.img_box{ display:inline-table; }

/* Mac IE には適用させない \*/
* html .img_box{ height:1px; }
.img_box{ display:block; }
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */
/*---------------------------------------------------------------------*/



/* 「乗っ得ポイント」はココがすごい！*/
.nottoku_dl { padding:10px 10px 0px; width:381px; } 
.nottoku_dd { width:370px; margin:0px; }
.nottoku_kotira { width:381px; text-align:right; }


.tyuui_ul {
	padding: 5px 0 10px 20px;
	margin: 0px;
	list-style-position: outside;
}