@charset "Shift_JIS";


/* reset */
BODY {
	FONT-SIZE: medium; COLOR: #444444; LINE-HEIGHT: 160%; FONT-FAMILY: �l�r �o�S�V�b�N, Osaka, �q���M�m�ۃS Pro W4
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img { 
	margin:0px;
	padding:0px;
}

table {
	border-collapse:collapse;
}

fieldset,img { 
	border:0px;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/* page basic style */

body{
        color: #333333;
	background: #ffffff;
	text-align: left;
	vertical-align: top;
}

.float-l {
	float:left;
}
.float-r{
	float:right;
}

.clearall {
	clear:both;
	margin: 0px;
	padding: 0px;
	border-style: none;
}

/* link */

a {
	color:#333333;
	text-decoration:none;
}

a:visited {
	color:#404040;
	text-decoration:none;
}

a:hover {
	color:#B30000;
	text-decoration:underline;
}

a.blue {
	color:#354994;
	text-decoration:none;
}

a:visited.blue {
	color:#354994;
	text-decoration:none;
}

a:hover.blue {
	color:#354994;
	text-decoration:underline;
}

a.{ FONT-SIZE: 13px;
	text-decoration:none;
}
a:visited {
    FONT-SIZE: 13px;
	text-decoration:none;
}

a:hover.{
    FONT-SIZE: 13px;
	text-decoration:underline;
}

/* font */
.font-xl {
	font-size: 12px;
}
.font-l {
	font-size: 12px;
}
.font-m {
	font-size: 12px;
}
.font-s {
	font-size: 12px;
}
.tool-comment{
        color:#ff6633;
}
.sch-date{
        color:#d66501;
}

/* layout */

#container {
        display: block;
        width:972px;
}

#content {
        display: block;
        margin-left:34px;
        width:938px;
}

table#menu {
	margin:15px 0px;
        border-bottom:3px solid #b1b1b1;
        width:938px;
}

table#head {
        margin-bottom:15px;
        width:938px; 
}
       
#photo-comment {
        margin-top:3px;
        background:#d1cfce;
        font-size: 12px;
}

table#photo-comment td.comment {
        padding:1px 0px;
        text-align:center;
}

table#news-title {
	margin-bottom:5px;
	border-bottom:2px solid #e93413;
} 

table#news-title td {
	padding:2px 0px;
}  

table#news-detail {
        margin:0px 5px;
}

table#news-detail td {
        padding:7px 0px 5px;
        border-bottom: 1px #bdbdbd dashed; 
        font-size: 12px;
}

table#news-detail td.last {
         border-bottom:none; 
}

table#recomend {
        width:691px;
        border:1px #818080 solid;
}

table#recomend td {
        border:1px #818080 solid;
        width:229px;
}

table#recomend-detail td.topic {
        border:none;
        padding:10px 5px 0px 5px;
        width:229px;
        height:50px;
 

}

table#recomend-detail td.text {
        border:none;
        padding:10px 5px 2px 5px;
        width:229px;
        line-height:1.3;
}

table#recomend-detail td.titile01 {
        padding:3px 5px 0px 0px;
	border:none;
	background: url(../img/toppage/ttl_recomend01.gif) no-repeat center;
        height:22px;
        text-align:right;
}

img.recomend {
        margin-right:5px;
}

#main {
       padding-top: 10px;
       display: block;
       /* width:690px; */
}

#tool {
        margin-right:5px;
        display: inline;
        float:left;
        width:200px;
}

* html body #tool {
        margin-right:5px;
        display: inline;
        float:left;
        width:200px;
}
 
img.btn {
        margin-bottom:2px;
}

table#tool {
        margin-top:3px;
        border:1px solid #999999; 
        width:200px;
}

table#tool td.detail {
        padding:1px 10px;
}


td.rank{
        padding:0px;
        margin: 0px;
        height:410px;
        width:390px;
        background: url(../interview/img/seminar_headline.jpg) no-repeat center;
}

table#rank {
        margin-top:3px;
}

table#rank td {
        padding:3px;
}

#main-program {
        margin-right:5px;
        display: inline;
        float:left;
        width:478px;
}

.program-l{
        margin:0px 10px 10px 0px;
        float:left;
        width:234px;
}

.program-r{
        margin-bottom:10px;
        float:left;
        width:234px;
}

.program-l ul {
        list-style: none;
}

.program-l ul li {
        padding:4px 0px 0px 5px;
        font-size: 12px;
}

.program-r ul {
        list-style: none;
}

.program-r ul li {
        padding:4px 0px 0px 10px;
        font-size: 12px;
}

table.program {
        margin:4px 8px 0px 8px;
        font-size: 12px;
        width:218px;
}

table.program td.book {
       padding-top:5px; 
}
img.new {
        margin:0px 0px -2px 2px;
}

