@charset "utf-8";

/* ============================================================================
	frame用CSS
============================================================================= */
#container {
	width: 780px;
	margin: 0 auto;
	padding: 50px 0;
	font-size: 13px;
	line-height: 1.35;
}
#container p,
#container dt,
#container dd,
#container th,
#container td,
#container li,
#container address,
#container a {
	line-height: 1.5;
}
#container h1,
#container h2,
#container h3,
#container h4,
#container h5,
#container h6 {
	line-height: 1.2;
}
img {
	border: 0;
	vertical-align: top;
}
#container a:link,
#container a:visited {
	text-align: underline;
}
a:link{
	color: #546272;
	text-decoration: underline;
}
a:visited{
	color: #3E77A6;
	text-decoration: underline;
}
a:hover{
	color: #00CCFF;
	text-decoration: none;
}


html {
	background-image: url("img/top_bk.jpg")
}

.opa-img {
    text-align: center;
    margin-bottom: 30px;
}


/* header
------------------------------------------------------------------------------- */
#header_top{
	background: #333333;
	color: #CCCCCC;
	text-align: center;
	padding: 3px;
}

#header h1{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	padding-top: 17px;
	margin: 0 15px 50px 33px;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック","sans-selif";
}





address{
	width: 98px;
	margin: 38px 20px 0 0;
	float: right;
}



/* nav
------------------------------------------------------------------------------- */
#nav {
	background: url(../img/common/menu_bg1.gif) repeat-x 0 0 scroll transparent;
	height: 46px;
}
#nav ul {
	width: 780px;
	margin: 0 auto;
}
#nav ul li {
	float: left;
}
#nav ul li a.menu {
	display: block;
}
.submenu {
	visibility: hidden;
	position: absolute;
	background-color: #FFFFFF;
	border:1px solid #546272;
	z-index: 3;
	width: 170px;
	padding: 5px 3px 5px 5px;
}
.submenu a {
	padding: 3px 5px;
	display: block;
}
.submenu a:link{
	color: #546272;
	text-decoration: none;
}
.submenu a:visited{
	text-decoration: none;
	color: #3E77A6;
}
div.submenu a:hover{
	color: #00CCFF;
	text-decoration: underline;
}



/* contents
------------------------------------------------------------------------------- */
#in-contents{
	width: 750px;
	margin: 10px auto;
}
.sabmenu {
	margin: 20px auto;
	width: 576px;
}
.sabmenu li {
	float: left;
	margin: 0 5px;
	width: 134px;
}
* html .sabmenu li { display: inline; } /* IE6 */
h2.tnp-t{
	font-weight: bold;
	width: 710px;
	margin: 25px auto;
}
.tnp-t02 {
	background-color: #F0F2F4;
	border-bottom: 1px solid #7B8A9D;
	border-left: 18px solid #7B8A9D;
	color: #566474;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.35 !important;
	width: 682px;
	padding: 5px;
	margin: 30px auto 15px;
}

#contents h2{
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳＰゴシック","sans-selif";
	margin-bottom: 5px;
}


/* footer
------------------------------------------------------------------------------- */
#footer {
	background-color: #333333;
	padding: 5px 0 0;
}
#footer p {
	color: #CCCCCC;
	text-align: center;
}
#footer ul {
	margin: 10px auto;
	width: 340px;
}
#footer li {
	border-left: 1px solid #FFFFFF;
	display: inline;
	padding: 0 5px;
}
#footer .last {
	border-right: 1px solid #FFFFFF;
}
#footer #copyright{
	background-color: #7B8A9D;
	padding: 10px 0;
	font-size: 10px;
	color: #333333;
}


/* element
------------------------------------------------------------------------------- */
#container .txta_r { text-align: right; }
#container .nomgn{ margin:0; }

#container .txta_c { text-align: center; }
#container .vera_m{ vertical-align: middle;}

#container .flo_r{ float: right;}
#container .flo_l{ float: left;}

#container .mb10{ margin-bottom: 10px;}
#container .mb15{ margin-bottom: 15px;}
#container .mb20{ margin-bottom: 20px;}
#container .mb25{ margin-bottom: 25px;}
#container .mb30{ margin-bottom: 30px;}
#container .mb40{ margin-bottom: 40px;}