/* muget.css */

h1,h2,h3,h4,h5,h6 { font-size: 100%; }
ul,li{ list-style: none; }
img { border: 0; }

body {
	width:660px;
	margin:0 auto;
	font-size: 87.5%; /* font-size 1em = 14px */
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	line-height: 1.25;
	padding:0;
	color:#333;
}

/* ----- header ----- */
#header {
	height:200px;
	background-color:#0092c3;
}

/* ----- menu ----- */
#nav{
	width:660px;
	height:36px;
	background-color:#2686c3;
	margin-top: 0px;
}

ul.menu {
width:660px;
height:36px;
overflow:hidden;
margin:0 0 0 -40px;
/* margin-top: 0px;
margin-left:-40px; */
}

li {
width:132px;
height:36px;
line-height:36px;
float:left;
}

li a {
display:block;
text-align:left;
background: #0092c3;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
li#main a {
background:url(../item/main.jpg) no-repeat;
} 
li#gaiyo a {
background:url(../item/gaiyo.jpg) no-repeat;
} 
li#genga a {
background:url(../item/genga.jpg) no-repeat;
} 
li#paint a {
background:url(../item/paint.jpg) no-repeat;
} 
li#saiyo a {
background:url(../item/saiyo.jpg) no-repeat;
}

li#main a:hover {
background:url(../item/main2.jpg) no-repeat;
}
li#gaiyo a:hover {
background:url(../item/gaiyo2.jpg) no-repeat;
}
li#genga a:hover {
background:url(../item/genga2.jpg) no-repeat;
}
li#paint a:hover {
background:url(../item/paint2.jpg) no-repeat;
}
li#saiyo a:hover {
background:url(../item/saiyo2.jpg) no-repeat;
}
li:last-child a {
border-right:none;
}


/* ----- main ----- */
#content { 
	width: 618px;
	min-height:450px;
	margin: 10px auto;
	padding: 20px;
	background: #fff;
	border: 1px solid #2686c3;
}

/* ----- midashi ----- */
h1 {
	padding: 2px 4px 0px;
	border: #2686c3 solid 1px;
	border-left: #2686c3 solid 10px;
	background-color: #f0f8ff;
	margin-bottom: 2px;
	color: #2686c3;
}
h2 {
	padding: 2px 4px 0px;
	background-color: #effff7;
	border-left: 10px solid #89ffc4;
	margin-bottom: 4px;
	color: #008080;
}
h3 {
	padding: 2px 4px 0px 8px;
	border-left: 6px solid #99ab4e;
	margin-bottom: 4px;
	color: #856859;
}

/* ----- pp ----- */
p {
	margin-top: 6px;
	margin-left: 14px;
}
p.top {
	margin: 6px 0px 40px 14px;
}

/* ----- table 基本 ----- */
table {
	width: 100%;
	margin:20px 0 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0;
}
table tr th,table tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px 7px 7px 10px;
}
table tr th {
	background: #e5f2ff;
	text-align: left;
	width: 28%;
}
table caption {
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	border-bottom: 2px dotted #1e50a2;
	margin-bottom: 4px;
	text-align: left;
	color: #1e50a2;
}

/* ----- table 長期休業 ----- */
table.yasumi {
	width: 90%;
	margin:-25px 0 20px 14px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0;
}
table.yasumi tr th,table tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px 7px 7px 10px;
}
table.yasumi tr th {
	background: #ffefef;
	text-align: left;
	width: 30%;
}

/* ----- table 彩色最新 ----- */
table.rireki0 {
	width: 100%;
	margin:20px 0 30px;
	border-top: 1px solid #ffbcdd;
	border-left: 1px solid #ffbcdd;
	border-spacing:0;
}
table.rireki0 tr th,table.rireki0 tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #ffbcdd;
	border-right: 1px solid #ffbcdd;
	padding: 7px;
}
table.rireki0 tr th {
	background: #ffe0ff;
	text-align: left;
	width: 50%;
}
table.rireki0 caption {
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	border-bottom: 2px dotted #f09;
	margin-bottom: 4px;
	text-align: left;
	color: #f09;
}
/* ----- table 彩色履歴 ----- */
table.rireki1 {
	width: 100%;
	margin:20px 0 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0;
}
table.rireki1 tr th,table.rireki1 tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px;
}
table.rireki1 tr th {
	background: #dbffed;
	text-align: left;
	width: 50%;
}
table.rireki1 caption {
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	border-bottom: 2px dotted #00a381;
	margin-bottom: 4px;
	text-align: left;
	color: #00a381;
}

