@charset "utf-8";

/*************************************************
*
*	CSS Document for /index.html layout 
*	last update : 2012/03/11
*
**************************************************/

@import url(basic.css);
@import url(navi.css);



/* display ------------------------------------- */

#display {										/* 画面表示エリア */
	width:960px;
	height:100%;
	min-height:100%;	
	margin:0 auto 0 auto;
	padding:40px 0 0 0;
	position:relative;
	}

	@media not screen and (1) { #display {	/* hac for Opera 11 */
	width:960px;
	height:95%;
	min-height:95%;	
	margin:0 auto 0 auto;
	padding:40px 0 0 0;
	position:relative;
	}}
	

/* side ---------------------------------------- */

#display #side {								/* 左柱 */
	width:160px;
	height:100%;
	float:left;
	} 

#display #side p.border { 						/* 左柱 コンテンツ区切り */
	width:160px; 
	height:5px; 
	background:url(../img/side_line.gif) no-repeat; 
	background-position:bottom; 
	padding:10px 0 0 0;
	margin:0 0 10px 0;
	}

#display #side header h1 {						/* logo */
	width:160px;
	height:45px;
	background:url(../img/nemlino.gif) no-repeat;
	margin:0 0 30px 0;
	}
#display #side header h1 a {
	width:160px;
	height:45px;
	display:block;
	}	
#display #side header h1 a span {
	display:none;
	}	

#display #side nav h1 {								/* 100oracion banner */
	width:160px;
	height:67px;
	background:url(../img/ban_100oracion_hover.gif) no-repeat;
	margin:0 0 5px 0;
	}
#display #side nav h1 a {
	width:160px;
	height:67px;
	background:url(../img/ban_100oracion.gif) no-repeat;
	display:block;
	}
#display #side nav h1 a:hover {
	background:none;
	}	
#display #side nav h1 a span {
	display:none;
	}	
	
#display #side #navi {							/* navi box */
	margin:0 0 10px 0;
	}
	#display #side #navi p a span { display:none;}
	/* description to navi.css */

#display #side #sns { 							/* SNS box */
	width:160px;
	height:auto;
	padding:0 0 25px 0;
	}

#display #side #sns h1 { 						/* SNS box - title */
	width:160px;
	height:6px;
	padding:0 0 10px 0;
	background:url(../img/on_sns.gif) no-repeat;
	background-position:0 left;
	}

#display #side #sns #facebook { 				/* SNS box - facebook */
	background:url(../img/icon_facebook_mini.gif) no-repeat;
	background-position:0 2px;
	line-height:1em;
	padding:2px 0 2px 18px;
	margin:0 0 5px 0;
	}
#display #side #sns #facebook a {
	text-decoration:none;
	color:#787878;
	}
#display #side #sns #facebook a:hover {
	color:#3c5fa0;
	}

#display #side #sns #twitter { 					/* SNS box - twitter */
	background:url(../img/icon_twitter_mini.gif) no-repeat;
	background-position:0 2px;
	line-height:1em;
	padding:2px 0 2px 18px;
	}
#display #side #sns #twitter a {
	text-decoration:none;
	color:#787878;
	}
#display #side #sns #twitter a:hover {
	color:#3c5fa0;
	}


#display #side #news { 							/* news box */
	width:160px;
	height:auto;
	margin:0 0 15px 0;
	}

#display #side #news h1 { 						/* news box - title */
	width:160px;
	height:6px;
	padding:0 0 10px 0;
	background:url(../img/on_news.gif) no-repeat;
	background-position:0 left;
	}

#display #side #news .news { 					/* news box - 個別記事 */
	font-size:x-small;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	border-bottom:1px dotted #cccccc;
	}

#display #side #news .link-news-archives {
	text-align:right;
	font-size:x-small;
	}
#display #side #news .link-news-archives a {
	text-decoration:none;
	background:url(../img/pt-small.gif) no-repeat;
	background-position: left 9px;
	padding:3px 0 3px 8px;
	color:#666666;
	}
#display #side #news .link-news-archives a:hover {
	color:#000000;
	text-decoration:underline;
	}
	
	

/* main ---------------------------------------- */

#display #main { 								/* main box */
	width:758px;
	height:100%;
	float:right;
	} 

#display #main #indextxt { 						/* main box - 表示テキスト */
	width:251px;
	height:700px;
	margin:77px 0 0 0;
	float:right;
	display:block;
	}
#display #main #indextxt h1 {
	display:none;
	}
#display #main #indextxt h2 {
	display:none;
	}
	


/* footer -------------------------------------- */

.footer {
	width:960px;
	height:50px;
	margin:0 auto 0 auto;
	padding:15px 0 15px 0;
	color:#787878; 
	text-align:left; 
	font-size:x-small;
	font-family:Verdana, Geneva, sans-serif;
	}





















#ss {
	width:400px;
	height:600px;
	padding:15px;
	position: absolute; top:10%; left:60%;
	opacity:0.7;
	border-radius: 7px;        /* CSS3草案 */  
	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */
	color:#333;
	}