@charset "utf-8";
@import "reset.css";
html, body {
	width: 100%;
	height: 100%;
}
html {
	height: 100%;
	overflow-y: scroll;
}
article, aside, canvas, details, figcaption, figure, header, footer, main, menu, nav, section, summary {
	display: block;
}
* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/*-----------------------------------------------------
	body
----------------------------------------------------**/
body {
	font-size: 12px;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333333;
	background: url(../images/common/bg.gif);
}

/*-----------------------------------------------------
	link
----------------------------------------------------**/
a:link, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover, a:active {
	color: #333333;
	text-decoration: underline;
}
/*-----------------------------------------------------
	header
----------------------------------------------------**/
#header {
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
	overflow-x: hidden;
	text-align: center;
	background: url(../images/common/bg_nav.jpg) repeat-x left 364px;
}
#sub #header {
	background: url(../images/common/bg_nav.jpg) repeat-x left 200px;
}
#header #visual {
}
/*-----------------------------------------------------
	nav
----------------------------------------------------**/
nav {
	clear: both;
}
#nav {
	width: 960px;
	height: 61px;
	margin: 0 auto;
	background: url(../images/common/line_nav.gif) no-repeat left center;
}
#nav li {
	float: left;
	width: 137px;
	line-height: 1.2;
	text-align: right;
	font-weight: 500;
	text-align: center;
	background: url(../images/common/line_nav.gif) no-repeat right center;
}
#nav li a {
	padding: 15px 0 0;
	height: 46px;
	display: block;
	font-size: 15px;
	color: #ffffff;
	text-decoration: none;
}
#nav li a span {
	display: block;
	font-size: 13px;
	font-family: Century Gothic, sans-serif;
}
#nav li a:hover {
	color: #dddddd;
	text-decoration: none;
}
/*-----------------------------------------------------
	main
----------------------------------------------------**/
#main {
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 50px;
	overflow: hidden;
}
#leftClm {
	float: left;
	width: 640px;
}
#rightClm {
	float: right;
	width: 290px;
}
/*-----------------------------------------------------
	footer
----------------------------------------------------**/
#footerWrapper {
	position: relative;
	background: url(../images/common/bg_footer.gif) repeat-x left bottom #0099CC;
}
#footer {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 60px;
	text-align: center;
	color: #ffffff;
}
#footerNav {
	text-align: center;
	margin: 0 0 20px 0;
}
#footerNav li {
	line-height: 1.1;
	display: inline-block;
 *display: inline;
 *zoom: 1;
	border-left: #ffffff solid 1px;
	padding: 0 20px;
}
#footerNav li.first {
	border: none;
}
#footerNav li a {
	color: #ffffff;
}
/*-----------------------------------------------------
	topicPath
----------------------------------------------------**/
#topicPath {
	padding: 0 0 10px;
	font-size: 11px;
}
#topicPath li {
	background: url(../images/common/arw.gif) no-repeat scroll left center;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
}
#topicPath li.home {
	background: none;
	padding: 0;
}
/*-----------------------------------------------------
	common
----------------------------------------------------**/
.content {
	position: relative;
	margin: 0 0 30px 0;
	font-size:14px;
}
.contentTtl {
	font-size: 38px;
	padding: 10px 10px 0;
	font-weight: normal;
	margin: 0 0 10px 0;
}
.contentTtl span {
	font-size: 14px;
	padding: 0 0 0 1em;
	font-weight: bold;
	font-family: Century Gothic, sans-serif;
}
.content .inside {
	background: #ffffff;
	padding: 10px;
	border-radius: 5px;
}
.note p {
	margin: 0 0 10px 0;
}
/*-----------------------------------------------------
	messageList
----------------------------------------------------**/
.messageList {
	padding: 5px 10px;
}
.messageList dt {
	float: left;
	padding: 0 0 0 15px;
	background: url(../images/common/arw.gif) no-repeat left center;
}
.messageList dd {
	overflow: hidden;
	_zoom: 1;
	padding: 0 0 0 1em;
}
.more {
	text-align: right;
}
.more a {
	padding: 0 0 0 15px;
	background: url(../images/common/arw.gif) no-repeat left center;
}

/*-----------------------------------------------------
	profile
----------------------------------------------------**/
#profile table	{
	width:100%;
	font-size:14px;
}
#profile table th	{
	width:25%;
	padding:10px;
	text-align:left;
	vertical-align:top;
	border-bottom:#cccccc dashed 1px;
}
#profile table td	{
	padding:10px;
	border-bottom:#cccccc dashed 1px;
}
#profile table td h3	{
	font-size:150%;
	font-weight:normal;
}
#profile table td dt	{
	clear:both;
	float:left;
	width:7em;
}
#profile table td dd	{
	overflow:hidden;
	_zoom:1;
}
#officer table	{
	width:100%;
	font-size:14px;
	border:#cccccc solid 1px;
	border-collapse:collapse;
}
#officer table th	{
	padding:5px;
	background:#E5F5FA;
	vertical-align:top;
	border:#cccccc solid 1px;
}
#officer table td	{
	padding:5px;
	border-left:#cccccc solid 1px;
	border-bottom:#cccccc dashed 1px;
}
/*-----------------------------------------------------
	opinion
----------------------------------------------------**/
#opinion .dsgnTbl	{
	width:100%;
	border-collapse:collapse;
}
#opinion .dsgnTbl th	{
	width:25%;
	padding:10px;
	background:#F2FAFC;
	border:#cccccc solid 1px;
	text-align:left;
}
#opinion .dsgnTbl td	{
	padding:10px;
	border:#cccccc solid 1px;
}
#opinion .must	{
	color:#ff0000;
}
#opinion .btnArea	{
	text-align:center;
	margin:10px 0 0 0;
}