@charset "utf-8";

/*
author: Office-Kotou Co.,Ltd.
Author URI: http://www.office-kotou.co.jp/
Author's mail: info@office-kotou.co.jp
Update 2007-04-21
Theme Name: meguro
*/

/* Basic Settings
------------------------------*/
body {
margin: 0;
padding: 0;
color: #333333;
background-color: #FFFFFF;
font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka,;
font-size: 12px;
font-weight: normal;
}

.wrapper {
width:760px;
margin:0 auto;
}

a:link {
COLOR: #0D730D
}
a:visited {
COLOR: #245823
}
a:hover {
COLOR: #ff6633
}
a:active {
COLOR: #ffffff
}

form , input ,textarea {
font-size:12px;
font-weight:normal;
color:#000;
}

/* Clear Settings
------------------------------*/
form, input {
margin: 0;
padding: 0;
font-size:12px;
}

a {
text-decoration: underline;
}

a img {
border-width: 0;
border-style: none;
border-color: #FFFFFF;
}

h1 {
margin-top: 0;
margin-bottom: 0;
}

/* header
------------------------------*/

#header {
width:100%;
height:89px;
background-image:url('images/header_bg.jpg');
background-repeat:repeat-x;
}

#header .wrapper {
width:760px;
height:78px;
padding-top:8px;
text-align:right;
}

#header .wrapper h1 {
float:left;
margin-top:8px;
}

#header .wrapper #headercontents {
float:right;
}

#header .wrapper #headercontents p {
margin:12px 0;
padding:0;
}

#header .wrapper ul {
margin: 0;
padding: 0;
width: 160px;
height: 19px;
clear: both;
text-align:right;
}

#header .wrapper li {
display: block;
list-style-type: none;
float: left;
margin: 0;
padding: 0;
width: 80px;
height: 19px;
}

#header .wrapper li a {
display: block;
overflow: hidden;
height: 0;
width: 80px;
padding-top: 19px;
}

#header .wrapper li.nav01 a {background-image: url(images/menu_inquiry.gif);}
#header .wrapper li.nav02 a {background-image: url(images/menu_sitemap.gif);}

#header .wrapper li.nav01 a:hover {background-image: url(images/menu_inquiry_on.gif);}
#header .wrapper li.nav02 a:hover {background-image: url(images/menu_sitemap_on.gif);}


/* mainimg
------------------------------*/

#mainimg .wrapper {
width:760px;
height:249px;
margin:3px auto 2px;
background-image:url('images/mainimg.jpg');
background-position:center middle;
background-repeat:no-repeat;
text-indent:-9999px;
}

/* menu
------------------------------*/

#menu {
width:100%;
height:80px;
background-image:url('images/menu_bg.jpg');
background-position:center top;
background-repeat:repeat-x;
}

#menu ul {
margin: 0 auto;
padding: 2px 0;
width: 755px;
height: 57px;
clear: both;
}

#menu li {
display: block;
float: left;
list-style-type: none;
margin: 0;
padding: 0;
height: 57px;
}

#menu li a {
display: block;
overflow: hidden;
height: 0;
padding-top: 57px;
}

li#menu01 a {background-image: url(images/menu_greeting.jpg);width: 127px;}
li#menu02 a {background-image: url(images/menu_report.jpg);width: 126px;}
li#menu03 a {background-image: url(images/menu_club.jpg);width: 126px;}
li#menu04 a {background-image: url(images/menu_directorate.jpg);width: 126px;}
li#menu05 a {background-image: url(images/menu_etc.jpg);width: 126px;}
li#menu06 a {background-image: url(images/menu_list.jpg);width: 124px;}

li#menu01 a:hover {background-image: url(images/menu_greeting_on.jpg);width: 127px;}
li#menu02 a:hover {background-image: url(images/menu_report_on.jpg);width: 126px;}
li#menu03 a:hover {background-image: url(images/menu_club_on.jpg);width: 126px;}
li#menu04 a:hover {background-image: url(images/menu_directorate_on.jpg);width: 126px;}
li#menu05 a:hover {background-image: url(images/menu_etc_on.jpg);width: 126px;}
li#menu06 a:hover {background-image: url(images/menu_list_on.jpg);width: 124px;}

/* 2c
------------------------------*/
.main {
width:760px;
margin:0 auto 89px;
}

#left {
position :relative;
width:566px;
display: block;
float:left;
height:100%;
min-height:820px;
_height: 820px;
}

#right {
display: block;
}

/* left
------------------------------*/

/* whatsnew
------------------------------*/

.whatsnew {
width:566px;
background-image:url('images/box_bg.jpg');
background-repeat:repeat-y;
margin:0;
padding:0;
}

.whatsnew li {
margin-bottom:8px;
}

.ya {
list-style-image: url('images/ya.jpg');
}

