@charset "utf-8";

/************************************************************************
 * 파일명      : main.css
 * 설명        : 메인페이지 정의
 * 작성자      : speedi
 * 작성일      : 2009.01.28
************************************************************************/
body {background:#fff;color:#252525;font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", helvetica, arial, sans-serif; font-size:12px;}

table {background:#fff;color:#252525;font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", helvetica, arial, sans-serif; font-size:12px;}

html, body {margin:0; padding:0;font-size:12px;}



#layBody	{width:100%; height:100%; padding-top:0px; padding-bottom:15px; text-align:center;}

#mainA	{width:815px;  position:relative; clear:both;height:189px;padding:0px;z-index:50;}
#mainA .div_topmenu {margin-top:0px;margin-bottom:1px;width:815px;height:190px;}

#mainB	{width:815px;  position:relative; clear:both;height:35px;padding-top:6px; padding-left:15px; padding-bottom:6px;background:url('http://www.osakaonnuri.org/image/main_loginback.gif') no-repeat;text-align:left; }
#mainB .mainId {float:left; margin-left:5px;margin-top:2px;}
#mainB .mainPw {float:left; margin-left:15px;margin-top:2px;}
#mainB .mainBtn {float:left; margin-left:15px;margin-top:3px;}
#mainB .mainidcheck {float:left; margin-left:25px;margin-top:2px;}
#mainB .mainregist {float:left; margin-left:25px;margin-top:2px;}
#mainB .mainInput {float:left; margin-left:5px; }
#mainB .Inputbox {vertical-align:middle; border:1px solid #b0b0b0; width:100px; height:19px; font-size:12px;}
#mainB .member {float:left; margin-left:5px;margin-top:4px;}
#mainB .member2 {float:left; margin-left:5px;margin-top:4px;color:#999999;}
#mainB .member3 {float:left; margin-left:5px;margin-top:1px;color:#999999;}
#mainB .member4 {float:left; margin-left:5px;margin-top:4px;color:#999999;}

#mainC	{width:815px; height:100px;   position:relative; padding-top:0px; padding-bottom:0px;background:url('http://www.osakaonnuri.org/image/main_back2.gif') repeat-y;}
#mainC  .Cblank {float:left; margin-left:0px;margin-top:0px;}

#mainC .layerA	{float:left; width:212px;  position:relative; padding:0px;}
#mainC .layerA .Cpastor {float:left; margin-top:0px;}
#mainC .layerA .Cworship {float:left; margin-top:10px;}
#mainC .layerA .Cliving {float:left; margin-top:10px; width:212px; height:105px;background:url('http://www.osakaonnuri.org/image/main_livingback.gif') no-repeat;text-align:left;}
#mainC .layerA .Cliving .bdate {float:right; width:200px; padding-top:4px;padding-right:15px;border:0px solid #b0b0b0;text-align:right;}
#mainC .layerA .Cliving .btitle {float:left; width:134px; margin-top:12px;padding-left:10px;padding-right:10px;}
#mainC .layerA .Cliving .bible {float:left; width:134px; margin-top:0px;padding-left:10px;padding-right:10px;}

#mainC .layerA .ClivingK {float:left; margin-top:10px; width:212px; height:105px;background:url('http://www.osakaonnuri.org/image/main_livingback_k.gif') no-repeat;text-align:left;}
#mainC .layerA .ClivingK .bdate {float:right; width:200px; padding-top:4px;padding-right:15px;border:0px solid #b0b0b0;text-align:right;}
#mainC .layerA .ClivingK .btitle {float:left; width:134px; margin-top:12px;padding-left:10px;padding-right:10px;}
#mainC .layerA .ClivingK .bible {float:left; width:134px; margin-top:0px;padding-left:10px;padding-right:10px;}

#mainC .layerA .Cyouth {float:left;margin-top:10px;}
#mainC .layerA .Cboys {float:left; margin-top:10px;}
#mainC .layerA .Ccomm {float:left; margin-top:10px;background:url('http://www.osakaonnuri.org/image/main_leftcommback.gif') repeat; text-align:left;}
#mainC .layerA .Ccomm .Ctxt {float:left; width:187px; padding-left:15px; height:20px;color:#336699; text-decoration:none;}
#mainC .layerA .Ccomm .Ctxt a {float:left; width:187px;  height:20px;color:#336699; text-decoration:none;}
#mainC .layerA .Ccomm .Ctxt a:hover {float:left; width:187px;  height:20px;color:#336699; text-decoration:underline;}

#mainC .layerB	{float:left;width:391px;  position:relative;padding-left:10px;padding-right:10px;border:0px solid #b0b0b0; text-align:left; }
#mainC .layerB .Cnotice .ntit {float:left; margin-top:0px;}
#mainC .layerB .Cnotice .nimage {float:left;width:165px;height:127px;padding-right:15px;padding-top:20px;}
#mainC .layerB .Cnotice .ntitle {float:right;width:206px;height:25px;padding-top:10px;font-family:ms ui gothic; font-size:12pt; font-weight:bold;color:#336699;text-decoration:none;}
#mainC .layerB .Cnotice .ntitle a {float:right;width:206px;height:25px;padding-top:10px;font-family:ms ui gothic; font-size:12pt; font-weight:bold;color:#336699;text-decoration:none;}
#mainC .layerB .Cnotice .ntitle a:hover {float:right;width:206px;height:25px;padding-top:10px;font-family:ms ui gothic; font-size:12pt; font-weight:bold;color:#336699;text-decoration:none;}
#mainC .layerB .Cnotice .ncontent {float:right;width:206px;height:25px;font-family:ms ui gothic; font-size:10pt; color:#333333;text-decoration:none;}
#mainC .layerB .Cnotice .ncontent  a{float:right;width:206px;height:25px;font-family:ms ui gothic; font-size:10pt; color:#333333;text-decoration:none;}
#mainC .layerB .Cnotice .ncontent  a:hover {float:right;width:206px;height:25px;font-family:ms ui gothic; font-size:10pt; color:#6A6A6A;text-decoration:underline;}
#mainC .layerB .Cnotice .ntitle2 {float:right;width:371px;height:25px;padding-top:10px;font-family:ms ui gothic; font-size:12pt; font-weight:bold;color:#336699;text-decoration:none;}
#mainC .layerB .Cnotice .ntitle2 a {float:right;width:371px;height:25px;padding-top:10px;font-family:ms ui gothic; font-size:12pt; font-weight:bold;color:#336699;text-decoration:none;}
#mainC .layerB .Cnotice .ntitle2 a:hover {float:right;width:371px;height:25px;padding-top:10px;font-family:ms ui gothic; font-size:12pt; font-weight:bold;color:#336699;text-decoration:none;}
#mainC .layerB .Cnotice .ncontent2 {float:right;width:371px;height:25px;font-family:ms ui gothic; font-size:10pt; color:#333333;text-decoration:none;}
#mainC .layerB .Cnotice .ncontent2  a{float:right;width:371px;height:25px;font-family:ms ui gothic; font-size:10pt; color:#333333;text-decoration:none;}
#mainC .layerB .Cnotice .ncontent2  a:hover {float:right;width:371px;height:25px;font-family:ms ui gothic; font-size:10pt; color:#6A6A6A;text-decoration:underline;}
#mainC .layerB .Conair {float:left; margin-top:20px;}
#mainC .layerB .Conair1 {float:left;  margin-top:20px;}
#mainC .layerB .Conair2 {float:right; margin-top:20px;}
#mainC .layerB .Cprayer {float:left;width:371px; margin-top:20px;}
#mainC .layerB .Cprayer .ntit {float:left; margin-top:0px;}
#mainC .layerB .Cprayer .pnumber {float:left; width:23px; height:25px; padding-right:10px;padding-top:7px;padding-bottom:5px;}
#mainC .layerB .Cprayer .ptitle {float:right;width:348px;height:25px;padding-top:2px;font-family:ms ui gothic; font-size:10pt;color:#333333;text-decoration:none;overflow:hidden;}
#mainC .layerB .Cprayer .ptitle a {float:right;width:348px;height:25px;padding-top:2px;font-family:ms ui gothic; font-size:10pt; color:#333333;text-decoration:none;}
#mainC .layerB .Cprayer .ptitle a:hover {float:right;width:348px;height:25px;padding-top:2px;font-family:ms ui gothic; font-size:10pt; color:#6A6A6A;text-decoration:none;}
#mainC .layerB .Cprayer .pdot {float:right;width:371px;height:1px;;background:url('http://www.osakaonnuri.org/image/dotline.gif') repeat;}
#mainC .layerB .Cprayer .ccate {float:left; color:#999999; }
#mainC .layerB .Cgallery {float:left;width:371px; margin-top:20px;}
#mainC .layerB .Cgallery .ggall {float:left;width:123px; margin-top:20px;}
#mainC .layerB .Cgallery .gphoto {float:left;width:120px; margin-top:0px;}
#mainC .layerB .Cgallery .gtitle {float:left;width:120px;padding-top:5px;font-family:ms ui gothic; font-size:10pt;color:#333333;text-decoration:none;overflow:hidden;}
#mainC .layerB .Cgallery .gtitle a {float:left;width:120px;padding-top:5px;font-family:ms ui gothic; font-size:10pt;color:#333333;text-decoration:none;overflow:hidden;}
#mainC .layerB .Cgallery .gtitle a:hover {float:left;width:120px;padding-top:5px;font-family:ms ui gothic; font-size:10pt;color:#6A6A6A;text-decoration:underline;overflow:hidden;}




#mainC .layerC	{float:right;width:212px;  position:relative; padding:0px;}
#mainC .layerC .Cplan {float:right; margin-top:0px;}
#mainC .layerC .Cfirst {float:right; margin-top:10px;}
#mainC .layerC .Ccaltitle {float:right; margin-top:10px;}
#mainC .layerC .Ccalendar {float:right; margin-top:0px;}
#mainC .layerC .Cjponnuri {float:right; margin-top:10px;}

#mainD	{position: relative;bottom: 0;width:100%; clear:both;padding-top:0px; padding-bottom:0px;text-align:center;background:url('http://www.osakaonnuri.org/image/bottomback.gif') repeat-x;}




#commonB	{width:815px;  position:relative; clear:both;height:35px;padding-top:6px; padding-left:15px; padding-bottom:6px;background:url('http://www.osakaonnuri.org/image/common_loginback.gif') no-repeat;text-align:left; }
#commonB .mainId {float:left; margin-left:5px;margin-top:2px;}
#commonB .mainPw {float:left; margin-left:15px;margin-top:2px;}
#commonB .mainBtn {float:left; margin-left:15px;margin-top:3px;}
#commonB .mainidcheck {float:left; margin-left:25px;margin-top:2px;}
#commonB .mainregist {float:left; margin-left:25px;margin-top:2px;}
#commonB .mainInput {float:left; margin-left:5px; }
#commonB .Inputbox {vertical-align:middle; border:1px solid #b0b0b0; width:100px; height:19px; font-size:12px;}

#commonC	{width:815px; height:500px;  position:relative; padding-top:0px; padding-bottom:0px;background:url('http://www.osakaonnuri.org/image/common_back2.gif') repeat-y;}
#commonC  .Cblank {float:left; height:8px; margin-left:0px;margin-top:0px;}
#commonC .layerA	{float:left;  width:201px;  position:relative; padding:0px;}
#commonC .layerA .Lmenu {float:left; margin-top:0px;}

#commonC .layerB	{float:left;width:614px;  position:relative;padding-left:20px;padding-right:0px;border:0px solid #b0b0b0; text-align:left;font-family:ms ui gothic; font-size:10pt;color:#333333; }
#commonC .layerB .C1title {float:left; margin-top:20px;}
#commonC .layerB .B0title {float:left; margin-top:20px;margin-bottom:20px;}
#commonC .layerB .B1title {float:left; margin-top:20px;margin-bottom:15px;}
#commonC .layerB .B2title {float:left; margin-top:0px;margin-bottom:0px;}
#commonC .layerB .B3title {float:left; margin-top:0px;margin-bottom:20px;}
#commonC .layerB .W1title {float:left; margin-top:20px;}
#commonC .layerB .W1con1 {float:left; width:588px; height:48px; padding-top:10px;background:url('http://www.osakaonnuri.org/worship/image/worship1_con1.gif') no-repeat; text-align:right;}
#commonC .layerB .W1conk1 {float:left; width:588px; height:48px; padding-top:10px;background:url('http://www.osakaonnuri.org/korean/worship/image/worship1_con1.gif') no-repeat; text-align:right;}
#commonC .layerB .W1con2 {float:left; margin-top:0px;}
#commonC .layerB .W1con3 {float:left; width:588px;margin-top:0px;text-align:center;margin-top:30px;}
#commonC .layerB .Blastest1 {float:left; width:294px; margin-top:10px; padding-right:10px;}
#commonC .layerB .Blastest2 {float:left; width:294px; margin-top:10px; padding-left:10px;}


#commonC .layerB  .write_head {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;padding-left:10px;}
#commonC .layerB  .size2 {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;}
#commonC .layerB  .cal_title {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;text-decoration:none;}
#commonC .layerB  .cal_title a {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;text-decoration:none;}
#commonC .layerB  .cal_title a:hover {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;text-decoration:none;}

#commonC .layerB  .Btxt {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;text-decoration:none;}
#commonC .layerB  .Btxt a {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;text-decoration:none;}
#commonC .layerB  .Btxt a:hover {font-family: ms ui gothic, sans-serif; font-size:12px; line-height:1.4em; color:#333333; text-align:left;text-decoration:none;}
#commonC .layerB .tbfont {font-family: ms ui gothic, sans-serif; font-size:12px;  line-height:1.4em;}

.tbfont {font-family: ms ui gothic, sans-serif; font-size:12px;  line-height:1.4em;}