@charset "utf-8";

/* ============================================
 * 構成 
============================================ */

#common-container {
	position: relative;
	margin: 0 auto 0 34px;
	width: 956px;
	min-height: 1200px;
	/*	width: 965px;*/
	background: url(/images/sidenav_bg.gif) repeat-y top left;
}

#common-container:after {
	content: "";
	display: block;
	clear: both;
}

#common-container .content {
	position: relative;
	float: right;
	margin: 0px -4px 60px 0;
	width: 765px;
	padding: 0;
	z-index: 50;
}
#common-container .content .core-info:after {
	content: "";
	display: block;
	clear: both;
}

/* ----- ビジュアル変更 ----- */
#common-container .content .visual-chenge {
	margin: 0 0 8px;
	text-align: right;
	font-size: 0px;
}

#common-container .content .visual-chenge img {
	padding-left: 5px;
}

/* ----- ビジュアル変更（スライド） ----- */
#slide {
	width: 1024px;
	height:392px;
	position: relative;
	margin: 0 auto;
	border: none;
}

#slide img {
	z-index:99;
}

#slide #list li {
	position: absolute;
	top: 0;
	left: 0;
	list-style:none;
}

#slide #navi {
	position: absolute;
	margin: 0 0 8px;
	text-align: right;
	font-size: 0px;
	top: 373px;
	right: 25px;
	z-index:0;
}

#slide #navi li {
	float: left;
	margin-right: 8px;
	list-style:none;
}

#slide #navi li a {
	display: block;
	border: 0;
	padding: 0;
	background: url(/top_main/images/top_btn_visualcheange.png) no-repeat top left;
	_background: url(/top_main/images/top_btn_visualcheange.gif) no-repeat top left;
	width:34px;
	height:21px;
	font-size:0px;
}

#slide #navi li a.current,
#slide #navi li a:hover {
	background: url(/top_main/images/top_btn_visualcheange_on.png) no-repeat top left;
	_background: url(/top_main/images/top_btn_visualcheange_on.gif) no-repeat top left;
}


/* ----- 重要なお知らせ ----- */
#common-container .content .important-info {
	width: 721px;
	min-height: 96px;
	border: 2px solid #ffffff;
	background: url(/images/top_bg_importantinfo.png) repeat;
	padding: 6px 20px;
}

*html #common-container .content .important-info { /* IE6 */
	background: url(/images/top_bg_importantinfo.gif) repeat;
}

#common-container .content .important-info .important-info-img {
	background: url(/images/top_text_importantinfo.png) no-repeat;
	width: 126px;
	height: 82px;
	float: left;
	margin: 8px 0 0;
}

*html #common-container .content .important-info .important-info-img { /* IE6 */
	background: url(/images/top_text_importantinfo.gif) no-repeat;
}

#common-container .content .important-info:after {
	content: "";
	display: block;
	clear: both;
}

#common-container .content .important-info ul {
	float: left;
	margin-left: 20px;
	background: url(/images/top_img_importantinfo_line.gif) repeat-y top left;
	padding-left: 20px;
	width:540px;
}

#common-container .content .important-info ul li {
	padding: 8px 0;
	line-height: 1.2;
}

#common-container .content .important-info ul li a {
	text-decoration: none;
	color: #ffffff;
}

/* ----- 重要なお知らせ ----- */
#common-container .content .bannerarea {
	margin-top: 9px;
}

/* ----- メインコンテンツ ----- */

/* 特設サイトバナー */
#common-container .content .tokusetsu {
	margin: 9px 0 0;
}

#common-container .content .tokusetsu ul li {
	float: left;
}

#common-container .content .tokusetsu ul li img {
	display: block;
}

#common-container .content .tokusetsu ul li.tokusetsu_l {
	margin-right: 10px;
}
	
/* 教えに触れる・東本願寺を知る・参拝する */
#common-container #top-main-list {
	width: 765px;
	background: url(/images/top_bg_contentnav.png) repeat-y left bottom;
	margin: 9px 0 0;
}

#common-container #top-main-list ul:after {
	content: "";
	display: block;
	clear: both;
}

#common-container #top-main-list h3 {
	height: 78px;
	text-align: center;
}

#common-container #top-main-list ul li {
	float: left;
	margin-right: 10px;
	width: 249px;
	padding: 0;
}

*html #common-container #top-main-list ul li { /* IE6 */
	width: 239px;
}

#common-container #top-main-list ul li.top-sanpai {
	margin: 0;
	width: 247px;
}

*html #common-container #top-main-list ul li.top-sanpai  { /* IE6 */
	width: 237px;
}

#common-container #top-main-list ul li ul {
	margin: 8px 9px 9px;
}

#common-container #top-main-list ul li ul li {
	float: none;
	margin: 0;
	margin-left: 1.5em;
	*margin-left: 0.5em; /* IE6 IE7 */
	width: 90%;
	border: 0;
	padding: 4px 0;
	line-height: 1.0;
	text-indent: -1em;
	*text-indent: 0em; /* IE6 IE7 */
}

#common-container #top-main-list ul li ul li img {
	padding-right: 5px;
}

