@charset "UTF-8";

.top #wrapper{
background-image: url(/jakhcj0000007n5n/top_bg2012.jpg);
}

.top #contents{
	clear : both;
	background-image: none;
}

.top #main-visual {
	height: 256px;
	width: 950px;
  padding: 20px 0 0;
  margin: 0 0 20px;
}
.top #main {
  float: left;
  width: 680px;
}




.top #note {
  background-color: # FFF;
  padding: 2px;
  border: solid 1px #cccccc;
  margin: 0 0 20px;
}
.top #note table {
  border-collapse:collapse;
  border: none;
  width: 100%;
}
.top #note table tr th {
  background-image:url(/jakhcj0000007n5n/bg_note.gif);
  background-position: center;
  background-repeat:repeat-y;
  width: 95px;
  vertical-align: middle;
  margin:0;
  padding:0;
}
.top #note table tr th h3 {
  background-image: none;
  margin:0;
  padding:0;
  height: auto;
}
.top #note table tr td {
  vertical-align: middle;
  background-color: #ebf9fa;
  padding: 10px 0;
}
.top #note table tr td ul li .datetime {
  color: #666666;
  padding: 0 0 0 20px;
}
.top #note table tr td ul li a {
  margin: 0 0 0 10px;
  color: #197fa2;
}





.top #recommend {
  position: relative;
  width: 654px;
  background-image:url(/jakhcj0000007n5n/bg_recommend.gif);
  background-repeat: repeat-x;
  background-position: top;
  border: solid 1px #cccccc;
  padding: 10px 12px 15px;
  margin: 0 0 40px;
}
.top #recommend h3 {
  position: relative;
  left: -22px;
  background-image:url(/jakhcj0000007n5n/title_recommend.gif);
  background-repeat: no-repeat;
  width: 105px;
  height: 38px;
  text-indent: -999999px;
}
.top #recommend .item {
  float: left;
  width:200px;
  margin: 0 9px;
}
.top #recommend .item img {
  margin: 0 0 10px;
}
.top #recommend .item h4 {
  background-image: none;
  padding: 0;
  margin: 0 0 6px;
}
.top #recommend .item h4 a {
  color: #007ea2;
}
.top #recommend .item p {
  color: #707070;
}



.top #topics {
  position: relative;
  margin: 0 0 30px;
}
.top #topics h3 {
  background-image:url(/jakhcj0000007n5n/title_topics.gif);
  background-repeat: no-repeat;
  width: 680px;
  height: 30px;
  text-indent: -999999px;
  margin: 0 0 20px;
}
.top #topics #last-topics {
  width: 440px;
  float:left;
  border-right: dotted 1px #bbbbbb;
}
.top #topics #last-topics h4 {
  background-image:url(/jakhcj0000007n5n/title_topics_last.gif);
  background-repeat:no-repeat;
  width: 147px;
  height: 23px;
  margin: 0 0 10px 10px;
  padding: 0;
  text-indent: -999999px;
}
.top #topics #last-topics .item {
  margin: 0 0 25px;
}
/*
.top #topics
.top #topics #last-topics .item
.top #sokanetMovie ul
背景が崩れる件の対策　ここから------
 */
.top #topics,
.top #topics #last-topics .item,
.top #sokanetMovie ul {
	overflow: hidden;
}
.top #topics:after,
.top #topics #last-topics .item:after,
.top #sokanetMovie ul:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .top #topics,
* html .top #topics #last-topics .item,
* html .top #sokanetMovie ul {
	height: 1em;
	overflow: visible;
}
/**/
/*
------ここまで　の背景が崩れる件の対策
 */
.top #topics #last-topics .item img {
  width: 140px;
  float: left;
  margin: 0 0 0 5px;
}
.top #topics #last-topics .item .datetime,
.top #topics #last-topics .item h5,
.top #topics #last-topics .item p {
  width:265px;
  float:right;
  margin:0 15px 10px 0;
}
.top #topics #last-topics .item .datetime {
  color: #707070;
}
.top #topics #last-topics .item h5 {
  width: 265px;
  background-image: none;
  padding: 0;
  clear:none;
}
.top #topics #last-topics .item h5 a {
  color: #007ea2;
}
.top #topics #last-topics .item p {
  margin-bottom: 0;
}
.top #topics #last-topics ul {
  clear: both;
  margin:0 15px 0 0;
}
.top #topics #last-topics li {
  margin: 0 0 15px;
}
.top #topics #last-topics li .datetime {
  margin: 0 15px 0 0;
}
.top #topics #last-topics li a {
}
.top #topics #movie-topics {
  width: 215px;
  float:right;
}
.top #topics #movie-topics h4 {
  background-image:url(/jakhcj0000007n5n/title_topics_movie.gif);
  background-repeat:no-repeat;
  width: 133px;
  height: 23px;
  margin: 0 0 10px;
  padding: 0;
  text-indent: -999999px;
}
.top #topics #movie-topics img {
  margin: 0 0 20px;
}
.top #topics #movie-topics .datetime {
  margin: 0 0 15px;
}
.top #topics #movie-topics h5 {
  background-image: none;
  padding: 0;
  margin: 0 0 15px;
}
.top #topics #movie-topics h5 a {
  color: #007ea2;
}
.top #topics #movie-topics p {
  color: #707070;
}
.top #topics .linkBtn {
  position:absolute;
  top: 5px;
  right:35px;
}
.top #topics .rss {
  position:absolute;
  top: 5px;
  right:5px;
}


