@charset "utf-8";

/*********************************************
                   ベース
*********************************************/
* {
    border:none;
    /*border:1px #000000 solid;*/
    margin:0px;
    padding:0px;
}

/*********************************************
                   BODYタグ
*********************************************/
body {
    text-align:center;
}

/*********************************************
                   Aタグ
*********************************************/
a {
    color:#0189ff;
}

/*********************************************
                   中央寄せ
*********************************************/
.center {
    text-align:center;
}

.center div, .center table {
    margin-left:auto;
    margin-right:auto;
}

/*********************************************
                   右寄せ
*********************************************/
.right {
    text-align:right;
}

/*********************************************
                   左寄せ
*********************************************/
.left {
    text-align:left;
}

.red {
    color:#FF0000;
}

.gray {
    color:#CCCCCC;
}

.bold {
    font-weight: bold;
}

hr.line {
    width:100%;
    height:1px;
    border: none;
    background-color:#cccccc;
    margin-top:10px;
    margin-bottom:10px;
}

.clear {
    clear:both;
}

/*********************************************
              INPUT TYPE TEXT
*********************************************/
input.text,textarea.text {
    padding:1px;
    margin:1px;
    background-color: #FFFFFF;
    border-color:#d4d4d4;
    border-width:1px;
    border-style:solid;
}

input.text_error,textarea.text_error {
    padding:1px;
    margin:1px;
    background-color: #ffcdc5;
    border-color:#d4d4d4;
    border-width:1px;
    border-style:solid;
}

input.error, textarea.error, select.error {
    padding:1px;
    margin:1px;
    background-color: #ffcdc5;
    border-color:#d4d4d4;
    border-width:1px;
    border-style:solid;
}

/*********************************************
              SUBMIT or BUTTON
*********************************************/
input.button {
    background-image:url('../images/form_button.gif');
    background-position: top;
    background-repeat:no-repeat;
    width:67px;
    height:23px;
    text-align:center;
    color:#FFFFFF;
}

input.button_hover {
    background-image:url('../images/form_button.gif');
    background-position: bottom;
    background-repeat:no-repeat;
    width:67px;
    height:23px;
    text-align:center;
    color:#FFFFFF;
}

/*********************************************
                 HEADER
*********************************************/
#header {
    margin-right:auto;
    margin-left:auto;
    background-image:url('../images/header_bg.gif');
    background-repeat: repeat-x;
    height:101px;
    width:1100px;
}

#logo {
    margin-left:75px;
    width:549px;
    height:101px;
    background-image: url('../images/logo.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
    float:left;
}

#logo_eng {
    margin-left:75px;
    width:549px;
    height:101px;
    background-image: url('../images/logo_eng.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
    float:left;
}

#logo_renewal {
    margin-left:75px;
    width:549px;
    height:100px;
    background-image: url('../images/logo_renewal2011.gif');
    background-repeat: no-repeat;
    text-indent: -9999px;
    float:left;
}

#header #english {
    float:left;
    margin-left:97px;
    width:98px;
    height:35px;
    background-image: url('../images/top_menu_english.gif');
    text-align:center;
    line-height: 35px;
    vertical-align: middle;
}

#header #english a {
    color:#014f97;
}

#header #font_change {
    float:left;
    margin-left:4px;
    width:202px;
    height:34px;
    background-image: url('../images/top_menu_font_change.gif');
    text-align:right;
    line-height: 34px;
    vertical-align: middle;
}

#header #font_change img {
    margin:5px;
}

/*********************************************
                  ログイン
*********************************************/

#bar_login {
    margin-left: auto;
    margin-right:auto;
    width:1100px;
    height:30px;
}

#bar_login #top_login_left {
    background-image:url('../images/menu_login_left.gif');
    display:block;
    width:75px;
    height:30px;
    float: left;
}

#bar_login #top_login_right {
    background-image:url('../images/menu_login_right.gif');
    display:block;
    width:75px;
    height:30px;
    float: left;
}

/*********************************************
                  MAIN
*********************************************/
#main {
    margin-right:auto;
    margin-left:auto;
    width:1100px;
    background-image: url('../images/main_bg.gif');
    background-position: center;
    background-repeat: repeat-y;
}

