@charset "utf-8";
/* CSS Document */

body{
}
/*-----------------------------------------------------
header
-------------------------------------------------------*/
#header_wrap{
	height: 470px;
}
#header{
	height: 85px;
}

/* globalNavi */
#globalNavi{
	background: #ffffff;
	width: 960px;
	height: 70px;
	clear: both;
	margin: 0 auto;
	padding: 0;
}

/* main_image_area */
#main_image_area{
	clear: both;
	background: #ffffff;
	width: 960px;
/*	height: 300px;	
*/	margin: 0 auto;
	padding: 15px auto 0;
}

#main_image {
	clear: both;
	width: 919px;
/*	border: 1px solid #F2F1F9;
*/	margin: 0 auto;
	padding: 0;
}
#main_image .sub p{
	font-size: 12px;
	color: #454545;
	line-height: 1.5;
	margin: 0 5px;
}

#main_image .main{
	float: left;
	width: 704px;
	height: 313px;
	margin: 0;
	padding: 0;
}
#main_image .sub{
	float: left;
	width: 174px;
	height: 253px;
	margin: 0;
	padding: 30px 20px;
	background: url(../images/top/sub_image_bg.gif) left top no-repeat;
}
*html #main_image .sub{
	padding:30px 20px 0;
	height: 283px;
}

#main_image .sub ul{
	background:url(../images/top/sub_image_color_bg.jpg) left top no-repeat;
	padding: 5px 8px;
	margin: 10px auto;
	height: 153px;
}
#main_image .sub li{
	padding: 7px 0;
}
#main_image .sub li a{
	text-decoration: none;
}
/*#main_image .sub li a:hover{
	text-decoration: underline;
}*/
#main_image .sub li.arrow{
	font-size: 12px;
	font-weight: bold;
	background: url(../images/top/arrow_green.gif) 10px center no-repeat;
	border-bottom: dashed 1px #CCCCCC;
	padding-left: 35px;
}
/*#slideshow { position:relative; width:320px; height:240px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }
*/
/*-----------------------------------------------------
contents
-------------------------------------------------------*/
#contents{
/*	background: url(../images/common/contents_bg.gif) center top repeat-y;	
*/	width: 920px;
	margin: 0 auto;	
	clear: right;
	padding: 20px 20px 40px;
}
#contents_left{
	width: 682px;
	float: left;
}
#contents_left_left{
	float: left;
	/*トピックス記事不足対応　11/05/09 */
	padding-bottom: 150px;
}

#contents_right{
	width: 215px;
	float: right;
}

/* information_area */
#information_area{
	width: 650px;
	height: 143px;
	border: 1px solid #CDCDCD;
	background: url(../images/top/information_area_bg.jpg) left top repeat-x;
	padding: 15px 20px 15px 10px;
}
*html #information_area{
	padding: 15px 15px 0px 10px;
	width: 645px;
}
#information_area p img{
	width: 158px;
	height: 143px;
	float: left;
	margin-right: 0px;
}
#information_area .text{
	width: 440px;
	height: 112px;
	background:url(../images/top/information_area_text_bg.gif) right top no-repeat;
	float:right;
	padding: 15px;
	margin-right: 2px;
}
#information_area .text p{
	text-indent: 1em;
}
#information_area .text p a{
	text-decoration: none;
}
#information_area .text span a{
	text-decoration: none;
}
#information_area .text span{
	float:right;
	font-size: 12px;
}

#information_area h2{
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
	letter-spacing: 2px;
/*	text-indent: 1em;
*/}
#information_area h2 a{
	text-decoration: none;
}

#information_area p{
	font-size: 12px;
}
#information_area noscript{
	font-size: 12px;
	position: absolute;
	left:50px;
	top: 150px;
}
/* interview */
#interview{
	width: 330px;
	border: 1px solid #CCCCCC;
	margin-top: 20px; 
	float: left;
}
#interview dl{
	margin: 10px 15px 25px;
	font-size: 0.8em;
	clear: both;
}
#interview dl a{
	text-decoration: none;
}
#interview dd{
	margin-bottom: 10px;
}
#interview dt img{
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
#interview dd span.new{
	background: url(../images/common/new.gif) top right no-repeat;
	padding-right: 40px; 
	padding-bottom: 10px; 
}

/* topix */
#topix{
	width: 330px;
	border: 1px solid #CCCCCC;
	margin-top: 20px; 
	float: left;
	padding-bottom: 25px;
	clear: both;
}
#topix dl{
	margin: 10px 15px 20px;
	font-size: 0.8em;
}
#topix dl a{
	text-decoration: none;
}
#topix dd{
	margin-bottom: 20px;
}
#topix dt span.new{
	background: url(../images/common/new.gif) top right no-repeat;
	padding-bottom: 1px;
	padding-right: 40px; 
}

span#red{
	color:#FF0000;
	}
	
