@charset "Shift_JIS";


/*==========================================*/
/*--- 共通の設定 ---------------------------*/
/*==========================================*/
* {	margin: 0;
	padding: 0;
}
html,
body {
	margin: 0;
	padding: 0;
	}


img {
	border: none;
}

a {
	text-decoration: underline;
	color: #043994;
	margin: 0px;
	padding: 0px;
}

a:hover {
	color: #336699;
	}


.hr {
	margin-top:12px;
	padding:6px;
	border-top:1px #ccc solid;
	width:auto;
	height:6px;
	clear: both;
	text-indent:-10000px;
}

#wrapper {
	width: 800px;
	margin: 0px auto;
	padding:  0 0 15px 0;
}

input { padding:2px 5px; }


/*==========================================*/
/*--- フレーム>メニューの設定 --------------*/
/*==========================================*/
#menu {
	margin: 0 auto;
	padding: 0 10px;
	text-align:center;
	background: #fff url(images/bg_menu.gif) repeat-y 100% 100%;
}

#menu h1 {
	margin: 30px 0;
	padding: 5px 0 0 0;
	font:bold 14px/16px "Verdana, sans-serif, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
	color: #fff;
	height:20px;
	background-color:#009ad3;
	width: auto;
	text-align:center;
}
#menu p {
	font:normal 12px/18px "Verdana, sans-serif, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
}

#menuList {
	margin:0 auto;
	padding:12px 0;
	width:150px;
}

#menuList ul,
#menuList li {
	list-style:none;
}
#menuList li {
	margin:0 10px 10px 0;
	padding:5px 0 0 0;
	float:left;
	width:150px;
	height:130px;
	border-bottom:1px #c0c0c0 dotted;
}

#menuList img {
 	display:block;
 	margin:auto;
}

/*==========================================*/
/*--- メインの設定 -------------------------*/
/*==========================================*/
#main {
	margin: 0;
	padding: 0;
	background-color:#e9f5fe;
}
#main h1 {
	margin: 30px 0;
	padding: 5px 0 0 0;
	font:bold 14px/16px "Verdana, sans-serif, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
	color: #fff;
	height:20px;
	background-color:#009ad3;
	width: auto;
	text-align:center;
}


/*==========================================*/
/*--- マガジン文の設定 ---------------------*/
/*==========================================*/
pre {
	margin:0 auto;
	padding:10px;
	width: 500px;
	background-color:#fff;
	font:normal 12px/16px "ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
 }


/*==========================================*/
/*--- マガジン絵の設定 ---------------------*/
/*==========================================*/
#maga {
	margin:0 auto;
	padding:20px 0;
	background-color:#fff;
 }


#maga img {
	display:block;
	margin:auto;
}

#textbox {
	margin:20px auto 0 auto;
	padding:10px;
	width: 470px;
	font:normal 100%/150% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}

#textbox2 {
	margin:20px auto 0 auto;
	padding:10px;
	width: 600px;
	font:normal 100%/150% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}

#textbox3 {
	margin:20px auto 0 auto;
	padding:10px;
	width: 400px;
	font:normal 100%/150% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}
#textbox4 {
	margin:20px auto 0 auto;
	padding:10px;
	width: 305px;
	font:normal 100%/150% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
}
#textbox h2,
#textbox2 h2, 
#textbox3 h2,
#textbox4 h2 {
	margin:10px auto 20px auto;
	padding:0;
	width: auto;
	font:bold 120%/150% "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	text-decoration: underline;
}


/*==========================================*/
/*--- ログの設定 ---------------------------*/
/*==========================================*/
#log {
	margin:0 auto;
	padding:12px 0;
	width:800px;
}

#log ul,
#log li {
	list-style:none;
}
#log li {
	margin:0 10px 10px 0;
	padding:5px 0 0 0;
	float:left;
	width:150px;
	height:150px;
	background-color:#fff;
}

#log img {
 	display:block;
 	margin:auto;
}

#log li > p {
	font:normal 12px/30px "Verdana, sans-serif, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
	text-align:center;
}


/*==========================================*/
/*--- ナビゲーションの設定 -----------------*/
/*==========================================*/
.navi {
	margin:30px auto;
	padding:15px 0;
	width:auto;
	border-top:1px #009ad3 solid;
}
.navi p {	text-align:center;
		font:normal 12px/16px "Verdana, sans-serif, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
}

/*==========================================*/
/*--- フロートの設定 -----------------------*/
/*==========================================*/
.left {	float: left;margin: 1ex; }
.right { float: right;margin: 1ex; }

/*--- フロート解除 ------------------------*/
.cl { clear: both; }

.clearfix {
	zoom:1;/*for IE 5.5-7*/
	position:relative;/*for preview*/
}
.clearfix:after {/*for modern browser*/
	content: url(../images/space.gif);/*for Netscape*/
	display: block;
	clear: both;
	height: 0;
}
* html .clearfix {
	display:inline-table;
	/**/display:block;/**/
}

/*==========================================*/
/*--- テキストの設定 -----------------------*/
/*==========================================*/
.sm {
	font:normal 8px/10px "Verdana, sans-serif, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
	color: #363636;
}

.size12 {
	margin-top:28px;
	font:normal 12px/14px "Verdana, sans-serif, ＭＳ Ｐゴシック, Osaka, ヒラギノ角ゴ Pro W3";
}

/*--- フォントカラー -----------------------*/
.color1 { color: #0B6760; }
.color2 { color: #ff0000; }