#main_110629 {
    margin-right:auto;
    margin-left:auto;
    background-image: url('../images/main_bg.gif');
    background-position: center;
    background-repeat: repeat-y;
}

/*********************************************
                  FLASH
*********************************************/
#main #toppage_flash {
    width:1100px;
    height:302px;
}


#toppage_animation {
    background-image: url('../images/toppage_animation_bg.gif');
    width:1100px;
    height:302px;
    position: relative;
    z-index: 1;
}

#toppage_animation #thumbnail_list {
    position: absolute;
    top:180px;
    white-space:nowrap;
    left:0px;
    margin-left:93px;
    width:510px;
    height:110px;
    border:none;
}

#arrow_left {
    position:absolute;
    left:68px;
    top:199px;
    width:21px;
    height:21px;
    background-image:url('../images/toppage_animation_left.gif');
    background-repeat: no-repeat;
}

#arrow_right {
    position: absolute;
    left:605px;
    top:199px;
    width:21px;
    height:21px;
    background-image:url('../images/toppage_animation_right.gif');
    background-repeat: no-repeat;
}

#disp_image {
    position:absolute;
    top:0px;
    left:640px;
    width:398px;
    height:240px;
}

#animation_about {
    display:block;
    width:117px;
    height:20px;
    background-image: url('../images/toppage_animation_about.gif');
    text-indent: -9999px;
    position: absolute;
    top:39px;
    left:293px;
}

#animation_song {
    display:block;
    width:95px;
    height:20px;
    background-image: url('../images/toppage_animation_song.gif');
    text-indent: -9999px;
    position: absolute;
    top:39px;
    left:415px;
}

#animation_dictionary {
    display:block;
    width:108px;
    height:20px;
    background-image: url('../images/toppage_animation_dictionary.gif');
    text-indent: -9999px;
    position: absolute;
    top:39px;
    left:515px;
}

#animation_volunteer {
    display:block;
    width:186px;
    height:23px;
    background-image: url('../images/toppage_animation_volunteer.gif');
    text-indent: -9999px;
    position: absolute;
    top:252px;
    left:824px;
}

/*********************************************
          サブページメニュー画像
*********************************************/
#main #contents_middle {
    width:1100px;
    text-align:center;
    padding-top:15px;
}

/*********************************************
                 パンくず
*********************************************/
#contents_middle .topic_path {
    padding-left:85px;
}

#contents_middle .topic_path li{
    list-style-type: none;
    float:left;
}

#contents_middle .topic_path a {
    color:#0089ff;
    padding-right:11px;
    background-image:url('../images/topic_path_image.gif');
    background-repeat: no-repeat;
    background-position: right;
}

/*********************************************
             MAIN　左側
*********************************************/
#main #contents_left {
    /*width:625px;*/
    width:572px;
    text-align:left;
    margin-left:75px;
    margin-right:40px;
    padding:15px;
    clear:both;
    float:left;
    display:inline;
}

#main #contents_left_top {
    width:625px;
    /*width:572px;*/
    text-align:left;
    margin-left:75px;
    margin-right:0px;
    padding:15px;
    clear:both;
    float:left;
    display:inline;
}

#contents_left .contents_field {
    width:100%;
}

#contents_left .contents_field .contents_text {
    width:540px;
    padding:5px;
    color:#333333;
    line-height:1.5em;
    margin-bottom:15px;
}

#contents_sitemap {
    width:717px;
    margin-left:auto;
    margin-right:auto;
}

#contents_sitemap .sitemap {
    width:236px;
    float:left;
    margin-right:1px;
}
.sitemap .menu_1 li {
    list-style-image: url('../images/arrow_orange.gif');
    border-bottom:1px #9a9a9a dotted;
    text-align: left;
    margin-left:20px;
    margin-top:5px;
    padding-bottom:10px;
}

.sitemap .menu_2 {
    margin-top:20px;
}

.sitemap .menu_2 li {
    list-style:disc;
    border:none;
    margin-left:30px;
    padding-bottom:3px;
}

.sitemap .menu_3 li {
    list-style:circle;
    border:none;
    margin-left:20px;
    padding-bottom:3px;
}

