@charset "shift_jis";
@import url(navi.css);

/*
========================================
AGCƒeƒNƒmƒOƒ‰ƒX Web Site ‹¤—LƒXƒ^ƒCƒ‹ƒV[ƒg
========================================*/

html, body, div, span, form, p, table, img, a, ol, ul, button{
	margin:0;
	padding:0;
	border:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
img {
	vertical-align:top;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
li span {
	display:none;
}
body{
	background:url(../img/background.jpg) repeat-x top #aec1ca;
	text-align:center;
	color:#333;
	font: normal 90%/1.6 'Hiragino Kaku Gothic Pro', 'ƒqƒ‰ƒMƒmŠpƒS Pro W3', 'Osaka', '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', arial, sans-serif;
}


/*¡ FRAME
---------------------------------------------------------- */
#frame{
	behavior: expression(IEPNGFIX.fix(this));
	background:url(../img/frame_bg.png) repeat-y top;
	width:880px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#wrapper{
	width:840px;
	margin:0 20px;
	padding-top:20px;
}
#pagetop{
	height:6px;
	overflow:hidden;
}

/*¡ HEADER
---------------------------------------------------------- */
#header{
	position:relative;
	background:url(../img/gnavi_ov.gif) no-repeat bottom;
	height:86px;
	margin-bottom:40px;
	padding:0;
}
#header img{
	margin-left:20px;
}


/*¡ MAIN CONTENTS
---------------------------------------------------------- */

#LeftCol {
	float:left;
	width:170px;
}
#RightCol {
	width:600px;
	min-height:250px;
	_height:250px;
	margin-left:210px;
	padding-bottom:50px;
}
#RightCol .path {font-size:10px;}
#RightCol h2 {
	display:block;
	height:41px;
	margin-top:28px;
}
#RightCol .article {
	margin-top:24px;
}
.dotline {
	background:url(../img/dotline_s_h.gif) repeat-x top;
}
.linkarea {
	border-left:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	padding:0 10px;
	font-size:70%;
}

/*¡ ICON
---------------------------------------------------------- */
.totop {
	margin-top:20px;
	text-align:right;
}
.totop a {
	background:url(../img/icn_pagetop.gif) no-repeat left;
	padding-left:17px;
	font: normal 70%/1.8 "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,sans-serif;
	color:#333;
}
.totop a:hover { color:#999;}

a.window {
	background:url(../img/icn_popup.gif) no-repeat right;
	padding-right:14px;
}
.arrow {
	background:url(../img/icn_arrow.gif) no-repeat left;
	padding-left:17px;
}

/*¡ FOOTER
---------------------------------------------------------- */
#footer {
	clear:both;
	behavior: expression(IEPNGFIX.fix(this));
	background:url(../img/footer_bg.png) no-repeat top;
	width:880px;
	height:70px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#footer:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#copy {
	float:right;
	padding:23px 30px 0 0;
	font: normal 70%/1.8 "Lucida Grande","Lucida Sans","Lucida Sans Unicode",Lucida,sans-serif;
	color:#808080;
}
#footnavi {
	background:url(../img/footer_divider.gif) repeat-y top right;
	font-size:70%;
	width:360px;
	height:38px;
	padding-top:14px;
}
#footnavi .inner {
	padding:10px 20px 0 30px;
}
#footnavi .inner a { text-decoration:underline; color:#333;}
#footnavi .inner a:hover { text-decoration:underline; color:#999;}

/*¡ TEXT
---------------------------------------------------------- */
a { text-decoration:underline; color:#0081eb;}
a:hover { text-decoration:underline; color:#00c2eb;}

h1,h2,h3,h4,h5,h6,h7
{margin:0;padding:0;font-weight:bold;display:inline;}

strong { font-weight:bold;}
.small { font-size:70%;}