@charset "euc-jp";

/* www.avanti-corp.com */

@import url(menu.css);
@import url(page.css);

/* 基本定義
-------------------------------*/

body {
	margin:0;	
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-style: normal;
	line-height: 160%;
	color: #666666;
	text-align:center;
	background:#E9E9ED;
}

h1 {
	margin:0;
	padding:26px 0 0 135px;
	width:400px;
	color:#999999;
	font-size:10px;
	letter-spacing:1px;
	line-height:120%;
	}


img {
	display:block;
	margin:0;
}

form {
	margin:0;
	padding:0;
	}

a.ao:link    { color: #0066FF; text-decoration:underline}/*リンク設定（青）*/
a.ao:visited { color: #0066FF; text-decoration:underline}
a.ao:hover   { color: #FF6633; text-decoration:underline}
a.ao:active  { color: #0066FF; text-decoration:underline}

a.hai:link    { color: #999999; text-decoration:none;}/*リンク設定（灰）*/
a.hai:visited { color: #999999; text-decoration:none;}
a.hai:hover   { color: #FF6633; text-decoration:none;}
a.hai:active  { color: #999999; text-decoration:none;}

a.siro:link    { color: #ffffff; text-decoration:none;}/*リンク設定（白）*/
a.siro:visited { color: #ffffff; text-decoration:none;}
a.siro:hover   { color: #FF6633; text-decoration:none;}
a.siro:active  { color: #ffffff; text-decoration:none;}

a.hai2:link    { color: #666666; text-decoration:none;}/*リンク設定（灰2）*/
a.hai2:visited { color: #666666; text-decoration:none;}
a.hai2:hover   { color: #FF6633; text-decoration:none;}
a.hai2:active  { color: #666666; text-decoration:none;}


.span01 { color:#FF0000;} /*フォントカラー（赤）*/
.span02 { color:#006699; font-weight:bold;} /**/
.span03 { color:#836054; font-weight:bold;} /**/
.span04 { font-size:10px; letter-spacing:1px;} /**/
.span05 { color:#FFFFFF;} /*フォントカラー（白）*/
.span06 { font-size:10px; color:#0066FF; letter-spacing:1px;} /**/
.span07 { color:#0066FF; font-weight:bold;} /**/
.span08 { color: #0066FF;} /*フォントカラー（青）*/
.span09 { color: #333333;} /*フォントカラー（黒）*/
.span09 { color: #13BFBB;} /*フォントカラー（）*/
.span10 { color: #CC9900;} /*フォントカラー（）*/

.center { margin:0 auto; }

#log { display:none;}


/* 共通項目
-------------------------------*/

#wrapper{
	margin:0 auto;
	padding:0 25px;
	width:800px;
	background:url(../img/background01.jpg) repeat-y;
	text-align:left;	
}

#header {
	margin:0;
	width:800px;
	_height:60px;
	min-height:60px;
	background:#FFFFFF;
	position:relative;
}

#logo {
	position:absolute;
	top:0;
	left:0;
}

#container {
	width:800px;
	_height:640px;
	min-height:640px;
	position:relative;
}

#contents {
	margin:0 0 0 175px;
	width:625px;
}

#contents-main {
	padding:0 30px 50px 30px;
	width:565px;
}

#footer {
	margin:0 auto;
	padding:8px 0 8px 0;
	width:800px;
	background:url(../img/footer.jpg) repeat-y;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
}


/* index
-------------------------------*/

.index-p01 {
	margin:0 auto;
	padding:15px 0 0 0;
	width:530px;
	}
	
#index-menu {
	margin:0;
	padding:0;
	width:562px;
	height:152px;
	list-style:none;
	position:relative;
	background:url(../img/index/index-menu-00.jpg) no-repeat;
}
	
#index-menu li{
	position:absolute;
	display:block;
	margin:0;
	padding:0;
	width:227px;
	height:36px;
	}
	
#index-menu li a{
	display:block;
	margin:0;
	padding:36px 0 0 0;
	width:227px;
	height:0;
	overflow:hidden;
	}
	
#index-menu li a:hover { background:none; }

#index-menu01 { top:61px; left:32px; }
#index-menu02 { top:97px; left:32px; }
#index-menu03 { top:61px; left:301px; }
#index-menu04 { top:97px; left:301px; }

#index-menu01 a{ background:url(../img/index/index-menu-01.jpg) no-repeat;}
#index-menu02 a{ background:url(../img/index/index-menu-02.jpg) no-repeat;}
#index-menu03 a{ background:url(../img/index/index-menu-03.jpg) no-repeat;}
#index-menu04 a{ background:url(../img/index/index-menu-04.jpg) no-repeat;}

#index-box {
	margin:20px auto 40px auto;
	width:530px;
	background:url(../img/index/index-04.jpg) repeat-y;
}

#index-box ul{
	margin:0;
	padding:15px 0 15px 75px;
	width:455px;
	background:url(../img/index/index-02.jpg) no-repeat top left;
	list-style:none;
	}

#index-box ul li{
	margin:0;
	padding:3px 0 3px 16px;
	width:420px;
	background:url(../img/index/index-03.jpg) no-repeat 0 6px;
	font-weight:bold;
	}

#index-topics {
	margin:0 auto 50px auto;
	padding:10px 15px;
	width:530px;
	height:150px;
	list-style:none;
	overflow: auto;
}

#index-topics li{
	margin:3px auto;
	padding:3px 15px;
	width:500px;
	border-bottom:1px #999999 dotted;
	}
	

/*追加CSS*/


li.addlink{
	font-size: 10px;
	margin:2px;
	line-height:180%;
	height:62px;
}
li.addlink a{
	text-decoration:none;
}


p.add_link{
	font-size: 10px;
	margin:2px;
	position:absolute;
	left: 183px;
	top: 166px;
	z-index:5;
}
p.add_link a{
	text-decoration:none;
	color: rgb(102, 102, 102);
	z-index:5;
}

p.top_add_link{
	font-size: 10px;
	margin:2px;
	position:absolute;
	left: 183px;
	top: 299px;
	z-index:4;
}
p.top_add_link a{
	text-decoration:none;
	color: rgb(102, 102, 102);
}