@charset "Shift_JIS";
/*
------------------------------------------------------------
CDIC基本スタイルシート
制作者：早川真和
更新日：2009年4月10日
------------------------------------------------------------
目次：

・基本構造
・リンク
・ヘッダ
・ナビゲーション
・メインコンテンツ
・トップページ
・フォーム
・フッタ
・その他
------------------------------------------------------------ */

/* 基本構造
------------------------------------------------------------ */
body {
	line-height:1.5;
	margin: 0px;
	padding: 0px;
	text-align:justify;
	/*以下はIE専用のスタイルシートに移行予定*/
	text-justify:inter-ideograph;
	color: #000000;
	background-color: #99CCCC;
	background-image:url(image/normal_body_back.gif);
	background-repeat:repeat;
}

#normal #container {
	color:#000000;
	background-color:#FAFAFA;
	background-image:url(image/container_back_1.gif);
	background-repeat:repeat-y;
	background-position:center;
	margin:0px auto;
	padding:0px 0px 50px 0px;
	width:900px;
}

img {
	margin: 0px;
	padding: 0px;
	border:none;
	vertical-align: bottom;
}
img.left {
	float:left;
	margin:10px;
}
img.right {
	float:right;
	margin:10px;
}
div.center {
	text-align:center;
}
form {
	margin: 0px;
	padding: 0px;
}
dt {
	color:#990000;
	font-weight:bold;
	padding-left:15px;
}
dd {
	padding-bottom:10px;
}


/* リンク
------------------------------------------------------------ */
a {
	color:#0000CC;
	background-color:transparent;
	text-decoration:none;
}
a:visited {
	color:#0000CC;
	text-decoration:none;
}
a:hover {
	color:#C30;
	text-decoration:underline;
}
#container a img {
	border:1px solid;
}


/* ヘッダ
------------------------------------------------------------ */
#header {
	color:#FFF;
	background-color: #069;
	background-image:url(image/header_back_1.gif);
	background-repeat:repeat-x;
	height:114px;
	display:block;
}
#header h1 {
	margin: 0 auto 0 auto;
	padding:0;
	border: none;
	width: 898px;
}
#header h1 img {
	float:left;
}


/* フォントサイズ変更
------------------------------------------------------------ */
#size_change {
	color:#FFF;
	background-color:#069;
	font-size:10pt;
	line-height:200%;
	text-align:right;
	margin:0;
	padding:10px;
}
#size_change a {
	color:#FFF;
	border:1px solid #FFF;
	text-decoration:none;
	margin:0 1px;
	padding:1px;
}
#size_change a:hover {
	color:#FFF;
	background-color:#F96;
	border:1px solid #F96;
}


/* ナビゲーション
------------------------------------------------------------ */
#nav {
	color:#000000;
	background-color: #E3EAD9;
	background-image:url(image/nav_back_0.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #666666;
}
#nav ul , #nav li , #nav a {
	display: block;
	margin: 0;
	padding: 0;
}
#nav ul {
	width:900px;
	margin: 0 auto 0 auto;
}
#nav li {
	list-style: none;
	float:left;
}
#nav a {
	color:#000000;
	font-size:0.9em;
	background-image:url(image/nav_back_1.gif);
	background-color:transparent;
	text-decoration:none;
	padding: 10px 0 0 20px;
	width:89px;
	height:30px;
	border-left:1px solid #666666;
}
#nav a:hover {
	color:#000000;
	background-image:url(image/nav_back_2.gif);
	background-color:transparent;
}


/* フッタ
------------------------------------------------------------ */
#footer1 {
	color:#FFFFFF;
	background-color:#0A1E50;
	font-size:9pt;
	padding:10px 20px 10px 20px;
	margin:0 auto;
	width:860px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C1CAD7;
}
#footer2 {
	color:#FFFFFF;	
	background-color:#0A1E50;
	font-size:9pt;
	text-align:right;
	padding:10px 20px 15px 20px;
	margin:0 auto;
	width:860px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C1CAD7;
}


/* テーブル
------------------------------------------------------------ */
table {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}
#normal table td {
	color:#000000;
	background-color:#F3F8ED;
	border:1px solid #000000;
	vertical-align: top;
	padding:7px 12px;
}
#normal table th {
	color:#FFFFFF;
	background-color:#669966;
	text-align:center;
	font-weight:bold;
	padding:7px 15px;
	white-space:nowrap;
	vertical-align: top;
	border:1px solid #000000;
}


