@charset "utf-8";
/**************************
Title: Yodobashi Church CSS Style
File Name: common.css
Create Date: 2009/12/10
Creator: Christian Today
**************************/

* {padding:0;margin:0;}

body {background:#fffdf1 url(image/bg_top.gif) repeat-x top left;}
img {border:none;}
ul {list-style:none;}

#wrap {width:896px;margin:0 auto;}

/* font
-------------------------- */

body {color:#333333; font-size:12px; font-family:"メイリオ", "Meiryo","MS PGothic", Arial;}
a {color:#333333;text-decoration:none;}
a:hover {color:#333333;text-decoration:underline;}
em {font-style:normal;}

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

#top {width:896px; height:40px; clear:both; text-align:right;}

#header {width:896px;height:93px; clear:both;}

#header h2 {
width:271px;
height:93px;  
float:left;
margin-right:45px;
}

#header h1 {
width:296px;
height:93px;
float:left;
background:url(image/txt_top.gif) no-repeat 0 0;  
text-indent:-9999px;
}

#header p {width:210px;float:right;padding:12px 12px 0 0;text-align:right;font-size:11px;line-height:120%;}

#main {width:896px;background:#2c2923;height:276px;clear:both;}
#main_flash {width:636px;float:left;}
#main_r {width:240px;float:left;}

/* navi
-------------------------- */

#navi {width:856px; height:58px; background:url(image/bg_navi.gif) no-repeat top left; padding:0 20px;clear:both;}
#navi li {float:left;}

#navi01 a {width:141px; height:58px; display:block; text-indent:-9999px;}
#navi02 a {width:152px; height:58px; display:block; text-indent:-9999px;}
#navi03 a {width:210px; height:58px; display:block; text-indent:-9999px;}
#navi04 a {width:196px; height:58px; display:block; text-indent:-9999px;}
#navi05 a {width:157px; height:58px; display:block; text-indent:-9999px;}

#navi01 a:hover {background:url(image/bg_navi_on.gif) no-repeat -20px 0;}
#navi02 a:hover {background:url(image/bg_navi_on.gif) no-repeat -161px 0;}
#navi03 a:hover {background:url(image/bg_navi_on.gif) no-repeat -313px 0;}
#navi04 a:hover {background:url(image/bg_navi_on.gif) no-repeat -523px 0;}
#navi05 a:hover {background:url(image/bg_navi_on.gif) no-repeat -719px 0;}

/* contents
-------------------------- */

#m_contents {width:856px; float:left; padding:23px 20px 30px;clear:both;}
#m_left {width:386px; float:left;}
#m_news {width:386px; float:left; padding:14px 0; clear:both;}
.m_news2 {width:386px; float:left; padding:13px 0; border-bottom:#666666 1px dotted; background:url(image/bg_date_new.gif) no-repeat top left; clear:both;}
.m_date {width:50px; float:left; text-align:center; padding:2px 8px 0 3px; color:#fff;font-size:11px}
.m_title {width:320px; float:left;}

#m_right {width:396px; float:right; margin-right:7px;}
#m_box01 {width:396px; clear:both;}
#m_box01 h3 {padding-bottom:0px;}
#m_box01_l {width:396px; padding-bottom:10px; float:left; line-height:140%;}
#m_box01_r {width:396px; float:left; line-height:140%;}

#m_box02 {width:396px; clear:both;}
#m_box02_l {width:192px; float:left; padding-top:13px;}
#m_box02_l img {margin:6px 0;}
#m_box02_r {width:160px; float:right; line-height:140%;}
#m_box02 h3 {padding-bottom:6px;}
#m_box02 .title {font-weight:bold; padding:8px 0 0 0;}
#m_box02 .txt {font-size:11px;}

.m_space {width:396px; height:18px; display:block; clear:both;}

.path {padding:3px 5px 10px; clear:both;}

#contents {width:896px; float:left; clear:both;}

#left {width:183px; float:left; margin-bottom:100px;}
#left h3 {margin-bottom:3px;}
#left li {background:#efefef; border-bottom:#fff 1px solid; padding:6px 15px; line-height:130%;}

#right {width:668px; float:right; margin-right:20px; margin-bottom:40px;}
#right h3 {margin-bottom:14px;}
#right_box {width:628px; margin:0 20px; clear:both;}
#right_box2 {width:626px; border:#d4d2d5 1px solid;}
.tb01 {background:#efefef; border-bottom:#d4d2d5 1px solid; text-align:center; padding:10px 15px;}
.tb02 {background:#fff; border-bottom:#d4d2d5 1px dotted; padding:8px 15px; text-align:center;}
.tb03 {background:#fff; border-bottom:#d4d2d5 1px dotted; padding:8px 15px;}
.tb04 {background:#fff; text-align:right; padding:10px 15px;}
.tb04_nav {background:#fff; text-align:center; padding:10px 15px;}
.tb05 {background:#efefef; border-bottom:#d4d2d5 1px solid; font-weight:bold; padding:10px 15px; font-size:14px;}
.tb06 {background:#efefef; border-bottom:#d4d2d5 1px solid; padding:10px 15px; text-align:right; width:160px;}
.tb07 {background:#fff; padding:20px 20px; font-size:14px; line-height:200%;}
.tb08 {background:#efefef; border-top:#d4d2d5 1px solid; padding:10px 15px; text-align:right; font-weight:bold;}

.subtit {font-weight:bold; font-size:14px; background:url(image/ico_bar.gif) no-repeat center left; clear:both; margin-top:10px; padding:10px 12px;}
.before {background:#fff; border:#d4d2d5 1px solid; padding:8px 15px;}

#sermon_box {width:666px; float:left; border:#d4d2d5 1px solid;}
.sermon_tit {background:#efefef; border-bottom:#d4d2d5 1px solid; padding:10px 15px; font-weight:bold; font-size:14px;}
#sermon_box2 {width:630px; float:left; padding:20px 18px; background:#fff;}
#sermon_box2 .video {width:352px; padding-right:22px; float:left;}
#sermon_box2 ul {width:242px; float:left;}
.sermon_tit2 {font-weight:bold; font-size:14px; padding-bottom:15px;}
.sermon_txt {padding:3px 0;}
.sermon_txt2 {padding-top:15px; line-height:130%;}
.sermon_stxt {font-size:11px; padding:10px 10px; clear:both;}

.about_tit {font-weight:bold; font-size:14px; background:url(image/ico_bar2.gif) no-repeat center left; padding:10px 14px;}
.about_intro {margin:5px 0 20px;}

.about_greeting {background:url(image/sq_photo.jpg) no-repeat top right; padding:0 230px 20px 15px; line-height:150%; clear:both;}
.about_name {text-align:right; padding-bottom:24px; clear:both;}
#about_profile {width:550px; float:left; padding:7px 7px 7px 111px; background:#e3e3e3 url(image/bg_profile.gif) no-repeat top left; clear:both; margin-bottom:20px;}
#about_profile li {background:#fff; padding:18px; line-height:130%;}
.about_txt {line-height:150%; padding:0 0 20px 0px;}
.about_tit2 {width:646px; background:#ececec url(image/bg_titbar.gif) repeat-x top left; border:#d4d2d5 1px solid; font-size:14px; font-weight:bold; padding:6px 15px; margin-bottom:20px;}
#btel:hover {text-decoration:none;}
.about_tit3 {font-size:14px; font-weight:bold; padding-top:20px;}
.about_tit3_top {font-size:14px; font-weight:bold;}



.about_box {width:662px; border:#d4d2d5 1px solid; background:#fff; padding:2px; clear:both;}
.about_tb01 {background:#efefef; border-bottom:#d4d2d5 1px dotted; font-weight:bold; padding:8px 10px; text-align:center; width:20%;}
.about_tb02 {border-bottom:#d4d2d5 1px dotted; padding:10px;}

.about_txt a {color:#b80098;text-decoration:none;}
.about_txt a:hover {color:#b80098;text-decoration:underline;}

#history_box {width:668px; line-height:140%;}
#history_box img {margin-bottom:12px;}
.history_box2 {width:213px; float:left; margin-bottom:20px; margin-right:8px;}
.history_box3 {border:#d4d2d5 1px solid; padding:1px; background:#fff;}
.history_box4 {border:#efefef 1px solid; padding:15px 15px; background:#fff; line-height:150%;}
.history_box4 p {padding-bottom:40px; clear:both;}

#access_l {width:335px; float:left; margin-left:20px; margin-bottom:40px;}
#access_r {width:480px; float:right; margin-right:21px; margin-bottom:40px;}
.access_box {border:#b80098 1px solid; background:#fff; padding:15px 15px; line-height:150%; clear:both; margin-bottom:15px;}

#etc_box {width:815px; padding:0 41px 40px 40px;}
.etc_tit {text-align:center; font-weight:bold; font-size:14px; padding:30px 0; background:url(image/bg_etctit.gif) no-repeat center center;}
.etc_txt {line-height:160%; padding-bottom:20px;}

.etc_tb01 {font-weight:bold; vertical-align:top; padding:10px 15px; background:#efefef; border-left:#d4d2d5 1px solid;  border-bottom:#d4d2d5 1px solid; border-right:#d4d2d5 1px solid; line-height:130%;}
.etc_tb01_top {font-weight:bold; vertical-align:top; padding:10px 15px; background:#efefef; border-top:#d4d2d5 1px solid; border-left:#d4d2d5 1px solid;  border-bottom:#d4d2d5 1px solid; border-right:#d4d2d5 1px solid; line-height:130%;}
.etc_tb02 {vertical-align:top; padding:10px 15px; background:#fff; border-bottom:#d4d2d5 1px solid; border-right:#d4d2d5 1px solid; line-height:130%;}
.etc_tb02 a {color:#b80098;text-decoration:none;}
.etc_tb02 a:hover {color:#b80098;text-decoration:underline;}
.etc_tb02_top {vertical-align:top; padding:10px 15px; background:#fff; border-top:#d4d2d5 1px solid; border-bottom:#d4d2d5 1px solid; border-right:#d4d2d5 1px solid; line-height:130%;}
.etc_tb02_top a {color:#b80098;text-decoration:none;}
.etc_tb02_top a:hover {color:#b80098;text-decoration:underline;}

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

#foot {width:832px; background:#e4e4e4; padding:8px 32px; clear:both;}
.foot_r {font-size:11px; text-align:right;}
#foot2 {background:#2c2923; padding:10px 32px 12px; clear:both; color:#fff;}

#foot3 {text-align:right;}
#foot3 a {color:#fff;}
#foot3 a:visited {color:#fff;}
#foot3 a:hover {color:#fff;}