/*  commonから  */
@charset "UTF-8";

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: small;
	color: #542c2c;
	line-height: 1.5em;
	background-repeat: no-repeat;
	background-position: top center;
	
}

a img {
	border: none;
}

/*---------------------　　リンク文字色設定　　----------------------------------*/
a {
	color: #542c2c;
	text-decoration: none;
}

a:hover {
	color: #fa8080;
	text-decoration: underline;
}

/*---------------------　　選択範囲背景色　　----------------------------------*/
::selection {
background: #f8c1c1/* Safari, Chrome */
}
 
::-moz-selection {
background: #f8c1c1; /* Firefox */
}

/*---------------------　　フロート用クラス　　----------------------------------*/
.left {
	float: left;
}

.right {
	float: right;
}

/*---------------------　　ヘッダー　　----------------------------------*/
div#header_wrap {
	width: 940px;
	margin: 20px auto 110px;
}
	div#header_wrap div#logo_navi {
		position: static;
	}

	/*---------------------　　ナビゲーション　　----------------------------------*/
	div#header_wrap ul {
		width: 940px;
		display: block;
		overflow: hidden;
	}
	
	div#header_wrap ul  > li {
		display: block;
		float: left;
	}
	
	/*---------------------　　キャッチコピー　　----------------------------------*/
	div#header_wrap p > img {
		margin: 60px auto 0px;
		display: block;
	}
	
	
/*---------------------　　コンテンツラッパー　　----------------------------------*/
div#content_wrap {
	width: 940px;
	margin: 55px auto 40px;
	overflow: hidden;
}

	/*---------------------　　メインラッパー　　----------------------------------*/
	div#main_wrap {
		width: 700px;
		margin-bottom: 40px;
		float: right;
	}
	
	div#main_wrap h2 {
		height: 30px;
		margin-bottom: 20px;
	}
	
	/*---------------------　　ページトップ　　----------------------------------*/
	div#page_top {
		text-align: right;
		clear: both;
	}
	
/*---------------------　　フッター　　----------------------------------*/
div#footer {
	background: url("../image/footer_bg.png") repeat-x;
	padding-top: 75px;
}

	/*---------------------　　リンク文字色設定　　----------------------------------*/
	div#footer a {
		color: #ffffff;
		text-decoration: underline;
	}

	div#footer a:hover {
		text-decoration: none;
}

	/*---------------------　　フッターバックグラウンド　　----------------------------------*/
	div#footer_bg{
		padding: 20px 0px 30px 0px;
		background: #542c2c;
	}

		/*---------------------　　フッターラッパー　　----------------------------------*/
		div#footer_wrap {
			width: 940px;
			margin: 0px auto;
			padding-top: 10px;
			overflow: hidden;
			color: #ffffff;
		}
		
		div#footer_wrap h2 {
			display: none;
		}
		
		div#footer_center h3 {
			line-height: 1em;
			margin: 20px 0px 10px;
			display: list-item;
			list-style: square inside;
			width:200px;
		}
		
		
		div#footer_wrap ul > li {
			margin: 3px;
			color: #735858;
			list-style: url("../image/footer_list.png") inside;
			text-indent: 1em;
		}
		
		div#footer_wrap a{
			color: #ffffff;
			text-decoration: none;
		}
		
		div#footer_wrap a:hover{
			color: #e8dada;
			text-decoration: underline;
		}
		
		div#footer_wrap div#footer_left {
			padding-right: 20px;
			border-right: dotted 1px #c7baba;
			width:200px;
		}
		
		div#footer_wrap div#footer_center {
			margin-left: 30px;
		}


/*  commonより  */



body {
    overflow:hidden;
    padding:0;
    margin:0;
    height:100%;
    width:100%;
}
 
#bgimg {
    position:absolute;
    z-index: -1;
}
 
#realBody{
  background: url("../image/raster.png") repeat scroll 0 0 transparent;
  position:absolute;
  z-index: 5;
  overflow:auto;
  height:100%;
  width:100%;
}

div#header_wrap {
	margin-bottom: 50px;
}

div#content_wrap {
	text-shadow: 1px 1px 1px #ccc;
}

div#content_wrap a {
	color: #fa8080;
}

div#content_wrap {
	width: 900px;
	margin: 30px auto 0px;
	padding: 20px;
	background: #ffffff;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	opacity: 0.8;
}

div#content_wrap {
	opacity: none;
}

div#content_box {
	padding-left: 20px;
}

div#content_box > h1 {
	margin: 20px 0px;
}

div#content_box > p, div#content_box > ul {
	margin: 10px 0px;
}

div#content_box > ul > li {
	margin-bottom: 10px;
	list-style: inside;
}