@charset "shift_jis";

#A0	{ height:335px}

	/* リンクカラー */
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}

#A04B,
#A04		{ width:700px; height:70px; left:0; top:260px; background:#000;	padding:12px 30px}
#A04 h1		{ font-size:26px; color:#ddd}
#A04 strong	{ font-size:19px; color:#996; font-family:Arial; letter-spacing:0 }

#A0 div.op	{ background:transparent}
#A04B		{ filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7}

	/* A08:TAB */
#A08		{ left:0; top:107px; width:950px; height:35px; padding-left:25px;
		background:url(A08/1.gif) repeat-x left bottom}
#A08 li		{ height:35px; padding-top:10px; padding-right:6px; width:90px; position:absolute }
#A08 li.act	{ padding:12px 40px 0 15px; width:205px}
#A08 a		{ display:block; width:100%; height:100%; background-image:url(A08/t2.gif); padding-left:10px}
#A08 li.act a 	{ background:none; padding:0}


	/* サブメニュー */
#A07		{ left:770px; width:180px; top:342px; height:42px; z-index:10}
#A07 li		{ position:absolute; width:35px; height:42px; top:0}
#A07 li.m1	{ left: 20px}
#A07 li.m2	{ left: 75px}
#A07 li.m3	{ left:110px}
#A07 li.m4	{ left:140px}

#A07 li a	{ display:block; width:35px; height:42px; background-image:url(A07/1.gif)}

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

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

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

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

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

	/* ドキュメント */