.top #sokanetMovie {
  position: relative;
  margin: 0 0 40px;
  clear: both;
}
.top #sokanetMovie h3 {
  background-image:url(/jakhcj0000007n5n/title_movie.gif);
  background-repeat:no-repeat;
  width:680px;
  height:29px;
  text-indent: -999999px;
  padding: 0;
  margin: 0 0 15px;
}
.top #sokanetMovie p {
  margin: 0 0 5px 5px;
  color: #707070;
}
.top #sokanetMovie h4 {
  background-image:url(/jakhcj0000007n5n/title_movie_list.jpg);
  background-repeat:no-repeat;
  width:79px;
  height:20px;
  text-indent: -999999px;
  padding: 0;
  margin: 0 0 0 5px;
}
.top #sokanetMovie ul {
  margin: 0 0 0 5px;
  border: solid 1px #bae3e8;
  background-color: #f8fcfc;
  width: 638px;
  padding: 25px 5px 5px 25px;
}
.top #sokanetMovie li {
  display: block;
  float: left;
  width: 157px;
  margin: 0;
  padding: 0 0 20px 0;
}
.top #sokanetMovie .linkBtn {
  position:absolute;
  top: 5px;
  right:5px;
}



.top #wallpaper {
  width: 325px;
  float: left;
  margin: 0 7px 30px;
  position: relative;
}
.top #wallpaper h3 {
  background-image: url(/jakhcj0000007n5n/title_download.gif);
  background-repeat: no-repeat;
  height: 34px;
  width: 325px;
  padding:0;
  margin: 0 0 10px;
  text-indent: -999999px;
}
.top #wallpaper ul {
  width : 230px;
  margin: 0 0 0 5px;
}
.top #wallpaper ul li {
  margin: 0 0 10px 0;
}
.top #wallpaper img {
  position:absolute;
  top: 0;
  right: 0;
}



.top #commic {
  position: relative;
  width: 325px;
  float: left;
  margin: 0 7px 30px;
}
.top #commic h3 {
  background-image: url(/jakhcj0000007n5n/title_comic.gif);
  background-repeat: no-repeat;
  height: 34px;
  width: 325px;
  padding:0;
  margin: 0 0 10px;
  text-indent: -999999px;
}
.top #commic ul.news {
  margin: 0 0 0 5px;
}
.top #commic ul.news li {
}
.top #commic ul.news li a {
  margin: 0 0 10px 20px;
}
.top #commic ul.nospan {
  margin: 0 0 0 5px;
}
.top #commic ul.nospan li {
  margin: 0 0 10px 0;
}


.top #commic .rss {
  position:absolute;
  top: 5px;
  right:5px;
}



.top #other-contents {
  margin:0 0 30px;
  padding: 0;
  clear: both;
}
/*
.top #other-contents
背景が崩れる件の対策　ここから------
 */
.top #other-contents {
	overflow: hidden;
}
.top #other-contentsafter {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .top #other-contents {
	height: 1em;
	overflow: visible;
}
/**/
/*
------ここまで　の背景が崩れる件の対策
 */
.top #other-contents .section {
  position: relative;
  width: 325;
  float: left;
  margin: 0 7px 30px;
}
.top #other-contents .section h3 {
  background-image: none;
  height: 34px;
  width: 325px;
  padding:0;
  margin: 0 0 10px;
}
.top #other-contents .sectionc ul {
  margin: 0 0 0 5px;
}
.top #other-contents .section ul li {
  margin: 0 0 10px 0;
}

.top #wallpaper li a,
.top #commic li a,
.top #other-contents li a {
  color: #007ea2;
}








.top #sidebar {
  float: right;
  width: 250px;
}
.top #membersupport {
	background-color: #FFC;
	clear: both;
	height: 200px;
	width: 950px;
}




/* 創価学会について */
.top #about {
  margin-bottom: 15px;
}
.top #about h3 {
  background-image: url(/jakhcj0000007n5n/title_about.gif);
  background-repeat: no-repeat;
  height: 36px;
  width: 250px;
  padding: 0;
  margin: 0;
  text-indent: -999999px;
}
.top #about .item {
  width: 240px;
  border: 1px solid #cacaca;
  border-top: none;
  background-color: #f7f7f7;
  padding: 4px;
}
.top #about .item ul {
  background-color: #FFF;
  padding: 10px 10px 0;
}
.top #about .item li {
  padding: 0 0 10px;
}

