@charset "utf-8";

/* override styles */
#gnavi01 {
margin-bottom:10px;
}
#content01 {
width:560px;
padding-left:10px;
}
#sidebar01 {
padding-right:10px;
}

/* container */
#sidebar {
float:left;
width:190px;
padding-bottom:65px;
}
#main {
float:right;
width:360px;
padding-bottom:25px;
}

/* works */
#sidebar .works {
margin-bottom:9px;
padding:8px 0 4px;
border:1px solid #ccc;
background-color:#F2F2F2;
}
#sidebar .works h2 {
margin-bottom:6px;
margin-left:8px;
}
#sidebar .works p {
margin:0 8px;
}
#sidebar .works .more {
	margin-top:20px;
	margin-bottom:10px;
	font-size:1.4em;
}
#sidebar .works .work {
width:180px;
margin:0 auto;
padding:1px;
background:url(../img/index_bg_01.png);
}
#sidebar .works .work dl {
padding:0 6px;
background-color:#fff;
}
#sidebar .works .work dt {
clear:left;
margin-bottom:4px;
padding-top:9px;
border-top:1px dotted #ccc;
}
#sidebar .works .work dt img {
vertical-align:bottom;
}
#sidebar .works .work dd {
height:100%;
padding-bottom:9px;
}
#sidebar .works .work .first {
border-top:none;
}
#sidebar .works .work dd img {
display:block;
float:left;
}
#sidebar .works .work dd p {
margin-left:45px;
}

/* staffs */
#sidebar .staffs ul img {
vertical-align:bottom;
}
#sidebar .staffs li {
margin-bottom:4px;
}
#sidebar .staffs .more {
height:33px;
padding:15px 1px 0;
background:url(../img/index_bg_04.png) no-repeat;
text-align:right;
}

/* lead */
#main .lead {
margin-bottom:18px;
}

/* information */
#main .information {
position:relative;
}
#main .information h2 {
margin-bottom:2px;
}
#main .information ul {
height:100%;
padding-bottom:6px;
line-height:1.1;
overflow:hidden;
}
#main .information li {
float:left;
margin-bottom:4px;
padding-left:5px;
padding-right:4px;
border-right:1px solid #666;
white-space:nowrap;
}
/* tab items */
#main .information .nav {
position:absolute;
top:-3px;
right:0;
width:163px;
}
#main .information .nav ul {
padding-bottom:0;
overflow:visible;
}
#main .information .nav li {
margin-bottom:0;
padding:0;
border-right:none;
}
#main .information .nav ul a {
display:block;
height:24px;
background-image:url(../img/index_bg_05.png);
background-repeat:no-repeat;
text-indent:-100em;
overflow:hidden;
}
#main .information .nav .tokyo {
width:40px;
background-position:0 0;
}
#main .information .nav .active .tokyo,
#main .information .nav .tokyo:hover {
background-position:0 -24px;
}
#main .information .nav .osaka {
width:39px;
background-position:-40px 0;
}
#main .information .nav .active .osaka,
#main .information .nav .osaka:hover {
background-position:-40px -24px;
}
#main .information .nav .nagoya {
width:45px;
background-position:-79px 0;
}
#main .information .nav .active .nagoya,
#main .information .nav .nagoya:hover {
background-position:-79px -24px;
}
#main .information .nav .hiroshima {
width:39px;
background-position:-124px 0;
}
#main .information .nav .active .hiroshima,
#main .information .nav .hiroshima:hover {
background-position:-124px -24px;
}
/* recommend */
#main .information .recommend {
margin-bottom:14px;
padding:2px;
background:url(../img/index_bg_06.png);
}
#main .information .recommend-inner {
	padding-top:8px;
	background-color:#F7F7F7;
	font-size: 1.2em;
}
#main .information .recommend h3 {
margin:0 6px 10px;
}
#main .information .recommend dl {
height:100%;
margin:0 9px;
}
#main .information .recommend dt {
margin-bottom:5px;
}
#main .information .recommend dt img {
vertical-align:middle;
}
#main .information .recommend dd {
padding-bottom:10px;
}
/* latest information */
#main .information .latest {
	padding-bottom:9px;
	font-size: 1.2em;
}
#main .information .latest h2 {
margin-bottom:10px;
}
#main .information .latest dt {
padding:0 3px;
margin-bottom:5px;
}
#main .information .latest dt img {
vertical-align:middle;
}
#main .information .latest dd {
margin-bottom:10px;
padding:0 5px 9px;
border-bottom:1px dotted #D4D4D4;
}

/* news */
#main .news {
position:relative;
padding-bottom:9px;
}
#main .news h2 {
margin-bottom:10px;
}
#main .news .more {
position:absolute;
top:0;
right:0;
}
#main .news dl {
margin:0 3px;
}
#main .news dt {
padding-left:7px;
background:url(../img/index_bg_07.png) left center no-repeat;
}
#main .news dd {
margin-bottom:6px;
}

/* right sidebar */
#sidebar01 h2 {
margin-bottom:1px;
}

/* seminar */
#sidebar01 .seminar {
margin-bottom:9px;
padding-bottom:8px;
border:1px solid #ddd;
border-top:none;
background-color:#FBFBFB;
}
#sidebar01 .seminar ul {
height:44px;
margin:0 -1px 7px;
padding-top:9px;
padding-left:9px;
background:url(../img/index_bg_08.png) no-repeat;
overflow:hidden;
}
#sidebar01 .seminar li {
float:left;
}
#sidebar01 .seminar dl {
margin:0 10px;
}
#sidebar01 .seminar dt {
margin-bottom:5px;
}
#sidebar01 .seminar dt img {
margin-right:5px;
vertical-align:middle;
}
#sidebar01 .seminar dd {
margin-bottom:8px;
padding-bottom:7px;
border-bottom:1px dotted #ccc;
}
#sidebar01 .seminar .more {
margin:0 15px;
text-align:right;
}

/* books */
#sidebar01 .books {
position:relative;
height:100%;
margin-bottom:9px;
border:1px solid #ddd;
}
#sidebar01 .books .more {
position:absolute;
top:-19px;
right:8px;
padding-left:35px;
}
#sidebar01 .books .book {
margin:0 9px;
padding:9px 0 7px;
border-top:1px dotted #ccc;
}
#sidebar01 .books .first {
padding-top:10px;
border-top:none;
}
#sidebar01 .books .book img {
float:left;
}
#sidebar01 .books .book h3,
#sidebar01 .books .book p {
margin-left:49px;
}
#sidebar01 .books .book h3 {
margin-bottom:3px;
font-weight:normal;
}

/* banner */
#sidebar01 .banner img {
vertical-align:bottom;
}
#sidebar01 .banner li {
margin-bottom:5px;
}