@charset "utf-8";
/*****************************************
*
*　　■人事ブログ共通スタイル
*
******************************************/

body{
	color: #333;
	margin: 0;
	padding:0;
	font-size: 80%;
	text-align: center;
	background: url(img/main_head.jpg) center top no-repeat;
}



/*---------------------------------------*
*　■初期設定 + 共通
*----------------------------------------*/

address, div, form, h1, h2, h3, h4, h5, h6, ol, ul, dl, dt, dd, p, img, strong, table, th, tr, td, em, span {
	color: #333;
	margin: 0;
	padding:0;
	border: none;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	list-style: none;
}
table, th, tr, td{
	border: none;
	border-collapse: collapse;
}
img{
	vertical-align: middle;
}
a{
	color: #f60;
	text-decoration: none;
}
a:hover{
	color: #fff;
	background: #f60;
}


.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix{
	display: inline-table;
	min-height: 1%;
}
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/










/*---------------------------------------*
*　■ブログ エントリー
*----------------------------------------*/
#weblog{
	line-height: 1.3em;
	letter-spacing: 0.1em;
	
	
	
	padding-left: 30px;
}
#weblog div.entry{
	/*margin: 0 30px 20px 30px;*/
	margin: 0 30px 20px 0px;
	
	
	width: 470px;
	overflow-x:auto;
}

#weblog div.entry p{
	margin-bottom: 0.75em;
}

#weblog p.pankuzu{
	padding: 2px 6px;
	margin: 0 30px 16px 0px;
	font-size: 0.8em;
	background: #ffe0b2;
}


#weblog h2{
	color: #f60;
	height: 31px;
	line-height: 18px;
	text-indent: 30px;
	margin-bottom: 12px;
	background: url(img/caption.gif) left top no-repeat;
}
#weblog p.body{
	margin-bottom: 12px;
}
#weblog p.more{
	text-align: center;
	margin-bottom: 16px;
}
#weblog p.more a{
	display: block;
	width: 51px;
	height: 9px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: -9999px;
	background: url(img/bt_more.gif);
}
#weblog p.date{
	padding-top: 8px;
	font-size: 0.8em;
	text-align: center;
	letter-spacing: 0.06em;
	font-family: "verdana", "MS Pゴシック", "Osaka";
	background: url(img/border.gif) center top no-repeat;
}
#weblog p.pagetop{
	text-align: center;
	overflow: hidden;
	text-indent: -9999px;
}
#weblog p.pagetop a{
	width: 18px;
	height:18px;
	display: block;
	margin: 0 auto;
	 background: url(img/bt_top.gif);
}
#weblog p.entryNavi{
	text-align: center;
}
#weblog p.back{
	text-align: center;
	margin: 8px 0 12px 0;
	padding-top: 8px;
	background: url(img/border.gif) center top no-repeat;
}




/*サイトマップ-------------------------
---------------------------------------*/
#weblog div.sitemap{
	margin: 0 30px 20px 0px;
}

#weblog div.sitemap ul{
	list-style-image: url(img/arrow.gif);
	padding-left: 24px;
}

#weblog div.sitemap li{
	text-indent: 0.5em;
	margin-bottom: 12px;
	padding-bottom: 4px;
	background: url(img/border.gif) left bottom repeat-x;
}





/*エントリーアーカイブ-------------------
-----------------------------------------*/
#weblog div.archive{
	width: inherit;
	margin: 0 30px 16px 0px;
}
#weblog div.entry h3,
#weblog div.archive h3{
	padding: 2px 6px;
	margin-bottom: 6px;
	background: #ffe0b2;
}
#weblog div.archive p{
	margin-bottom: 12px;
	padding-left: 1em;
}
#weblog div.archive table{
	width: 100%;
	margin-bottom: 12px;
}
#weblog div.archive th{
	width: 120px;
	text-align: center;
}










/*---------------------------------------*
*　■all
*----------------------------------------*/
#all{
	width: 706px;
	margin: 0 auto 4px auto;
	text-align: left;
	padding-bottom: 12px;
}








/*---------------------------------------*
*　■header
*----------------------------------------*/
#header{
	height: 109px;
	margin-bottom: 4px;
}

#header h1 a{
	width: 230px;
	height: 100px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
#header h1 a:hover{
	background: none;
}








/*---------------------------------------*
*　■content
*----------------------------------------*/
#content{
}








/*---------------------------------------*
*　■mainContents
*----------------------------------------*/
#mainContents{
	width: 535px;
	float: right;
	margin-top: 123px;
}









/*---------------------------------------*
*　■weblog
*----------------------------------------*/
#weblog{
	padding-top: 12px;
	background: url(img/background.jpg) repeat-y;
}







/*---------------------------------------*
*　■footer
*----------------------------------------*/
#footer{
	font-size: 0.8em;
	font-family: "verdana", "MS Pゴシック", "Osaka";
	text-align: center;
	padding-top: 10px;
	background: url(img/c_foot.jpg) left top no-repeat;
}








/*---------------------------------------*
*　■sidebar
*----------------------------------------*/
#sidebar{
	float: left;
	width: 167px;
	height: 600px;
	background: url(img/menu_head.gif) left top no-repeat;
}
#sidebar h3{
	margin-top: 10px;
	text-indent: -9999px;
}
#sidebar h3 a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#sidebar h3 a:hover{
	 background: none;
}











/*---------------------------------------*
*　■entryList
*----------------------------------------*/
#entryList{
}

#entryList h3{
	height: 28px;
	padding-top: 10px;
	background: #FFE0B2 url(img/menu_new.gif) no-repeat center bottom;
}


#entryList dl{
	padding: 10px 0 0 10px;
	background-color: #FFE0B2;

	/* FIX */
	border-bottom: 1px solid #FFE0B2;
}
#entryList dt{
	font-size: 0.8em;
	margin-bottom: 3px;
}
#entryList dd{
	font-size: 0.8em;
	margin-bottom : 12px;
	padding-bottom: 8px;
	background: url(img/border.gif) left bottom no-repeat;
}








/*---------------------------------------*
*　■links
*----------------------------------------*/
#links{
	background-color: #FFE0B2;
	padding-left: 10px;
	padding-bottom: 5px;
	
	/* FIX */
	border-top: 1px solid #FFE0B2;
}

#links h3{
	height: 18px;
	background: url(img/menu_link.gif) no-repeat center top;
}