.sitemap .link {
    margin-top:10px;
    margin-left:30px;
}
/*********************************************
             スケジュール
*********************************************/

#main #contents_left #contents_schedule {
    margin:6px;
}

#contents_schedule #menu_schedule {
    width:615px;
    height:23px;
    background-image: url('../images/contents_menu_schedule.gif');
    background-repeat: no-repeat;
    text-align:right;
    line-height: 29px;
    vertical-align: middle;
}

/*********************************************
                  例会
*********************************************/

#main #contents_left #contents_meeting {
    margin:6px;
}

.contents_field #menu_meeting {
    width:625px;
    height:27px;
    background-image: url('../images/bar_meeting.gif');
    background-repeat: no-repeat;
    text-align:right;
    line-height: 27px;
    vertical-align: middle;
}

#meeting_detail {
    padding:5px;
    width:625px;
}

#meeting_detail .meeting_left {
    width:415px;
    float:left;
    padding:0px;
    margin:0px;
}

#meeting_detail .meeting_right {
    width:200px;
    float:left;
    padding:0px;
    margin:0px;
	text-align:right;
}

#meeting_detail .meeting_access {
    clear:both;
    text-align: right;
}

#meeting_detail .meeting_subject {
    color:#005197;
}

#meeting_detail .meeting_field {
    background-color:#005197;
    padding-left:7px;
    padding-right: 7px;
    padding-top:3px;
    padding-bottom:3px;
    color:#FFFFFF;
}

#meeting_address {
    display:none;
}

.googlemap {
    float:left;
    width:200px;
    height:150px;
}

.meeting_left img{
}
/*********************************************
                  記念誌
*********************************************/

#contents_publication {
    margin:6px;
}

/*********************************************
                  関連リンク
*********************************************/

#contents_link {
    width:625px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:3px;
}

.link_large img {
    margin:3px;
}

.link_normal img {
    margin-top:3px;
    margin-bottom:3px;
    margin-left:3px;
}

/*********************************************
          ロータリークラブとは
*********************************************/
#contents_about_expain {
    padding-top:30px;
    padding-bottom:30px;
    padding-left:5px;
    padding-right:5px;
    width:572px;
    background-image:url('../images/about_explain_bg.gif');
    background-position: right;
    background-repeat: no-repeat;
    line-height:1.5em;
    color:#333333;
}

.contents_field .about_photo {
    float:left;
    width:111px;
    margin-top:15px;
}

.contents_field .about_explain {
   float:left;
   width:459px;
   margin-top:15px;
   padding-left:10px;
   padding-right:20px;
   line-height: 1.5em;
   color:#333333;
}

.contents_field .banner_block {
    width:264px;
    margin-top:20px;
    margin-right:20px;
    color:#333333;
    float:left;
}

.banner_block .banner_title {
    font-weight: bold;
    width:264px;
    border-bottom: 1px #333333 solid;
}

.banner_block .banner_explain {

}

.banner_block .banner_image {
    text-align:center;
    margin-top:15px;
}

.contents_field .image_lyric {
    margin-left:50px;
    margin-top:50px;
    float: left;
}

.contents_field .greet_introduce {
    height:180px;
    display:table-cell;
    vertical-align: bottom;
    color:#333333;
}

.contents_field .greet_introduce img {
    margin-right:5px;
}

.contents_field .greet_policy {
    padding:20px;
    line-height:1.5em;
    color:#333333;
    border:2px #5289b8 solid;
    text-align:left;
    margin:10px;
    width:520px;
}

.contents_field .greet_plan {
    padding:20px;
    line-height:1.5em;
    color:#333333;
    border:2px #275a87 solid;
    text-align:left;
    margin:10px;
    width:520px;
}

.contents_field .association {
    width:572px;
    padding:15px;
    border:1px #404040 solid;
    line-height:1.5em;
}

.contents_field .border_black {
    width:542px;
    padding:15px;
    border:1px #404040 solid;
    line-height:1.5em;
}

.contents_field .border_glay {
    border:1px #d9d9d9 solid;
    line-height:1.5em;
    padding:10px;
}