#schedule {
        margin-top:0px;        
        float:right;
        width:240px;
		height:500px;
}

.ttl01-schedule {
        padding:0px;
        margin: 0px;
        height:24px;
        width:240px;
        background: url(../img/toppage/body_schedule.gif) repeat-y top;       
}

.ttl02-schedule {
        padding:0px;
        margin: 0px;
        background: url(../img/toppage/body_schedule.gif) repeat-y top;       
        height:20px;
}

.body-schedule {
        padding:5px 0px 0px 0px;
        margin: 0px;
        width:240px;
        background: url(../img/toppage/body_schedule.gif) repeat-y top;
}

.item {
        padding:2px 10px;
        margin-bottom:5px;
        border-bottom: 1px #bdbdbd dashed; 
        font-size: 12px;
}

.item-last {
        padding:2px 10px 10px 10px;
        margin-bottom:0px;
        width:240px;
        font-size: 12px;
}


/* footer */

#footer {
        margin:0px 10px 0px;
        padding:20px 0px;
        clear: both; 
        border-top: 1px #FF8B8B solid;
        width:800px;
        font-size: 10px;
        text-align:center;
}


/*���C���C���i�b�v*/
ul.img{list-style-image:url("img/p1.gif");}

ul.img1{list-style-image:url("img/p2.gif");}
#container #content #main #tool #tool {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

#wrap {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; WIDTH: 900px; PADDING-TOP: 0px
}
#container {
	WIDTH: 900px
}
#wrap #header {
	BORDER-TOP: medium none
}
 HTML #wrap #header {
	HEIGHT: 38px
}
#wrap #header H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 9px; BACKGROUND: #ff7700; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #ffffff; PADDING-TOP: 0px
}
#wrap #headerL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; FLOAT: left; PADDING-BOTTOM: 10px; WIDTH: 408px; PADDING-TOP: 10px
}
#wrap #headerL #logo {
	FLOAT: left; MARGIN-LEFT: 9px
}
#wrap #headerL #txt {
	MARGIN-TOP: 12px; FONT-SIZE: 11px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 266px; COLOR: #484228
}
 HTML #wrap #headerL #txt {
	MARGIN-TOP: 12px; FONT-SIZE: 11px; FLOAT: left; MARGIN-LEFT: 10px; WIDTH: 236px; COLOR: #484228
}
#wrap #headerR {
	FLOAT: right; WIDTH: 489px; PADDING-TOP: 5px
}
#wrap #headerR .btn {
	FLOAT: left; WIDTH: 97px
}
#wrap #headerR #sitemap {
	MARGIN-TOP: 14px; FLOAT: left; WIDTH: 97px
}
#wrap #headerR .tel {
	FLOAT: left; WIDTH: 171px
}
#mainbox {
	DISPLAY: none
}
#fla {
	WIDTH: 882px; HEIGHT: 534px
}
#gnavi {
	WIDTH: 882px
}
#mainContent {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;FONT-SIZE: 14px;
}
.contentL {
	FLOAT: left; WIDTH: 380px
}

.contentL TABLE TD {
	VERTICAL-ALIGN: bottom
}
.contentL DL {
	MARGIN-TOP: 5px; MARGIN-LEFT: 17px
}
.contentL DL DT {
	PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-TOP: 0px;
}
.contentL DL DD {
	FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-BOTTOM: #cccccc 1px dotted;WIDTH: 330px
}
.contentL TABLE.itembox {
	MARGIN-TOP: 20px; MARGIN-LEFT: 17px
}
.contentL TABLE.itembox TD {
	VERTICAL-ALIGN: top
}
.contentL TABLE.itembox TD.item {
	WIDTH: 70px
}
.contentL TABLE.itembox TD.itemR {
	PADDING-LEFT: 10px; WIDTH: 70px
}
.contentL TABLE.itembox TD.txt {
	PADDING-LEFT: 10px; WIDTH: 155px
}
 HTML .contentL TABLE.itembox TD.txt {
	PADDING-LEFT: 10px; FONT-SIZE: 11px; WIDTH: 155px; LINE-HEIGHT: 160%
}
.contentL TABLE.itembox TD.txt SPAN {
	COLOR: #666666
}
.contentL .bannerboxTop {
	MARGIN-TOP: 20px; MARGIN-LEFT: 17px; WIDTH: 486px
}
.contentL .bannerbox {
	CLEAR: both; MARGIN-LEFT: 17px; OVERFLOW: hidden; WIDTH: 486px; PADDING-TOP: 10px
}
 HTML .contentL .bannerbox {
	CLEAR: both; MARGIN-TOP: 0px; MARGIN-LEFT: 17px; OVERFLOW: hidden; WIDTH: 486px
}
UNKNOWN {
	CLEAR: both; MARGIN-TOP: 0px; MARGIN-LEFT: 17px; OVERFLOW: hidden; WIDTH: 486px
}
.contentL .bannerL {
	FLOAT: left
}
.contentL .bannerR {
	FLOAT: left; MARGIN-LEFT: 5px
}

