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

	For index file

	Last update : 2011.3.28
	mio urakami

	---------------------------
	1-0 structure

	2-0 visual setting
		2-1 common
		
  --------------------------------------------*/


/*------------------------------------------------------------------------------------------------------------
  1-0 structure
-------------------------------------------------------------------------------------------------------------*/

#middlemenu{
	clear:both;
}

#contents{
	float:left;
	width:328px;
	margin:24px 0 0 0;
	padding-bottom:10px;
}

#osorasan{
	float:right;
	width:378px;
	padding-top:10px;
}

#column h2{
	float:right;
	width:106px;
}

#column .blockarea{
	float:left;
	width:270px;
}

#middlemenu .wordsmenu{
	float:left;
	width:250px;
	padding:11px;
}

#middlemenu .basicmenu, #middlemenu .columnmenu{
	float:left;
	width:283px;
	padding:11px;
}



/*------------------------------------------------------------------------------------------------------------
  2-0 visual setting
-------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------
  2-1 common
----------------------------------------------------------------------------------------*/

#main{
	width:729px;
	padding:0 12px 0 159px;
	background:#fff url("../img/index/p_3030image_s.jpg") no-repeat left top;
	padding-bottom:0;
}

#headcontents p.banner{
	padding:17px 0 8px 0;
	line-height:1;
}


/* ----------------------------------------------------------------------------------------
  2-1 basic
----------------------------------------------------------------------------------------*/

#basic .block{
	position:relative;
	margin:0 0 0 6px;
	padding-top:9px;
	padding-bottom:6px;
	border-top:2px dotted #e1ded2;
}

#basic .block .photo{
	position:absolute;
	top:11px;
	right:0;
}

#basic h2{
	padding:0 0 16px 5px;
}

#basic .block .text{
	padding:5px 0;
	line-height:1.3;
	color:#666;
	line-height:1.34;
}

#basic .block h3{
	padding-bottom:6px;
	font-weight:bold;
	font-size:117%;
	line-height:1.3;
}


#basic .block .text, #basic .block h3, #basic .block .date{
	padding-right:86px;
}

#basic .block .date{
	padding-bottom:6px;
	color:#0ca3d5;
	font-size:86%;
	line-height:1;
}


/* ----------------------------------------------------------------------------------------
  2-3 columnおそらさん
----------------------------------------------------------------------------------------*/

#osorasan .block{
	position:relative;
	margin:0;
	padding:24px 0 24px 0;
}

#osorasan .border{
	border-top:3px dotted #e1ded2;
}

#osorasan .block .photo{
	position:absolute;
	z-index:1;
	top:46px;
	right:0;
}

#osorasan h2{
	position:relative;
	z-index:10;
	padding-bottom:10px;
}

#osorasan .block h3{
	position:relative;
	z-index:12;
	width:215px;
	padding-bottom:6px;
	font-size:150%;
	line-height:1.3;
}

#osorasan .block h3 a:link{
	text-decoration:none;
}

#osorasan .block h3 a:visited{
	text-decoration:none;
}

#osorasan .block h3 a:hover{
	text-decoration:underline;
}

#osorasan .block h3 img{
	position:relative;
	top:-3px;
	margin-left:5px;
}

#osorasan .block .text{
	position:relative;
	z-index:11;
	width:220px;
	padding:8px 0 10px;
	line-height:1.5;
	color:#666;
}

#osorasan .block .date{
	color:#0ca3d5;
	font-size:86%;
	line-height:1;
}

#osorasan p.hr{
	margin:0;
	padding:0;
	line-height:0;
}

/* ----------------------------------------------------------------------------------------
  2-1 middlemenu
----------------------------------------------------------------------------------------*/
#middlemenu{
	width:900px;
	margin:0 auto;
	padding-top:7px;
}

#middlemenu a{
	text-decoration:none;
}

#middlemenu .wordsmenu, #middlemenu .basicmenu, #middlemenu .columnmenu{
	background:#fafaf7;
	border:1px solid #e1ded2;
	text-align:left;
}

#middlemenu .wordsmenu, #middlemenu .basicmenu{
	margin-right:6px;
}

#middlemenu h2{
	padding-bottom:20px;
}

#middlemenu h3{
	padding:0 0 5px 2px;
}

#middlemenu ul{
	margin:0 8px 8px 8px;
	list-style:none;
}

#middlemenu li{
	margin:0 0 0.5em 0;
	padding-left:6px;
	background:url("../img/arw/arw_pink01.gif") no-repeat 0 4px;
	line-height:1.34;
}

#middlemenu .basicmenu li{
	margin:0 0 0.3em 0;
	padding-left:10px;
	background:url("../img/icon/icon_l_grey01.gif") no-repeat 0 4px;
	line-height:1.34;
}

#middlemenu .list{
	padding-right:8px;
	background:url("../img/arw/arw_pink01.gif") no-repeat 100% 3px;
	text-align:right;
	line-height:1;
}

#middlemenu .hairmenu, #middlemenu .cosmemenu{
	margin-top:30px;
}