/* ----- table 原画最新 ----- */
table.gen0 {
	width: 100%;
	margin:20px 0 30px;
	border-top: 1px solid #ffadad;
	border-left: 1px solid #ffadad;
	border-spacing:0;
}
table.gen0 tr th,table.gen0 tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #ffadad;
	border-right: 1px solid #ffadad;
	padding: 7px;
}
table.gen0 tr th {
	background: #ffe0e0;
	text-align: left;
	width: 50%;
}
table.gen0 caption {
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	border-bottom: 2px dotted #ff6347;
	margin-bottom: 4px;
	text-align: left;
	color: #ff6347;
}
/* ----- table 原画履歴 ----- */
table.gen1 {
	width: 100%;
	margin:20px 0 30px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0;
}
table.gen1 tr th,table.gen1 tr td {
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px;
}
table.gen1 tr th {
	background: #e6e6fa;
	text-align: left;
	width: 50%;
}
table.gen1 caption {
	font-size: 100%;
	font-weight: bold;
	width: 100%;
	border-bottom: 2px dotted #7b68ee;
	margin-bottom: 4px;
	text-align: left;
	color: #7b68ee;
}

/* ----- table カレンダー----- */
table.cal1 {
	width: 100%;
	margin:-30px 0 20px ;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-spacing:0;
}
table.cal1 tr th,table.cal1 tr td {
	text-align: center;
	font-size: 12px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 7px;
}
table.cal1 tr th {
	background: #eee9e6;
	text-align: center;
	width: 12.5%;
}

/* ----- footer ----- */
#footer { 
	height:46px;
	background-color:#89c3eb;
	border: 1px solid #2686c3;
	border-left: #2686c3 solid 10px;
	border-right: #2686c3 solid 10px;
	margin: 0px auto;
	text-align: center;
	color: #001e43;
	padding: 0px 0px;
}


/* text */
span.red {
	color: #f00;
	font-weight: bold;
}
span.red2 {
	color: #f00;
}
span.pink {
	color: #f3c;
	font-weight: bold;
}
span.pink2 {
	color: #f3c;
}
span.blue2 {
	color: #00bfff;
}
span.gray {
	color: #696969;
	font-weight: bold;
}
span.chu {
	color: #f00;
	font-size: 90%;
}
span.footer {
	font-size: 85%;
}
}
span.genga {
	font-size: 75%;
}

/* link */
a {
	color: #69f;
	text-decoration: none;
}
a:hover {
	color: #f33;
}
a:hover img {
	-moz-opacity: 0.7;
	opacity: 0.6;
	top:2px; left:1px; position:relative;
	cursor:pointer;
}
a.rireki1 {
	color: #00a381;
	text-decoration: none;
}
a:hover.rireki1 {
	color: #00a381;
	-moz-opacity: 0.7;
	opacity: 0.6;
	top:1px; left:1px; position:relative;
}
a.rireki0 {
	color: #f09;
	text-decoration: none;
}
a:hover.rireki0 {
	color: #f09;
	-moz-opacity: 0.7;
	opacity: 0.6;
	top:1px; left:1px; position:relative;
}
a.gen1 {
	color: #7b68ee;
	text-decoration: none;
}
a:hover.gen1 {
	color: #7b68ee;
	-moz-opacity: 0.7;
	opacity: 0.6;
	top:1px; left:1px; position:relative;
}
a.gen0 {
	color: #ff6347;
	text-decoration: none;
}
a:hover.gen0 {
	color: #ff6347;
	-moz-opacity: 0.7;
	opacity: 0.6;
	top:1px; left:1px; position:relative;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:visited{
	color: #fff;
}
.footer a:hover{
	color: #001e43;
	top:1px; left:1px; position:relative;
}
a:hover h2 {
	-moz-opacity: 0.7;
	opacity: 0.6;
	top:1px; left:1px; position:relative;
	cursor:pointer;
}