@charset "shift_jis";
*	{ margin:0; padding:0; text-decoration:none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-khtml-box-sizing:border-box;
	background-repeat:no-repeat; background-position:0 0}
body	{ text-align:center; background:#aaa url(gr/v0.jpg) repeat-x 0 0}

table	{ table-layout:fixed}
img	{ border:0}

a	{ outline:none}

div, td	{ font:normal 14px/1em 'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;	text-align:left}
div	{ position:relative }
p	{ word-break:break-all; text-align:justify; text-justify:distribute; line-height:1.2em}

ol	{ list-style:decimal; margin: 0 0 0 2em}
ul	{ list-style:none; position:relative}

address,
em, dfn { font-style:normal}
em, dfn { font-weight:bold}
strong	{ font-weight:normal; line-height:1.2em}

/* 基本レイアウト */
#A0,
.ax, .zx{ width:950px; margin:0 auto}

.rx	{ position:absolute } 
.zx	{ padding:6px 30px }

#A0	{ height:335px; background:#fff}
#A0 div,
#A0 ul	{ position:absolute; overflow:hidden}
#A06,
#A08	{ width:100%}

#ARI		{ position:relative; left:10px; top:5px; z-index:1}
#A01, #A04, #A06, #A09	{ left:0; width:950px}
#A03, #A04, #A05, #A06, #A04B	{ z-index:10}

#A01	{ position:absolute; height:140px; top:0}
#A01 img{ display:block; position:absolute}

.ax		{ background:#fff url(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:-25px; height:100%; z-index:10}
.photo .rx,
.full .rx	{ top:0 }

	/* 境界線 */
img.dv		{ display:block; width:950px; height:1px; background:url(Dx/dot1.gif) repeat-x 0 0}
.rx img.dv	{ margin:5px 0; width:330px}
.dx img.dv	{ width:570px; margin:2px 0 4px 25px}

.dx p,
.zx a	{ line-height:1.5em}

/* リンク */
a.gt, a.gt:link, a.gt:visited,
.mx a:link,
a.mx:link	{ background-position:0 0}
.mx a:visited,
a.mx:visited	{ background-position:0 -200px}
a.gt:hover,
.mx a:hover,
a.mx:hover   	{ background-position:0 -100px}
a:hover		{ text-decoration:underline}

/* リンク：画像用 */
h2 b, h3 b, h4 b, h5 b,
a b		{ visibility:hidden}

a.m1:link	{ background-position:   0 0 }
a.m2:link	{ background-position: -150px 0}
a.m3:link	{ background-position: -300px 0}
a.m4:link	{ background-position: -450px 0}
a.m5:link	{ background-position: -600px 0}
a.m6:link	{ background-position: -750px 0}
a.m7:link	{ background-position: -900px 0}
a.m8:link	{ background-position:-1050px 0}
a.m1:visited	{ background-position:   0    -100px}
a.m2:visited	{ background-position: -150px -100px}
a.m3:visited	{ background-position: -300px -100px}
a.m4:visited	{ background-position: -450px -100px}
a.m5:visited	{ background-position: -600px -100px}
a.m6:visited	{ background-position: -750px -100px}
a.m7:visited	{ background-position: -900px -100px}
a.m8:visited	{ background-position:-1050px -100px}
.act a.m1:link,
.act a.m1:visited,
a.m1:hover	{ background-position:    0   -50px}
.act a.m2:link,
.act a.m2:visited,
a.m2:hover	{ background-position: -150px -50px}
.act a.m3:link,
.act a.m3:visited,
a.m3:hover	{ background-position: -300px -50px}
.act a.m4:link,
.act a.m4:visited,
a.m4:hover	{ background-position: -450px -50px}
.act a.m5:link,
.act a.m5:visited,
a.m5:hover	{ background-position: -600px -50px}
.act a.m6:link,
.act a.m6:visited,
a.m6:hover	{ background-position: -750px -50px}
.act a.m7:link,
.act a.m7:visited,
a.m7:hover	{ background-position: -900px -50px}
.act a.m8:link,
.act a.m8:visited,
a.m8:hover	{ background-position:-1050px -50px}

/* リンク：Topと右のリンク */
.rx p a		{ font-size:14px}
a.gt		{ display:block; position:absolute; width:60px; height:24px; right:8px; bottom:8px }

/* リンク：ツリー型 */
ul.mx ul,
.mx ul 	ul	{ padding-left:.7em}

p.mx,
.mx li		{ padding-bottom:2px; line-height:1.2em}
.mx li ul	{ padding-top:2px}
.mx ul ul ul li	{ line-height:1em; padding-top:0; padding-bottom:1px}
.mx ul ul ul li a	{ font-size:12px}

.mx li a	{ display:block; width:100%}	/* メニューは1行全体 */
.mx ul.nb a,
.mx li.nb a	{ display:inline; width:49%}	/* １行に複数メニュー */

.mx li a,
a.mx, p.mx a	{ padding:0 2px 0 16px}
p a.mail	{ padding:0 2px 0 27px}

/* 見出し */
h1, h2, h3, h4	{ font-family:Arial,Helvetica,'メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif}
h3		{ font-size:26px}
h1, h2, h3	{ font-weight:normal; position:relative; line-height:1em}
h4, h5, h6, dt	{ font-weight:bold; line-height:1.5em }
h4, h5, h6	{ font-size:14px; padding:5px}

.x img	{ display:block; position:absolute; top:0; left:0; width:100%; height:100% }

/* ■ドキュメント上部:D0,D1 */
	/* パン屑 */
#D0		{ height:29px}
#D0 h1 		{ font-size:12px; color:#aaa; padding:8px 0 0 0; text-align:center}

#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}

	/* ドキュメント見出し */
#D1		{ padding-top:1px}
#D10		{ margin:15px; padding-left:12px; padding-top:2px}

/* 本文とボックス */
.gx		{ margin:0 10px; width:600px; padding:10px 0}
.gx2		{ width:600px; clear:both}
.gx2 .tx	{ width:297px}

.gx a.gt	{ right:0; bottom:0}

.gx p		{ margin:8px 15px}
.tx p		{ margin:8px 30px}
.gx2 .tx p	{ margin:8px }

.ex		{ margin:15px 30px; padding:8px 15px;
		background:#f4f4ec url(ex/ex1.gif) no-repeat right top; color:#333}
.ex p		{ line-height:1.4em; margin-top:8px}

.dx div.ex	{ background:#f8f8f8; border:1px #e4e4e4 solid; width:450px; margin:15px auto 15px 80px}
.gx2	div.ex	{ margin:5px; padding:5px; width:auto}

dl.ex		{ position:relative; margin:30px auto 30px 50px; width:500px; 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}

.ex h5		{ margin-left:5px; background-color:transparent; border:none }

	/* ボックス:icon付き */

dl.icon		{ padding-left:0}
dl.info,
.dx .info dt	{ color:#111}
.dx .icon dt,
.dx .icon dd	{ margin-left:60px}
dl.icon dd.icon	{ position:absolute; left:0px; top:0; width:60px; height:60px; margin-left:0 }
dl.info dd.icon	{ background:url(mark/i-50.gif) no-repeat 6px 6px }

	/* 注記 */
.ex .note	{ font-size:12px}
ul.mark li,
ul.note li	{ padding:2px 14px; line-height:1.2em}
ul.mark li	{ background-image:url(mark/ul-mark1.gif)}
ul.note	li	{ background-image:url(mark/ul-note1.gif)}

	/* 本文中のテーブル */
.dx table	{ margin:0 20px; border-collapse:separate; border-spacing:3px}

	/* 本部テキスト中のリンク */
.tx p a		{ text-decoration:underline}

	/* ドキュメント下部 */
#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(mx/next.gif); margin-right:4px; padding-left:17px}
#Dz p span	{ float:left}
#Dz p span a	{ background-image:url(mx/prev.gif); color:#390}
#Dz p span a:hover{ color:#e60}
#Dz a.gt	{ background-image:url(mx/gt2.jpg)}

/* ■フッタ、下部 */
#Az		{ padding:8px 0}
#Az div		{ margin:0 6px; height:110px; color:#262; background:url(../ari/i/Az/bk2.jpg) no-repeat 0 0}
#Az address	{ position:absolute; width:298px; height:90px; right:15px; top:18px;
		font-size:12px; text-align:right; color:#666}
#Az img.ari	{ position:relative; top:-4px}
#Az p		{ margin:10px 310px 10px 115px; line-height:1.3em; color:#150}
#Az p a		{ color:#060; background-image:url(mx/az.gif)}

/* 右欄 */
dl.bx		{ position:relative; margin-left:20px; margin-bottom:5px; padding-bottom:5px; width:300px}
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:8px 2px 0 2px; font-size:14px }

dl.bx dt	{ clear:both}

.cx p		{ padding:4px 6px; line-height:1.3em}

	/* メニュー(右) */
.rx div.menu		{ margin-bottom:6px; width:300px}
.menu .hx		{ height:60px; width:300px; padding:4px 10px; margin-left:9px}
.menu .hx h4		{ padding:2px; font-size:26px; font-weight:normal; line-height:28px}
.menu .hx p		{ font:bold 14px 'Times New Roman'; margin:0; padding:2px 0 0 4px }
.menu dl		{ margin:4px 4px 4px 13px; width:290px; padding-top:1px}
.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%; font:bold 14px/20px 'Arial','ＭＳ Ｐゴシック',sans-serif}
.menu li a b		{ visibility:visible; letter-spacing:-1px; font-size:16px;  padding-right:4px }
.menu li a span		{ font-size:12px}
.menu li a:hover,
.menu li a:hover *	{ 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 	{ background-color:transparent; text-decoration:underline}


/* フロート */
.R		{ float:right}
.L		{ float:left}
.clr		{ clear:both}

/* 装飾系 */
.center		{ text-align:center}
.right		{ text-align:right }
.fix		{ font-family:monospace}

.min		{ font-size:12px}
span,
em.min		{ font-weight:normal}
.en		{ font-family:sans-serif; letter-spacing:-1px}

.dx .fig	{ margin:1em}

/* AD */
img.afp		{ width:1px; height:1px }

/* フィラー */
.fx		{ height:1em; clear:both}
.fx2		{ height:60px }
.fx2 .gt	{ bottom:20px}


@media print {
.rx, #Dz, .zx	{ display:none}
body,
#A1, #Az, .ax	{ background:#fff}
}