h3		{ color:#111}

	/* 注記 */
.ex .note	{ color:#654}
.ex h4		{ font-size:14px; line-height:21px; padding:0}

	/* 快適バナー、p-mark */
.banner		{ margin:1em 0; clear:both }
.amenity470	{ margin:1em}

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

/* ■サイド:ボックス */
dl.bx,
dl.bx dt,
dl.bx dd	{ background:url(bx/S0/A0.jpg) no-repeat left bottom}

dl.bx dt	{ background-position:0 -100px; padding:7px 12px 1px 12px; line-height:18px; color:#355723}
dl.bx dd	{ background-position:0 -110px; margin:0; padding:1px 4px}
dl.bx dd.fig	{ padding:0}

dl.bx h5	{ font-size:12px; padding:6px 5px 2px 5px; margin:1px 5px;
		background:url(bx/S0/A0-img.gif) no-repeat 0 0; color:#478028}
dl.bx dd p	{ color:#478028; padding:5px 16px; font-size:12px; line-height:1.3em}
dl.bx dd p span	{ color:#693}
dl.bx dd p em	{ font-weight:normal}

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

/* メニュー(右) */
.menu .hx		{ background:url(bx/contents1.jpg) no-repeat 0 0 }
.menu .hx h4		{ color:#EBFAE6; border-bottom:1px #9E8 dashed}
.menu .hx p		{ color:#8d7}
.menu dl		{ margin:4px 4px 4px 13px; width:290px}
.menu dt		{ border-left:7px #3d3 solid }
.menu dt span		{ color:#2b0 }

.menu li a		{ color:#444}
.menu li a b		{ color:#5d2}
.menu li a span		{ color:#999}
.menu li a:visited	{ color:#999}
.menu li a:hover,
.menu li a:hover *	{ color:#fff; background-color:#f90 }
.menu .mx li a:hover *,
.menu .mx li a:hover 	{ color:#e90}

div.menu ul.menu	{ margin-left:14px }

	/* メニュー(右 48px) */
.menu48		{ background-repeat:no-repeat; background-position:0 0; margin-bottom:5px; padding-top:10px}
.link48		{ background-position:9px 0; padding-top:1px }
.book48		{ background-position:9px 0; padding-top:1px }

.menu48 a 	{ width:309px; height:70px; display:block}
.ari48	a	{ height:64px}
.link48 a	{ height:50px}
.book48 a	{ height:50px}
.ari48 img.anechoic	{width:100%; height:80px; background:url(/ari/i/fig/room2-300.jpg) no-repeat 0 0}

.x1	{ background-position:0 0 }
.x2	{ background-position:0 -50px }
.x3	{ background-position:0 -100px }
.x4	{ background-position:0 -150px }
.x5	{ background-position:0 -200px }
.x6	{ background-position:0 -250px }
.x7	{ background-position:0 -300px }
.x8	{ background-position:0 -350px }
.x9	{ background-position:0 -400px }
.x10	{ background-position:0 -450px }
.x11	{ background-position:0 -500px }
.x12	{ background-position:0 -550px }
.x13	{ background-position:0 -600px }
.x14	{ background-position:0 -650px }
.x15	{ background-position:0 -700px }

.menu48 ul	{ margin-left:9px; width:300px; padding:3px 5px 5px 5px }
.menu48 li	{ width:290px; background-repeat:no-repeat; margin-top:1px}
.menu48 li a	{ width:100%; height:46px; font-size:12px; line-height:18px }
.menu48 li.nb a	{ display:inline; width:140px }

.menu48 li.cx	{ width:290px; height:auto; margin:0; background:#ddd; color:#666; padding:1px}
.menu48 li.cx p	{ padding:0; margin:0 6px 0 15px; font-size:12px; line-height:16px }

.menu48 li.cx ul	{ background:transparent; width:288px; margin-left:0; padding:0 }
.menu48 li.cx li	{ background:transparent; width:288px; margin-top:1px; padding:0; background:#fff}

.menu48 li.cx li.mx ul 	{ margin-left:10px }
.menu48 li.cx li.mx ul,
.menu48 li.cx li.mx li	{ width:270px }

.menu48 li.cx .mx li,
.menu48 li.cx li.mx,
.menu48 li.cx li.nb	{ margin-top:0}

.menu48 li.cx a		{ height:auto; padding-left:18px; color:#555}
.menu48 li.cx .nb a,
.menu48 li.cx .mx a	{ background:url(/i/mx/3.gif) no-repeat 2px 1px}
.menu48 li.cx li.mx li a{ background:transparent}

.menu48 li.cx p.x	{ line-height:15px; padding:0; margin:0; font-size:10px }
.menu48 li.cx p.x b	{ visibility:hidden}

.menu48 li.cx a.x	{ line-height:22px }
.menu48 li.cx a.x span	{ line-height:16px }	
.menu48 li.cx a span	{ color:#777}
.menu48 li.cx a:hover span,
.menu48	li.cx a:hover	{ background-color:#ffffe8; color:#e70 }


	/* テーブルリスト(右と本文下)*/
table.ix th		{ background:#46A934; color:#f0fff0; width:32px; letter-spacing:-1px; text-align:center;
			font:bold 19px/20px 'Arial',sans-serif; padding:0}
table.ix td		{ font-weight:bold; padding:0; line-height:1.2em; background:#fff }

table.ix .odd th	{ background:#69BF40}
table.ix .odd td	{ background:#f4fcf0 }
table.ix a		{ display:block; width:100%; color:#46A934; padding:3px 2px 2px 2px }
table.ix a span		{ font-size:12px; color:#000}
table.ix a:hover,
table.ix a:hover *	{ color:#f60; background-color:#ffffec }

	/* メニュー内 */
.rx	table.ix	{ width:100% }
.menu48 table.ix	{ background:#6a6}
.menu48 table.ix td	{ border:none}
.menu48 table.ix tr.act td	{ background:#fff }
.menu48 table.ix tr.act th	{ color:#fff }
.menu48 li table.ix a	{ height:auto; padding:1px 3px; background:transparent}

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

	/* 600px 囲み */

dl.ex600		{ background:url(ex600/dl.gif) repeat-y 0 0; width:600px; margin-left:10px; margin-bottom:20px}
dl.ex600 dd.x		{ overflow:hidden; position:relative; background:url(ex600/dd-x.gif) no-repeat 0 0 }
dl.ex600 dd.x a		{ display:block; position:absolute;top:0; left:0; width:100%; height:100% }
dl.ex600 dt		{ background:url(ex600/dt.gif) no-repeat left bottom;
				font-weight:normal; font-size:12px; text-align:center; color:#AEC1BA; 
				padding:8px 0; clear:both }
dl.ex600 dd .tx		{ font-size:12px; width:auto; padding:4px}
dl.ex600 dd .tx p	{ margin:5px 15px }
dl.ex600 dd .fig 	{ padding:8px; margin:0 }
dl.ex600 dd .fig img	{ margin:0; padding:0 }

dl.ex600 dd.L,
dl.ex600 dd.R		{ width:295px; padding:10px }

dl.ex600 table		{ margin:auto}
dl.ex600 table.ix	{ width:100% }

dl.ex600 table.menu48,
dl.ex600 table.layout	{ width:600px}
dd.thumb table.layout,
dl.thumb table.layout	{ margin-left:5px; width:590px}

dl.ex600 td		{ vertical-align:top }
dl.ex600 h4 a		{ display:block; width:100%; height:100%; position:relative}
dl.ex600 h4 a:hover	{ background-color:#ffffe8 }

dl.ex600 dd.column table.layout	{ width:584px; margin-left:8px }

	/* 600px 囲み内のメニュー型(バー)リンク */

.gx ul.nx,
dl.ex600 ul.nx		{ clear:both; background-repeat:no-repeat; background-position:0 0;
				width:580px; height:36px; position:relative; margin:8px auto 8px 10px}
ul.nx li		{ position:absolute; height:36px; top:0}
ul.nx li.x1		{ left:0;	width:125px }
ul.nx li.x2		{ left:125px;	width:110px }
ul.nx li.x3		{ left:235px;	width:110px }
ul.nx li.x4		{ left:345px;	width:110px }
ul.nx li.x5		{ left:455px;	width:125px }
ul.nx a			{ display:block; width:100%; height:36px; overflow:hidden}

dl.ex600 .menu48 ul	{ margin-top:0; padding-top:1px; padding-left:15px; padding-bottom:6px }
dl.ex600 .menu48 ul,
dl.ex600 .menu48 li	{ background:transparent }
dl.ex600 .menu48 li	{ width:260px; height:42px; margin-top:2px; padding:0}
dl.ex600 .menu48 li a		{ height:40px; display:block; width:100%}
dl.ex600 .menu48 li a:hover	{ background-color:#ffffe8}

	/* コラム一覧 */

dl.ex600 dd.column img.sp	{ display:block; height:40px; width:270px}

dl.ex600 dd.column h4		{ height:40px; width:275px; margin:0; padding:0; overflow:hidden}
dl.ex600 dd.column h4	a	{ background-image:url(/service/i/ex600/column/h4.gif) }
dl.ex600 dd.column h4	a span	{ display:block; width:50%; position:absolute; right:2px; top:0; font-weight:bold; text-align:right }
dl.ex600 dd.column table.ix	{ margin-bottom:6px; background:#DEE4E1 }
dl.ex600 dd.column table.layout td { padding:0 4px }
dl.ex600 dd.column p		{ font-size:12px; margin:4px 16px 12px 16px; color:#606c64}
dl.ex600 dd.column p span	{ color:#aaa}