@charset "utf-8";

/*/////////////////////////////////////////////////////////

	ListPage Structure

/////////////////////////////////////////////////////////*/

/*----------------------------------------------------
	ListPage-style
----------------------------------------------------*/
#content-inner a,
#content-inner a:link,
#content-inner a:visited { color:#24396C;text-decoration: none;font-weight:normal;}
#content-inner a:hover { text-decoration: underline;}
#content-inner a:active { text-decoration: underline;}

/*----------------------------------------------------
	Banner
----------------------------------------------------*/
/*VERSION2*/

#Contwrap { margin:20px 0 10px 0;overflow: hidden;zoom: 1;position:relative;}

#Contwrap ul{ clear:both;}
#Contwrap ul li{ float:left;list-style:none;margin:0;padding:0;}

#Contwrap ul li.first,
#Contwrap ul li.second,
#Contwrap ul li.third { width:210px;min-height:360px;margin:0;padding:5px 3px 20px 3px;border:1px solid #777;background:#FFF;-moz-box-shadow: 2px 2px 2px #DDD;    /* firefox　*/
-webkit-box-shadow: 2px 2px 2px #DDD;  /* safari、chorme */
}

#Contwrap ul li.first{ margin:0 5px 0 0;}
#Contwrap ul li.second{ margin:0 5px 0 0; }
#Contwrap ul li.third { margin:0;}

#Contwrap ul li.first h3 span,
#Contwrap ul li.second h3 span,
#Contwrap ul li.third  h3 span { text-indent:-999999px;font-size:0px; }

#Contwrap ul li.first h3,
#Contwrap ul li.second h3,
#Contwrap ul li.third h3{ height:175px;display:block;margin:0;padding:0;}

#Contwrap ul li.first h3 { background-image: url(../img/perspective/thum_perspective.jpg);background-repeat: no-repeat;}
#Contwrap ul li.second h3  { background-image: url(../img/perspective/thum_compass.jpg);background-repeat: no-repeat;}
#Contwrap ul li.third h3  { background-image: url(../img/perspective/thum_sm.jpg);background-repeat: no-repeat;}

#Contwrap ul li.first h4,
#Contwrap ul li.second h4,
#Contwrap ul li.third h4{ font-size:12px;margin:0;padding:5px 0 7px 0;display:block;line-height:1.6em;}

#Contwrap ul li.first p.blockb,
#Contwrap ul li.second p.blockb,
#Contwrap ul li.third  p.blockb { margin:0;padding:1px 0;}
#Contwrap ul li.first p.blockb a,
#Contwrap ul li.second p.blockb a,
#Contwrap ul li.third  p.blockb a{ display:block;font-size:11px;line-height:1.6em;text-decoration:underline;margin:0;padding:0 0 0 20px;background: url(../img/common/goto.jpg) no-repeat left top;}




/*VERSION1*/

/*#ContBanner,
#ContBanner2,
#ContBanner3 {float:left;margin:20px 0;}

#ContBanner h3 {width:210px;height:500px;margin:0 10px 0 0;padding:0;background-image: url(/img/perspective/nav_perspective.jpg);background-repeat: no-repeat;display:block;}
#ContBanner h3 span {display:none;}

#ContBanner2 h3 {width:210px;height:500px;margin:0;padding:0;background-image: url(/img/perspective/nav_compass.jpg);background-repeat: no-repeat;display:block;}
#ContBanner2 h3 span {display:none;}

#ContBanner3 h3 {width:210px;height:500px;margin:0 0 0 10px;padding:0;background-image: url(/img/perspective/nav_spiritualmessages.jpg);background-repeat: no-repeat;display:block;}
#ContBanner3 h3 span {display:none;}*/

/*----------------------------------------------------
	ListBox
----------------------------------------------------*/
#content-inner {
	margin: 0;
	padding: 0 0 0 0;
}

#content-inner h2 {
	margin: 10px 0 20px 0;
	font-size: 170%;
}
#content-inner .feed-icons {
	float: right;
	padding: 10px 0 0 0;
}

.listBox {

	margin:20px 0 0 0;
	padding:0px;
}

.listBox ul { margin:0;padding:0;}
.listBox ul li {list-style:none;margin:0;padding:0;}
.listBox h5      { font-size: 100%;line-height:1.3em;}
.listBox h6      { font-size: 94%;}
.listBox p       { font-size: 94%;line-height:1.3em;}
.listBox h4,
.listBox h5,
.listBox h6,
.listBox h7 { margin:0;padding:0;display:block;}
.listBox h7 { overflow:hidden;clear:both;}
.listBox h7.more,
.listBox h7.more img,
.listBox h7.more a img { float:right;margin:0;padding:0;}
.listBox p{ margin:0; padding:0; display:block;}
.listBox ul.typeA,
.listBox ul.typeB,
.listBox ul.typeC{ margin:0 0 20px 0;padding:0;}

ul.typeA li{
	width:310px;
	float:left;
	margin:0 20px 0 0;
	padding:0px;
	list-style:none;
}

