@charset "shift_jis";

#A0		{ height:335px; background:#fff}
#ARI		{ position:relative; left:10px; top:5px}
#A01, #A04, #A06, #A09	{ left:0; width:950px} 
#A01, #A09	{ z-index:-1}

.ax		{ background:#fff url(/i/ax/0-620.gif) repeat-y 0 0}
#A1, #Az	{ background-color:#f4f4f4}
#Dz, .dx	{ width:620px; margin-left:10px; color:#222}
.rx		{ width:330px; right:0; top:-20px; height:100%; z-index:10}

	/* 境界線 */
img.dv		{ display:block; width:950px; height:1px; background:url(/i/Dx/dot1.gif) repeat-x 0 0}
.rx img.dv	{ margin:5px 0; width:330px}

	/* リンクカラー */
a, a:link	{ color:#2a0}
a em		{ color:#111}
a:visited	{ color:#5b0}
.dx a:visited	{ color:#999}
a:hover,
.dx a:hover,
a:hover em	{ color:#f80}

	/* A08:TAB */
#A08		{ left:0; top:107; width:950; height:33px; padding-left:25px; overflow:hidden;
		background:url(A08/1.gif) repeat-x left bottom}
#A08 li		{ height:33px; padding-top:10px; padding-right:6px; display:inline; font-size:16px}
#A08 li.act	{ padding:12px 40px 0 15px;
		background:url(A08/tab1.gif) no-repeat 0 0}
#A08 a		{ background-image:url(A08/t.gif); padding-left:10px}
#A08 li.act a 	{ background:none; padding:0}

	/* リンク:メニュー、マーク付き */
.mx dt a,
.mx li a,
a.mx, p.mx a	{ background-image:url(/i/mx/2.gif)}

ul.mx ul li a,
.mx ul ul li a	  { background-image:url(/i/mx/3.gif)}
.mx ul ul ul li a { background-image:url(/i/mx/4.gif); font-size:12px}

a.mx2,
.mx a.mx2,
.mx ul.mx2 a	{ background-image:url(/i/mx/3.gif)}

a .mx0,
ul.mx0 a	{ background-image:url(/i/mx/0.gif); padding-left:21px}

	/* リンク:個別マーク指定(mxと併用) */
#Az a.mail,
p a.mail	{ background-image:url(/i/mx/mail.gif)}
p a.next	{ background-image:url(/i/mx/next.gif)}
p a.down	{ background-image:url(/i/mx/down.gif)}
p a.down:visited{ color:#3a0}
p a.down:hover	{ color:#f80}

	/* リンク:Top */
a.gt		{ background-image:url(/i/mx/gt2.jpg)}

/* ■ドキュメント上部:D0,D1 */
	/* パン屑 */
#D0		{ height:29px}
#D0 p 		{ font-size:12px; color:#aaa; font-family:'MS UI Gothic' sans-serif; padding:6px 0 0 35px}
#D0 em		{ color:#888; font-weight:normal}
#D0 p span	{ color:#aaa}
#D0 a,
#D0 a:link	{ color:#390}
#D0 a:visited	{ color:#999}
#D0 a:hover	{ color:#f60}

	/* ドキュメント見出し */
#D10		{ margin:15px; padding-left:12px; padding-top:2px}
#D10 h2		{ font-size:32px; padding:3px 5px 2px 5px; color:#111}
#D10 strong	{ font-size:26px; padding-left:5px; display:block; line-height:1.5em}
#D10 strong.min	{ font-size:19px}

	/* 先頭の囲み */
.dx div.ex	{ background:#f4f4f4}

/* ■ドキュメント本文:D2 */

	/* 見出し */
h3		{ color:#111}

	/* ドキュメント下部 */
#Dz		{ padding:12px 8px}
#Dz p		{ color:#bbb; text-align:center}
#Dz p.mx	{ text-align:right; padding:8px 5px; border-top:3px #A4F380 dotted}
#Dz p a		{ background-image:url(/i/mx/next.gif); margin-right:4px; padding-left:17px}
#Dz p span	{ float:left}
#Dz p span a	{ background-image:url(/i/mx/prev.gif); color:#390}
#Dz p span a:hover{ color:#e60}
#Dz a.gt	{ background-image:url(/i/mx/gt2.jpg)}

	/* ボックス:本文内囲み */
.ex		{ background:#f4f4ec url(/i/ex/ex1.gif) no-repeat right top; color:#333}

dl.ex		{ position:relative; margin:30px 50px; border:1px #E6DDC4 solid; border-width:0 0 1px 1px}
.ex dt		{ color:#874; border-bottom:3px #cb8 dotted; padding:3px 8px}
.ex dd		{ padding:8px 8px 0 8px}
.ex dt span	{ color:#a96}
.ex dd span	{ color:#987}

	/* divの囲み */
.dx div.ex	{ background:#f8f8f8; border:1px #e4e4e4 solid; width:450px; margin-left:80px;
		padding:1em 2em}

	/* 左右分割 */
.gx2		{}
.gx2 dl.L,
.gx2 dl.R	{ width:265px }

.gx dl		{ margin:10px 5px}
.gx .mx dd	{ padding:5px 10px 5px 10px }
.gx dt		{ border-bottom:2px #060 dotted; padding:6px 0; line-height:1.1em}

.gx .mx dt a	{ display:block; background-image:url(/i/mx/next.gif); padding-left:17px; color:#111 }

.gx .mx ul ul	{ padding-left:1em}
.gx .mx ul li	{ line-height:1.2em; padding-bottom:6px}

.gx dd p	{ font-size:12px; color:#0a0 }

.gx dd li.brk	{ background:url(/i/Dx/dot1.gif) repeat-x 0 8px; width:90%}

.gx .mx a:link		{ color:#000}
.gx .mx a:visited	{ color:#999}
.gx .mx a:hover		{ color:#f90}

.gx .mx li li a:link	{ color:#444}

	/* 検索ボックス */

table.search {  margin:20px 50px; padding:0 }

	/* ボックス:icon付き */
.dx .icon dt,
.dx .icon dd	{ margin-left:50px }
.dx .icon dd.icon	{ position:absolute; left:0; top:0; width:60px; height:60px; margin:0 }

dl.info		{ color:#111}
.dx .info dt	{ color:#111}
.dx .info dd.icon	{ background:url(/i/mark/i-50.gif) no-repeat 8px 8px}


	/* 注記 */
.ex .note	{ font-size:12px; color:#654}
ul.mark li,
ul.note li	{ padding:2px 14px; line-height:1.2em}
ul.mark li	{ background-image:url(/i/mark/ul-mark1.gif)}
ul.note	li	{ background-image:url(/i/mark/ul-note1.gif)}

/* ■フッタ、下部 */

#Az div		{ margin:8px 6px; height:110px; color:#262; background:url(/ari/i/Az/bk.gif) no-repeat 0 0}
#Az p		{ margin:14px 310px 0 115px; line-height:1.3em}
#Az p a		{ color:#080; background-image:url(/i/mx/az.gif)}

	/* 快適バナー、p-mark */
.amenity470	{ margin:1em}
#pmark		{ display:block; position:absolute; width:75px; height:82px;
		right:90px; bottom:30px}

.zx		{ background:#0c3 url(/i/gr/g2.jpg) repeat-y 0 0; color:#5a2}
.zx a,
.zx a:visited	{ color:#050}
.zx a:hover	{ color:#fff}

/* ■サイド:ボックス */
.rx div.bx		{ margin-left:11px}
.rx table.bx p		{ font-size:12px}
.rx table.bx h6		{ line-height:1.2em; font-size:12px}
.rx table.bx *.en	{ font:bold 15px 'Arial'; letter-spacing:0 }

.bx p.mx	{ padding:2px 16px}
.bx p.mx a	{ background-image:url(bx/S0/H0-mx.gif); color:#478028}

/* メニュー(右) */
.rx div.menu		{ margin-bottom:6px; width:300px}
.menu .hx		{ height:60px; width:300px; padding:4px 10px; margin-left:9px; 
				background:url(/i/bx/contents1.jpg) no-repeat 0 0 }
.menu .hx h4		{ padding:2px; color:#EBFAE6; font-size:26px; font-weight:normal; line-height:28px;
			border-bottom:1px #9E8 dashed}
.menu .hx p		{ font:bold 14px 'Times New Roman'; color:#8d7; margin:0; padding:2px 0 0 4px }
.menu dl		{ margin:4px 4px 4px 13px; width:290px}
.menu dt		{ border-left:7px #3d3 solid; padding:2px 4px; margin-top:4px; line-height:1.2em; color:#000 }
.menu dt span		{ font-size:12px; color:#2b0 }

.menu dt a:link,
.menu dt a:visited	{ color:#222}
.menu dt a img.go	{ width:24px; height:32px; float:right; background:url(bx/dt-next.gif) repeat-y 0 0 }
.menu dt a:hover img.go	{ background-position:0 -100px}

.menu dd		{ margin:2px 0; padding:2px 6px; border-top:1px #0c0 dashed }
.menu dd.cx		{ border:none; font-size:12px }
.menu li p,
.menu dd.cx p		{ padding:0 4px; font-size:12px; color:#555}

.menu li		{ border-bottom:1px #ccc dashed; margin-bottom:1px; margin-left:5px }
.menu li p		{ padding:0 8px 0 16px }
.menu li a		{ display:block; width:100%; color:#444; font:bold 14px/20px 'Arial','ＭＳ Ｐゴシック',sans-serif}
.menu li a b		{ color:#5d2; visibility:visible; letter-spacing:-1px; font-size:16px;  padding-right:4px }
.menu li a span		{ color:#999; font-size:12px}
.menu li a:visited	{ color:#999}
.menu li a:hover,
.menu li a:hover *	{ color:#fff; background-color:#f90; text-decoration:none }

.menu ul.mx		{ margin-left:5px; padding:2px 0 2px 12px; width:auto}
.menu ul.mx li		{ border:none }
.menu .mx li a		{ padding:0 0 0 16px; font-weight:normal; font-size:12px; line-height:14px }
.menu .mx li a:hover *,
.menu .mx li a:hover 	{ color:#e90; background-color:transparent; text-decoration:underline}

/* ■装飾系 */
.dx p span	{ color:#888}
.tx p em	{ color:#111}
.bx p span	{ color:#776}

.dx .fig	{ margin:1em}