@charset "utf-8";
/* CSS Document */

html {
	overflow-y:scroll;
	height: 100%;
	margin-bottom: 1px;
}
body {
	text-align:center; 
	background-color: #FFD5B7;
	background-image: url(../images/body_bg.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#page {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	color: #333333;
}

p{
	line-height: 1.5em;
}

/*======================================
font
=======================================*/
.bold {
	font-weight: bold;
}

.blue01{
	color: #6193C9;
	font-size: 123%;
	font-weight: bold;
}

.blue02{
	color: #FFFFFF;
	font-size: 123%;
	font-weight: bold;	
	background-color: #6193C9;
	display: block;
	line-height: 1em;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.blue03{
	color: #6193C9;
	font-weight: bold;
}
.blue04{
	color: #6193C9;
	font-weight: bold;
	font-size: 123%;
	line-height: 1.8em;	
}


/*======================================
link
=======================================*/

a {
	color: #6193C9;
	text-decoration: none;
}
a:hover {
	color: #6193C9;
	text-decoration: underline;
}

/*======================================
電光掲示板
=======================================*/
.notis {
	position: absolute;
	top: 10px;
	width: 600px;
	left: 350px;
}
/*======================================
other
=======================================*/
.cb {
	clear: both;
	font-size: 1%;
	line-height: 1%;
}

table {
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}


.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml40 {
	margin-left: 40px;
}
.ml60 {
	margin-left: 60px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb50 {
	margin-bottom: 50px;
}
.pt20 {
	padding-top: 20px;
}
.pl60 {
	padding-left: 60px;
}

/*======================================
header
=======================================*/
#header {
	position: absolute;
	top: 40px;
	width: 950px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 130px;
	margin-bottom: 20px;
}
h1 {
	position: relative;
	top: -30px;
	width: 800px;
	left: 10px;
}
#header p {
	padding-top: 10px;
	padding-left: 170px;
}
#header img {
	padding-left: 20px;
}
h2 {
	padding-bottom: 10px;
}



/*======================================
トピックスごとの飾り罫線（背景画像）
=======================================*/
.lineMdl {
	background-color: #FFFFFF;
	background-image: url(../images/line_mdl.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom: 10px;
}
.lineBtm {
	background-image: url(../images/line_btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.lineTop {
	width: 870px;
	background-image: url(../images/line_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
	padding-right: 40px;
	padding-left: 40px;
}



/*======================================
maincontents
=======================================*/
#mainLineMdl {
	margin-top: 180px;
}
#mainLineBtm {
	padding-bottom: 20px;
}
.mainContents #utility {
	text-align: right;
	padding-right: 40px;
	padding-bottom: 10px;
}
.mainContents #utility li {
	font-weight: bold;
	color: #6193C9;
	display: inline;
	font-size: 116%;
}


.gnav1 {
	float: left;
	width: 150px;
	padding-left: 10px;
}
.gnav2 {
	float: right;
	width: 140px;
}

.mainImgArea {
	text-align: center;
	float: left;
	padding-bottom: 20px;
}


.mainImgArea #mokuhyo {
	width: 500px;
	margin-top: 40px;
	padding-left: 20px;
}




/*======================================
topics
=======================================*/
/*.topicsLineMdl {
	background-color: #FFFFFF;
	background-image: url(../images/line_mdl.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom: 20px;
}
.topicsLineBtm {
	background-image: url(../images/line_btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}*/
#topicsArea {
/*	width: 950px;
	background-image: url(../images/line_top.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
	padding-bottom: 5px;
	padding-top: 20px;
}

#topicsArea #topics {
	float: left;
	padding-bottom: 10px;
}
#topicsArea #topics dl {
	width: 480px;
	overflow: auto;
	padding-top: 10px;
}
#topicsArea #topics dt {
	display: block;
	float: left;
	width: 8em;
	font-weight: bold;
}
#topicsArea #topics dd {
	display: block;
	float: left;
	width: 340px;
	padding-bottom: 8px;
}

#topicsArea .directLink {
	float: right;
	width: 370px;
}
#topicsArea .directLink li {
	display: inline;
	background-position: right;
}
#topicsArea .directLink img {
	padding-right: 10px;
	padding-top: 10px;
}




/*======================================
tayoriArea
=======================================*/
.tayoriLineMdl {
	background-color: #FFFFFF;
	background-image: url(../images/line_mdl.gif);
	background-repeat: repeat-y;
	background-position: center;
	margin-bottom: 20px;
}
.tayoriLineBtm {
	background-image: url(../images/line_btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 20px;
}
#tayoriArea {
	margin-bottom: 20px;
	background-image: url(../images/line_top.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 20px;
}

#tayoriArea p {
	padding-bottom: 20px;
	padding-top: 5px;
	line-height: 180%;
}
#tayoriArea #tayoriImg {
	float: right;
	padding-right: 20px;
	padding-top: 10px;
	padding-left: 20px;
}




/*======================================
bnrArea
=======================================*/


#bnrArea {
	background-color: #FFD5B7;
	width: 950px;
	padding-bottom: 30px;
	padding-top: 30px;
}
#column1 {
	float: left;
	width: 460px;
	padding-left: 40px;
}
#column1 #h22infomation {
	padding-bottom: 20px;
}
#h22infomation img {
	padding-bottom: 5px;
}


#column1 #eventVideo {

}

#eventVideo li {
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	padding-left: 5px;
	padding-right: 20px;
}

#column1 p{
	width: 215px;
	float: left;
	line-height: 160%;
}
#column2 {
	float: right;
	width: 440px;
}
#column2 img {
	padding-bottom: 10px;
}



/*======================================
footer
=======================================*/

#footer {
	width: 950px;
	text-align: center;
}
#footer #textNav {
	padding-bottom: 5px;
	padding-top: 30px;
	display: block;
}

#textNav li {
	display: inline;
	font-weight: bold;
	color: #6193C9;
}