@charset "utf-8";

/************************************************
*
*	CSS Document for all contens layout  
*	last update : 2012/03/11
*
*************************************************/

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



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

body {											/* index以外のbody要素 */
	width:100%;
	height:100%;
    min-height:100%;
	color:#333333;
    line-height:1;								/* 行の高さをフォントサイズと同じに */
	background:url(/img/bg_contents.jpg) no-repeat;
	background-position:center top;
	background-attachment:fixed;
	}

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

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

#display #side {								/* 左柱 */
	width:160px;
	height:100%;
	min-height:100%;
	padding:40px 0 0px 0;
	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_c.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_c.gif) no-repeat;
	margin:0 0 5px 0;
	}
#display #side nav h1 a {
	width:160px;
	height:67px;
	background:url(/img/ban_100oracion_c.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 15px 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;
	}

#display #side #banner {						/* banner box */
	width:160px;
	height:auto;
	margin:0 0 15px 0;
	}
#display #side #banner .ban {					/* banner 個別 */
	color:#333;
	margin:0 0 5px 0;
	}

#display #side #twitterwidgets {				/* twitter box */
	width:160px;
	height:auto;
	margin:0 0 15px 0;
	}
	/* Twitter 文字表示 */
#display #side #twitterwidgets #twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	font-size:x-small;
	color:#333;
	font-family: Verdana, Geneva, "メイリオ", Meiryo, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}





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


#display #main {
	width:760px;
	height:100%;
	float:right;
	padding:20px 0 30px 0;
	}


#display #main .breadcrumb {					/* パンくずリスト */
	width:760px;
	height:20px;
	text-align:right;
	font-size:x-small;
	}
#display #main .breadcrumb a {		
	background:url(/img/list_pt.gif) no-repeat;
	background-position:right 5px;
	padding:0 15px 0 0;
	margin:0 5px 0 0;
	}
#display #main .breadcrumb a:hover {
	color:#005ac0;
	}
	

.anchor {										/* pagetop anchor */
	text-align:right;
	font-size:x-small;
	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
	}

.anchor a {
	padding:0px 10px 0px 10px;
	background:url(/img/anchor_pt.gif) no-repeat;
	background-position:right 8px;
	}
	


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

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