@charset "utf-8";
/***********************************************
Title: 日本クリストファー・サン国際大会2010 CSS Style
File Name: common.css
Create Date: 2010/3/24
Creator: クリスチャントゥデイ
***********************************************/

* {padding:0; margin:0;}
body {background:url(../img/bg_back.gif) repeat-x top left; font-size:12px; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'MS PGothic', sans-serif; color:#333; line-height:130%;}
* html body {font-family: 'MS PGothic';}

img {border:none;}
li {list-style:none;}
em, address { font-style:normal;}

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

#wrap {width:880px; padding:0; margin:0 auto;}

/* header
------------------------------------------- */
#top0 {width:880px; height:27px; background:url(../img/txt_hd.gif) no-repeat top left; clear:both; position:relative;}
#top0 h2 {position:absolute; width:600px; height:27px; text-indent:-9999px; top:0; left:0;}
#top0 p {position:absolute; top:0; right:20px; font-weight:bold; width:200px; text-align:right; padding-top:5px;}

#header {width:880px; height:75px; position:relative;}
#header h1 {width:560px; height:75px; position:absolute; top:0; left:0; background:url(../img/logo.gif) no-repeat top left;}
#header h1 a {width:445px; height:75px; text-indent:-9999px; display:block;}
#header #top1 {width:248px; position:absolute; top:15px; right:6px;}
#header #top1 li {float:left; padding:0 3px;}

/* 臨時：メールマガジン登録非表示 #header p {width:138px; position:absolute; top:16px; right:215px;}
#header #top2 {width:200px; position:absolute; top:12px; right:0;}
#header #top2 li {padding-bottom:6px;}
#header .address {border:#979797 2px solid; color:#868585; font-size:12px; font-weight:bold; padding:4px; width:110px; height:13px;} */

/* navigation
------------------------------------------- */
#navi {width:880px; height:39px; border-top:#430ea4 2px solid; border-bottom:#430ea4 2px solid; background:url(../img/navi_off.gif) no-repeat top left;}
#navi li {float:left;}
#navi01 a {width:77px; height:39px; display:block; text-indent:-9999px;}
#navi02 a {width:155px; height:39px; display:block; text-indent:-9999px;}
#navi03 a {width:86px; height:39px; display:block; text-indent:-9999px;}
#navi04 a {width:103px; height:39px; display:block; text-indent:-9999px;}
#navi05 a {width:104px; height:39px; display:block; text-indent:-9999px;}
#navi06 a {width:84px; height:39px; display:block; text-indent:-9999px;}
#navi07 a {width:135px; height:39px; display:block; text-indent:-9999px;}
#navi08 a {width:136px; height:39px; display:block; text-indent:-9999px;}

#navi01 a:hover {background:url(../img/navi_on.gif) no-repeat 0 0;}
#navi02 a:hover {background:url(../img/navi_on.gif) no-repeat -77px 0;}
#navi03 a:hover {background:url(../img/navi_on.gif) no-repeat -232px 0;}
#navi04 a:hover {background:url(../img/navi_on.gif) no-repeat -318px 0;}
#navi05 a:hover {background:url(../img/navi_on.gif) no-repeat -421px 0;}
#navi06 a:hover {background:url(../img/navi_on.gif) no-repeat -525px 0;}
#navi07 a:hover {background:url(../img/navi_on.gif) no-repeat -609px 0;}
#navi08 a:hover {background:url(../img/navi_on.gif) no-repeat -744px 0;}

/* drop down menu
------------------------------------------- */
#dropdown_box {position:relative;}
#dropdown_box li {text-align:center;}
#dropdown_box a {font-size:12px; letter-spacing:-0.04em; font-weight:bold;}
#dropdown_box a:hover {color:#fff; text-decoration:none;}

#dropdown1 {width:77px; position:absolute; visibility:hidden; top:-2px; left:0; background:#fff; filter:Alpha(Opacity=90); border-bottom:#fff 2px solid; border-right:#fff 2px solid;}
#dropdown2 {width:159px; position:absolute; visibility:hidden; top:-3px; left:199px; background:#fff; filter:Alpha(Opacity=90); border-bottom:#fff 2px solid; border-right:#fff 2px solid; border-left:#fff 2px solid;}
#dropdown3 {width:83px; position:absolute; visibility:hidden; top:-2px; left:523px; background:#fff; filter:Alpha(Opacity=90); border-bottom:#fff 2px solid; border-right:#fff 2px solid; border-left:#fff 2px solid;}
#dropdown4 {width:134px; position:absolute; visibility:hidden; top:-2px; left:607px; background:#fff; filter:Alpha(Opacity=90); border-bottom:#fff 2px solid; border-right:#fff 2px solid; border-left:#fff 2px solid;}

.dropmenu1_1 a {width:77px; height:22px; display:block; padding:6px 0 0 0;}
.dropmenu1_1 a:hover {background:#430ea4;}
.dropmenu1_2 a {width:83px; height:52px; display:block; padding:6px 0 0 0;}
.dropmenu1_2 a:hover {background:#430ea4;}
.dropmenu1_3 a {width:77px; height:38px; display:block; padding:6px 0 0 0;}
.dropmenu1_3 a:hover {background:#430ea4;}
.dropmenu2 a {width:159px; height:22px; display:block; padding:6px 0 0 0;}
.dropmenu2 a:hover {background:#430ea4;}
.dropmenu3 a {width:83px; height:22px; display:block; padding:6px 0 0 0;}
.dropmenu3 a:hover {background:#430ea4;}
.dropmenu4 a {width:134px; height:22px; display:block; padding:6px 0 0 0;}
.dropmenu4 a:hover {background:#430ea4;}

/* main
------------------------------------------- */
#flash {width:880px; clear:both; margin-bottom:12px;}

#contents {width:880px; clear:both;}
#left {width:218px; float:left;}
#middle {width:385px; float:left; margin-left:14px;}
#right {width:248px; float:right;}
#right2 {width:639px; float:right;}

.left_space {width:218px; height:12px; display:block; clear:both;}
.left_space2 {width:218px; height:8px; display:block; clear:both;}
.right_space {width:248px; height:12px; display:block; clear:both;}
.right_space2 {width:248px; height:8px; display:block; clear:both;}
.contents_space {width:880px; height:30px; display:block; clear:both;}

#left_tit01 {font-size:12px; letter-spacing:-0.05em; background:#ffe536 url(../img/bg_menu.gif) no-repeat top left; padding:5px 5px;}
#leftbox01 {width:200px; float:left; border-bottom:#ffe536 1px solid; border-right:#ffe536 1px solid; border-left:#ffe536 1px solid; padding:12px 8px;}
#leftbox01 img {width:69px; float:left; margin:0 6px 2px 0;}
/* #leftbox01 p {width:69px; float:left;}
#leftbox01 ul {width:120px; float:right;} */
#leftbox01 .more {text-align:right; margin-top: -10px; padding:0;}
#leftbox01 .more img {width:13px; height:14px; float:none; margin:0;}
#leftbox01 .more a {text-decoration:underline;}
#leftbox01 .more a:hover {text-decoration:none; color:#F0420F;}

#left_tit02 {font-size:12px; border:#0086ed 1px solid; padding:5px 8px;}
#leftbox02 {width:200px; float:left; border-bottom:#0086ed 1px solid; border-right:#0086ed 1px solid; border-left:#0086ed 1px solid; padding:12px 8px;}
#leftbox02 img {width:69px; float:left; margin:0 6px 2px 0;}

#left_tit03 {font-size:12px; background:url(../img/bg_menu2.gif) no-repeat top left; padding:10px 10px 6px;}
#leftbox03 {width:216px; float:left; border-bottom:#e4e4e4 1px solid; border-right:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; padding:0;}

#middle .mid_bn {margin-bottom:10px;}
#mid_tit01 {border:#e4e4e4 1px solid; background:#efefef url(../img/bg_news.gif) repeat-x top left; font-size:12px; padding:3px 6px;}
.mid_txt a {margin-top:3px; padding:3px 2px; line-height: 130%; text-decoration:none; display: block;}
.mid_txt a:hover {margin-top:3px; padding:3px 2px; background: #FFFFAA; display: block;}
.mid_tit02 {font-weight:bold; padding-bottom:5px;}
.mid_tit02 img {margin-right:6px;}
.mid_txt em {color:#666666;}

#right_mail {background:url(../img/txt_mail.gif) no-repeat top left; font-size:11px; padding:74px 20px 0 4px;}
#right_mail li {padding-bottom:6px;}
#right_mail .address {border:#979797 2px solid; color:#868585; font-size:12px; font-weight:bold; padding:4px; width:140px; height:13px;}

#right_tit01 {background:url(../img/bg_menu3.gif) no-repeat top left; padding:6px 0 0 0; height:21px;}
#right_tit01 h3 {font-size:12px; float:left; padding-left:35px;}
#right_tit01 p {float:right; text-align:right; padding:0 6px 0 0;}
#right_mv {border-bottom:#767676 1px solid; border-right:#767676 1px solid; border-left:#767676 1px solid; padding:12px 10px 0; text-align:center;}
#right_mv .tit_mv {font-size:10px; padding:6px 0 6px; line-height:120%;}

#right_tit02 {background:#d3c2f9 url(../img/bg_menu4.gif) no-repeat bottom left; padding:4px 6px; font-size:12px;}
#rightbox01 {width:230px; float:left; border-bottom:#d3c2f9 1px solid; border-right:#d3c2f9 1px solid; border-left:#d3c2f9 1px solid; padding:12px 8px; clear:both;}
#rightbox01 p {width:75px; float:left;}
#rightbox01 ul {width:140px; float:right;}
#rightbox01 .more {text-align:right; padding:6px 0 0 0;}
#rightbox01 .more a {text-decoration:underline;}
#rightbox01 .more a:hover {text-decoration:none;}

#right_tit03 {background:#767676; padding:4px 6px; font-size:12px; color:#fff;}
#right_tit03 a {color:#fff;}
#rightbox02 {width:236px; float:left; border-bottom:#767676 1px solid; border-right:#767676 1px solid; border-left:#767676 1px solid; padding:3px 5px 12px 5px; clear:both;}

#right_tit04 {background:url(../img/tit_support.gif) no-repeat top left; width:248px; height:30px; display:block; text-indent:-9999px;}
#rightbox03 {width:230px; float:left; border-bottom:#ffab26 1px solid; border-right:#ffab26 1px solid; border-left:#ffab26 1px solid; padding:8px 8px; clear:both;}
#rightbox03 li {background:url(../img/ico_dot.gif) no-repeat center left; padding:2px 10px;}
#rightbox03 a:hover {color:#F0420F;}

/* subpage contents
------------------------------------------- */
#btit_aboutus {background:url(../img/img_aboutus.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_aboutus2 {background:url(../img/img_aboutus2.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_aboutus3 {background:url(../img/img_aboutus3.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_aboutus4 {background:url(../img/img_aboutus4.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_aboutus5 {background:url(../img/img_aboutus5.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_aboutus6 {background:url(../img/img_aboutus6.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_aboutus7 {background:url(../img/img_aboutus7.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}

#btit_jesus {background:url(../img/img_jesuschrist.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_event {background:url(../img/img_event.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_news {background:url(../img/img_news.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_news2 {background:url(../img/img_news2.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}

#btit_join {background:url(../img/img_join7.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_join2 {background:url(../img/img_join2.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_join3 {background:url(../img/img_join3.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_join4 {background:url(../img/img_join4.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_join5 {background:url(../img/img_join5.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_join6 {background:url(../img/img_join6.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}

#btit_support {background:url(../img/img_support.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_support2 {background:url(../img/img_support2.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_support3 {background:url(../img/img_support3.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_support4 {background:url(../img/img_support4.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_support5 {background:url(../img/img_support5.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_support6 {background:url(../img/img_support6.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}

#btit_contact {background:url(../img/img_contactus.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_privacy {background:url(../img/img_privacy.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_qna {background:url(../img/img_qna.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}
#btit_goods {background:url(../img/img_goods.jpg) no-repeat top left; width:880px; height:200px; display:block; text-indent:-9999px; clear:both;}


.sub_navi {width:860px; padding:10px 10px; clear:both;}

#sub_mail {background:url(../img/txt_mail2.gif) no-repeat top left; font-size:11px; padding:74px 4px 0 4px;}
#sub_mail li {padding-bottom:6px;}
#sub_mail .address {border:#979797 2px solid; color:#868585; font-size:12px; font-weight:bold; padding:4px; width:140px; height:13px;}

#sub_news {background:url(../img/tit_news.gif) no-repeat top left; width:218px; height:35px; display:block; text-indent:-9999px;}
#sub_box01 {width:200px; float:left; border-bottom:#cacaca 1px solid; border-right:#cacaca 1px solid; border-left:#cacaca 1px solid; background:#fcfcfc; padding:5px 8px; clear:both;}
#sub_box01 .sub_tit {font-weight:bold; padding-top:4px;}
#sub_box01 .sub_tit a {text-decoration:underline;}
#sub_box01 .sub_tit a:hover {text-decoration:none;}
#sub_box01 .sub_txt {font-size:11px; padding:5px; line-height:130%;}

#sub_box02 {border:#e4e4e4 1px solid; padding:0;}
#sub_box02 h3 {background:#98e4ff; padding:5px 6px; font-size:12px;}
#sub_box02 #sub_twitter {padding:0;}

#sub_lmenu {background:#767676; padding:4px 6px; font-size:12px; color:#fff;}
#sub_lmenu2 {width:218px; float:left; padding:2px 0; clear:both;}
#sub_lmenu2 li a {background:#ededed; padding:4px 3px; display:block; border-bottom:#fff 2px solid;}
#sub_lmenu2 li a:hover {color:#430ea4; background:#CBC8FF; padding:4px 3px; text-decoration:none; display:block;}

#sub_tit {width:639px; background:url(../img/bg_subtit.gif) no-repeat top left; padding:5px 10px 25px; clear:both;}
#sub_christopa {background:url(../img/sq_christopa.jpg) no-repeat top right; line-height:180%; padding:0 180px 0 10px; height:295px;}
#sub_christopa strong {font-size: 16px;}
.sub_txt {padding:5px 10px 10px; line-height:160%;}
.sub_txt_webstaff {padding:5px 10px 10px; line-height:200%;}
.sub_txt2 {padding:5px 10px 10px; line-height:160%;}
.sub_txt2 a {color:#0000ff;}
.sub_txt2 table {border-top:#cacaca 1px solid; border-left:#cacaca 1px solid;}
.sub_txt2 .tb01 {padding:5px 7px; text-align:center; vertical-align:top; font-weight:bold; background:#f5f5f5; border-bottom:#cacaca 1px solid; border-right:#cacaca 1px solid;}
.sub_txt2 .tb02 {padding:5px 7px; vertical-align: top; background:#fff; border-bottom:#cacaca 1px solid; border-right:#cacaca 1px solid;}
.tb02 table {border:0;}
.tb02_td {width:80px;}

#sub_info {border:#CCC 1px solid; margin:10px 10px; clear:both;}
.sub_info2 {padding:0 10px 5px; line-height:160%; text-align:right;}
.sub_info2 a {color:#0000ff;}

.sub_stit {padding:10px 10px; font-weight:bold; font-size:12px;}
.sub_stit2 {padding:10px 10px; font-weight:bold; font-size:14px; color:#430ea4;}
.sub_stit3 {border-left:#e31b40 4px solid; border-bottom:#e31b40 1px solid; padding:3px 10px; margin-bottom:18px; clear:both; font-size:12px;}

.sub_photo {width:200px; float:left; color:#0000ff; font-size:11px; margin-right:10px; text-align:center;}
.sub_photo li {padding:2px 0;}
.sub_photo2 {width:200px; float:right; margin-left:10px; color:#0000ff; font-size:11px; text-align:center;}
.sub_photo2 li {padding:2px 0 3px;}

.sub_txt_l {width:400px; float:left;}
.sub_txt_l .tb01 {width:70px; vertical-align:middle;}
.sub_txt_r {width:216px; float:right; text-align:center;}
.sub_txt_space {width:639px; height:20px; display:block; clear:both;}
.sub_txt_red {color:#ed1c24; font-weight:bold;}
.sub_txt3 {padding:5px 10px 10px; line-height:160%;}
.sub_txt3 li {float:left; padding:0 2px; text-align:center;}
.sub_txt3 a {color:#0000ff;}

.sub_txt4 {padding:5px 0; line-height:160%;}

#join_box li {padding:10px 0;}
.join_bn1 a {width:619px; height:74px; display:block; text-indent:-9999px; background:#cacaca url(../img/bn_join1.gif) no-repeat top left;}
.join_bn2 a {width:619px; height:74px; display:block; text-indent:-9999px; background:#cacaca url(../img/bn_join2.gif) no-repeat top left;}
.join_bn3 a {width:619px; height:74px; display:block; text-indent:-9999px; background:#cacaca url(../img/bn_join3.gif) no-repeat top left;}
.join_bn1 a:hover {background:url(../img/bn_join1_on.gif) no-repeat top left;}
.join_bn2 a:hover {background:url(../img/bn_join2_on.gif) no-repeat top left;}
.join_bn3 a:hover {background:url(../img/bn_join3_on.gif) no-repeat top left;}

.sup_bn1 a {width:619px; height:74px; display:block; text-indent:-9999px; background:#cacaca url(../img/bn_sup1.gif) no-repeat top left;}
.sup_bn2 a {width:619px; height:74px; display:block; text-indent:-9999px; background:#cacaca url(../img/bn_sup2.gif) no-repeat top left;}
.sup_bn3 a {width:619px; height:74px; display:block; text-indent:-9999px; background:#cacaca url(../img/bn_sup3.gif) no-repeat top left;}
.sup_bn4 a {width:619px; height:74px; display:block; text-indent:-9999px; background:#cacaca url(../img/bn_sup4.gif) no-repeat top left;}
.sup_bn1 a:hover {background:url(../img/bn_sup1_on.gif) no-repeat top left;}
.sup_bn2 a:hover {background:url(../img/bn_sup2_on.gif) no-repeat top left;}
.sup_bn3 a:hover {background:url(../img/bn_sup3_on.gif) no-repeat top left;}
.sup_bn4 a:hover {background:url(../img/bn_sup4_on.gif) no-repeat top left;}

.sup_t {font-size:14px; text-decoration:underline;}
.sup_t2 {font-size:14px; color:#ed1c24;}

#access {width:639px;}
#access_l {width:366px; float:left;}
#access_l strong {line-height: 200%;}
#access_r {width:256px; float:right;}
.access_t {font-weight:bold; font-size:16px; line-height:140%; padding-bottom:10px;}
.access_t2 {padding:125px 0 5px; text-align:center;}
.access_t3 {padding:10px 0 0;}

.access_tb {border-top:#430ea4 1px solid; border-left:#430ea4 1px solid;}
.access_tb td {font-size:11px; text-align:center; padding:0 2px; border-bottom:#430ea4 1px solid; border-right:#430ea4 1px solid;}
.access_td1 {background:#ede3ff;}
.access_map {padding:10px 0 0 0;}

#access2 {width:639px; clear:both; padding:10px 0;}

.ex_more {font-weight:normal; color:#ec008c; padding-left:10px;}

.news_box_l {width:300px; float:left;}
.news_box_r {width:300px; float:right;}
.news_t1 {font-weight:bold; padding-bottom:12px; text-align:center;}
.news_t2 {text-align:center; padding:3px 0;}
.news_t3 {padding:10px 0; margin-bottom:14px; clear:both;}

.gospel_btn {text-align:center; width:600px; padding:20px 0; clear:both;}

#cc_box {width:631px; margin-left:8px; clear:both;}
#cc_box_l {width:581px; border:#e9e9e9 2px solid; padding:8px; float:left; background:#fff;}
#cc_box_r {width:30px; float:left; padding-top:10px;}
#cc_box_l2 {width:553px; border:#e9e9e9 1px solid; background:#f9f9f9; padding:20px 13px;}
.cc_photo {float:right; margin-left:10px;}
.cc_txt {padding:10px 30px; line-height:140%; background:#fff; clear:both; margin-bottom:10px;}

.event_t img {padding-bottom:5px;}

#choir_box {border:#CCC 1px solid; margin:10px 10px; clear:both; background:url(../img/bg_tree.gif) no-repeat top right; padding:15px 20px;}
.choir_t {font-weight:bold; padding:0 100px 10px 0; text-align:center; font-size:14px; color:#430ea4;}
.choir_t2 {padding:0 140px 5px 0; text-align:right; font-weight:bold;}
.choir_t3 {padding:6px 0;}
.choir_t4 {padding:10px 0 0 0; text-align:right; font-size:11px;}

/* foot
------------------------------------------- */
#foot {width:100%; text-align:center;}
#foot li {padding:10px 0;}
#copy {border-top:#d3d3d3 1px solid; background:#f7f8fa;}