@charset "UTF-8";
@import url(init.css);
@import url(lib.css);


/** Layout
********************************************** */
#container {
	width:758px; min-height:100%;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
#container #content {
	min-height:100%;
	padding:20px 20px;
}
#header {
	width:758px; height:80px;
	background:url(../img/OU_header.gif) no-repeat top left;
}
#header h1 {
	text-indent:-9999px;
}
#container #content #main {
	float:right;
	width:538px;
}
#container #content #sub {
	float:left;
	width:170px;
}
#main .box {
	width:538px;
	margin-bottom:10px;
	background:url(../img/box538_center.gif) repeat-y top left;
}
#main .box .top {
	width:538px; height:12px;
	background:url(../img/box538_top.gif) no-repeat left top;
}
#main .box .inner {
	padding:10px;
	background: url(../img/box538_bottom.gif) no-repeat left bottom;
}
#sub #sec_regist {
	margin-bottom:10px;
}
#sub #sec_regist p {
	padding:0 3px;
	font-size:10px;
	line-height:1.2;
}
#sub #sec_regist a {
	display:block;
	width:167px; height:57px;
	margin-bottom:5px;
	background:url(../img/btn_regist.jpg) no-repeat top left;
	text-indent:-9999px;
	overflow:hidden;
}
#sub .box {
	width:170px;
	margin-bottom:10px;
	background:url(../img/boxbg_sub_center.gif) repeat-y top left;
}
#sub .box .inner {
	padding:10px;
	background:url(../img/boxbg_sub_bottom.gif) no-repeat bottom left;
}
#sub .box h3 {
	text-indent:-9999px;
	width:170px; height:34px;
}
#sub #sec_login {
	font-size:12px;
}
#sub #sec_login h3 {
	background:url(../img/h_sub_login.jpg) no-repeat top left;
}
#sub #sec_login input.inputtext {
	width:145px;
}
#sub #sec_login input.inputbtn {
	display:block;
	width:96px; height:31px;
	margin:0 auto;
}
#sub #sec_login dl dt {
	font-size:10px;
}
#sub #sec_login dl dd {
	padding-bottom:5px;
}
#sub #sec_login .cookie {
	text-align:center;
	font-size:10px;
}

#sub #sec_menu h3 {
	background:url(../img/h_sub_contents.jpg) no-repeat top left;
}
#sub #sec_menu ul li {
	padding-left:20px;
	margin-left:5px;
	margin-bottom:10px;
	background:url(../img/icn_arrow01.gif) no-repeat center left;
	line-height:1.2;
}
#sub #sec_menu ul li a {
	font-size:12px;
	text-decoration:none;
	color:#333;
}
#sub #sec_menu ul li a:hover {
	text-decoration:underline;
}
#sub #sec_info h3 {
	background:url(../img/h_sub_info.jpg) no-repeat top left;
}
#sub #sec_info iframe {
	width:100%; height:200px;
	border:0;
	font-size:10px;
}
#footer {
	clear:both;
	width:758px; height:58px;
	background-color:#6c717b;
	color:#fff;
	letter-spacing:1px;
	font-size:10px;
	text-align:center;
	line-height:58px;
	font-family: Arial, Helvetica, sans-serif;
}
#footer a {
	color:#fff;
}


/** unique parts
********************************************** */
.notes {
	color:#666;
}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */