@charset "UTF-8";

/* ------------------------------------------------------------
	スペシャル
	------------------------------------------------------------*/
#header{
	background:url(images/main/top_bg.gif) no-repeat;
	height: 300px;
	min-height: 300px;
	}
#main.special{
	width:920px;
	background:url(images/main/main_bg.gif) no-repeat;
	}
.contentBlock{
	width:860px;
	margin:0 auto;
	padding:12px 0 0 0;
	}
.contentInner{
	}
.contentMain{
	width:860px;
	margin:0 auto;
	}
.right{
	width:261px;
	float:right;
	}
.left{
	width:580px;
	float:left;
	}
.border{
	padding:0 0 15px 0; 
	}
h2{
	position: absolute;
	top: 142px;
	left: 231px;
	}
.maintit {
	position: absolute;
	top:200px;
	left:80px;
	}
.toMember {
	position: absolute;
	top:126px;
	right:80px;
	}
/* ------------------------------------------------------------
	コラム記事部分
	------------------------------------------------------------*/
.columnArea{
	position:relative;
	width:580px;
	height:60px;
	}
.columnArea p{
	position:absolute;
	bottom:12px;
	right:0px;
	color:#79578c;
	}
.leftPhoto{
	padding:5px 15px 10px 0;
	float:left;
	}
.rightPhoto{
	padding:0 0 15px 15px;
	float:right;
	}
.columnMain{
	clear:both;
	padding-bottom:20px;
	}
.columnMain p{
	padding-bottom:10px;
	font-size:100%;
	color:#543964;
	}
.columnTxt{
	width:505px;
	}
.columnTxt1{
	padding:10px 0 0 0;
	}
.columnTxt2{
	padding:10px 0 0 0;
	}

/* ------------------------------------------------------------
	関連記事
	------------------------------------------------------------*/
.newsArea{
	width:580px; 
	}
.newsArea img{
	float:left;
	}
.newsArea p{
	padding:20px 7px 0 0;
	float:right;
	color:#79578c;
	}
.new{
	width:580px;
	padding:0.2% 0;
	border-bottom:1px dotted #ffcafd;
	}
.newTwo{
	width:580px;
	padding:0.2% 0;
	background:#fff8fc;
	border-bottom:1px dotted #ffcafd;
	}
.tum{
	float:left;
	padding:4px 0 5px 0;
	}
.txt{
	float:right;
	width:490px;
	font-size:10px;
	color:##381B49;
	}
.txt ul{
	padding:8px 0 0 0;
	}
.txt li{
	padding:0px;
	margin:0px;
	line-height:0%;
	font-size: 11px;
	}
.txt li.photo{
	padding:0 0 10px 0;
	}
.txt li.font{
	padding:0px;
	margin:0px;
	line-height:160%;
	}
.txt .font2{
	color:#b67cd9;
	line-height:normal;
	}
/* ------------------------------------------------------------
	次回のテーマ
	------------------------------------------------------------*/
.theme{
	background: url(images/main/theme_bg.gif) no-repeat;
	height: 217px;
	margin-bottom: 15px;
	}
.themeInner{
	width:238px;
	margin: 0 auto;
	}
.themeInner a:link{
	color: #1ab546;
	text-decoration: underline;
	}
.themeInner p{
	font-size::77%;
	line-height: 130%;
	color: #467400;
	padding: 0 0 5px 0;
	}
.themeInner p.small{
	font-size::9px;
	}
.themeInner .next{
	padding: 15px 0 10px 0;
	}
/* ------------------------------------------------------------
	アンケート
	------------------------------------------------------------*/
.Question {
	}
.Question img{
	vertical-align: top;
	margin: 0px;
	line-height:0;
}
.questionBottom {
	position: relative;
	background: url(images/main/questionBottom.gif) no-repeat;
	height: 33px;
	min-height: 33px;
	}
.questionBottom img {
	position: absolute;
	top: 5px;
	right: 15px;
	}
/* ------------------------------------------------------------
	ブログリスト
	------------------------------------------------------------*/
#blog_list {
	margin: 20px 0 0 0;
	background: url(images/main/blog_bg.gif) 0 39px no-repeat;
	text-align: center;
	width: 260px;
	height: 361px;
	}
#blog_list .scrollable { 
	background: url(images/main/blog_line.gif) bottom no-repeat;  
	position:relative; 
	overflow:hidden;     
	height: 225px;      
	width: 230px;
	margin: 0 auto 3px;
	text-align: left;   
	}
