@charset "utf-8";

/* --------------------------------------------------
	SiteName : narashinorirou.com
	FileName : index.css
	Description : index styles
	Author : name
	UpdatedBy : who-when
	
	== TOC =========================================
	1 : idxInformation styles
	
-------------------------------------------------- */


#contentsArea{
	padding:0 0 20px 0;
	background:transparent url(../images/bg_main-visual.jpg) no-repeat center top;
	zoom:1;
}
#mainVisual{
	position:relative;
	height:287px;
}
#mainVisual h1{
	position:absolute;
	right:30px;
	top:28px;
}


/* 1. idxInformation styles
================================================== */
#idxInformation{
	position:absolute;
	left:610px;
	top:125px;
	width:360px;
	background:transparent url(../images/bg_information_hdr.gif) no-repeat left top;
}
#idxInformationInner{
	padding:14px 20px;
	background:transparent url(../images/bg_information_ftr.gif) no-repeat left bottom;
}
#idxInformation h2{
	margin:0;
	border-bottom:solid 1px #22bcc6;
}
#idxInformation ul{
	height:101px;
//	font-size:x-small;
	font-size:small;
	overflow:auto;
}
#idxInformation li{
	padding:6px 0 6px 9px;
	border-bottom:dashed 1px #bababa;
	background:transparent url(../common/images/icn_arw_01.gif) no-repeat left center;
	line-height:1.3;
}
#idxInformation li span.date{
	padding:0 8px 0 0;
}


#idxFirst{
	margin:0 0 5px 0;
	padding:17px 0 0 0;
	background:transparent url(../images/bg_idxfirst_hdr.gif) no-repeat left top;
}
#idxFirstInner{
	padding:0 19px 6px 18px;
	background:transparent url(../images/bg_idxfirst_ftr.gif) no-repeat left bottom;
}

/* narashinoMap */
#narashinoMap{
	float:left;
	margin-right:38px;
	width:286px;
}
#narashinoMap h2{
	margin:0 0 8px 0;
} 
#narashinoMap dt{
	float:left;
	width:70px;	
}
#narashinoMap dd{
	float:right;
	width:206px;
//	font-size:x-small;
	font-size:small;
}

/* narashinoHistory */
#narashinoHistory{
	float:left;
	width:286px;
}
#narashinoHistory h2{
	margin:0 0 5px 0;
}
#narashinoHistory dt{
	float:left;
	width:70px;	
}
#narashinoHistory dd{
	float:right;
	width:206px;	
}
#narashinoHistory p{
	margin:0 0 6px 0;
//	font-size:x-small;
	font-size:small;
}
#narashinoHistory dd li{
	margin:0 0 8px 0;
//	font-size:x-small;
	font-size:small;
}

/* narashinoLove */
#narashinoLove{
	float:right;
	width:286px;
}
#narashinoLove h2{
	margin:0 0 5px 0;
}
#narashinoLove dt{
	float:left;
	width:70px;	
}
#narashinoLove dd{
	float:right;
	width:206px;	
}
#narashinoLove p{
	margin:0 0 6px 0;
//	font-size:x-small;
	font-size:small;
}
#narashinoLove dd li{
	margin:0 0 8px 0;
//	font-size:x-small;
	font-size:small;
}


/* narashinoBlog */
#narashinoBlog{
	float:left;
	width:646px;
	padding:17px 0 0 0;
	background:transparent url(../images/bg_blog_hdr.gif) no-repeat left top;
//	font-size:x-small;
	font-size:small;
}
#narashinoBlogInner{
	padding:0 18px 10px 18px;
	background:transparent url(../images/bg_blog_ftr.gif) no-repeat left bottom;
}
#narashinoBlog h2{
	margin:0 0 5px 0;
}
#narashinoBlog p{
	margin:0 0 6px 0;
}
#narashinoBlog div.blog{
	width:300px;
	zoom:1;
}
#narashinoBlog div.blog:after{
	content:".";
	display:block;
	clear:both;
	height:0.1px;
	visibility:hidden;
}
/*\*//*/
#narashinoBlog div.blog{
	display:inline-table;
}
/**/
#narashinoBlog div.photo{
	float:left;
	width:70px;
}
#narashinoBlog dl{
	float:right;
	width:220px;
}
#narashinoBlog dt{
	margin:0 0 3px 0;
}
#narashinoBlog dt img{
	vertical-align:bottom;
}
#narashinoBlog dd li{
	margin:0 0 5px 0;
}


#idxBanner{
	float:right;
	width:322px;
	padding:5px 0 0 0;
}
#idxBanner p{
	margin:0 0 10px 0;
	text-align:center;
}