/* -----------------------------------------------
 * JOPA用
 * ----------------------------------------------- */
body{
  font-size:100%;
  color:#FFFFFF;
  font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", verdana, arial, sans-serif;
  background-color:#38535A;
  background-image:url(../img/bg.gif);
  background-position:left top;
  background-repeat: repeat-x;
  margin-top:0px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}


/* -----------------------------------------------
 * FONT
 * ----------------------------------------------- */
a:link{ text-decoration:none; color:#FFE100; }
a:visited{ text-decoration:none; color:#FFE100; }
a:active{ text-decoration:underline; color:#FFE100; }
a:hover{ text-decoration:underline; color:#FFFFFF; }

.x-large{ font-size:24px; }
.large{ font-size:18px; line-height: 120%; }
.medium{ font-size:14px; line-height: 130%; }
.normal{ font-size:12px; line-height: 130%;}
.small{ font-size:10px; line-height: 130%;}
.x-small{ font-size:9px; line-height: 120%; }


H1 {
	width: 614px;
	font-size:10px;
	font-weight: normal;
	text-align: left;
	color:#444444;
	margin: 3px 0px 3px 5px;
	float:left;
}

H2 {
	margin:0pt 0pt 20pt 0pt;
}

H3 {
	font-size:16px;
	font-weight: normal;
	text-align:left;
	color:#240800;
	margin:0pt 0pt 0pt 0pt;
	padding: 0px 0px 0px 0px;
	min-height: 16px;
}


/* -----------------------------------------------
 * 全ページ共通
 * ----------------------------------------------- */

div.page {
	width: 100%;
	background-image: url(../img/bg_page.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

div.main {
	width: 830px;
	margin-left:auto;
	margin-right:auto;
}

div.header {
	width: 830px;
	height: 117px;
	background-image: url(../img/header_img01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div.header-logo {
	width: 790px;
	height: 73px;
	font-size:12px;
	font-weight: normal;
	text-align:right;
	color:#FFFFFF;
	padding: 15px 40px 0px 0px;
	/*visibility:hidden;*/
}

div.header-menu {
	height: 29px;
	text-align: right;
	margin-right:18px;
}


div.contents {
	width: 800px;
	padding:19px 15px 10px 15px;
}


div.menu-waku {
	width: 180px;
	padding-top:8px;
	padding-bottom:0px;
	background-image: url(../img/menu_img01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#50666B;
}

#menu ul {
	margin: 0px;
	padding :0px;
	list-style-type : none;
}

#menu li {
	display : block;
	width: 162px;
	font-size:12px;
	font-weight: bold;
	background-image: url(../img/menu_img03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:3px 5px 18px 13px;
	margin:0px 0px 0px 0px;
}

#menu li.menu-nyukai {
	display : block;
	width: 162px;
	font-size:12px;
	background-image: url(../img/menu_img04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:3px 5px 18px 13px;
	margin:0px 0px 0px 0px;
}

.menu-nyukai a{ text-decoration:none; color:#41D5FA; }
.menu-nyukai a:hover{ text-decoration:underline; color: #B3EBFF; }

#menu a {
	display : block;
}

#menu a:hover {
	display : block;
}

div.menu-sub-box {
	width: 144px;
	font-size:11px;
	font-weight: normal;
	line-height: 130%; 
	padding:5px 0px 0px 0px;
}

.menu-sub-box a:link{ text-decoration:none; color:#FFFFFF; }
.menu-sub-box a:visited{ text-decoration:none; color:#FFFFFF; }
.menu-sub-box a:active{ text-decoration:underline; color:#FFFFFF; }
.menu-sub-box a:hover{ text-decoration:underline; color:#FFFFFF; }


div.menu-sub {
	width: 144px;
	padding:0px 3px 0px 15px;
	background-image: url(../img/menu_sub_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}


div.column-menu{
	width: 180px;
	padding: 0px 0px 0px 0px;
	float:left;
}

div.column-contents{
	width: 596px;
	padding: 0px 0px 0px 0px;
	float:right;
}

div.top-contents-space {
	height: 40px;
	clear: both;
}

div.menu-footer {
	font-size:11px;
	color:#666666;
	text-align: center;
	line-height: 140%;
}

div.copyright{
	width: 596px;
	font-size:10px;
	color:#A8B9BF;
	text-align: right;
	border-top:1px solid #E1E5E6;
	padding: 5px 0px 10px 0px;
}

div.menu-banner{
	font-size:10px;
	text-align: center;
	padding-top:15px;
	margin-left:auto;
	margin-right:auto;
}

.menu-banner-img{
	border:0px;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
}



/* -----------------------------------------------
 * TOPページ
 * ----------------------------------------------- */

div.top-about-column {
	width: 596px;
	padding-top:8px;
	padding-bottom:5px;
	background-image: url(../img/about_img01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#50666B;
}

div.top-about-text{
	width: 455px;
	font-size:12px;
	line-height: 140%; 
	padding: 2px 5px 2px 8px;
	border-left:5px solid #FAA418;
	float:left;
}

div.top-about-ph{
	width: 110px;
	font-size:10px;
	padding: 0px 8px 0px 0px;
	float:right;
}

div.top-topics-column{
	float:left;
}

div.top-topics-box{
	width: 420px;
	padding: 0px 0px 0px 0px;
}

div.top-topics-tit{
	padding: 0px 0px 5px 0px;
	border-bottom:1px solid #FFFFFF;
}

div.top-topics-one-box{
	padding: 7px 0px 4px 0px;
	border-bottom:1px dashed #87989B;
}

div.top-topics-one-tit{
	font-size:12px;
	line-height: 130%; 
	padding: 0px 0px 0px 0px;
}

.top-topics-one-tit a:link{ text-decoration:none; color:#FFFFFF; }
.top-topics-one-tit a:visited{ text-decoration:none; color:#FFFFFF; }
.top-topics-one-tit a:active{ text-decoration:underline; color:#FFFFFF; }
.top-topics-one-tit a:hover{ text-decoration:underline; color: #FFFFFF; }


div.top-topics-one-tit1{
	font-size:12px;
	line-height: 130%; 
	padding: 0px 0px 0px 0px;
}

.top-topics-one-tit1 a:link{ text-decoration:none; color:#FFE100; }
.top-topics-one-tit1 a:visited{ text-decoration:none; color:#FFE100; }
.top-topics-one-tit1 a:active{ text-decoration:underline; color:#FFE100; }
.top-topics-one-tit1 a:hover{ text-decoration:underline; color: #FFF49E; }


div.top-topics-one-tit2{
	font-size:12px;
	line-height: 130%; 
	padding: 0px 0px 0px 0px;
}

.top-topics-one-tit2 a:link{ text-decoration:none; color:#78DBFF; }
.top-topics-one-tit2 a:visited{ text-decoration:none; color:#78DBFF; }
.top-topics-one-tit2 a:active{ text-decoration:underline; color:#78DBFF; }
.top-topics-one-tit2 a:hover{ text-decoration:underline; color: #B3EBFF; }



div.top-topics-one-date{
	font-size:10px;
	color:#D7DDDE;
	text-align: right;
}

td.topics-one-date-listtd{
	width: 50px;
}

div.top-lecturer-column{
	float:right;
}

div.top-lecturer-box{
	width: 154px;
	padding-top:2px;
	padding-bottom:0px;
	background-color:#50666B;
}

div.top-lecturer-tit{
	width: 139px;
	font-size:13px;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin-bottom:5px;
	border-left:5px solid #FAA418;
}

div.top-lecturer-box-one{
	width: 136px;
	font-size:11px;
	text-align: left;
	padding-top:5px;
	padding-bottom:3px;
	margin-left:auto;
	margin-right:auto;
}

.top-lecturer-img{
	border:1px solid;
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
}



/* -----------------------------------------------
 * FORM
 * ----------------------------------------------- */

form {
    margin-top: 0em;
    margin-bottom: 0em;
}

TEXTAREA {
  width: 100%;
  background-color:#FFFFFF;
/*  border:1px solid; */
}