#blog_list .scrollable .items {
	position:absolute;    
	height:20000em;   
	}
#blog_list .scrollable .items div {
	background: url(images/main/blog_line.gif) bottom no-repeat;
	width: 230px;
	height: 42px;
	padding: 0 0 3px 0;
	overflow: hidden;
	}
#blog_list .scrollable .items img {
	margin: 2px 5px 0 0;
	float: left;
	}
#blog_list .scrollable .items p {
	margin: 15px 0 0 0;
	}
#blog_list .scrollable .items p.style2 {
	margin: 5px 0 0 0;
	}
#blog_list .blog_footer {
	text-align: right;
	margin: 3px 15px 0 0;
	_margin: 0px 15px 0 0;
	}
/* ------------------------------------------------------------
	バックナンバーリスト
	------------------------------------------------------------*/
#bn_list {
	margin: 20px 0 0 0;
	background: url(images/main/bn_bg.gif) 0 39px no-repeat;
	text-align: center;
	width: 260px;
	height: 382px;
	}
#bn_list .scrollable { 
	background: url(images/main/bn_line.gif) bottom no-repeat;  
	position:relative; 
	overflow:hidden;     
	height: 255px;      
	width: 230px;
	margin: 0 auto 3px;
	text-align: left;   
	}
#bn_list .scrollable .items {
	position:absolute;    
	height:20000em;   
	}
#bn_list .scrollable .items div {
	background: url(images/main/bn_line.gif) bottom no-repeat;
	width: 230px;
	height: 49px;
	padding: 0 0 2px 0;
	overflow: hidden;
	}
#bn_list .scrollable .items img.photo {
	margin: 6px 5px 0 0;
	float: left;
	}
#bn_list .scrollable .items p {
	margin: 6px 0 0 0;
	line-height: 200%;
	}
/*矢印アイコン*/
#bn_list .scrollable .items a{
	color: #1c4770;
	/*padding: 0 0 0 10px;*/
	/*background: url(images/main/bn_arrow.gif) no-repeat 0 1px;*/
	}
	
/* ------------------------------------------------------------
	ボタンリンク設定
	------------------------------------------------------------*/
#blog_list .prev a,
#blog_list .next a,
#bn_list .prev a,
#bn_list .next a {
	margin: 0 auto 5px;
	_margin: 0 auto 2px;
	display: block;
	width: 29px;
	height: 29px;
	text-indent: -10000px;
	overflow: hidden;
	background: url(images/main/list_btn.gif) no-repeat 0px 0px;
	/*margin: 0 0 5px 0;*/
	}
#bn_list .next a {
	background: url(images/main/list_btn.gif) no-repeat -58px -87px;
	/*margin: 0 0 5px 0;*/
	}
#blog_list .next a{
	background: url(images/main/list_btn.gif) no-repeat -58px -29px;
	/*margin: 0 0 5px 0;*/
	}

#blog_list div.prev a:link {
	background: url(images/main/list_btn.gif) no-repeat 0px 0px;
	}
#blog_list div.prev a:hover {
	background: url(images/main/list_btn.gif) no-repeat -29px 0px;
	}
#blog_list div.next a:link {
	background: url(images/main/list_btn.gif) no-repeat 0px -29px;
	}
#blog_list div.next a:hover {
	background: url(images/main/list_btn.gif) no-repeat -29px -29px;
	}
#blog_list div.disabled a.next {
	background: url(images/main/list_btn.gif) no-repeat -58px -29px;
	}
#blog_list div.disabled a.prev {
	background: url(images/main/list_btn.gif) no-repeat -58px 0px;
	}
#bn_list div.prev a:link {
	background: url(images/main/list_btn.gif) no-repeat 0px -58px;
	}
#bn_list div.prev a:hover {
	background: url(images/main/list_btn.gif) no-repeat -29px -58px;
	}
#bn_list div.next a:link {
	background: url(images/main/list_btn.gif) no-repeat 0px -87px;
	}
#bn_list div.next a:hover {
	background: url(images/main/list_btn.gif) no-repeat -29px -87px;
	}
#bn_list div.disabled a.next {
	background: url(images/main/list_btn.gif) no-repeat -58px -87px;
	}
#bn_list div.disabled a.prev {
	background: url(images/main/list_btn.gif) no-repeat -58px -58px;
	}