.association .association_text {
    width:500px;
    margin-right:auto;
    margin-left:auto;
    text-align:left;
    border:none;
}

.association img {
    border:none;
    margin-top:10px;
    margin-bottom:15px;
}

ul.circle_list li {
    width:135px;
    text-align:center;
    list-style-type: none;
    float:left;
    margin-top:15px;
}

ul.circle_list li a {
    color:#333333;
    text-decoration: none;
}

.volunteer_list {
    line-height: 1.2em;
}

/*********************************************
             MAKE UP
*********************************************/

.makeup_place_list {
    padding-left:24px;
    padding-top:8px;
}

.makeup_place_list a {
    display:block;
    width:250px;
	margin:0px 0px 15px 0px;

    line-height: 18px;
    vertical-align: middle;
    float:left;
	
}

table.makeup_detail_list {
    width:543px;
}

table.makeup_detail_list th {
    color:#ffffff;
    background-color:#0964ac;
    border:none;
    font-weight: normal;
    padding:3px;
    text-align:center;
}

table.makeup_detail_list th.youbi {
    color:#0e6fb9;
    background-color:#FFFFFF;
    border:1px #333333 solid;
    font-weight: normal;
    padding:3px;
    width:68px;
    text-align:center;
}

table.makeup_detail_list th.name {
    width:88px;
}

table.makeup_detail_list th.time {
    width:146px;
}

table.makeup_detail_list th.place {
    width:238px;
}

/*********************************************
             TABLE TALK
*********************************************/

.contents_field .contents_table_talk {
    padding:5px;
}

.contents_table_talk .table_talk_year {
    float:left;
    width:90px;
    height:28px;
    padding:0px;
    margin:0px;
}

.contents_table_talk .table_talk_select {
    float:left;
    width:465px;
    text-align: right;
}

.contents_table_talk table.table_talk {
    width:545px;
    margin:0px;
    border-collapse: collapse;
    clear:left;
}

table.table_talk th {
    background-color:#97e5ff;
    color:#333333;
    font-weight:normal;
    border-left:1px #b4b4b4 solid;
    border-right:1px #b4b4b4 solid;
    text-align:center;
    padding-top:5px;
    padding-bottom:5px;
    vertical-align: top;
}

table.table_talk td {
    color:#333333;
    border-left:1px #b4b4b4 solid;
    border-right:1px #b4b4b4 solid;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:2px;
    padding-right:2px;
    vertical-align: top;
}

table.table_talk th.meeting_number {
    width:42px;
}

table.table_talk th.meeting_date {
    width:46px;
}

table.table_talk th.title {
    width:219px;
}

table.table_talk th.post {
    width:139px;
}

table.table_talk th.name {
    width:95px;
}

#dictionary_list li {
    float:left;
    list-style-type: none;
    border-right:1px #333333 solid;
    color:#333333;
    padding-left:15px;
    padding-right:15px;
}

/*********************************************
             MAIN　右側
*********************************************/

#main #contents_right {
    width:275px;
    text-align:left;
    margin-right:75px;
    padding-top:15px;
    float:left;
    display:inline;
}

#menu_right_club {
    margin-bottom: 15px;
}

#menu_right_club img {
    margin-top:1px;
}

#menu_right_contents {
    text-align:center;
    margin-top:6px;
    margin-bottom:9px;
}

#menu_right_contents img {
    padding-top:3px;
    padding-bottom:3px;
}

#menu_right_about img {
    margin-bottom: 1px;
}

#table_news a {
    color:#000000;
}

a.right_menu_message {
    width:283px;
    height:89px;
    background-image:url('../images/contents_button_message.gif');
    background-repeat: no-repeat;
    padding:0px;
    display:block;
    color:#000000;
}

a.right_menu_message span.message_text {
    display:block;
    padding-top:55px;
}

a.right_menu_message span.message_text span.message_field {
    display:block;
    width:215px;
    float:left;
    text-align: right;
    color:#ff0000;
    text-decoration: none;
}

a.right_menu_message span.message_text span.message_text {
    display:block;
    width:40px;
    text-align:left;
    float:left;
    color:#000000;
}

