@charset "utf-8";
/*
-----------------------------------
Seijo Catholic Church
CSS for Screen
Author:	Seijo Catholic Church
Version:	2.0
Date:		15 April, 2009
-----------------------------------
*/


/** Base settings **/
#print-masthead {display:none;}
#navskip {position:absolute;left:-3000px;width:1px;}

html,body {font-family:Verdana,Arial,Helvetica,sans-serif,"・ｭ・ｳ ・ｰ繧ｴ繧ｷ繝・け","Hiragino Kaku Gothic Pro","繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3","Osaka";color:#333;background:#fff;font-size:90%;line-height:1.4em;margin:0px;text-align:center;}
html {overflow:scroll;}


/** Layout **/
#content {background:url(/common/img/bg.gif) repeat-y;width:840px;text-align:center;margin:0 auto;}
#wrapper {text-align:center;margin:0 auto;width:760px;}
#main_left {float:left;margin:0 7px 0 0;text-align:left;width:603px;text-align:left;}
#main {float:right;width:443px;}
#right_column {float:right;width:150px;text-align:left;}
#base_btm {background:url(/common/img/bg_btm.gif) no-repeat center top;height:60px;width:840px;margin:0 auto;}


/** Text style **/
h1 {font-size:24px;padding:0 0 0 0;margin:3px 0 6px 0;font-weight:normal;color:#000;line-height:1.1em;}
em {font-size:16px;font-style:normal;color:#000;}
h2 {font-size:medium;margin:0;padding:20px 0 6px 0;color:#000;}
h3 {font-size:medium;margin:0 0 8px 0;padding:0;color:#000;}
h4 {font-size:small;margin:0 0 8px 0;padding:0;color:#000;}
h5 {font-size:small;margin:0 0 4px 0;padding:0;color:#000;}

p {margin:0;padding:0;color:#333;line-height:1.4em;}
i {font-weight:bold;font-style:normal;}
pre,do,dd,form,table {margin:0;padding:0;color:#333;line-height:1.4em;}
li,th,td,pre,code,table {font-size:1em;color:#333;line-height:1.4em;}
ul {margin:5px 0px 5px 20px;padding:0;}
ol {margin:5px 0px 5px 25px;padding:0;}

.info {color:#ff6600;}


/* Line height*/
.lh_18 {line-height:1.6em;}
.lh_14 {line-height:1.2em;}


/** Link **/
/* ﾊ称テLXgNiﾉア_[Cj */
a:link {color:#527bb9;text-decoration:underline;}
a:visited {color:#996699;text-decoration:underline;}
a:hover {color:#527bb9;text-decoration:underline;}
a:active {color:#527bb9;text-decoration:underline;}

/* ACRgpﾌクiI}EXﾅア_[Cj */
a.link:link {text-decoration:none;color:#527bb9;}
a.link:visited {text-decoration:none;color:#996699;}
a.link:hover {text-decoration:underline;color:#527bb9;}
a.link:active {text-decoration:none;color:#527bb9;}

/* ﾇＧﾈ・iI}EXﾅア_[Cj */
a.splink:link {text-decoration:none;color:#527bb9;}
a.splink:visited {text-decoration:none;color:#527bb9;}
a.splink:hover {text-decoration:underline;color:#527bb9;}
a.splink:active {text-decoration:none;color:#527bb9;}


/* Style */
.hero_image {margin:16px 0;padding:0;}
.clear {clear:both;}
.goto_top {clear:both;margin-top:15px;}
.divider {margin:14px 0;}


/** Wappen **/
#wappen {clear:both;padding:10px 0 10px 0;width:443px;}
#welcome_badge {border:1px solid #aecde1;padding:8px;}


/** Background colors **/
.sgray_bg {background-color:#ccc;}
.sblue_bg {background-color:#aecde1;}

.bg_subhead {color:#000;background-color:#eee;text-align:center;}
.bg_subhead_left {color:#000;background-color:#eee;text-align:left;}
.bg_blue_subhead {color:#000;background-color:#d2e1eb;}


/* Subhead(Sectionbar) */
.space {margin-bottom:8px;}
/*dividerﾅ叢*/

/** V2 **/
h2.sgray {clear:both;background-image:url(/common/img/bg_sgray.gif);background-repeat:repeat-x;padding:3px 3px 3px 6px;border:1px solid #ccc;color:#000;font-weight:bold;margin:0 0 8px 0;font-size:small;}
h2.sblue {clear:both;background-image:url(/common/img/bg_sblue.gif);background-repeat:repeat-x;padding:3px 3px 3px 6px;border:1px solid #aecde1;color:#000;font-weight:bold;margin:0 0 8px 0;font-size:small;}

h2.sb_gray {clear:both;background-image:url(/common/img/bg_sgray.gif);background-repeat:repeat-x;padding:3px 3px 3px 6px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#000;font-weight:bold;margin:0;font-size:small;}
h2.sb_blue {clear:both;background-image:url(/common/img/bg_sblue.gif);background-repeat:repeat-x;padding:3px 3px 3px 6px;border-top:1px solid #aecde1;border-left:1px solid #aecde1;border-right:1px solid #aecde1;color:#000;font-weight:bold;margin:0;font-size:small;}

h3.sb_gray {clear:both;color:#000;background-color:#ddd;text-align:left;font-weight:bold;padding:3px 3px 3px 6px;margin:0 0 8px 0;font-size:small;}
h3.sb_blue {clear:both;color:#000;background-color:#d2e1eb;text-align:left;font-weight:bold;padding:3px 3px 3px 6px;margin:0 0 8px 0;font-size:small;}


/** Feature box **/
h4.sb_gray {clear:both;background-image:url(/common/img/bg_sgray.gif);background-repeat:repeat-x;padding:3px 3px 3px 6px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;color:#000;font-weight:bold;margin:0;font-size:small;}
h4.sb_blue {clear:both;background-image:url(/common/img/bg_sblue.gif);background-repeat:repeat-x;padding:3px 3px 3px 6px;border-top:1px solid #aecde1;border-left:1px solid #aecde1;border-right:1px solid #aecde1;color:#000;font-weight:bold;margin:0;font-size:small;}

h4.sblue {clear:both;margin:0 0 4px 0;background-image:url(/common/img/bg_sblue.gif);background-repeat:repeat-x;padding:3px 3px 3px 6px;border:1px solid #aecde1;font-size:small;}

.banner {margin-bottom:8px;}


/* Tab */
a.tab_on:link {color:#333333;text-decoration:none;font-weight:bold;}
a.tab_on:visited {color:#333333;text-decoration:none;font-weight:bold;}
a.tab_on:hover {color:#333333;text-decoration:underline;font-weight:bold;}
a.tab_on:active {color:#333333;text-decoration:none;font-weight:bold;}

a.tab_off:link {color:#333333;text-decoration:none;}
a.tab_off:visited {color:#333333;text-decoration:none;}
a.tab_off:hover {color:#333333;text-decoration:underline;}
a.tab_off:active {color:#333333;text-decoration:none;}

#tab_on {padding-top:3px;padding-bottom:3px;padding-right:2px;padding-left:2px;background:url(/common/img/bg_tab_on.gif) repeat-x;border-top:1px solid #aecde1;}
#tab_on_l {background:url(/common/img/tab_on_l.gif) no-repeat;}
#tab_on_r {background:url(/common/img/tab_on_r.gif) no-repeat;}

#tab_off {padding-top:3px;padding-bottom:3px;padding-right:3px;padding-left:3px;background:url(/common/img/bg_tab_off.gif) repeat-x;border-top:1px solid #cccccc;}
#tab_off_l {background:url(/common/img/tab_off_l.gif) no-repeat;}
#tab_off_r {background:url(/common/img/tab_off_r.gif) no-repeat;}

#tab_bottom {margin-bottom:8px;}
.bg_tab_box {background:#e6effa;font-weight:bold;}


/** Masthead **/
#masthead {width:760px;background:url(/common/img/bg_mh.gif) no-repeat center top;height:63px;padding:0px;text-align:center;}
#logo {float:left;width:250px;}

#mhlink {float:right;}
a.mhlink:link {color:#000;font-size:12px;text-decoration:none;padding-right:10px;}
a.mhlink:visited {color:#000;font-size:12px;text-decoration:none;padding-right:10px;}
a.mhlink:hover {color:#000;font-size:12px;text-decoration:underline;padding-right:10px;}
a.mhlink:active {color:#000;font-size:12px;text-decoration:none;padding-right:10px;}


/** GlobalNavigation **/
#gnav {clear:both;width:760px;margin-bottom:8px;}


/* Navigationtrail */
#trail {height:25px;font-size:10px;color:#666;line-height:1.3em;}
/*.trail {color:#527bb9;line-height:1.3em;}*/
#trail a:link {color:#527bb9;text-decoration:none;}
#trail a:visited {color:#527bb9;text-decoration:none;}
#trail a:hover {color:#527bb9;text-decoration:underline;}


/* SideNavigation */
#snav {float:left;width:150px;text-align:left;}
a.snav:link {color:#000000;text-decoration:none;}
a.snav:visited {color:#000000;text-decoration:none;}
a.snav:hover {color:#000000;text-decoration:underline;}
a.snav:active {color:#000000;text-decoration:none;}
#snav ul {margin:0;padding:0;list-style:none outside;}
li.snav_p {text-align:left;;background:#fff;border:1px solid #aecde1;font-size:1em;font-weight:bold;width:140px;padding:3px 2px 3px 6px;}
li.snav_ps {text-align:left;background:#d6e5f0;font-size:1em;font-weight:bold;width:140px;padding:3px 2px 3px 6px;border:1px solid #aecde1;}
li.snav_c {text-align:left;;background:#fff;font-size:1em;width:140px;padding:3px 2px 3px 6px;border-top:1px none #aecde1;border-right:1px solid #aecde1;border-bottom:1px solid #aecde1;border-left:1px solid #aecde1;}
li.snav_cs {text-align:left;background:#d6e5f0;font-size:1em;width:140px;padding:3px 2px 3px 6px;border-top:1px none #aecde1;border-right:1px solid #aecde1;border-bottom:1px solid #aecde1;border-left:1px solid #aecde1;}


/** Footer **/
.footer_div {margin-top:12px;}
#footer {margin:0 auto;padding-top:5px;width:760px;text-align:center;}
#footer_left {text-align:left;float:left;text-indent:5px;}
a.fnav:link {color:#000;text-decoration:none;}
a.fnav:visited {color:#000;text-decoration:none;}
a.fnav:hover {color:#000;text-decoration:underline;}
a.fnav:active {color:#000;text-decoration:none;}

#copyright {float:right;text-align:right;color:#666;font-size:0.8em;}


/** Space **/
.sbottom_12 {margin-bottom:12px;}

/** Home(JE) **/
#home_hero {width:500px;float:left;margin:0 10px 0 0;border-bottom:4px solid #ddd;}
#home_info {width:250px;float:right;margin:0;text-align:left;font-size:12px;}

#home_welcome {width:285px;float:left;margin:8px 15px 0 0;text-align:left;}
#home_news {float:right;width:460px;margin:8px 0 0 0;text-align:left;}
.home_divider {margin:5px 0 7px 0;}
h1.home {font-size:1em;font-weight:bold;padding-top:5px;}


/** RSS feed **/
#subnav {position:relative;top:auto;width:95px;text-align:left;margin:0;padding:0;z-index:2;}
#subnav ul {width:93px;display:block;margin:0;padding:0;list-style:none;z-index:2;}
#subnav ul li {width:93px;height:23px;display:block;margin:0;padding:0;font-size:12px;text-indent:3px;z-index:2;}
#subnav ul li a {height:24px;display:block;z-index:2;}
#subnav a:link, #subnav a:active, #subnav a:visited {color:#527bb9;text-decoration:none;z-index:2;}

#subnav a:hover {color:#fff;text-decoration:none;background-color:#527bb9;z-index:2;}
#subnav1{position:absolute;left:0;padding:0;text-indent:0;background-color:#fff;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom: 1px solid #ccc;visibility: hidden;z-index:2;}


/* MonthlyMessage */
.msg_title {color:#000;font-size:16px;font-weight:bold;line-height:1.3em;}
.msg_name {color:#000;font-size:14px;line-height:1.3em;padding-top:7px;}
#bspace12 {margin-bottom:12px;}
.msg_space {margin-bottom:12px;}

/** v2 **/
#msg_text {border-top:4px solid #aecde1;line-height:1.8em;padding-top:4px;clear:both;}
h3.author {font-size:14px;font-weight:normal;color:#000;margin:0 0 14px 0;padding:0;}


/* Events&Topics */
.date {color:#666;font-size:14px;line-height:1.3em;}
.small {font-size:0.8em;line-height:1.3em;}
.big {font-size:16px;line-height:1.3em;}
.big_b {font-size:16px;font-weight:bold;line-height:1.3em;}

#cap {line-height:1.3em;padding-top:8px;}
#cap_right {line-height:1.3em;padding-top:8px;text-align:right;}
#scap {font-size:0.8em;line-height:1.3em;padding-top:8px;}
#scap_right {font-size:0.8em;line-height:1.3em;padding-top:8px;text-align:right;}

.orange {color:#ff9900;font-weight:bold;line-height:1.3em;}
.green {color:#99cc00;font-weight:bold;line-height:1.3em;}
.big_orange {color:#ff9900;font-size:16px;font-weight:bold;line-height:1.3em;}
.big_green {color:#99cc00;font-size:16px;font-weight:bold;line-height:1.3em;}

.graytext_b {color:#666;font-weight:bold;}
.graytext_s {color:#666;font-size:76%;}
.graytext {color:#666;}
a.graytext:link {color:#666;text-decoration:none;}
a.graytext:visited {color:#666;text-decoration:none;}
a.graytext:hover {color:#666;text-decoration:underline;}
a.graytext:active {color:#666;text-decoration:none;}
.right {text-align:right;}
.text_right {text-align:right;padding-right:10px;}


/** Enlarge photo and photo gallery **/
#lightbox{position: absolute;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{width: auto; height: auto;}
#lightbox a img{border: none;}

#outerImageContainer{position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{padding: 10px;}

#loading{position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#hoverNav{position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{left: 0;}
#hoverNav a{outline: none;}

#prevLink, #nextLink{width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/common/img/prev.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url(/common/img/next.gif) right 15% no-repeat;}

#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%;}

#imageData{padding:0 10px; color: #666;}
#imageData #imageDetails{width: 70%; float: left; text-align: left;}
#imageData #caption{font-weight: normal;}
#imageData #numberDisplay{display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}


/* Sitemap */
.sp_top {background:url(/common/img/line_top.gif) no-repeat top;}
.sp_bottom {background:url(/common/img/line_bottom.gif) no-repeat top;}

#SiteMap ul {list-style-type:none;}
#SiteMap ul li {list-style:url(/common/img/sitemap.gif) outside;}
#SiteMap ul li ul{margin:0 0 0 50px;}
#SiteMap a:link, #SiteMap a:visited {text-decoration:none;}
#SiteMap a:hover {text-decoration:underline;}