@charset "Shift_JIS";

/* ----------------------------------------------
   written by CHiKA
------------------------------------------------- */

/* -------------------------------------Layout----- */
body {
	text-align: center;
	background: #000000 url(../img/bg.gif) repeat-y center;
	color: #333333;
}
#allArea {
	text-align: center; margin: 0 auto;
	width: 750px;

}
#headArea {
	position: relative;
	text-align: left;
	background: transparent url(../img/bg_head.gif) repeat-x;
	height: 75px;
}
#topcontentsArea {
	clear: both;
	text-align: center;
	margin: 10px 25px 0 25px;
	background-color: #ffffff;
}
#contentsArea {
	clear: both;
	text-align: left;
	margin: 10px 25px 0 25px;
	background-color: #ffffff;
}
#localnvArea {}
#footArea {
	margin: 40px 0 10px 0;
}

/* -------------------------------------Header----- */
#headArea #logo {
	margin-left: 25px;
}
ul#gm {
	position: absolute;
	top: 0; left: 440px;
	margin: 0;
	list-style: none;
}
ul#gm li a {
	position: absolute;
	overflow: hidden;
	margin: 23px 0 0 0;
	top: 0; width: 40px; height: 52px;
}
ul#gm li#gmsite a {
	width: 45px;
}
li#gmhome a {
	background: transparent url(../img/btn_gm_home.gif) no-repeat 0 0;
	left: 0;
}
li#gmnews a {
	background: transparent url(../img/btn_gm_news.gif) no-repeat 0 0;
	left: 40px;
}
li#gmprofile a {
	background: transparent url(../img/btn_gm_profile.gif) no-repeat 0 0;
	left: 80px;
}
li#gmscore a {
	background: transparent url(../img/btn_gm_score.gif) no-repeat 0 0;
	left: 120px;
}
li#gmmail a {
	background: transparent url(../img/btn_gm_mail.gif) no-repeat 0 0;
	left: 160px;
}
li#gmlinks a {
	background: transparent url(../img/btn_gm_link.gif) no-repeat 0 0;
	left: 200px;
}
li#gmsite a {
	background: transparent url(../img/btn_gm_sitemap.gif) no-repeat 0 0;
	left: 240px;
}
ul#gm li a:hover img { visibility: hidden;}
ul#gm li a:hover { 
	background-position: 0px -52px;
}

/* -------------------------------------Localnv----- */
#localnvArea ul, #localnvArea li {
	margin: 0; padding: 0;
	list-style: none;
}
#localnvArea { padding-bottom: 15px;}
#localnvArea ul#lnv { padding: 8px 5px 0 5px;}
#localnvArea ul li { display: inline;}
#localnvArea ul li.nolink { display: block; margin-top: 8px;}
#localnvArea ul#lnv li a {
	background: transparent url(../img/icon_arrow.gif) no-repeat top left;
	text-decoration: none;
	padding-left: 10px; margin-top: 8px;
	display: block;}
#localnvArea ul#lnv ul li a {
	margin-left: 20px;
}
#newsArea #localnvArea ul#lnv { background: transparent url(../img/parts_l_news.gif) repeat-x;}
#newsArea #localnvArea { background: transparent url(../img/parts_l_news.gif) repeat-x bottom;}
	
#profileArea #localnvArea ul#lnv { background: transparent url(../img/parts_l_profile.gif) repeat-x;}
#profileArea #localnvArea { background: transparent url(../img/parts_l_profile.gif) repeat-x bottom;}
	
#scoreArea #localnvArea ul#lnv { background: transparent url(../img/parts_l_score.gif) repeat-x;}
#scoreArea #localnvArea { background: transparent url(../img/parts_l_score.gif) repeat-x bottom;}


/* -------------------------------------Footer----- */
.pagetop {
	margin-right: 15px; text-align: right;}
#footArea hr { display: none;}
address {
	text-align: center;
	border-top: 2px solid #000000;
	margin-top: 5px; padding-top: 5px;
}

/* --------------------------------------------------------Contents----- */
.contentsGrid, #linkArea { margin-top:10px;}
.contentsGrid td { vertical-align: top;}
th.mtd, td.mtd { vertical-align: middle !important;}
th.btd, td.btd { vertical-align: bottom !important;}

.topicPath { margin-top:10px;}

.parag { margin-top: 40px;}
.cTable { margin-left: 100px;}
.cBlock, .titleB { text-align: center;}
.rBlock, .rbtn, .pagetopB { text-align: right;}
.pagetopB a { text-decoration: none !important;}

.cTable th {
	font-weight: normal; text-align: left;
}
.cTable th, .cTable td {
	vertical-align: top; padding: 0 10px 10px 0;
}

/* ------title----- */
.title {
	padding-left: 5px; margin-bottom: 20px;}