/* news */
#news{
	width: 330px;
	border: 1px solid #CCCCCC;
	margin-top: 20px; 
	float: right;
}
#news dl{
	margin: 10px 15px 25px;
	font-size: 0.8em;
	clear: both;
}
#news dl a{
	text-decoration: none;
}
#news dd{
	margin-bottom: 10px;
}
#news dt img{
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
*html #news dt img{
	margin-bottom: 0px;
}
*:first-child+html #news dt img{
	margin-bottom: 0px;
}
#news dd span.new{
	background: url(../images/common/new.gif) top right no-repeat;
	padding-bottom: 1px;
	padding-right: 40px; 
}
/* numata_ehan */
#numata_ehan{
	width: 310px;
	border: 1px solid #CCCCCC;
	margin-top: 20px; 
	float: right;
	background: url(../images/top/access_bg.gif) left top no-repeat;
	padding: 10px;
}
#numata_ehan a{
	text-decoration: none;
}
#numata_ehan p img{
	width: 80px;
	height: 74px;
	float: left;
	margin-right: 10px;
}
#numata_ehan h2{
	font-size: 0.8em;
}

#numata_ehan p{
	font-size: 0.8em;
}
/* iPhone */
#iPhone{
	width: 310px;
	border: 1px solid #CCCCCC;
	margin-top: 20px; 
	float: right;
	background: url(../images/top/access_bg.gif) left top no-repeat;
	padding: 10px;
}
#iPhone a{
	text-decoration: none;
}
#iPhone p img{
	width: 80px;
	height: 74px;
	float: left;
	margin-right: 10px;
}
#iPhone h2{
	font-size: 0.8em;
}
#iPhone p{
	font-size: 0.8em;
}
/* buy */
#buy{
	width: 310px;
	border: 1px solid #CCCCCC;
	margin-top: 20px; 
	float: right;
	background: url(../images/top/access_bg.gif) left top no-repeat;
	padding: 10px;
}
#buy a{
	text-decoration: none;
}
#buy p img{
	width: 80px;
	height: 74px;
	float: left;
	margin-right: 10px;
}
#buy h2{
	font-size: 0.8em;
}
#buy p{
	font-size: 0.8em;
}
/* access */
#access{
	width: 310px;
	border: 1px solid #CCCCCC;
	margin-top: 25px; 
	float: right;
	background: url(../images/top/access_bg.gif) left top no-repeat;
	padding: 10px;
}
#access a{
	text-decoration: none;
}
#access p img{
	width: 80px;
	height: 74px;
	float: left;
	margin-right: 10px;
}
#access h2{
	font-size: 0.8em;
}

#access p{
	font-size: 0.8em;
}

/* how_to_live */
#how_to_live{
	width: 213px;
	border: 1px solid #CCCCCC;
	float: right;
	background: #F1F1F1;
}
#how_to_live .white_area{
	width: 201px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 5px;	
}
#how_to_live p{
	font-size: 12px;
	margin: 10px;
}
#how_to_live ul{
	margin-bottom: 10px;
}

#how_to_live li{
	margin: 5px 7px;
	height: 22px;
	padding: 8px 10px 8px 35px;
}
html[xmlns*=""] body:last-child #how_to_live li{
	height: 20px;
	padding: 10px 10px 10px 35px;
}
#how_to_live li a{
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#how_to_live li.life{
	background:url(../images/top/life_bg.jpg) left center no-repeat;
}
#how_to_live li.faith{
	background:url(../images/top/faith_bg.jpg) left center no-repeat;
}
#how_to_live li.training{
	background:url(../images/top/training_bg.jpg) left center no-repeat;
}
#how_to_live li.distress{
	background:url(../images/top/distress_bg.jpg) left center no-repeat;
}
#how_to_live li.usual{
	background:url(../images/top/usual_bg.jpg) left center no-repeat;
}
#how_to_live li.home{
	background:url(../images/top/home_bg.jpg) left center no-repeat;
}
#how_to_live li.community{
	background:url(../images/top/community_bg.jpg) left center no-repeat;
}
#how_to_live li.words{
	background:url(../images/top/words_bg.jpg) left center no-repeat;
}
/* feel_closer */
#feel_closer{
	width: 213px;
	border: 1px solid #CCCCCC;
	float: right;
	background: #F1F1F1;
	margin-top: 5px; 
	margin-bottom: 10px;
}
#feel_closer .white_area{
	width: 201px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin: 5px;	
}
#feel_closer p{
	font-size: 0.8em;
	margin: 10px;
}
#feel_closer li{
	margin: 0 5px;
	padding: 10px 10px 10px 15px;
	font-size: 12px;
	font-weight: bold;
}
#feel_closer li img{
	vertical-align:middle;
	margin-right: 15px;
}

#feel_closer li a{
	color: #696969;
	text-decoration: none;
}
#feel_closer li a:hover{
	color: #dda54d;
}
#feel_closer li.under_line{
	border-bottom: dashed 1px #CCCCCC;
}
#feel_closer li span.text{
	font-size:11px;
	background: url(../images/top/recomend.gif) top left no-repeat;
	padding-top: 20px;
	vertical-align: -10px;
	}
#feel_closer li span.text_10{
	font-size:10.5px;
	background: url(../images/top/recomend.gif) top left no-repeat;
	padding-top: 20px;
	vertical-align: -10px;
	}
/*---ie8---*/
head~/* */body #feel_closer li span.text { 
	background: url(../images/top/recomend.gif) left no-repeat;
	 }
html:not(:target) #feel_closer li span.text {
	background: url(../images/top/recomend.gif) top left no-repeat;
	}

/*--- ban ---*/
p.ban{
	margin: 5px 0 10px;
	}