@charset "utf-8";

/*------------------------------------------------------------


body
	.header
		.search	灰色部分
		.menu	メニュー
	.main						relative
		.contents	コンテンツ	margin-left
		.sidemenu	サイド		absolute
	.footer
	
-------------------------------------------------------------*/


body {
	text-align: center;
}

div.header,
div.main,
div.footer {
	text-align: left;
}


body {
	background-color: #ffffff;
	background-image: url(../images/bg.gif);
	background-repeat: repeat;
	/*background-position: 0px 171px;	*/

	color:#333333;
	/*font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;*/
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
	
	margin-bottom:100px;	
}
/* .bg{
	background-color: transparent;	
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-x;
}*/




/*----------------------------------------------------------------------
■ヘッダ部分
（灰色のオビとメインメニュー）

.header
	.search	灰色部分
		.searchform	フォーム
		.mail
	.menu	メニュー
		.account	アカウントステータス
		.mainmenu .submenu	メインメニュー
----------------------------------------------------------------------*/

div.header{
	width:933px;
	/*margin-left:30px;*/
	border-top:2px solid #94948D;
	margin: 0 auto;

}

/* 灰色サーチ段 */
.header .search{
	background-color: #A9A9A3;
	position: relative;
}


	.header ul.searchform{
		position: absolute;
		left: 551px;
		top: 0px;
		list-style-type: none;
		margin:0;padding:0;
	}
	
	.header ul.searchform li{
		float: left;
		margin:0;padding:0;
	}
	.header ul.searchform .q{
		margin:0;padding:0;
		width:169px;
		height:22px;		
		margin-top:3px;
		/*margin-right:10px;	*/	
	}
	
	.header ul.mail{
		position: absolute;
		left: 860px;
		top: 0px;
		list-style-type: none;
		margin:0;padding:0;
	}
	.header ul.mail li{
		float: left;
		margin:0;padding:0;
	}	


/*  メインロゴ、アカウント情報 、メインメニュー  */
.header .menu{
	border-top:2px solid #E1E1E1;
	position: relative;
	margin:0;padding:0;		z-index:100;
}

	/*  アカウント情報  */
	.header ul.account{
		position: absolute;
		right: 15px;
		top: 6px;
		list-style-type: none;
		margin:0;padding:0;
	}
	.header .menu li{
		float: left; margin:0; padding:0;
	}
	
	ul.account li.card{margin-right:2px;}
	ul.account li.message{margin:0 0px 0 6px;line-height:30px;padding-top:2px;}
	ul.account li.listhead{margin:0 0px 0 0;line-height:30px;padding-top:2px;}	
	ul.account li.point{margin:0 0px 0 0;line-height:30px;padding-top:2px;}
	
	
	
	/*  メインメニュー  */	
	.header ul.mainmenu{
		position: absolute;
		left: 481px;
		top: 44px;
		list-style-type: none;
		margin:0;padding:0;
	}	



	/*---------------submenu-----------------------------------------------------------*/

	.header .menu .submenu{
		width:137px;
		border:2px solid white;
		background-color:#C7ACE4;
		padding-bottom:1px;overflow:hidden;
	}
	.header .menu .submenu ul{
		margin:0;padding:0;		list-style-type: none; /*overflow:hidden;*/
	}	
	.header .menu .submenu li{
		margin:0px ! important;	padding:0px;		
		font-size:12px;
		clear:both;	
		line-height:1em;
		
	}
	.header .menu .submenu a, .header .menu .submenu a:visited{
		display: block; width:135px;
		background-color:#9C6BCE;
		text-decoration:none ! important;
		padding:5px 8px ! important;
		color:white ! important;
		margin:0 ! important;	overflow:hidden;	margin:0px ! important;
		border:1px solid #C7ACE4;
		border-bottom:0;
	}
	.header .menu .submenu a:hover{
		background-color:#4E3567 ! important;
		text-decoration:none ! important;
	}

	#sub_yomimono{
		background-color:#fff;
		position:absolute;
		left:481px;
		top:84px;
		visibility:hidden;
	}		
	#sub_yomimono a,#sub_yomimono a:visited{
		background-color:#62a0d5;
		border-color:#fff;
	}
	#sub_yomimono a:hover{
		background-color:#325169 ! important;
	}

		
	
	#sub_blog{
		background-color:#fff;
		position:absolute;
		left:480px;
		top:84px;
		visibility:hidden;
	}		
	#sub_blog a,#sub_blog a:visited{
		background-color:#9C6BCE;
		border-color:#fff;
	}
	#sub_blog a:hover{
		background-color:#4E3567 ! important;
	}

	#sub_miru{
		background-color:#fff;
		position:absolute;
		left:571px;
		top:84px;
		visibility:hidden;
	}		
	#sub_miru a,#sub_miru a:visited{
		background-color:#73a61e;
		border-color:#fff;
	}
	#sub_miru a:hover{
		background-color:#37451C ! important;
	}
	
	#sub_study{
		background-color:#fff;
		position:absolute;
		left:661px;
		top:84px;
		visibility:hidden;
	}		
	#sub_study a,#sub_study a:visited{
		background-color:#ab8c10;
		border-color:#fff;
	}
	#sub_study a:hover{
		background-color:#463B17 ! important;
	}
	
	
	
	#sub_hiroba{
		background-color:#fff;
		position:absolute;
		left:754px;
		top:84px;
		visibility:hidden;
	}		
	#sub_hiroba a,#sub_hiroba a:visited{
		background-color:#e74730;
		border-color:#fff;
	}
	#sub_hiroba a:hover{
		background-color:#672A24 ! important;
	}		
	
	
	

	/*---------------//submenu-----------------------------------------------------------*/	
	
	

