@charset "utf-8";
/*

	* 30294.in - M4 Re:Design
		:: styles.css - 全体style	LastUpdate: 13-514
		
		Designed by ハタケネット。

*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	min-height: 600px;
	font-size: 13px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	letter-spacing: 0.08em;
	background: #f2f2f2 url(../images/m4_bg.gif) center repeat;
	color: #222222;
	text-align: center;
}

br {
	letter-spacing: normal;
}

img {
	border: none;
}

a:link {
	color: #000000;
}
a:visited {
	color: #999999;
}
a:hover {
	color: #7E0000;
	text-decoration: none;
}

.clear {
	clear: both;
}

/*
	* navigation
*/
#navigation {
	top: 10px;
	bottom: 10px;
	left: 10px;
	position: fixed;
	padding: 10px;
	width: 180px;
	xxborder: 1px solid #dddddd;
	background-color: #ffffff;
	z-index: 100;
}

	#navigation .title {
		display: block;
		width: 180px;
		height: 160px;
		background: url(../images/m4_logo.png) center no-repeat;
		text-indent: -4999px;
	}
	
	#navigation ul {
		margin: 20px 0 0 0;
		padding: 0;
		list-style: none;
	}
		#navigation ul li {
			margin: 0;
			padding: 0;
			list-style: none;
		}
			#navigation ul li a {
				display: block;
				padding: 10px 20px;
				border-bottom: 1px solid #efefef;
				height: 25px;
				line-height: 1.0;
				letter-spacing: 0.5em;
				color: #222222;
				text-decoration: none;
				text-align: right;
			}
			#navigation ul li a:hover {
				background-color: #f2f2f2;
				color: #7e0000;
			}
				#navigation ul li a span.s {
					display: block;
					font-size: 9px;
					line-height: 12px;
					letter-spacing: normal;
					color: #777777;
				}



/*
	* main
*/
#contents {
	margin: 40px 0 40px 220px;
}
	#main { /* w:700 */
		margin: 0 auto;
		width: 722px;
		text-align: left;
	}
		#main .box {
			position: relative;
			margin-bottom: 20px;
			padding: 10px;
/*			border: 5px solid #efefef;
			background-color: #f2f2f2; */
			border: 1px solid #ededed;
			background-color: #fafafa;
		}
			#main .box p {
				margin: 1.2em;
			}
			#main .box .st {
				padding: 0 1.0em;
				border-bottom: 2px solid #7e0000;
				font-size: 1.8em;
				font-weight: normal;
				color: #000000;
			}
			#main .box .article,
			#main .box .blog {
				margin: 15px;
			}
				#main .box .article .sst,
				#main .box .blog h2 {
					margin: 0;
					padding: 2px 10px;
					background-color: #EFEFEF;
					font-size: 1.2em;
					font-weight: normal;
					color: #000000;
				}
		
				#main .box .article .ssst,
				#main .box .blog h3 {
					margin: 0;
					padding: 2px 10px;
/*					border-left: #333333 3px solid; */
					font-weight: normal;
					color: #7E0000;
				}
				
				#main .box .article ul,
				#main .box .blog ul {
					margin: 1.0em;
					padding: 0;
					list-style: none;
				}
				
					#main .box .article ul li,
					#main .box .blog ul li {
						margin: 1px 0 0 0;
						padding: 0 0 0 10px;
						list-style: none;
						border-left: #CCCCCC 3px solid;
					}
		
				#main .box .article .rbox {
					margin: 0 0 0 10px;
					padding: 1px;
					border: #EEEEEE 1px solid;
					float: right;
				}
				
				#main .box .article p a.more {
					padding: 0 2px;
					background-color: #000000;
					text-decoration: none;
					color: #FFFFFF;
				}
					#main .box .article p a.more:hover {
						background-color: #7E0000;
					}
	

	#contents h1 { /* sub page */
		padding: 20px 40px;;
		font-size: 2.0em;
		font-weight: normal;
		letter-spacing: 0.6em;
		color: #7e0000;
		text-align: left;
	}
		h1 span.s {
			padding-left: 1.0em;
			font-size: 0.5em;
			letter-spacing: normal;
			color: #777777;
		}


/*
	* footer
*/
#footer {
	bottom: 10px;
	left: 10px;
	position: fixed;
	width: 200px;
	background-color: #999999;
	font-size: 0.8em;
	color: #ffffff;
	z-index: 110;
}
	#footer address {
		font-style: normal;
	}