@charset "utf-8";
/* CSS Document */

/*
--------------------------------------------------	
	Tsumibito-Church
	ver: 2009
	comment: base styles
-------------------------------------------------- */
body {
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#E6E7E7 url(../img/common/main_bg.jpg) 0 0 repeat-x;
	color:#323232;}
	
#container {
	width:930px;
	margin:0 auto;
	padding:0;
	text-align:left;}
	
#header {
	height:100px;
	background:url(../img/common/head_obi.gif) 0 0 no-repeat;
	position:relative;
	margin:0;
	padding:0;}
	
#logo {
	width:202px;
	height:82px;
	text-indent:-10000px;
	display:block;
	background:url(../img/common/logo.gif) 0 0 no-repeat;}
	
#g-nav {
	height:48px;
	margin:0;
	position:absolute;
	top:52px;
	left:220px;}
	
#g-nav li {
	width:130px;
	height:48px;
	float:left;}
	

	
/********************************** Other Style **********************************/
h1 {
	font-size:70%;
	line-height:1.2em;
	margin:0;
	padding:0;
	color:#fff;
	font-weight:normal;
	position:absolute;
	top:8px;
	left:230px;}
	
h2 {
	font-size:100%;
	margin:0;
	padding:0;
	line-height:1em;
	position:absolute;
	top:12px;
	left:10;}
	
ul {
	list-style:none;
	font-size:70%;
	padding:0;}
	
ol {
	font-size:70%;
	padding:0;
	line-height:1.5em;}
	
dl {
	font-size:70%;
	margin:0;
	line-height:1.5em;}
	
p {
	font-size:70%;
	margin:0 0 5px 0;
	padding:0;
	line-height:1.5em;}
	
address {
	font-size:70%;
	margin:0;
	padding:0;
	line-height:1.5em;}
	
a { color:#F16421;}
a:hover { text-decoration:none;}
	
a,
img { border:none; outline:none;}

strong { color:#1A75BB; font-size:105%;}
.bluetext {color:#1A75BB;}
.orangetext {color:#F16421;}

.left { float:left; margin:0 10px 0 0;}
.right { float:right; margin:0 0 0 10px;}
.left02 { float:left; margin:0 5px 0 0;}
.right02 { float:right; margin:0 0 0 5px;}
.clear { clear:both;}


.attention {
	font-size:75%;
	margin:10px 0;}

.attention li {
	padding:0 0 0 12px;
	text-indent:-12px;
	margin:0 0 2px 0;}
.big_text {
	font-size:120%; color:#000;}

iframe { border:1px solid #333;}

/********************************** Page structure **********************************/
.content { width:930px; margin:20px auto 20px;}
html>body .content, * html .content { float: left;}


/* c-ms */
#c-ms { background: url(../img/common/contents_bg-top.jpg) top center no-repeat;}
#c-ms #subcol {width:210px; float:left; margin:0; padding:0; background:url(../img/common/sidecol_bg-b.gif) 0 bottom no-repeat;}
#c-ms #maincol {width:700px; padding:0; float:right;}

/********************************** subcol **********************************/
#insubcol {
	padding:10px 12px;
	width:186px;
	background:url(../img/common/sidecol_bg-t.gif) 0 0 no-repeat;}
	
#insubcol .column {
	width:186px;
	padding:5px 0;
	border-bottom:1px dotted #808183;}
	
#insubcol h3 {
	font-size:80%;
	padding:0;
	line-height:1.2em;
	margin:0 0 5px 0;}
	
#insubcol dl {
	margin:10px 0 0 0;
	padding:0 0 5px 0;}

#insubcol dl dt {
	margin:5px 0 0 0;}
#insubcol dl dd {
	margin: 0 5px 0;
	padding:0 0 5px 0;}
	
#insubcol ol {
	margin:0 0 0 22px;}
	
#insubcol ol li {
	margin:0 0 2px 0;}

/********************************** maincol **********************************/
#maincol .column {
	margin:0 0 20px 0;}

#maincol h3 {
	width:700px;
	padding:0;
	margin:0 0 10px 0;
	font-size:85%;
	line-height:1.2em;}
	
#maincol h3.title_btm {
	height:46px;
	margin:0 0 10px 0;}
	
#flash_area {
	width:700px;
	height:300px;
	padding:0;
	clear:both;
	vertical-align:bottom;}
	
#flash_area img {
	vertical-align:bottom;}
	
#image_area {
	width:700px;
	height:200px;
	padding:0;
	clear:both;
	vertical-align:bottom;}
	
#image_area img {
	vertical-align:bottom;}
	
#news dl { margin:10px 0 0 0;}

#news dl dt{
	color:#F16421;
	background:url(../img/common/arrow01.gif) 0 5px no-repeat;
	padding:0 0 0 10px;}
	
#news dl dd {
	width:690px;
	padding:0 0 5px 10px;
	border-bottom:1px dotted #808183;}
	
/********************************** footer **********************************/
#page_top {
	text-align:right;
	margin:0;
	padding:0;
	clear:both;}
	
#page_top img {
	vertical-align:bottom;}
#footer {
	padding:10px 0;
	height:130px;
	background:#1E1E1E;
	text-align:center;
	margin:0 auto;
	clear:both;}
	
#foot_area {
	width:930px;
	text-align:left;
	margin:0 auto;
	padding:0;}
	
#foot_area p,
#foot_area address {
	color:#fff;
	margin:0 0 5px 0;}
	
/********************************** guide **********************************/
#guide_p h4{
	color:#1A75BB;
	font-size:85%;
	margin:10px 0 5px 0;
	padding:0;
	line-height:1.2em;}


	
/********* clear fix *********/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */

/*Georgia, Times New Roman, Times, serif */
/*Geneva, Arial, Helvetica, san-serif */