@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////
zassho.konko.jp - info.css for all pages. 

[titlleIner]
[main]
[mainIner]

Copyright CHURCH OF ZASSHO. All rights reserved.
/////////////////////////////////////////////////////////////////// */

@import url(reset.css);


/* =========================================================
■common
========================================================= */
.hidden {
	display: none;
}

.navSkip {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
}



/* =========================================================
■body
========================================================= */
body {
	color: #1A1A1A;
	font-size: 13px;
	font-family: sans-serif;
	line-height: 1.5;
}

/* ---------------
EXAMPLES FONT-SIZE
------------------
 77% = 10px
 85% = 11px
 93% = 12px
100% = 13px
108% = 14px
116% = 15px
124% = 16px
131% = 17px
139% = 18px
147% = 19px
154% = 20px
162% = 21px
170% = 22px
177% = 23px
185% = 24px
193% = 25px
200% = 26px
--------------- */

/* only safari */
html[xmlns*=""] body:last-child {
	font-size: 14px;
}

/* only safari4 */

body:first-of-type body:last-child {
	font-size: 14px;
}

/* =========================================================
■linkStyle
========================================================= */
/* common
----------------------------------------------- */
a:link,
a:visited {
	color: #003bed;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #3366ff;
	text-decoration: none;
}



/* =========================================================
■header
========================================================= */

div#header {
	margin: 0 auto;
	background-color: #ffffff;
	margin: 0 0 7px 0;
}

/* headerIner
----------------------------------------------- */
div#headerIner {
	width: 960px;
	margin: 0 auto;
}

/* logo
----------------------------------------------- */
div#header div#headerIner h1.logo img  {
	height: 63px;
	margin: 7px 0 10px 20px;
}

/* p textLogo
----------------------------------------------- */
div#header div#headerIner p img  {
	margin-left: 673px;
}


/* =========================================================
■main
========================================================= */
div#main {
	margin: 0 auto;
	background : url(/img/top/body_bg_01.gif) no-repeat  50% 0;
	height: 374px;
	padding-bottom: 20px;
}

/* mainIner
----------------------------------------------- */
div#main div#mainIner {
	width: 960px;
	margin: 0 auto;
	padding-top: 0px;
}

/* mainImage
----------------------------------------------- */
div#main div#mainIner div#mainImage {
	float: left;
}


/* =========================================================
■globalNavi
========================================================= */

div#globalNavi {
	margin: 0;
	padding-left: 20px;
	float: left;
	width: 194px;
}

div#globalNavi h2,
div#globalNavi h3.none{
	display: none;
}

/* globalNaviIner
----------------------------------------------- */
div#globalNaviIner {
	margin-bottom: 20px;
}

div#globalNaviIner h2 {
	display: none;
}

div#globalNaviIner h3 {
	margin-bottom: 5px;
}


/* =========================================================
■line
========================================================= */
div#line {
	margin: 0 auto;
	padding: 0;
	height: 122;
	clear: both;
	background : #101210;
	height: 122px;
	background : url(/img/top/bg_line_01.gif) repeat-X  0 0;
}

/* lineIner
----------------------------------------------- */
div#line #lineIner {
	margin: 0 auto;
	width:962px;
	height: 122px;
	text-align: left;
}

div#line #lineIner h2 {
	display: none;
}


/* =========================================================
■contents
========================================================= */

div#contents {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
}

div#contents #contentsIner {
	width: 960px;
	margin: 0 auto;
	padding-top: 23px;
	text-align: left;
}


/* =========================================================
■contentsMain
========================================================= */
div#contentsMain {
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	height: 344px;
	width: 613px;
}
	
	/* area01
----------------------------------------------- */
div#contentsMain div.area01 {
	width: 613px;
}


/* =========================================================
■topics
========================================================= */

div#topics {
	float: left;
	width: 277px;
	padding-bottom: 30px;
	margin: -3px 0 0 30px;
}


/* pickup block
----------------------------------------------- */

div#pickup {
	width: 277px;
	float: left;
	padding-bottom: 20px;
	display: block;
}


/* =========================================================
  news
========================================================= */
div.news {
 none;
	width: 277px;
	margin: 0 auto;
	clear: both;
	margin: 0 -10px 0 0;
	background: url(/img/top/bg_topics_01_top.gif) no-repeat 0 0;
}

div.news h2 {
	padding: 10px;
}

div.news div.newsIner {
	background: url(/img/top/bg_topics_01_bottom.gif) no-repeat 0 100%;
	width: 257px;
	padding: 0 10px 10px 10px;
}

/* ul
----------------------------------------------- */
div.news div.newsIner ul li {
	padding: 0 0 0 1em;
	background: url(/img/top/ico_topics_01.gif) no-repeat 0 0.45em;
	line-height: 1.5;
	margin: 0 0 0.25em 0;
	font-size: 108%;
}


/* =========================================================
■footer
========================================================= */
div#footer {
	float: left;
	width: 100%;
	margin: 0 auto;
}
/* bg Istyle */


/* goPageTop
----------------------------------------------- */
div#footer div#goPageTop {
	width: 920px;
	margin: 40px auto;
}

div#footer div#goPageTop p {
	text-align: right;
}

div#footer div#innerFooter {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	height: 68px;
	position: relative;
 border-top: 3px solid #c7c8bf;
}

/* logo
----------------------------------------------- */
div#footer p#logo {
	position: absolute;
	top: 14px;
	left: 0;
}

/* copyright
----------------------------------------------- */
div#footer p#copyright {
	position: absolute;
	top: 16px;
	right: 0;
}
