@charset "utf-8";

/* CSS Document */


/* ############### スタイル ############### */

.tex-blue {color: #3399ff;}
.tex-red {color: #c00;}

.box {
	margin-bottom: 20px;
	}
	.box p {
		padding-right: 10px;
		padding-left: 10px;
		}

h3.midashi {
	clear: both;
	margin-bottom: 15px;
	width: 540px;
	height: 35px;
	background: url(../img/bg_midashi.gif) no-repeat top left;
	font-weight: bold;
	font-size: 16px;
	line-height: 35px;
	text-indent: 16px;
	}

/* ############### レイアウト ############### */

*{
	margin: 0;
	padding: 0;
	}
body,
form,
input,
select,
textarea,
th,
td,
li {
	font-family: sans-serif;
	_font-family: "ＭＳ Ｐゴシック";
	font-size: 12px;
	color: #333;
	line-height: 135%;
	text-align: left;
	}
html {
	overflow-y: scroll;
	}
img {
	border: none;
	vertical-align: middle;
	}
input,
select,
textarea {
	line-height: 120%;
	}
ul,
ol,
li {
	margin: 0;
	list-style: none;
	}
hr {
	display: none;
	}
a {
	color: #0e4780;
	overflow: hidden;
	}
p {
	margin: 10px 0;
	line-height: 150%;
	}

.img-r {
	float: right;
	}



.PrevAndNext {
	margin-left: 20px;
	width: 530px;
	text-align: center;
	}
p.next {
	text-align: right;
	}
p.credit {
	margin:3px 2px 30px 10px;
	text-align: right;
	font-size: 12px; color: #666;
	}

.mtEntry {
	margin: 5px 5px 0;
	padding-bottom: 10px;
	border-bottom: #ccc 1px dashed;
	}


#Calender table {
	border: none;
	}
	#Calender table.calender-week {
		width: 171px;
		margin: 1px 0 0; padding: 0;
		background-color: #e8e8e8;
		}
	.calender-week td {
		text-align: center;
		}
	.calender-day {
		margin: 6px auto;
		}
		.calender-day td {
			width: 20px;
			border: #e8e8e8 1px solid;
			text-align: center;
			}
		.calender-day td a{
			display: block;
			width: 20px;
			background-color: #f8f8f8;
			color:#79133c;
			}


.side-td1 {text-align:center;}


.side-td1 li,
.side-td2 li  {
	margin:0 0 8px;
	background:url(../img/bg_headerlink.gif) no-repeat;
	background-position: 1px 6px;
	padding-left: 14px;
	}



.side-td1,
.side-td2 {
	padding: 10px 5px;
	border-right: #999 1px solid;
	border-left: #999 1px solid;
	}
.side-td2 {
	border-bottom: #999 1px solid;
	}
.side-td3 {
	padding: 10px 0;
	border-right: #999 1px solid;
	border-left: #999 1px solid;
	}

/* CAEg
================================================ */

body {
	margin: 0;
	padding: 0 0 10px 0;
	background: url(../img/bg_wrapper.gif) repeat-y top center #f8f8f8;
	text-align: center;
	}

#Header,
#Container,
#Footer {
	clear: both;
	margin: 0 auto;
	width: 760px;
	text-align: left;
	}


/* ############### eLXg\ ############### */

#Header h1,
#Navi li a,
#Side .cont01 h2 a,
#Side .cont02 h2 a,
#Side .cont03 a,
#Side .cont04 h2 a,
#Side .cont05 a,
#Credit {
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}

/* ############### Header ############### */

#Header {
	background: url(../img/bg_header.gif) no-repeat top center;
	height: 140px;
	}

#Header h1 {
	float: left;
	margin-left: 22px;
	_margin-left: 11px;
	width: 195px;
	height: 115px;
	}
	#Header h1 a {
		display: block;
		width: 195px;
		height: 115px;
		}

#Header p {display: none;}

#Header ul#HeaderLink {
	position: rerative;
	padding-top: 8px;
	_padding-top: 4px;
	margin-left: 360px;
	height: 20px;
	}
	#Header ul#HeaderLink li {
		display: inline;
		margin-right: 10px;
		padding: 2px 0;
		_padding: 0;
		padding-left: 14px;
		height: 25px;
		background: url(../img/bg_headerlink.gif) no-repeat;
		background-position: 0 4px;
		font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
		font-size: 10px;
		line-height: 25px;
		}
	#Header ul#HeaderLink li a {
		color: #333;
		}

/* ############### Navi ############### */

ul#Navi {
	float: right;
	margin-top: 33px;
	_margin-top: 32px;
	width: 543px;
	height: 39px;
	}
	#Navi li {
		display: inline;
		float: left;
		}
	#Navi li a {
		display: block;
		height: 39px;
		}

#Navi li.menu01 {width: 79px;}
#Navi li.menu02 {width: 105px;}
#Navi li.menu03 {width: 102px;}
#Navi li.menu04 {width: 85px;}
#Navi li.menu05 {width: 87px;}
#Navi li.menu06 {width: 75px;}

#Navi li.menu01 a:hover {background: url(../img/navi/menu-01.gif) no-repeat top left;}
#Navi li.menu02 a:hover {background: url(../img/navi/menu-02.gif) no-repeat top left;}
#Navi li.menu03 a:hover {background: url(../img/navi/menu-03.gif) no-repeat top left;}
#Navi li.menu04 a:hover {background: url(../img/navi/menu-04.gif) no-repeat top left;}
#Navi li.menu05 a:hover {background: url(../img/navi/menu-05.gif) no-repeat top left;}
#Navi li.menu06 a:hover {background: url(../img/navi/menu-06.gif) no-repeat top left;}


/* ############### Container ############### */

#Main {margin-top: 5px;}
#Side {margin-top: 10px;}

#Main {
	float: left;
	margin-left: 10px;
	_margin-left: 5px;
	width: 540px;
	}

#Side {
	float: right;
	margin-right: 10px;
	width: 185px;
	}

/* ########## Main ########## */


/* ########## Side ########## */

/* サイドコンテンツ */

#Side .cont01 h2 a {
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
	}

/* ############### Footer ############### */

#Credit {
	position: relative;
	clear: both;
	margin-top: 15px;
	background: url(../img/toiawase.gif) no-repeat top center;
	height: 250px;
	}

#Footer ul {
	padding-top: 6px;
	margin: 0 10px;
	height: 20px;
	border-top: #7cb0e5 2px solid;
	}

#Footer li {
	display: inline;
	float: left;
	margin-right: 4px;
	color: #666;
	}

#Footer p,
address {
	clear: both;
	margin: 5px 10px;
	color: #666;
	font-size: 10px;
	line-height: 130%;
	font-style: normal;
	}

address a {
	color: #666;
	text-decoration: none;
	font-style: normal;
	}

/* end */