/* お知らせ */
#common-container .over-box01 {
	margin: 9px 0 0;
	background: #ffffff;
	padding: 2px;
}

#common-container .double-box01 {
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 20px 10px 10px;	
}

#common-container .core-info .double-box01 h2 {
	margin: 0 0 10px;
	padding: 0 10px;
}

#common-container .core-info .double-box01 h2 a img {
	padding-left: 10px;
}

#common-container .core-info .information ul li {
	background: url(/images/top_img_infoline.gif) repeat-x bottom left;
	padding: 10px;
}

#common-container .core-info .information ul li.last-child {
	background: transparent;
}

#common-container .core-info .information ul li:after {
	content: "";
	display: block;
	clear: both;
}

#common-container .core-info .information ul li th {
	float: left;
	width: 80px;
	height: 12px;
	padding: 0 0 3px 0;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
}

#common-container .core-info .information ul li td {
	float: left;
	padding-left: 10px;
	width: 600px;
	line-height: 1.3;
}

#common-container .core-info .information ul li td span {
	padding-left: 10px;
	color: #004675;
}
#common-container .core-info .one_bannerarea {
	display: block;
	margin:-5px auto -10px;
}
/*告知*/
.information ul li th.list01 div {
	background: #822423;
}
/*募集*/
.information ul li th.list02 div {
	background: #69336c;
}
/*法要・行事*/
.information ul li th.list03 div {
	background: #518181;
}
/*写真日記*/
.information ul li th.list04 div {
	background: #313767;
}
/*出版物*/
.information ul li th.list05 div {
	background: #3a6689;
}
/*宗派声明*/
.information ul li th.list06 div {
	background: #947f2b;
}
/*関連学校*/
.information ul li th.list07 div {
	background: #547c35;
}
/*寺院・僧侶*/
.information ul li th.list08 div {
	background: #935328;
}
/*その他*/
.information ul li th.list09 div {
	background: #555555;
}

/* 今月の法要・行事のご案内 */
#common-container .over-box02 {
	margin: 9px 10px 0 0;
	background: #ffffff;
	padding: 2px;
	float: left;
}

#common-container .double-box02 {
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 20px 10px 5px;
	min-height: 220px;
}

*html #common-container .double-box02 { /* IE6 */
	height: 206px;
}

#common-container .double-box02 h2 {
	margin: 0 0 10px;
	padding: 0 10px;
}

#common-container .double-box02 h2 a img {
	padding-left: 10px;
}

#common-container #top-mon-event {
	width: 351px;
}

#common-container #top-mon-event ul li {
	background: url(/images/top_img_infoline.gif) repeat-x bottom left;
	padding: 10px;
	line-height: 1.3;
}

#common-container #top-betsuin-event ul li.last-child {
	background: transparent;
}

#common-container #top-mon-event ul li.no-child {
	background: url(/images/top_img_infoline.gif) repeat-x top left;
}


/* 教区・別院の諸行事のご案内 */
#common-container .over-box03 {
	margin: 9px 0 0 0;
	background: #ffffff;
	padding: 2px;
	float: left;
}

#common-container .double-box03 {
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 20px 10px 5px;	
	min-height: 220px;
}

*html #common-container .double-box03 { /* IE6 */
	height: 206px;
}

#common-container .double-box03 h2 {
	margin: 0 0 10px;
	padding: 0 10px;
}

#common-container .double-box03 h2 a img {
	padding-left: 10px;
}

#common-container #top-betsuin-event {
	width: 351px;
}

#common-container #top-event1,
#common-container #top-event2 {
	height: 166px;
	overflow: auto;
}

#common-container #top-betsuin-event ul li {
	background: url(/images/top_img_infoline.gif) repeat-x bottom left;
	padding: 10px;
	line-height: 1.3;
}

#common-container #top-betsuin-event ul li.last-child {
	background: transparent;
}

/* 参拝接待所（その他各種） */
#common-container .over-box04 {
	margin: 9px 0 0 0;
	text-align: left;
	width: 765px;
	background: url(/images/top_bg_overbox04.png) no-repeat left bottom;
}

#common-container .over-box04 .each-box04 {
	float: left;
	margin: 0 10px 0 0;
	width: 139px;
	padding: 3px;	
	background: #ffffff;
	min-height: 212px;
}

#common-container .over-box04 .each-box04-last {
	float: left;
	margin: 0;
	width: 139px;
	padding: 3px;	
	background: #ffffff;
	min-height: 212px;
}


#common-container .over-box04 h3 {
	padding: 10px 0 11px 0;
	background: url(/images/top_img_infoline.gif) repeat-x bottom left;
}

#common-container .over-box04 p {
	padding: 12px 5px 12px 5px;
	line-height: 1.4;
}

/* 各種ダウンロード・阿弥陀堂修復・東日本大震災について */
#common-container #contents-box01 {
	margin: 9px 0 0;
	padding-bottom: 10px;
	width: 765px;
	background: url(/images/top_bg_contentsbox01.png) repeat-y left bottom;
}

#common-container #contents-box01 ul:after {
	content: "";
	display: block;
	clear: both;
}

