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



/* 全体構造
---------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	font-size: 10px;
	_font-size: 62.5%;
	*font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	line-height: 1.4;
}

#wrapper {
	width: 770px;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(img/bg.gif);
	background-repeat: repeat-y;
}

p,ul,ol,dl {
	margin-top: 0;
	margin-bottom: 0;
}

img { border: none;}

hr { clear: both;}

a{
	color: #003399;
	text-decoration: none;
}
a:hover{
	color: #660000;
	text-decoration: none;
}

.img_l {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.img_r {
	float: right;
	margin: 0 0 0.5em 0.5em;
}


.to_top {
	clear: both;
	font-size: 0.9em;
	text-align: right;
	margin: 2em 1em;
	padding: 0;
}






/* ヘッダー
---------------------------------------------------- */

#header {
	width: 750px;
	height: 70px;
	text-align: center;
	background-image:  url(img/header-bg.jpg);
	background-repeat: repeat-x;
	margin: 0 10px;
	padding: 0;
}

h1{
	float: left;
	width: 190px;
	height: 70px;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
h1 a{
	display: block;
	width: 190px;
	height: 70px;
	font-size: 100%;
	text-indent: -9999px;
	background-image: url(img/mightysparrow-h1.jpg);
}
h1 a:hover{
	background: transparent url(img/mightysparrow-h1.jpg);
	background-repeat: no-repeat;
}






/* ナビゲーション
---------------------------------------------------- */
#navi{
	float: left;
	width: 560px;
	height: 70px;
	margin: 0;
	padding: 0;
}

#navi ul{
	position: relative;
	width: 560px;
	height: 70px;
	background: url(img/navi.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

#navi li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0px;
}

#navi a{
	text-decoration: none;
	text-indent: -1000px;
	overflow: hidden;
}

#navi li, #navi a{
	height: 70px;
	display: block;
}

#navi01{ left: 0; width: 60px; }
#navi02{ left: 72px; width: 106px; }
#navi03{ left: 191px; width: 80px; }
#navi04{ left: 284px; width: 107px; }
#navi05{ left: 405px; width: 147px; }






/* メインエリア
---------------------------------------------------- */

#con {
	width: 750px;
	margin: 0 10px;
	padding: 0;
}

#main {
	float: right;
	width: 535px;
	margin: 0;
	padding: 10px 15px 0 0;
}

.banner {
	display: block;
	width: 540px;
	height: 115px;
	font-size: 100%;
	text-indent: -9999px;
	margin: 0 0 8px;
	padding: 0;
	background-image: url(img/top_banner.jpg);
	background-repeat: no-repeat;
}

.mizube_t {
	font-size: 0.97em;
	text-indent: 1em;
	margin: 0 0 0.2em 0;
	padding: 0;
}

.topics {
	width: 520px;
	height: 25px;
	font-size: 1.15em;
	font-weight: bold;
	color: #990000;
	letter-spacing: 0.35em;
	background: url(img/topics.jpg) repeat-x;
	margin: 13px 0 7px;
	padding: 5px 0 0 15px;
}

.post {
	width: 520px;
	margin-bottom: 7px;
	padding: 4px 0 1px 3px;
	border-left-width: 13px;
	border-left-style: solid;
	border-left-color: #FFCC00;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFCC00;
}

.post_a{
	font-size: 0.97em;
	margin: 0.15em 0;
	padding: 0;
}
.post_a span{ font-size: 0.97em;}

.post_b{
	font-size: 0.97em;
	margin: 0 0 0.15em;
	padding: 0;
}
.post_b span{ color: #990000;}






/* サイドエリア
---------------------------------------------------- */

#side {
	float: left;
	width: 190px;
	margin: 0 0 15px;
	padding: 0;
}


#side h2{
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#side h2 a{
	display: block;
	width: 190px;
	height: 120px;
	text-indent: -9999px;
	background-image: url(img/mightysparrow-h2.jpg);
	background-repeat: no-repeat;
}
#side h2 a:hover{
	background: transparent url(img/mightysparrow-h2.jpg);
	background-repeat: no-repeat;
}



#side h3{
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

.h301 a{
	display: block;
	width: 190px;
	height: 75px;
	overflow: hidden;
	background-image: url(img/h3-01.jpg);
	background-repeat: no-repeat;
}
.h301 a:hover{
	background: transparent url(img/h3-01.jpg) -190px 0 no-repeat;
}

.h302 a{
	display: block;
	width: 190px;
	height: 75px;
	overflow: hidden;
	background-image: url(img/h3-02.jpg);
	background-repeat: no-repeat;
}
.h302 a:hover{
	background: transparent url(img/h3-02.jpg) -190px 0 no-repeat;
}

.h303 a{
	display: block;
	width: 190px;
	height: 75px;
	overflow: hidden;
	background-image: url(img/h3-03.jpg);
	background-repeat: no-repeat;
}
.h303 a:hover{
	background: transparent url(img/h3-03.jpg) -190px 0 no-repeat;
}

.h304 a{
	display: block;
	width: 190px;
	height: 75px;
	overflow: hidden;
	background-image: url(img/h3-04.jpg);
	background-repeat: no-repeat;
}
.h304 a:hover{
	background: transparent url(img/h3-04.jpg) -190px 0 no-repeat;
}

.h305 a{
	display: block;
	width: 190px;
	height: 75px;
	overflow: hidden;
	background-image: url(img/h3-05.jpg);
	background-repeat: no-repeat;
}
.h305 a:hover{
	background: transparent url(img/h3-05.jpg) -190px 0 no-repeat;
}

#sideend{
	display: block;
	width: 190px;
	height: 15px;
	font-size: 100%;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background-image: url(img/side-end.jpg);
	background-repeat: no-repeat;
}






/* 位置情報
---------------------------------------------------- */

.ichi {
	clear: both;
	width: 750px;
	text-align: center;
	margin: 1.5em auto 0;
	padding: 0;
}

.ichi p{
	display: block;
	width: 725px;
	height: 30px;
	font-size: 100%;
	text-indent: -9999px;
	margin: 0 auto;
	padding: 0;
	background-image: url(img/map_title.gif);
}

.ichi img{
	width: 718px;
	margin: 0 auto;
	padding: 0;
}






/* フッター
---------------------------------------------------- */


#footer {
	width: 750px;
	height: 50px;
	font-size: 1em;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	background-image: url(img/footer_bg.gif);
	background-repeat: repeat-x;
}

#footer p{
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 auto;
	padding-top: 23px;
}