@charset "shift_jis";

/* リセット 
------------------------------ */
* {
	margin: 0;
	padding: 0;
	font-size:0.98em;
}

img {
	border: 0;
}

/* 共通スタイル 
------------------------------ */
body {
	margin:0 auto;
	background-image:url(../images/top/bg_top.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	background-color:#fff;
	word-break:break-all;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	}

ul, ol {
	list-style:none;
	color:#323232;
}

h1,h2,h3 {
	letter-spacing:1px;
}

p,ol,li,th,td,dt,dd {
	line-height:150%;
	color:#3d3d3d;
	letter-spacing:1px;
}

th,td{
	font-size:100%;
}
/* 文字の種類 */

.font_big{
	font-size:1.1em;
}

.font_small{
	font-size:0.85em;
}

.font_red{
	color:#df1c0a;
}

.font_blue{
	color:#11a9dc;
}

.font_bold{
	font-weight:bold;
}

/* 回り込み解除 */
.clear {
	clear: both;
}

/* リンク */

a {
	color : #0000ff;
	text-decoration:underline;
}	

a:active {
	color : #df1c0a;
	text-decoration:underline;
}

a:visited {
	color :#0000ff;
	text-decoration:underline;
}

a:hover	{
	color :#df1c0a;
	text-decoration:underline;
}	


/* フッター最下部表示 
------------------------------ */
html, body {
	height: 100%;
}

#container {
	margin:0 auto;
	width:950px;
	min-height: 100%;
	margin-bottom: -70px;
}

* html #container {		/* for IE6 and below */
	height: 100%;
}

#container-footer {
	height: 90px;
}


/* 1カラムレイアウト
------------------------------ */
#container-main {
	margin-left: 0px;
}

#container-contents {
	width: 100%;
}

/* 最小幅処理	
------------------------------ */
body {
	min-width: 500px;
}

* html .min-width-1 {		/* for IE6 and below */
	border-left: 500px solid #fff;
}

* html .min-width-2 {		/* for IE6 and below */
	margin-left: -500px;
	position: relative;
	background:url(../images/top/bg_IE6-top.jpg) no-repeat;
}

* html .min-width-3 {		/* for IE6 and below */
	height:1px;
	margin-left: -500px;
	position: relative;
	background-color:#fff;
}

* html .min-width-1,
* html .min-width-2,
* html #container-main {
	/*\*/
	height: 1px;		/* for Windows IE6 and below */
}

/* ヘッダー
------------------------------ */
#header {
	margin:0 auto;
	width:950px;
	height:375px;
}

#menu01{
	height:113px;
}

.btn_site{
	margin-left:315px;
}

#menu02{
	height:37px;
	font-size:0%;
	position:relative;
	z-index:100;
}

#menu02 ul {
	margin:0px;
	padding:0px;
}

#menu02 ul li {
	display:inline;
	float:left;
}

.g-btn10{
	margin-right:10px;
}

/* コンテンツ
------------------------------ */
#contents {
	position: relative;
}

.title-margin{
	margin-bottom:10px;
}


#event{
	width:668px;
	margin-right:20px;
	float:left;
}

/* イベント情報 */
#event-list{
	width:440px;
	float:left;
}


#event-list dl {
	border-bottom:dashed 1px #c4dce4;
	margin-top:5px;
}

#event-list dt {
        float:left;
        width:48px;
}
#event-list dd {
        margin-left:50px;
		margin-bottom:10px;
		color:#024f97;
		font-weight:bold;
}

/*イベント情報 リンク*/

#event-list a {
	display:inline;
	height:auto;
	width:440px;
	text-decoration:none;
	cursor:pointer;
	color : #024f97;
	/*padding-left:20px;*/
	/*background:url(../images/arrow.gif) no-repeat;*/
	text-decoration:none;
}	

#event-list a:active {
	color :#024f97;
	/*padding-left:20px;*/
	/*background:url(../images/arrow.gif) no-repeat;*/
	text-decoration:none;
}

#event-list a:visited {
	color :#024f97;
	/*padding-left:20px;*/
	/*background:url(../images/arrow.gif) no-repeat;*/
	text-decoration:none;
}

#event-list a:hover	{
	color :#024f97;
	/*padding-left:20px;*/
	/*background:url(../images/arrow.gif) no-repeat;*/
	text-decoration:underline;
}

#qr{
	float:left;
	margin-left:25px;
}

#mp{
	width:262px;
	float:left;
}

.title-bg{
	background:url(../images/top/td_side-line.gif) repeat-y;
}

.txt-bg{
	background:url(../images/top/td_side-line.gif) repeat-y;
	padding:8px;
}

.btn_syosai{
	border-bottom:#11a9dc solid 1px;
}

.photo-m{
	margin-bottom:7px;
}


/*float を使用してレイアウトをしていると遭遇する問題解決策
−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−*/
div {
	zoom: 1;/*for IE 5.5-6*/
}
div:after {/*for modern browser*/
	content: ".";
	clear: both;
	display: block;
	line-height: 0;
	height: 0;
	visibility: hidden;
}
/*−−−−−−−−−−−−−−−−−−−−−−−−−−−−−*/

/* フッター
------------------------------ */
#footer {
	margin:0 auto;
	width: 950px;
	height: 70px;
}