#common-container #contents-box01 h3 {
	height: 35px;
	padding-bottom: 11px;
}

#common-container #contents-box01 p {
	line-height: 1.4;
}

#common-container #contents-box01 .top-download p img.photo {
	float: left;
	margin-right: 12px;
	margin-left: 14px;
}

#common-container #contents-box01 .top-download p {
	padding-right: 10px;
}

#common-container #contents-box01 .top-amidado p img.photo {
	float: left;
	margin-right: 25px;
	*margin-right: 3px; /* IE6 IE7 */ 
	margin-left: 14px;
	width: 91px;
}

#common-container #contents-box01 .top-amidado ul {
	*width: 130px; /* IE6 IE7 */
}

#common-container #contents-box01 ul li {
	float: left;
	margin-right: 10px;
	width: 249px;
	padding: 0;
}

#common-container #contents-box01 ul li.top-higashinihon {
	margin: 0;
	width: 247px;
}

#common-container #contents-box01 ul li ul {
	margin: 0 9px;
}

#common-container #contents-box01 ul li ul li {
	float: none;
	margin: 0;
	margin-left: 1.5em;
	*margin-left: 0.5em; /* IE6 IE7 */
	width: 90%;
	border: 0;
	padding: 5px 0;
	line-height: 1.0;
	text-indent: -1em;
	*text-indent: 0em; /* IE6 IE7 */
}

#common-container #contents-box01 ul li ul li img {
	padding-right: 5px;
}

/* 出版物のご紹介 */
#common-container #publication {
	margin: 9px 0 0;
	padding-bottom: 10px;
	_padding-bottom: 0x;
	width: 765px;
}

#common-container #publication .over-box05 {
	margin: 0 9px 0 0;
	background: #ffffff;
	padding: 2px;
	width: 245px;
	float: left;
	_margin-right:7px;
}

*:first-child+html #common-container #publication .over-box05 {
	margin-right:8px;
}
#common-container #publication .double-box05 {
	position:relative;
	border: 1px solid #dddddd;
	background: #ffffff;
	padding: 10px 10px 10px;
	height: 154px;
}

#common-container #publication .double-box05 h5 {
	margin: 0 0 10px;
}

#common-container #publication .double-box05 div:after {
	content: "";
	display: none;
	clear: both;
}

#common-container #publication .double-box05 div img {
	float: left;
	/*width: 70px;*/
	padding-right: 10px;
}

#common-container #publication .double-box05 div p {
	/*margin-left: 80px;*/
	padding: 0 0 16px 80px;
	line-height: 1.4;
}

#common-container #publication .double-box05 div p span {
	color: #004675;
}

#common-container #publication .double-box05 div.tomobook {
	width: 225px;
}

#common-container #publication .double-box05 div.tomobook a {
	display: inline-block;
	border:#cccccc 1px solid;
	margin-right:10px;
	width:57px;
}
#common-container #publication .double-box05 div.tomobook img {
	width:57px;
	border:none;
}


#common-container #publication .double-box05 div.tomobook span {
	float:right;
	display:block;
	width:150px;
	font-size:90%;
	margin-top:-5px;
}
#common-container #publication .double-box05 a.more{
	position: absolute;
	bottom:10px!important;
	left:5px!important;
}


#common-container #publication .kyoumusho,
#common-container #publication .gakkou {
	float: left;
}

#common-container #publication .kyoumusho {
	margin: 0 9px 0 0;
}

#common-container .core-info .over-box03 .double-box03 li {
	background: url(/images/top_img_infoline.gif) repeat-x bottom left;
	padding: 10px;
	line-height: 1.3;

}
#common-container .over-box02 .double-box02 li:last-of-type,
#common-container .core-info .over-box03 .double-box03 li:last-of-type {
		background: none !important;
}

/* ----- バナー ----- */
#common-container .banner table {
	margin: 9px 0 0;
	*margin: 0 0 0; /* IE6 IE7 */
}

#common-container .banner table td.empty {
	width: 12px;
}

#common-container .banner table td img {
	border: 2px solid #ffffff;
	margin-bottom: 5px;
}

.sub a {
	display: block;
	background: url(/assets/images/common/pro_arrow_icon.gif) no-repeat left ;
	padding-left:17px;
}

.sub a:hover {
	background: url(/assets/images/common/pro_arrow_icon_on.gif) no-repeat left ;
}

@media only screen and (min-width:813px) {
	.sp_banner {
	display: none;
}
}
/* SP-length
--------------------------------------------------------- */
@media only screen and (max-width:812px) {
	body {
	background: #ffffff;
}
	#common-header {
		width: 1024px;
}
#wrapper {
	background: #ededed;
	width: 1024px;
	margin: auto;
}
	div#common-footer {
		width: 1024px;
	}
	.sp_banner {
		display: block;
		background: #ffffff;
		border-bottom: #333333 1px solid;
		width: 1024px;
		padding: 0;
	}
	.sp_banner a {
		width: 1024px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.sp_banner img{
		width: 924px;
		margin: 30px 50px;
	}
}