/*----------------------------------------------------------------------
■メイン中段部分
（サイドメニューと記事部分）

.main 933px;
	.contents	記事部分 743px;
		.path	ぱんくずリスト
		.entrylist OR .entrystory	記事のリスト or 記事の中身
	.sidemenu	月別アーカイブ
	
----------------------------------------------------------------------*/


div.main{
	width:933px;
	margin: 0 auto;	
	position: relative;
}




/* ----right---- */
div.main .contents{
	width:743px;
	margin: 0 0 0 190px;

}

	/* ----パンクズリスト---- */
	.contents .path{
		height:52px;
		overflow:hidden;
		position: relative;
	}
	.contents .path p{
		position:absolute;top:16px;
	}

		.contents .path a,div.main .contents .path a:visited{
			color:#333 ! important;	text-decoration:none ! important;
		}
		.contents .path a:hover{
			color:#3366cc ! important;		text-decoration:underline ! important;
		}
		
		
	/* ----メインエリア共通背景---- */	
	.contents .contentsbg{
		background-color: #ffffff;
		background-image: url(../images/contents_bgb.gif); /* ----ボトム角丸---- */	
		background-repeat: no-repeat;	background-position:0 100%;	
	}





	/* ----メインエリア は、記事の一覧entrylistと、 記事entrystoryの詳細 の2種類 ---- */	




	/*  記事の一覧 ▼▼▼-------------------------------------------------------------
	.entrylist (コンテナ)
		.entryhead (タイトル コンテナ)
		
		.entryitems (アイテムズ コンテナ)
			.entryitem (アイテム)		
		.entryfoot (ページめくり コンテナ)
			
	*/
	
	.contents .entrylist{
		line-height:1.5em;
		padding:46px 0 0 0;
	}
		.entryhead{
			padding:0;
			border-left:9px solid #888;
			padding-left:13px;
			margin-left:70px;
		}		
			.entryhead h3{
				padding-top:8px;		padding-bottom:8px;
			}	
			
			
		.entryread{
			text-indent: 0em;
			padding-bottom:10px;
			margin-left:70px;
			margin-right:76px;				
		}		
			
			
		.entryitems{
				padding-top:10px;
		}		
			.entryitem{
				clear:both;	
				margin-top:25px;
				border-top:1px solid #BFBFBF;
				padding-top:27px;

			}		
			.entryitem table.itembox{/*743-71-68=604*/
					margin-left:71px !important;
					margin-right:68px !important;	
			}		
			.entryitem .date{padding:0px 0 0 0;}
			.entryitem .head{padding:10px 0 0 0;}
			.entryitem .caption{padding:16px 0 0 0;}
			.entryitem .btn{padding:12px 0 0 0;}
			
			.entryitem .photo div img{
				border:1px solid #333333;
			}
			.entryitem .photo div{
				/*background-color:#333333;
				border:6px solid #E0E0E0;*/
				text-align:center;
			}
			.entryitem .photo a:hover img{
				border:1px solid #3366CC;
			}


		.entryfoot{
			margin-top:25px;
			border-top:1px solid #BFBFBF;
			padding-top:25px;
			padding-bottom:57px;		
		}
		.entryfoot.pagenate td {
		  color: #f00;
		}

		.entryfoot  .pagetoplink{
			clear:both;
			padding-bottom:10px;
			padding-right:67px;			
		}				
			
			
	/*  //記事の一覧▲▲▲------------------------------------------------------------- */		




	/*  記事の内容 ▼▼▼-------------------------------------------------------------
	.entrystory (コンテナ)
		.storyhead (タイトル コンテナ)
		.storyread		リード
		.storyitem (アイテム)		
		.storyfoot (ページめくり コンテナ)
	*/

	.contents .entrystory{       /*743-70-73=600*/
		line-height:1.5em;
		padding:46px 70px 0 73px;
	}


		.storyhead{
			padding:0;
			border-left:9px solid #888;
			padding-left:13px;
		}

			.storyhead .date{/*記事見出し日付*/
				padding:0;
				text-indent: 0em ! important;
				padding-top: 4px ! important;
			}
		
		.storyread{
			text-indent: 0em;
			padding-bottom:10px;
			margin-top:40px;	
		}	
		
		
		
		.storyitem{
		
		}	
		
		.storyitem h4{/*記事ｈ*/
			clear:none;
			padding:0;
			margin:0.6em 0;
			margin-top:40px;
			font-weight:bold;
			color:#FB7E00;
			font-size:120%;
		}		
		.storyitem p{/*記事P*/
			clear:none;
			padding:0;
			margin:0.0em 0;
			line-height:2em;;
			text-indent: 0em;
		}
		
		.storyitem .datelink{
			clear:both;
			padding-top:36px;
		}	
		.storyitem .pagetoplink{
			clear:both;
			padding-top:20px;
		}				
			
		.storyfoot{
			clear:both;
			padding-top:30px;
			padding-bottom:57px;		
		}	
			
			
			/*------photo-------------------------------------------------------------*/
			.storyitem .photobox{
				clear:both;
				margin-top:40px;
				margin-left:20px;
				margin-bottom:40px;
				width:248px;
				/*background-color: #747474; //nobox*/
				float:right;
			}
			.storyitem .photobox div.photo{
				margin:5px;
				/*background-color: #333333; //nobox*/
				text-align:center;
			}
			.storyitem .photobox div.photo img{
				border:1px solid #333333;
			}	
			.storyitem .photobox div.photo a:hover img {	border:1px solid #3366CC;}
			.storyitem .photobox table{		margin:5px;	}
			.storyitem .photobox table td{
				height:50px;
				font-size:11px;
				/*color:white; nobox*/
				line-height:1.4em;
			}	
			/*------//photo-------------------------------------------------------------*/
				
		
		
			/*------photo BIG-------------------------------------------------------------*/
			.storyitem .photobox2{
				clear:both;
				margin-top:40px;
				text-align:center;
			}
			.storyitem .photobox2 table.box{
				 margin-left:auto;
				 margin-right:auto;
			}	
			
			.storyitem  .photobox2 div.photo{
				background-color: #ffffff;
				text-align:center;
			}
			.storyitem .photobox2 div.photo img{
				border:1px solid #333333;
			}	
			.storyitem .photobox2 div.photo a:hover img {	border:1px solid #3366CC;}
			.storyitem .photobox2 table{		margin:5px;	}
			.storyitem .photobox2 table td{
				height:50px;
				font-size:11px;
				line-height:1.4em;
			}	
			/*------//photo-------------------------------------------------------------*/	
			
		
		
		
		
		
		
		
		
	/*  記事の内容 ▲▲▲-------------------------------------------------------------*/		
		
		
		
		



	

		
	/*------関連-------------------------------------------------------------*/
	
	.kanren{
		margin-top:55px;
		border:1px solid #9C9C9C;
		margin-bottom:55px;
	}
	.kanren h4{
		margin:0;padding:0;		background-color:#E4E4E4;
	}
	.kanren ul{
		list-style-type: none;
		margin:0;padding:0;	
	}
	.kanren ul li{
		font-size:12px;
		margin:0;padding:0;	
		line-height:1.5em;
		margin:10px 0 10px 10px;
	}
		/*-- LINK --*/
		.kanren a, .kanren a:visited{
			color:#333333 ! important;
			text-decoration:none ! important;
		}
		.kanren a:hover{
			color:#3366cc ! important;
			text-decoration:underline ! important;
		}		
		
	

	/*-----------ユーザー評価-----------------------------------------------------*/
	#ratingbox{
			padding:0px 20px 60px 70px;	
	}
	#ratingbox .ratingmain{
			padding:0px 20px 0px 20px;
			background-image: url(../images/hiroba_sendcomment_bg.gif);
			background-repeat: repeat-y;
			background-position:0 0%;
	
	}
	
	#ratingbox .ratingmain .rateh{
			padding-top:26px;
			clear:both;
	
	}	
	#ratingbox .ratingmain .rateb{
			padding-top:12px;
	
	}	
	#ratingbox .ratebtn{

			clear:both;
			padding-top:25px;
			padding-bottom:14px;				
	}			
	#ratingbox .ratingmain li{
			padding-right:14px;
	
	}
	
	
	

	
	