ul.typeA li h4 img { margin: 0; margin:0; padding:5px; background-image: url(../img/common/img-bg.jpg);background-repeat: repeat;  }
ul.typeA li h5     { height:3.0em;margin:7px 0 5px 5px;}
ul.typeA li h6     { margin:2px 0 0 5px;font-size:84%;line-height:1.2em; }
ul.typeA li p      { height:5.0em;margin:5px 0 10px 5px;padding:0;font-size:92%;}

ul.typeA li h5,
ul.typeA li h6,
ul.typeA li h7,
ul.typeA li p {}

ul.typeA li h7 { width:330px;}

ul.typeB li{
	width:200px;
	float:left;
	margin:0px 20px 0px 0px;
	padding:0px;
	list-style:none;
}

ul.typeB li h4 img { margin:0; padding:5px; background-image: url(../img/common/img-bg.jpg);background-repeat: repeat;  }
ul.typeB li h5     { height:3.0em;margin:4px 0 5px 5px;}
ul.typeB li h6     { margin:2px 0 0 5px;font-size:84%;}
ul.typeB li p      { height:7.0em;margin:5px 0 10px 5px;font-size:92%;}

ul.typeB li h5,
ul.typeB li h6,
ul.typeB li p{　width:190px;}

ul.typeC {
	width: 100%;
	display: block;
}
ul.typeC li{
	width:100%;
	height:auto;
	margin:3px 0 15px 0;
	padding:0 0 15px;
    border-bottom: 1px dotted #ccc;
	list-style:none;
	display: block;
}
ul.typeC li { _zoom: 1;overflow: hidden;display:block;}
ul.typeC li h5,
ul.typeC li h6,
ul.typeC li p　{ line-height:1.2em;}

ul.typeC li h4 img { margin: 0 10px 0 0; padding:2px; border:1px solid #CCC;display:block;overflow:hidden;float:left;}
ul.typeC li h5     { margin:3px 0;padding:0;font-size:100%;display:block;overflow:hidden;}
ul.typeC li h6     { margin:0;padding:0;font-size:10px;display:block;overflow:hidden;}
ul.typeC li p      { margin:0;padding:0;font-size:11px;display:block;overflow:hidden;}

.listBox-footer { margin:5px 0 20px 0;padding:0px;_zoom: 1;overflow: hidden;display:block;}
.listBox-footer ul { margin:0; padding:0;_zoom: 1;overflow: hidden;display:block;}
.listBox-footer ul li { clear:both;margin:0; padding:5px 0;list-style:none;_zoom: 1;overflow: hidden;display:block;}
.listBox-footer p.goto { margin:0;padding:0 0 0 20px;background: url(../img/common/goto.jpg) no-repeat left top;float:right;}

/*----------------------------------------------------
	ListPage-CategoryArticle
----------------------------------------------------*/
#CategoryList{
	width:100%;
	margin:10px 0px 20px 0;
	clear:both;
}

#CategoryList h5 { font-size:100%;}

#CategoryList ul{
	width:100%;
	margin:0px 37px 20px 0px;
	padding:0px;
	float:left;
}

#CategoryList ul li{ width:100%;margin:7px 0;padding:0;list-style:none;display:block;}

#CategoryList ul li.list-first { width:100%;margin:5px 0 0 0;padding:5px 0 10px 0;background: url(../img/common/dotline.png) repeat-x left bottom;}
#CategoryList ul li.list-first h4 { margin:5px 0; padding:0; display:block;}
#CategoryList ul li.list-first h5 { height:3.0em;color:#D8054F; margin:0; padding:5px 0; display:block;line-height:1.2em;overflow:hidden;}
#CategoryList ul li.list-first h6 { font-size:87%; margin:0; padding:0; display:block; line-height:1.5em;overflow:hidden;}
#CategoryList ul li.list-first p {height:5.0em;font-size:92%; margin:0; padding:0; display:block; line-height:1.2em;overflow:hidden;}
#CategoryList ul li.list-first h7.more {text-align:right; display:block;font-size: 94%; margin:5px 0;}
#CategoryList ul li.list-first h3 { margin:15px 0px 15px 0px;padding:0px 7px;border-left:3px solid #F03;display:block;}
#CategoryList ul li.list-first h3 a { font-weight: bold;font-size:117%;color:#333;}

#CategoryList ul li.list-end { width:100%;margin:0;padding:3px 0 10px 0;background: url(../img/common/dotline.png) repeat-x left bottom;}
#CategoryList ul li.list-end h5 { margin:0;padding:0;display:block;line-height:1.2em;}
#CategoryList ul li.list-end h6 { margin:0;padding:0 0 5px 0;display:block;line-height:1.2em;font-size:87%; }

.fixBox{}

/*----------------------------------------------------
	listupBox
----------------------------------------------------*/
.listupBox{

	margin:20px 0;
	padding:0;
	background-color:#EBEBEB;
	float:left;
}

