@charset "utf-8";
/* CSS Document */
/* resetter */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; font-size:inherit; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
ol, ul { list-style:none; clear:both; margin:0; padding:0; }
caption, th { text-align:left; }
html, body { margin:0 auto; padding:0; height:100%; width:100%; }


/*-------------------
	Base Styles
*/

body {
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,verdana;
	word-break: break-all;
	background-color: #ffffff;
	color: #343434;
	font-size: 0.9em;
}

*+html body { /*IE7*/
}
*html body { /*IE6*/
}


/*-------------------
	Base Block
*/

#container {
	width: 960px;
	min-width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#header,
#gnavi,
#topicpath,
#wrapper,
#content1,
#footer {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#topicpath {
	height: 30px;
}
#cnavi{
	float: left;
	width: 220px;
}
#content2 {
	float: right;
	width: 700px;
}

#footer {
	width: 940px;
	height: 80px;
	margin: 30px auto;
	position: relative;
}

#exc #footer,
#exc-top #footer {
	margin: 30px auto 0;
}
	#footer .footlogo {
		position: absolute;
		left: 0;
		top: 0;
		width: 940px;
		height: 35px;
		background: url(/common/images/line_footer.png) left bottom repeat-x;
	}
	#footer .tocorpo {
		position: absolute;
		left: 210px;
		top: 0;
		padding-left: 10px;
		background: url(/common/images/marks.png) left -150px no-repeat;
		font-size: 0.7em;
	}
	#footer .footmenu {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 0.7em;
		float: right;
	}
		#footer .footmenu li {
			float: left;
			padding-left: 15px;
			background: url(/common/images/marks.png) 3px -250px no-repeat;
		}
		#footer .footmenu li.first {
			padding-left: 0;
			background: none;
		}
		#footer .footmenu li .blank {
			padding-right: 13px;
			background: url(/common/images/marks.png) right -50px no-repeat;
		}
	#footer .copyright {
		position: absolute;
		right: 0;
		top: 50px;
		font-size: 0.7em;
		color: #533801;
		text-align: right;
	}

	#footer a {
		outline: none;
	}
		#footer a:link,
		#footer a:visited {
			color: #3d2900;
			text-decoration: none;
		}
		#footer a:hover {
			text-decoration:underline;
		}
	
/* Styles */
#content1 {
	/*
	background: yellowgreen;
	*/
}
#content2 {
	/*
	background: yellow;
	*/
}
#cnavi{
	/*
	background: #B9CAFF;
	*/
}
#footer{
	/*
	background: #333;
	color: #FFF;
	*/
}


/*-------------------
	Common Classes
*/
/* Clear floated elements */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* margin, padding */
.mgt10 { margin-top: 10px !important; }
.mgt15 { margin-top: 15px !important; }
.mgt20 { margin-top: 20px !important; }
.mgt30 { margin-top: 30px !important; }
.mgb10 { margin-bottom: 10px !important; }
.mgb15 { margin-bottom: 15px !important; }
.mgb20 { margin-bottom: 20px !important; }
.mgb30 { margin-bottom: 30px !important; }
.pdt10 { padding-top: 10px !important; }
.pdt20 { padding-top: 20px !important; }
.pdb10 { padding-bottom: 10px !important; }
.pdb20 { padding-bottom: 20px !important; }

/* text-align, float */
.tleft { text-align: left; }
.tcenter { text-align: center; }
.tright { text-align: right; }
.fleft { float: left; }
.fright { float: right; }