@charset "UTF-8";

/*
===========================================================
基本設定
===========================================================
*/
* {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	font-size: 100%;
}

body {
	color: #444443;
	background-color: #6496ae;
	background-image: url(images/background.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	text-align:center;
	font-family: Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

h1 {
	font-size: 150%;
	color: #111110;
	background-color: transparent;
}

h2 {
	color: #111110;
	font-size: 130%;
	background-color: transparent;
/*	border-bottom: 3px solid #2d5980; */
}

h3 {
	color: #333332;
	font-size: 110%;
	background-color: transparent;
	border-bottom: 2px solid #52819f;
}

h4{
	color: #333332;
	font-size: 100%;
	background-color: transparent;
	border-bottom: 1px dotted #7ca5bc;
}

p, dt, dd, th, td, li, address {
	font-size: 83%;
}

dd p, td p, li p {
	font-size: 100%;
}

strong {
	font-style: normal;
	font-weight: bold;
	color: #ff3333;
}

em {
	font-style: normal;
	color: #ff6666;
}

table {
	border-collapse: collapse;
}

th, td {
	border: 1px solid #bbccdc;
	background-color: white;
	vertical-align: top;
}

th {
	text-align: left;
	color: #666688;
	background-color: #f9fcff;
}

td p {
	margin: 0;
}

a:link {
	color: #3333ff;
}
a:visited {
	color: #6B56A4;
}
a:hover {
	color: #ff2f56;
}

a img {
	border: 0;
}

address {
	font-style: normal;
}

/*
===========================================================
レイアウト
===========================================================
*/

#header {
	margin:10px auto 0 auto;
	width: 750px;
	text-align: center;
	height: 235px;/* 180px+55px */
	background-color: transparent;
	background-image: url(images/photo.gif);
	background-position: cneter top;
	background-repeat: no-repeat;
}

#title {
	padding-top:10px;
	margin-left:400px;
}

/*
===== 上部メニュー ========================================
*/

#topmenu{
	width: 750px;
	margin-top: 126px;/* #headerの高さ(235px)から自身の高さ(55)とタイトルの高さ(padding10+44)を引いた数 */
	height: 55px;
	background-color: #ffffff;
}

ul#topmenuList{
	position: relative;
	top: 0px;
	width: 750px;
	height: 55px;
	list-style: none;
	overflow: hidden;
}
ul#topmenuList li a{
	position: absolute;
	height: 55px;
	overflow: hidden;
	padding: 55px 0px 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	top: 0px;
}

li#menu01 a{ 
	background: transparent url(./images/menu01.gif) top left no-repeat;
	width: 105px;
	left: 10px;
}

li#menu02 a{ 
	background: transparent url(./images/menu02.gif) top left no-repeat;
	width: 104px;
	left: 115px;
}

li#menu03 a{ 
	background: transparent url(./images/menu03.gif) top left no-repeat;
	width: 104px;
	left: 219px;
}
li#menu04 a{ 
	background: transparent url(./images/menu04.gif) top left no-repeat;
	width: 104px;
	left: 323px;
}
li#menu05 a{ 
	background: transparent url(./images/menu05.gif) top left no-repeat;
	width: 104px;
	left: 427px;
}
li#menu06 a{ 
	background: transparent url(./images/menu06.gif) top left no-repeat;
	width: 104px;
	left: 531px;
}
li#menu07 a{ 
	background: transparent url(./images/menu07.gif) top left no-repeat;
	width: 105px;
	left: 635px;
}


/*  ロールオーバー設定  */
li#menu01 a:hover, 
li#menu02 a:hover, 
li#menu03 a:hover, 
li#menu04 a:hover, 
li#menu05 a:hover, 
li#menu06 a:hover,
li#menu07 a:hover{ 
	background-position: 0px -55px;
}

/*
===== メインコンテンツ ====================================
*/

#main {/* センタリングするための大枠 */
	margin:0px auto;
	width: 750px;
	text-align: center;
	background-color: #ffffff;
	border-top:1px solid #ffffff;/* 背景抜け回避 */
	border-bottom:1px solid #ffffff;/* 背景抜け回避 */
}

#main * {
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

#main * * {
	margin-left: 0px;
	margin-right: 0px;
}

#main h1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

#main h2,h3,h4,h5,h6 {
	margin-top: 30px;
	margin-bottom: 15px;
}

/* 見出しでページ上部に来る場合に上マージンを無くす */
#main .columnTop {
	margin-top: 0;
}


#main p, 
#main ul, 
#main ol, 
#main dl, 
#main table {
	margin-top: 1em;
	margin-bottom: 1em;
}

#main ul li{
	list-style-type: none;
	background-image: url(./images/listmark.gif);
	background-position: 1px 0.5em;
	background-repeat: no-repeat;
	padding-left: 22px;
}

#main dt {
	margin-top: 7px;
	margin-bottom: 5px;
	font-weight: bold;
	font-color: #666666;
}

#main dd {

}

#main fieldset {
	margin-top: 10px;
	margin-bottom: 10px;
	border-top: 1px solid #666666;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

#main legend {
	font-size: 12px;
	font-weight: bold;
}

#main table {
	width: 710px;
}

#main table table {
	width: auto;
}

#main th, #main td {
	padding: 8px;
}

/* カレンダー表示整形用 */

#main table.calendar-layout
{
	text-align: left;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#main table.calendar th, #main table.calendar td
{
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

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

#footer {
	border-top:1px solid #ffffff;/* 背景抜け回避 */
	margin:0px auto 10px auto;
	width: 750px;
	text-align: center;
	background-color: transparent;
	background-image: url(images/footer.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	clear: left;
	font-family: Arial, sans-serif;
}

#footer address {
	padding-top:50px;
}

/*
===== 装飾クラス設定 ======================================
*/

.top {/* ページ上部へのリンク */
	margin-top:1em;
	text-align: right ! important;
}
.top a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}

/* 記事の段組用 */
div.column_block{ 
	width: 710px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.columnBoxa {
	width:350px;
	float:left;
}

.columnBoxb {
	width:350px;
	float:right;
}

.column_end{
	clear: both;
}

/* 補足の装飾 */
.supplement {
/*	border: 1px solid #cccccc; */
	background-color: #f6f6f6;
	padding: 5px;
}

/* 一部テーブルの整形用 */
th.number {
	width: 150px;
}