.contentR #infobox {
	BORDER-RIGHT: #e0dfc2 4px solid; PADDING-RIGHT: 16px; PADDING-LEFT: 16px; BACKGROUND: #fffff5; PADDING-BOTTOM: 0px; MARGIN-LEFT: 9px; BORDER-LEFT: #e0dfc2 4px solid; WIDTH: 306px; PADDING-TOP: 0px
}
.contentR TABLE TD{
	MARGIN: 0px auto; WIDTH: 800px;FONT-SIZE: 11px
	
}
.contentR TR TD {
	PADDING-LEFT: 5px; FONT-SIZE: 10px; PADDING-TOP: 0px;
}


.contentR #infobox P {
	FONT-SIZE: 11px; PADDING-TOP: 10px
}
.contentR #infobox P SPAN {
	PADDING-RIGHT: 3px; COLOR: #ff7700
}
.contentR DL DT {
	MARGIN-TOP: 5px; FONT-WEIGHT: bold; FONT-SIZE: 13px
}
.contentR DL DD {
	MARGIN-TOP: 3px; FONT-SIZE: 11px
}
.contentR #listbtn {
	MARGIN-TOP: 20px; TEXT-ALIGN: right
}
 HTML .contentR #listbtn {
	MARGIN-TOP: 20px; WIDTH: 301px; TEXT-ALIGN: right
}

BODY {
	FONT-SIZE: medium; COLOR: #444444; LINE-HEIGHT: 160%; FONT-FAMILY: �l�r �o�S�V�b�N, Osaka, �q���M�m�ۃS Pro W4
}
TD {
	FONT-SIZE: medium; COLOR: #444444; LINE-HEIGHT: 160%; FONT-FAMILY: �l�r �o�S�V�b�N, Osaka, �q���M�m�ۃS Pro W4
}
TH {
	FONT-SIZE: medium; COLOR: #444444; LINE-HEIGHT: 160%; FONT-FAMILY: �l�r �o�S�V�b�N, Osaka, �q���M�m�ۃS Pro W4
}

A {
	FONT-SIZE: 13px; COLOR: #5f3a12
}
A:hover {
	COLOR: #5f3a12;FONT-SIZE: 13px
}
A:visited {
	COLOR: #5f3a12;FONT-SIZE: 13px
}
A:active {
	COLOR: #5f3a12;FONT-SIZE: 13px;
}
#wrapper {
	MARGIN-LEFT: auto; WIDTH: 900px; MARGIN-RIGHT: auto
}
.btn-p-top {
	FLOAT: right; PADDING-BOTTOM: 20px; WIDTH: 70px; PADDING-TOP: 10px
}
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 0; PADDING-TOP: 0px
}
#header {
	FLOAT: center;PADDING-RIGHT: 0px; PADDING-LEFT: 0px; WIDTH: 900px; HEIGHT: 880px
}
.logo01 {
	FLOAT: left; WIDTH: 81px; PADDING-TOP: 20px
}
.news {
	PADDING-LEFT: 40px; FLOAT: left; WIDTH: 520px; PADDING-TOP: 25px; TEXT-ALIGN: right
}
.news-icon {
	PADDING-RIGHT: 400px; PADDING-LEFT: 200px;
}
.news-txt {
	FONT-SIZE: 13px; FLOAT: LEFT; LINE-HEIGHT: 20px;PADDING-RIGHT: 0px;PADDING-LEFT: 300px; PADDING-TOP: 20px

}
.banner-aohata {
	FLOAT: right; WIDTH: 244px; PADDING-TOP: 10px; HEIGHT: 55px
}
#main-contents {
	CLEAR: both; WIDTH: 900px; PADDING-TOP: 6px
}
.navi {
	WIDTH: 900px
}
.navi UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 900px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}
.navi LI {
	DISPLAY: inline; FONT-SIZE: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}
.ttl {
	WIDTH: 900px
}
.ttl-img {
	PADDING-LEFT: 9px; FLOAT: left; WIDTH: 342px; PADDING-TOP: 30px
}
.gnavi {
	PADDING-LEFT: 19px; FLOAT: left; WIDTH: 500px; PADDING-TOP: 18px
}
.gnavi UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 400px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}
.gnavi LI {
	DISPLAY: inline; FONT-SIZE: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}
.navi02 {
	CLEAR: both; WIDTH: 900px; PADDING-TOP: 16px
}
.navi02 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 900px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}
.navi02 LI {
	DISPLAY: inline; FONT-SIZE: 0px; MARGIN: 0px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}

.copyright {
	TEXT-ALIGN: center; WIDTH: 800px
}
.ao-link {
	FLOAT: right; MARGIN: 0px; WIDTH: 172px
}