﻿
*{
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5em;
}

body{
	margin:0 1em;
	background-color:#ECECEC;
	
	background:#ECECEC;
	color:#2C2C2C;
	font-size:12px;
	font-family:verdana, arial,"Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック", sans-serif;
}
/* #Structure========================================================== */
#Container{
	background-color: #fff;
	
	width: 800px;
	
	margin: 0 auto;
	padding: 0;
}

#Header, #Footer{
	margin: 0 12px;
}
/* =================================================================End */

/* #Header============================================ */
#Header{
	background-color: #ECECEC;
	background-image: url("../img/header_bg.gif");
	background-repeat: repeat-x;
	
	border-top: 3px solid #8F8F8F;
	-moz-border-radius:0 0 8px 8px; /* mozilla only */
	text-align:right;
}

#SiteId{
	margin:0;
	padding:10px 25px;
	text-align:left;
}

#SiteNavigation{
	margin:0;
	padding:0.5em 1em;
}

#SiteNavigation li{
	padding: 0 0.2em;
	list-style-type: none;
	display: inline;
}

#SiteNavigation li a{
	line-height: 14px;
	text-decoration:none;
}

#SiteNavigation li a:link{color:#fff;}
#SiteNavigation li a:visited{color:#fff;}
#SiteNavigation li a:active{color:#fff;}
#SiteNavigation li a:hover{color:#333;}


#TopicPath{
	background-color:#8F8F8F;
	text-align:left;
	color:#fff;
	margin:0;
	padding:0.3em 1em;
	-moz-border-radius:0 0 10px 10px; /* mozilla only */
}

#TopicPath li{
	list-style-type: none;
	display: inline;
	line-height:1.2em;	
}
#TopicPath a{text-decoration:none;}
#TopicPath a:link{color:#fff;}
#TopicPath a:visited{color:#fff;}
#TopicPath a:active{color:#000;}
#TopicPath a:hover{color:#000;}

.HomeLink:before{
	content:url("../lib/image/home_icon.gif");
	margin-right:0.3em;
}

/* =================================================================End */

/* #Contents=========================================================== */
#Contents{
	padding:1em 4em;
}

/* =================================================================End */

/* #Footer============================================================= */
#Footer{
	text-align:center;
	border-top:5px solid #8F8F8F;
	background-color:#ADADAD;
	padding:1.5em;
	-moz-border-radius:10px 10px 0 0;/* mozilla only */
}

address{
	font-style:normal;
	color:#fff;
	font-family:verdana;
}


/* etc.================================================================ */
/* ====emが斜体なのはウザイので太字に==== */
em{font-style:normal; font-weight:bolder;}

/* ====abbr上でカーソルを変えてみる。==== */
abbr{cursor:help;}

p, ol, ul, dl{margin-bottom:1em;}

p{line-height:170%;}

/* ====hr要素を非表示==== */
hr.Hide{display:none;}

/* ====リンク画像のborderを非表示==== */
a img{border:none;}

/* ====個別にafter content生成==== */
a.GoIndex:after{content:url("../image/back_icon.gif");}
a.PageTop:after{content:url("../image/page_top_icon.gif");}

/* ====[a]Element==== */
a{text-decoration:none;}
a:link{color:#0466A7;}
a:visited{color:#0466A7;}
a:active{color:#0466A7;text-decoration:underline;}
a:hover{color:#0466A7;text-decoration:underline;}

/* ====font-size 設定をまとめる。==== */
#Copyright{font-size:10px;} /* 10px */

/* ====Contentsエリア内のナビ==== */
.ContentsNavi{text-align:right;}
.ContentsNavi a:after{margin-left:0.3em;}