#newsArea .title {
	border-left: 4px solid #990000; color: #990000;
}
#profileArea .title {
	border-left: 4px solid #FF6600; color: #FF6600;
}
#scoreArea .title {
	border-left: 4px solid #336633; color: #336633;
}
#mailArea { }
#linkArea .title {
	border-left: 4px solid #330099; color: #330099;
}
#sitemapArea { }
#mapArea .title {
	border-left: 4px solid #000000; color: #000000;
}

/* ------TOP----- */
.toplogo { margin: 25px auto 0 auto; }
.toplogo td { text-align: center;}
.toplogo td img { margin-right: 10px;}
.toplogo td p { font-weight: bold; white-space: nowrap;}
#welcome { text-align: left; margin: 25px 0 30px 270px;}
#welcome a {
	display: block;
	width: 158px; height: 33px;
	overflow: hidden;
}
#welcome a:hover img { visibility: hidden;}
#welcome a#bnwel:hover {
	background-position: 1px 34px;
}
a#bnwel {
	background: transparent url(../img/btn_welcome.gif) 0 0;}

/* ------main----- */
ul.mainBlock { margin: 15px 0 0 40px;}
ul.mainBlock li, ul.mainBlock li h2 { display: inline; font-size: 1px;}
ul.mainBlock li img { margin: 0 10px 10px 10px;}
.topiBlock {
	text-align: left;
	border: 2px solid #B0B0B0;
	margin: 20px 0 0 68px; padding: 10px 20px 0 20px;
	width: 535px;
}
.topiBlock {
	\width: 572px;
	w\idth: 535px;
}
dl.topics { margin: 10px 0 0 0; padding: 0 0 10px 0; line-height: 1.2;}
dl.topics dt { width: 6.5em;}
dl.topics dd { margin:-1.2em 0 8px 7em;}
dl.topics dd a {
	background: transparent url(../img/icon_arrow.gif) no-repeat top left;
	text-decoration: none !important;
	padding-left: 10px;
	display: block;}
.toppcontent { margin: 10px 0 0 68px;}

/* ------news----- */
.paragnews { margin: 0 10px 30px 10px; border-bottom: 1px solid #666666;}
.paragnews .titleB { color: #990066;}
.paragnews .date { text-align: right; margin-bottom: 10px;}
.paragnews p { margin-bottom: 10px;}

/* ------profile----- */
#profileArea h3.read {
	 margin-left: 100px;
}
#profileArea .listTable {
	border-top: 1px solid #FFCC00; border-left: 1px solid #FFCC00;
	margin: 5px 0 0 100px;
}
#profileArea .listTable th, #profileArea .listTable td {
	border-bottom: 1px solid #FFCC00; border-right: 1px solid #FFCC00;
	padding: 5px 10px 5px 5px;
}
#profileArea .listTable th { background-color: #FFCC66;}
#profileArea .listTable .altcolor { background-color: #FFFFCC;}

/* ------score----- */
.paragscore { margin: 30px 10px 0 10px;}
.paragscore p { margin-bottom: 10px;}
.paragscoreB { margin: 0 10px 0 10px;}

#scoreArea h3.read {
	margin-left: 100px;
}
#scoreArea .listTable {
	border-top: 1px solid #66CC99; border-left: 1px solid #66CC99;
	margin: 5px 0 0 100px;
}
#scoreArea .listTable td {
	border-bottom: 1px solid #66CC99; border-right: 1px solid #66CC99;
	padding: 5px 10px 5px 5px; vertical-align: middle !important;
}
#scoreArea .listTable .altcolor { background-color: #E1FFFF;}

/* ------mail----- */
#mailArea { margin-top: 25px;}

/* ------link----- */
#linkArea { margin-top: 10px;}
#linkArea ul { padding: 0 50px 20px 150px;}
#linkArea ul li {
	margin-top: 10px;}

/* ------sitemap----- */
#siteArea .news, #siteArea .profile, #siteArea .score, #siteArea .mail, #siteArea .links , #siteArea .other {
	padding: 5px; margin:15px 0 0 0;}
#siteArea .news { background-color: #FFE5FF; color: #990000;}
#siteArea .profile { background-color: #FFE5CC; color: #CC6600;}
#siteArea .score { background-color: #CCE5CC; color: #336633;}
#siteArea .mail { background-color: #DBDBFF; color: #660099;}
#siteArea .links { background-color: #CCE5FF; color: #004080;}
#siteArea .other { background-color: #CCCCCC; color: #000000;}
#siteArea ul { margin: 5px 0 0 5px;}
#siteArea ul li { margin: 2px 0 0 0;}


/* --------------------------------------------------------toppage warning----- */

#warning {
	margin: 5px 55px 10px 5px; padding: 5px;
	border: 1px solid #cc0000;
}

/* gyosei
 -------------------------------------------------- */
.banner {
	margin: 20px 0 0 0;
	text-align: center;
}
.paragnews input {
	margin: 10px 0 0 0;
	padding: 2px;
	border: 1px solid #FF0000;
	width: 200px;
	font-size: 12px;
}