﻿/******************************/
/* 全体設定					  */
/******************************/
* {
	margin:0;
	padding:0;
}

body {
	background-color: #ffffff;
	color: #476a8d;
	text-align:center;
	font-size:0.9em;
}

/* リンク */
a:link {
	color: #2a4073; /* 深縹(こきはなだ) */
}

/* 既に見たリンク */
a:visited {
	color: #2a4073;
}

/* クリック時のリンク */
a:active {
	color: #2a4073;
}

/* カーソルが上にある時のリンク */
a:hover {
	color: #f6bfbc; /* 虹色(にじいろ) */
}

img {
	border:0;
}

/******************************/
/* div 全体画面配置 		  */
/******************************/
#container {
	width:100%;
}

/* BackGround */
#bgBox {
	background: url(../img/menu/background.png) repeat;
	width:800px;
	margin:0px auto;
	padding:0px;
}

/* Menu */
#menuBox {
	width:800px;
	margin:0px auto;
	padding:10px;
}

/* Main	*/
#mainBox {
	width:800px;
	min-height:500px;
	height:auto !important;
	height:500px;
	margin:0px auto;
	padding:10px;
}

/* Line 上 */
#line1Box {
	background: url(../img/menu/line1.png) left top repeat-x;
	width:800px;
	height:26px;
	margin:0px auto;
	padding:0px;
}

/* Line 中,下 */
#line2Box, #line3Box {
	background: url(../img/menu/line2.png) left top repeat-x;
	width:800px;
	height:26px;
	margin:0px auto;
	padding:0px;
}

/******************************/
/* div main内画面配置 		  */
/******************************/
/* Top */
.topBox {
	text-align:left;
	width:600px;
	margin:0px auto;
	padding:10px 0px;
}

/* EventMenu */
#eMenuBox {
	float:left;
	width:140px;
}

/* EventMain */
#eMainBox {
	float:left;
	text-align:left;
	border:1px solid #1d558d;
	width:600px;
	margin:0px auto;
	padding:10px;
}

/* EventTitle */
.eTileBox {
	text-align:left;
	width:140px;
	margin:0px auto;
	padding:0px 0px 10px 0px;
	cursor:pointer;
}

/* カーソルが上にある時のEventTitle */
.eTileBox:hover {
	color: #f6bfbc; /* 虹色(にじいろ) */
}

/* Clear */
#clearBox {
	clear:both;
}

/*******************************/
/* ul/li 画像配置			   */
/*******************************/
ul {
	list-style:none;
	margin:0px;
    padding: 0px;
}

/* MainMenu: 横並び */
.mainMenu li {
	list-style:none;
    display: inline;
	margin:0px;
	padding:10px 5px 10px 5px;
	vertical-align: bottom;
}

/* SubMenu: 横並び */
.subMenu li {
	list-style:none;
    display: inline;
	margin:0px;
	padding:0px 5px 0px 5px;
	vertical-align: bottom;
}

/******************************/
/*  table 配置				  */
/******************************/
tr, td {
	margin:0px;
	padding:0px;
}

/* Member */
table.member {
	font-size:1em;
	border-collapse:collapse;
	margin:0px auto;
	padding:0px;
}

.member td {
	vertical-align: top;
	width:140px;
}

/******************************/
/*  div main内各項目		  */
/******************************/
/* 項目タイトル */
h3.title {
	border-bottom:1px dashed #476a8d;
	margin: 0px auto 10px auto;
	padding:5px 5px 2px 5px;
}

/* 右寄せ日付 */
p.date {
	float: right;
	color: #7295b8;
	font-size:0.8em;
}

/* 右寄せ解除 */
br.clear {
	clear: both;
}

/* 製作者名 */
.nameBox {
	text-align:right;
	width:580px;
	margin:0px;
	padding:0px;
}

/* list：リスト名[close] */
.list dt {
	background:url("../img/menu/point_close.png") right center no-repeat #476a8d;
	border-bottom:1px solid #ffffff;
	color: #ffffff;
	padding:5px 10px 2px 5px;
	cursor:pointer;
}

/* list：カーソルが上にある時のリスト名[close] */
.list dt:hover {
	background-color: #f6bfbc; /* 虹色(にじいろ) */
}

/* list：リスト名[open] */
.list dt.open {
	background:url("../img/menu/point_open.png") right center no-repeat #476a8d;
	border-bottom:1px solid #ffffff;
	color: #ffffff;
	padding:5px 10px 2px 5px;
	cursor:pointer;
}

/* list：カーソルが上にある時のリスト名[open] */
.list dt.open:hover {
	background-color: #f6bfbc; /* 虹色(にじいろ) */
}

/* list：リスト内容 */
.list dd {
	margin:0px auto;
	padding:10px;
}

/* sample：リスト名[close] */
.sample dt {
	background:url("../img/menu/point_close.png") right center no-repeat #f2d4ba;
	border-bottom:1px solid #ffffff;
	color: #a25768;
	padding:5px 10px 2px 5px;
	cursor:pointer;
}

/* sample：カーソルが上にある時のリスト名[close] */
.sample dt:hover {
	background-color: #f7e4be;
}

/* sample：リスト名[open]*/
.sample dt.open {
	background:url("../img/menu/point_open.png") right center no-repeat #f2d4ba;
	border-bottom:1px solid #ffffff;
	color: #a25768;
	padding:5px 10px 2px 5px;
	cursor:pointer;
}
/* sample：カーソルが上にある時のリスト名[open] */
.sample dt.open:hover {
	background-color: #f7e4be;
}

/* sample：リスト内容 */
.sample dd {
	border:1px solid;
	color: #a25768;
	margin:0px auto;
	padding:20px;
}