#left .whatsnew p {
margin:0;
padding:0;
}

.whatsnew .more {
text-align:right;
margin-right:8px;
}

/* report
------------------------------*/

#report {
float:left;
width:288px;
margin:4px 0 0 0;
padding:0;
background-image:url('images/2c_bg.jpg');
background-position:center bottom;
background-repeat:repeat-y;
}

#report h2 {
margin:0;
padding:0;
}

#report p {
margin:4px 4px 4px 20px;
padding:0;
}

#report .more {
text-align:right;
margin-right:16px;
}

/* information
------------------------------*/

#information {
float:right;
width:277px;
margin:4px 0 0 0;
padding:0;
background-image:url('images/2cr_bg.jpg');
background-position:center bottom;
background-repeat:repeat-y;
}

#information h2 {
margin:0;
padding:0;
}

#information p {
margin:4px 4px 4px 20px;
padding:0;
}

#information .more {
text-align:right;
margin-right:6px;
}

.2cbg {
margin:0;
padding:0;
}

/* club
------------------------------*/

.club {
width:566px;
background-image:url('images/box_bg.jpg');
background-repeat:repeat-y;
margin:0;
padding:0;
}

.club h2 {
margin:0;
padding:0;
}

.clubinfo {
background-image: url("images/line.jpg");
background-repeat:no-repeat;
background-position:center bottom;
margin-top:8px;
}

.clubinfo img {
margin:0 12px;
}

.clubinfo h3 {
margin:0;
padding:0 12px;
font-size:12px;
text-indent:8px;
background-image:url('images/ya.jpg');
background-repeat:no-repeat;
background-position:150px bottom;
}

.clubinfo p {
margin:0;
padding:0;
}

.clubinfo .more {
text-align:right;
margin:0 8px 8px 0;
}

/* content
------------------------------*/

#left .content {
width:566px;
background-image:url('images/box_bg.jpg');
background-repeat:repeat-y;
margin:0;
padding:0;
}

#left .content p {
margin:0;
padding:0;
}

#left .content h2 {
margin:0;
padding:15px 0;
background-color:#f7f7f7;
color:#A0410D;
font-size:16px;
font-weight:normal;
text-indent:15px;
}

#left .content .entry {
padding:15px;
}

#left .content .entry p {
margin:0 0 10px 0;
width:520px;
}

#respond {
font-size:14px;
font-weight:normal;
color:#A0410D;
position:relative;
left:20px;
}

.respondform {
position:relative;
left:20px;
}

.postdate {
position:relative;
left:20px;
}

.postmetadata {
position:relative;
left:20px;
}

/* right
------------------------------*/

#right h4 {
margin:0;
padding:0;
text-align:center;
}

#right h5 {
margin:4px 0;
padding:0;
text-align:center;
}

#right p {
font-size:10px;
margin:10px 4px 4px 4px;
padding-bottom:16px;
line-height:14px;
letter-spacing:1px;
background-image: url("images/line-s.jpg");
background-repeat:no-repeat;
background-position:right bottom;
}

#right ul {
margin: 0;
padding: 0;
}

#right li {
list-style-type: none;
margin: 8px 2px;
padding: 0;
}


/* footer
------------------------------*/

#footer {
clear:both;
position:absolute;
width:100%;
height:89px;
background-image:url('images/header_bg.jpg');
background-repeat:repeat-x;
}

#footer .wrapper {
width:760px;
height:78px;
padding-top:24px;
}

#footer .wrapper ul {
margin: 0;
padding: 0;
width: 427px;
height: 19px;
clear: both;
text-align:right;
}

#footer .wrapper li {
display: block;
list-style-type: none;
float: left;
margin: 0;
padding: 0;
height: 19px;
}

#footer .wrapper li a {
display: block;
overflow: hidden;
height: 0;
padding-top: 19px;
}

#footer .wrapper li.nav01 a {background-image: url(images/menu_inquiry.gif);width:80px;}
#footer .wrapper li.nav02 a {background-image: url(images/menu_sitemap.gif);width:80px;}
#footer .wrapper li.nav03 a {background-image: url(images/menu_privacy.gif);width:123px;}
#footer .wrapper li.nav04 a {background-image: url(images/menu_dou.gif);width:144px;}

#footer .wrapper li.nav01 a:hover {background-image: url(images/menu_inquiry_on.gif);width:80px;}
#footer .wrapper li.nav02 a:hover {background-image: url(images/menu_sitemap_on.gif);width:80px;}
#footer .wrapper li.nav03 a:hover {background-image: url(images/menu_privacy_on.gif);width:123px;}
#footer .wrapper li.nav04 a:hover {background-image: url(images/menu_dou_on.gif);width:144px;}

#footer p {
color:#245823;
font-size:10px;
}

#officekotou {
float:right;
margin:-60px 50px 0 0;
}