/* ソーシャルメディア */
.top #socialmedia {
  border-bottom: solid 1px #cccccc;
  margin: 0 0 15px;
}
.top #socialmedia h3 {
  background-image: url(/jakhcj0000007n5n/title_social.gif);
  background-repeat: no-repeat;
  height: 36px;
  width: 250px;
  padding: 0;
  margin: 0;
  text-indent: -999999px;
}
.top #socialmedia .item {
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  padding: 10px 0 0;
}
.top #socialmedia .item img, 
.top #socialmedia .item p, 
.top #socialmedia .item iframe {
  display: block;
  width: 230px;
  margin: 0 auto;
}
.top #socialmedia .item img {
  padding-bottom: 10px;
}
.top #socialmedia .item p {
  padding-bottom: 10px;
}
.top #socialmedia .item iframe {
  padding-bottom: 10px;
}


/* 聖教新聞社公式 */
.top #seikyoonline {
  border: solid 1px #1b86a9;
  width: 248px;
  margin: 0 0 20px;
}
.top #seikyoonline h3 {
  background-image: url(/jakhcj0000007n5n/title_seikyo.gif);
  background-repeat: no-repeat;
  height: 44px;
  width: 230px;
  margin: 0 auto 10px;
  padding: 0;
  text-indent: -99999px;
}
.top #seikyoonline ul {
  padding: 0 0 10px;
}
.top #seikyoonline ul li {
  margin: 0 20px 0
}
.top #seikyoonline ul li h4 {
  background-image: none;
/*  background-repeat: no-repeat;
  background-position: 0 6px;*/
  padding: 0;
  margin: 0 0 10px;
  color: #007ea2;
}
.top #seikyoonline ul li p {
  margin: 0 0 10px;
}
.top #seikyoonline ul li h4.sub {
  background-image: url(/jakhcj0000007n5n/btn_arrow04.gif);
  background-position: 0 6px;
  padding: 0 0 0 10px;
  margin: 0 0 10px 10x;
}
.top #seikyoonline ul li .sub {
  font-size: 0.9em;
}
.top #seikyoonline ul li p.sub {
  margin: 0 0 10px 10px;
}


/* バナーエリア */
.top #sidebar .banner {
  margin: 0 0 15px;
}








/* 会員サポートエリア */
.top #memberPickup {
  clear: both;
  margin: 0 0 15px;
}
.top #memberPickup .panel1 {
  position: relative;
  background-image:url(/jakhcj0000007n5n/bg_member1.gif);
  background-repeat: no-repeat;
  background-position: top;
  padding-bottom: 5px;
}
.top #memberPickup .panel1 h3 {
  background-image: url(/jakhcj0000007n5n/title_member1.gif);
  background-repeat: no-repeat;
  height: 50px;
  width: 950px;
  text-indent: -99999px;
  margin-bottom: 30px;
  padding: 0;
}
.top #memberPickup .panel1 .infomation {
  position: absolute;
  top: 20px;
  right: 10px;
}
.top #memberPickup .panel1 .infomation .datetime {
  padding: 0 20px 0 0;
}
.top #memberPickup .panel1 .infomation a {
  margin: 0 0 5px;
  color: #b3044a;
}
.top #memberPickup .panel1 .alpha,
.top #memberPickup .panel1 .beta,
.top #memberPickup .panel1 .gamma {
  width: 187px;
  float: left;
  margin: 0;
  padding: 0 14px 0 107px;
  background-repeat:no-repeat;
  background-position: 14px top;
}
.top #memberPickup .panel1 .alpha {
  background-position: 34px top;
  padding-left: 127px;
  background-image:url(/jakhcj0000007n5n/img_member01.gif);
}
.top #memberPickup .panel1 .beta {
  background-image:url(/jakhcj0000007n5n/img_member02.gif);
}
.top #memberPickup .panel1 .gamma {
  background-image:url(/jakhcj0000007n5n/img_member03.gif);
}
.top #memberPickup .panel1 li {
  padding-bottom: 5px;
}
.top #memberPickup .panel1 .linkBtn {
  clear: both;
  text-align: right;
  margin-right: 20px;
}
.top #memberPickup .panel2 {
  background-image:url(/jakhcj0000007n5n/bg_member2.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  padding-bottom: 15px;
}
.top #memberPickup .panel2 h3 {
  background-image: url(/jakhcj0000007n5n/title_member2.gif);
  background-repeat: no-repeat;
  height: 45px;
  width: 950px;
  text-indent: -99999px;
  margin-bottom: 30px;
}
.top #memberPickup .panel2 ul {
  margin: 0 0 0 20px;
}
.top #memberPickup .panel2 ul li {
  display: block;
  width: 460px;
  float: left;
}
.top #memberPickup .panel2 ul li h4 {
  background-image: none;
  padding: 0;
  margin: 0 0 5px;
}
.top #memberPickup .panel2 ul li h4 a {
  color: #b3044a;
}
.top #memberPickup .panel2 ul li p {
  margin: 0 20px 10px 10px;
  color: #5e5e5c;
}
.top #memberPickup .panel2 .linkBtn {
  clear: both;
  text-align: right;
  margin-right: 20px;
}