@charset "utf-8";

/* ===== 初期化
================================================== */

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	width: 100%;
	background-color: #fff;
	color: #000;
	font-size: small;
	line-height: 1.5;
}

a {
	color: #1e50a2;
}

img {
	vertical-align: bottom;
	border: 0;
}

hr {
	clear: both;
	height: 0;
	visibility: hidden;
}

/* ===== ヘッダ
================================================== */

div#header {
	width: 100%;
	margin-top: 5px;
	background: transparent url(../images/header_bg.gif) repeat-x left bottom;
}

div#header div {
	width: 760px;
	margin: 0 auto;
}

div#header div ul {
	float: right;
	list-style: none outside;
}

div#header div ul li {
	display: inline;
	padding-right: 5px;
	border-right: 1px solid #9f9f9f;
	padding-left: 5px;
}
div#header div ul li.end {
	margin: 0;
	padding: 0;
	border: 0;
}

div#header #logo {
	clear: both;
	padding-top: 8px;
}


/* ===== メインヴィジュアル
================================================== */

div#mainVisual {
	width: 760px;
	margin: 0 auto 13px auto;
}


/* ===== コンテンツ
================================================== */

div#contents {
	width: 760px;
	margin: 0 auto;
	background: transparent url(../images/contents_bg.gif) repeat-y left top;
}


/* ===== パンくずリスト
================================================== */

p#topicPath {
	width: 750px;
	padding: 0 5px;
	line-height: 2;
	background: #fff url(../images/topicpath_bg.gif) repeat-y right top;
	border-bottom: 1px solid #2859a9;
	color: #666666;
}


/* ===== コンテンツボディ
================================================== */

div#contentsBody {
	float: right;
	width: 510px;
	padding: 17px 0 30px 0;
}

div#contentsBody h2 {
	font-size: 130%;
	font-weight: normal;
}

div#contentsBody h3,
div#contentsBody h4 {
	margin-top: 15px;
}

div#contentsBody h3 {
	width: 100%;
	margin-bottom: 10px;
	background: transparent url(../images/h3_bg_bottom.gif) no-repeat left bottom;
	font-size: 120%;
}

div#contentsBody h3 span {
	display: block;
	width: 497px;
	padding: 2px 10px 1px 23px;
	background: transparent url(../images/h3_bg_top.gif) no-repeat left top;
}

div#contentsBody h4 {
	padding-left: 11px;
	background: transparent url(../images/gnavi_arrow03.gif) no-repeat 1px 5px;
	color: #1884d4;
	font-size: 1.0em;
}

div#contentsBody p,
div#contentsBody li {
	margin-top: 3px;
	color: #626262;
}

div#contentsBody p {
	text-indent: 1em;
}

div#contentsBody ul {
	margin-left: 2em;
	list-style: disc outside;
}

div#contentsBody ol {
	margin-left: 2em;
}

div#contentsBody table {
	width: 100%;
	margin-top: 10px;
	margin-left: 20px;
	border-collapse: collapse;
}

div#contentsBody th,
div#contentsBody td {
	padding: 4px;
	color: #626262;
	font-size: 1.0em;
	border: 1px solid #aaa;
}
div#contentsBody th {
	background-color: #e7e7e7;
}

div#contentsBody table.image {
	width: auto;
	margin: 0px;
	border: 0px;
	text-align: center;

}
div#contentsBody table.image th,
div#contentsBody table.image td {
	padding-top: 0px;
        padding-bottom: 0px;
        border: 0px;
	text-align: center;
}

/* HOME */

div#welcomeToWebsite {
	width: 530px;
	height: 205px;
	margin-top: -17px;
	padding: 17px 0 0 7px;
	background: transparent url(../../images/welcome_bg.gif) no-repeat left top;
}

div#welcomePicture{
	float: left;
	width: 150px;
	padding: 0px;
}

div#welcomePicture img{
	height: 130px;
	width: 130px;
	padding-top: 20px;
}

div#welcomePicture p{
	text-align: center;
	width: 130px;
	font-size: 80%;
}

div#welcomeIntro{
	float: left;
	width: 380px;
	padding-top: 20px;
	margin-left: 0px;
}

div#welcomeIntro p{
	padding-top: 2-px;
	width: 370px;
}

div#contentsBody > div#welcomeToWebsite {
	height: auto;
	min-height: 205px;
}

div#welcomeToWebsite h2,
div#news h2 {
}


div#contentsBody > div#welcomeToWebsite p {
	height: auto;
	min-height: 130px;
}

div#news {
	margin-top: 14px;
	width: 100%;
}

div#news h2 {
	margin-bottom: 7px;
	padding-bottom: 6px;
	border-bottom: 1px solid #9f9f9f;
}

div#contentsBody div#news table {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div#contentsBody div#news table caption {
	display: none;
}

div#contentsBody div#news table th {
	background-image: url(../img/icon-redcircle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	width: 8em;
	padding-left: 14px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div#contentsBody div#news table td {
	text-align: left;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div#contentsBody div#news dd {
	width: auto;
	margin-left: 7em;
	_text-indent: -0.25em;
}


/* メニュー
**********************************************************************/


div#side {
	float: left;
	width: 210px;
}

div#menu {
	width: 210px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 8px;
}

div#menu * {
}

div#menu p {
	background-image: url(../img/navi_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 8px;
	padding-top: 10px;
}

div#menu p a {
	background-image: url(../img/navi_bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 32px;
	color: #000000;
	text-decoration: none;
	margin-top: -3px;
}

div#menu p a strong {
	background-image: url(../img/navi_bg_bottom2.gif);
	display: block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 32px;
	margin-right: -10px;
	margin-bottom: -10px;
	margin-left: -32px;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left bottom;
}

div#menu p a:hover {
	text-decoration: underline;
}
div#menu ul {
	list-style-type: none;
	padding-left: 16px;
}
div#menu ul li {
	background-image: url(../img/icon-arrow-menu.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	margin-bottom: 8px;
	padding-left: 16px;
}



/* ===== フッタ
================================================== */

div#footer {
	width: 760px;
	margin: 10px auto;
	padding-top: 8px;
	border-top: 1px solid #9f9f9f;
	font-size: 80%;
	_font-size: 75%;
}
*+html div#footer {
	font-size: 75%;
}

div#footer ul {
	list-style: none outside;
}

div#footer ul li {
	display: inline;
	margin-right: 20px;
}
div#footer ul li.end {
	margin-right: 0;
}

div#footer ul li a {
	padding-left: 11px;
	background: transparent url(../images/footer_arrow.gif) no-repeat left 2px;
	_background-position: left 1px;
}
*+html div#footer ul li a {
	background-position: left 1px;
}

div#footer address {
	margin-top: 6px;
	color: #727171;
	font-style: normal;
}

div.reader {
	margin-top: 2em;
}

/* ===== 汎用クラス
================================================== */


/* ===== clearfix
================================================== */

.clearfix:after {
	content: url(../images/clear.gif);
	display: block;
	clear: both;
	height: 0;
}