/* トップページ
------------------------------------------------------------ */
#home #container {
	color:#FFFFFF;
	background-color:#0A1E50;
	margin:0px auto;
	padding:0 0px 50px 0px;
	width:900px;
}
#home #info1 {
	margin:0px auto;
	padding:10px 10px 0px 10px;
	width:180px;
	float:left;
	text-align:center;
}
#home #info1 img {
	border:none;
}
#home #info2 {
	margin:0px;
	padding:10px 5px 0px 0px;
	width:340px;
	float:left;
}
#home #info2 a img {
	border:1px dotted #E0E6EF;
}
#home #info2 p.date {
	margin:0px;
	padding:0px 0px 0px 5px;
}
#home #info2 p.text {
	margin:0px;
	padding:0px 5px 10px 20px;
}
#home table td {
	color:#FFFFFF;
	background-color:#0A1E50;
	font-stretch:normal;
	border:none;
	vertical-align: top;
	text-align:left;
	padding:2px;
}
#home #info3 {
	margin:0px;
	padding:10px 0px 0px 0px;
	width:340px;
	float:left;
}
#home #info3 table {
	border:none;
	margin:0px 0px 0px 20px;
	padding:0px;
}
#home #info3 table td {
	color:#FFFFFF;
	background-color:#0A1E50;
	font-stretch:normal;
	border:none;
	vertical-align: top;
	text-align:left;
	padding:0px;
}
#home #info3 table th {
	color:#FFFFFF;
	background-color:#0A1E50;
	font-stretch:normal;
	border:none;
	vertical-align: top;
	text-align:left;
	padding:0px;
	white-space:nowrap;
}
#home #info3 a {
	color:#FFFFFF;
	text-decoration:none;
}
#home #info3 a:hover {
	color:#FF9999;
	text-decoration:underline;
}
#home #info3 p.theme {
	color:#CCFFFF;
	margin:0px;
	padding:5px;
}


/* トピックス
------------------------------------------------------------ */
#topics dt {
	color:#393;
	background-color:transparent;
	float:left;
	padding-right:10px;
}
#topics dd {
	float:none;
}


/* ページ内メニュー
------------------------------------------------------------ */
#main {
	float: right;
	width: 670px;
	padding: 10px 10px 0 0;
	margin: 0;
}
#sub_nav {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0;
}
#sub_nav ul , #sub_nav li , #sub_nav a {
	display: block;
	margin: 0;
	padding: 0;
}
#sub_nav ul {
	background-color:#F9F3B7;
}
#sub_nav li {
	list-style: none;
}
#sub_nav a {
	color:#000000;
	font-size:0.9em;
	background-color:transparent;
	text-decoration:none;
	padding: 8px 0 0 20px;
	height:28px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
#sub_nav a:hover {
	color:#FFF;
	background-color:#E68C6F;
}


/* 通常ページ
------------------------------------------------------------ */
h2 {
	color:#FFFFFF;
	font-size:2.3em;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:20px 0px 0px 40px;
	background-image:url(image/container_h2_back.gif);
	background-color:transparent;
	background-position:bottom center;
	background-repeat:no-repeat;
	height:59px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}
h3.top {
	margin-top:5px;
}
h3 {
	color:#009999;
	font-size:1.8em;
	font-weight:normal;
	text-align:left;
	background-color:transparent;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #999;
	border-left-color: #009999;
	margin-top: 40px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
h4 {
	color:#339900;
	font-size:1.4em;
	font-weight:bold;
	margin:20px 0 0 3px;
	padding:0;
}
.category_title {
	margin:25px auto 10px auto;
	width:760px;
}
#container p {
	margin:5px 30px 10px 30px;
}
#container span.notes {
	color:#CC3300;
	background-color:transparent;
	font-weight:bold;
}
#container p.notes {
	color:#000000;
	background-color:#ECEFE0;
	margin:20px 10px;
	padding:10px;
	border:2px dotted #009966;
}
.indent {
	padding:5px 25px;
}


/* イベント
------------------------------------------------------------ */
#normal table.event {
	padding:0px;
}
#normal table.event th {
	width:100px;
}
#normal p.event {
	text-align:right;
	padding:0px;
}


/* アクセス
------------------------------------------------------------ */
iframe {
	height:350px;
	width:500px;
	border:1px solid #333333;
}


/* フォーム
------------------------------------------------------------ */


/* clearfix
------------------------------------------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* その他
------------------------------------------------------------ */