.listupBox h3{
	font-size:117%;
	line-height:1.2em;
	margin:0;
	padding:20px 20px;
	font-weight:bold;
	border-top:1px solid #999;
	background-color:#FFF;
	background-image: url(../img/common/dotline.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

ul.related{margin:0;padding:0;}
ul.related li{
	width:100%;
	margin:0;
	padding:10px 10px;
	background-image: url(../img/common/dotline.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	list-style:none;
	background-color: #EBEBEB;
	float:left;
}
ul.related li a {
	display: block;
}

ul.related li img {float:left;margin: 0 10px 0 0; padding:3px; border:1px solid #CCC;background-color:#FFF;}
ul.related li h5     {font-size:100%;margin:3px 0 2px 0;}
ul.related li h6     {font-size:92%;line-height:1.2em; margin:2px 0 3px 0;}


/*----------------------------------------------------
	Page-FeatureLink
----------------------------------------------------*/
.FeatureLink{

	margin:20px 0;
	padding:0;
	background-color:#EBEBEB;
	float:left;
}

.FeatureLink h3{
	font-size:117%;
	line-height:1.2em;
	margin:0;
	padding:20px 20px;
	font-weight:bold;
	border-top:1px solid #999;
	background-color:#FFF;
	background-image: url(../img/common/dotline.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.FeatureLink ul.related{margin:0;padding:0;}
.FeatureLink ul.related li{
	width:630px;
	margin:0;
	padding:10px 20px;
	background-image: url(../img/common/dotline.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	list-style:none;
	/*background-color: #EBEBEB;*/
	float:left;
}

.FeatureLink ul.related li h5{font-size:100%;margin:3px 0 2px 0;font-weight:normal;}

/*----------------------------------------------------
	Daily News Clip index
----------------------------------------------------*/
#News{ width:100%;margin:10px 0px 20px 0;clear:both;}

/*news-archive-header*/
#news-list-header {width:100%;margin:0;padding:5px 0;border-bottom:2px solid #555;clear:both;}
#news-list-header h2{}
#news-list-header .feed-icons{float:right;margin:0px;padding:5px 0;}
#News h2{font-size:117%;font-weight:bold;margin:20px 0 0 0; padding:0 0 4px 7px;}
#News h3{font-size:117%;margin:20px 0 0 0; padding:0;}
#News ul li{list-style:none;}
#News ul.news_category{width:100%;margin:10px 0; padding:3px 0 0 2px;}
#News ul.news_category li{margin:7px 0; padding:0 5px;background-color:#EAEAEA;border-left:3px solid #F06;font-weight:bold;	display:block;float:left;}
#News ul.news_category li.active{background-color:#333333; color:#FFF;}
#News ul.news_category li.active a{color:#FFF;}
#News ul.news_newest{width:100%;margin:0; padding:0;}
#News ul.news_newest li{margin:0px 0; padding:14px 10px;background:url(../img/common/dotline.png) repeat-x left bottom;}
#News ul.news_newest li h5{font-size:100%;margin-right:15px;display:inline;font-weight:bold;text-decoration:underline;color:#06C;}
#News ul.news_newest li h5 a:link,
#News ul.news_newest li h5 a:visited {font-weight:bold;text-decoration:underline;color:#06C;}
#News ul.news_newest li h5 a:active,
#News ul.news_newest li h5 a:hover {font-weight:bold;text-decoration:underline;color:#F03;}
#News ul.news_newest li h6{display:inline;color:#555;}
#News-article h3{font-size:134%;margin:20px 0 0 0; padding:0;color:#069;font-weight:bold;}


/*----------------------------------------------------
	Daily News Clip - search result
----------------------------------------------------*/
#search-result-box {

	margin:20px 20px 0 0;
	padding:0px;
    float:left;
}

#search-result-box  a {}
#search-result-box  a:link,
#search-result-box  a:visited { font-weight:bold;text-decoration:underline;color:#06C;}
#search-result-box  a:active,
#search-result-box  a:hover { font-weight:bold;text-decoration:underline;color:#F03;}



#search-result-box  ul.dnc_result {width:520px;margin:0; padding:0;}
#search-result-box  ul.dnc_result li{margin:0px 0; padding:14px 10px;background:url(../img/common/dotline.png) repeat-x left bottom;}
#search-result-box  ul.dnc_result li h5{ font-size:100%;margin-right:15px;display:inline;font-weight:bold;text-decoration:underline;color:#06C;}
#search-result-box  ul.dnc_result li h5 a:link,
#search-result-box  ul.dnc_result li h5 a:visited { font-weight:bold;text-decoration:underline;color:#06C;}
#search-result-box  ul.dnc_result li h5 a:active,
#search-result-box  ul.dnc_result li h5 a:hover { font-weight:bold;text-decoration:underline;color:#F03;}
#search-result-box  ul.dnc_result li h6{display:inline;color:#555;}


// Responsive
@media (max-width: 480px) {
  #CategoryList ul li.list-first p {
  	height: auto;
  	margin-bottom: 1em;
  }
}

@media (max-width: 767px) {
  #CategoryList ul li.list-first p {
  	height: auto;
  	margin-bottom: 1em;
  }
}