div.right_menu_message {
    width:283px;
    height:89px;
    background-image:url('../images/contents_button_message.gif');
    background-repeat: no-repeat;
    padding:0px;
    display:block;
    color:#000000;
}

div.right_menu_message span.message_text {
    display:block;
    padding-top:55px;
}

div.right_menu_message span.message_text span.message_field {
    display:block;
    width:215px;
    float:left;
    text-align: right;
    color:#ff0000;
    text-decoration: none;
}

div.right_menu_message span.message_text span.message_text {
    display:block;
    width:40px;
    text-align:left;
    float:left;
    color:#000000;
}

.contents_inquiry {
    margin-left:auto;
    margin-right:auto;
    width:536px;
    text-align:left;
}

#inquiry_message {
    border:2px #FF0000 solid;
    background-color:#EEEEEE;
    color:#FF0000;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
}

#inquiry_message h2 {
    font-weight: normal;
}

#inquiry_message .inquiry_message_list {
    margin-left:100px;
}

#inquiry_alert {
    width:467px;
    height:243px;
    background-image: url('../images/inquiry_thx.gif');
    background-repeat: no-repeat;
    padding-left:17px;
    padding-top:78px;
    text-align: left;
    color:#333333;
}

#inquiry_alert div.alert {
    margin-left:10px;
    margin-top:10px;
    margin-right:20px;
    margin-bottom:10px;
    width:420px;
    height:154px;
}

#setting_message {
    border:2px #FF0000 solid;
    background-color:#fffdda;
    color:#FF0000;
    padding:10px;
    margin-top:10px;
    margin-bottom:10px;
}

#setting_message h2 {
    font-weight: normal;
}

#setting_message .setting_message_list {
    margin-left:100px;
}

/*********************************************
                 委員会
*********************************************/

.iinkai_img_box {
    width:700px;
}

.iinkai_img{
    float:left;
}

/*********************************************
                 FOOTER
*********************************************/
#footer {
    clear: both;
    text-align:center;
    background-image:url('../images/footer_bg.gif');
    color:#FFFFFF;
    padding-left:75px;
    padding-right:75px;
    padding-top:10px;
    padding-bottom:10px;
    line-height: 1.5em;
}

#footer a {
    color:#FFFFFF;
}

/*********************************************
             TABLE SUMMARY
*********************************************/
.table_summary {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #cecece;
    margin-top:10px;
    margin-bottom:10px;
}

.table_summary th {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #cecece;
    background-color: #ececec;
    padding:10px;
    font-weight:normal;
    line-height: 1.2em;
    color:#333333;
}

.table_summary td {
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
    border-color: #cecece;
    background-color: #FFFFFF;
    padding:10px;
    line-height: 1.2em;
    color:#333333;
}

/*********************************************
             TABLE LIST
*********************************************/

.table_list {
    margin-top:15px;
    margin-bottom:15px;
}

.table_list td{
    width:572px;
    margin-left:25px;
    color:#333333;
    padding-top:5px;
    padding-bottom:5px;
    border-bottom:1px #cccccc solid;
}

/*********************************************
                 ALERT
*********************************************/

.alert_message {
    text-align:center;
    width:283px;
    height:56px;
    padding-top:10px;
    background-image:url('../images/alert_bg.gif');
    color:#FFFFFF;
}

table.table_no_border {
    border:none;
}

table.table_no_border th {
    border:none;
}

table.table_no_border td {
    border:none;
}

.dictionary {
    border-bottom:1px #055ba3 solid;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:7px;
}

.dictionary .word {
    color:#cc4f22;
    font-weight:bold;
    padding-bottom:5px;
}

.dictionary .mean {
    color:#333333;
    line-height:1.2em;
}

.dictionary_header {
    text-align:center;
    padding-top:15px;
    padding-bottom:15px;
    border-top:1px #cc4f22 dotted;
    border-bottom:1px #cc4f22 dotted;
    margin-top:10px;
    margin-bottom:10px;
}

.dictionary_kana {
    margin-top:15px;
    margin-right:2px;
}

.schedule_explain {
    border:1px #8f8f8f solid;
    padding:15px;
    width:542px;
}