/*----------------------------------------------------------------------
LEFT
----------------------------------------------------------------------*/


div.main .sidemenu{
	position:absolute;
	width:174px;
	margin: 0;
	left:0px;
	top:0px;

	background-color: #A7977E;
	/*position: relative;*/
}


	
	.sidemenu .list{
		position: relative;
		background-image: url(../images/side_archive_bg.gif);
		background-repeat: no-repeat;
	}
					.sidemenu .listbg{	/* bottom img*/
						position: relative;
						background-image: url(../images/side_archive_bgb.gif);
						background-repeat: no-repeat;	background-position:0 100%;		
					}
	
	.sidemenu .listbg ul.archive{
		list-style-type: none;
		margin:0;padding:0;
		padding-left:69px;
	}

	.listbg_newly5{	/* bottom img*/
		position: relative;
	}

.listbg_newly5 ul{
		list-style-type: none;
		background-color: #ffffff;
		margin:1;padding:4;
		font-size:12px;
		padding-left:5px;
}
.listbg_newly5 li {
  background: url(/images/archive_line.gif) repeat-x 0 100%;
  padding-bottom:12px;
  margin-top:10px;
}
	.sidemenu .listbg ul.archive li{
		 margin:0; padding:0;
		 background-color: #ffffff;
		 margin-bottom:1px;
		 background-image: url(../images/side_archive_ya.gif);
		 background-repeat: no-repeat;	
		 background-position: 18px 50%;
		 /*font-size:12px;*/
		 line-height:1em;
		 padding:6px 0px 6px 29px;	
	}
	
	.sidemenu .listbg .year{
		position:absolute;
		top:0px;left:0px;
		/*font-size:12px;*/
		color:white;
		padding-top:5px;
		padding-left:27px;
	}

	
	div.main .sidemenu .listbg ul.archive a{
		color:#333 ! important;	text-decoration:none ! important;
	}
	div.main .sidemenu .listbg ul.archive a:visited{
		color:#333 ! important;	text-decoration:none ! important;
	}
	div.main .sidemenu .listbg ul.archive a:hover{
		color:#3366cc ! important;		text-decoration:underline ! important;
	}
	
	.sidemenu .archivecombo{
		clear:both;
		margin:27px 0px 28px 0px ;
	}
	.sidemenu .archivecombo select{
		/*font-size:12px;*/
		margin:0px 0px 14px 13px ;
		width:148px;
	}



	


/*----------------------------------------------------------------------
FOOTER
----------------------------------------------------------------------*/


div.footer{
	width:933px;
	margin: 0 auto;	
	position: relative;
	/*border:1px solid red;*/
	margin-top:21px;
	padding-bottom:21px;	
}

div.footer .line{
	overflow:hidden;	/*border:1px solid red;*/
}

div.footer ul{
		/*position: absolute;
		right: 15px;
		top: 6px;*/
		list-style-type: none;
		margin:0;padding:0;
}
	div.footer li{
		float: left; margin:0; padding:0;
	}
div.footer .copy{
		position: absolute;
		right: 0px;
		top: 2px;
}









	.ya_g{
		font-size:12px;
		background-image: url(../images/ya_g.gif);
		background-repeat: no-repeat;
		background-position: 0 50%;		
		padding:0 0 0 10px;	
	}





.body3h{
	font-size:12px;
	line-height:1.6em;
	
}


			ul.fl{
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			ul.fl li{
					list-style-type: none;
					float: left;
					margin:0;padding:0;
			}