@charset "utf-8";
/* CSS Document */

body {
font-family:"ＭＳ ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","Osaka",sans-serif;
font-size:12px;
line-height:1.6;
}

/*------------------------------------------------
	head
------------------------------------------------*/

/* headLeft */

div#container div#header{
position:relative;
height:167px;
padding:0;
margin:0;
}

#headLeft{
float:left;
width:262px;
}

div#header h2#blogTtl{
background-image:none;
width:262px;
margin:0;
padding:0;
position: absolute;
top:45px;
left:13px;
}


/* headRight */

#headRight{
float:left;
width:679px;
position:absolute;
left:275px;
}


/*------------------------------------------------
   globalNav
------------------------------------------------*/

div#container ul#globalNav{
position:absolute;
left:0px;
top:97px;
height:69px;
}

div#container ul#globalNav li{
float:left;
/* display:block; */
display:inline;
height:69px;
line-height:1.0;
text-indent:-9999px;
}

div#container ul#globalNav li img{
line-height:0;
font-size:0;
vertical-align:bottom;
}

div#container ul#globalNav li a{
display:block;
height:69px;
outline:none;
}

div#container ul#globalNav li.m01 a{
width:133px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat left top;
}

div#container ul#globalNav li.m01,
div#container ul#globalNav li.m01 a:hover{
width:133px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat 0 -69px;
}

div#container ul#globalNav li.m02 a{
width:138px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -133px top;
}

div#container ul#globalNav li.m02,
div#container ul#globalNav li.m02 a:hover{
width:138px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -133px -69px;
}

div#container ul#globalNav li.m03 a{
width:129px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -271px top;
}

div#container ul#globalNav li.m03,
div#container ul#globalNav li.m03 a:hover{
width:129px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -271px -69px;
}

div#container ul#globalNav li.m04 a{
width:142px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -400px top;
}

div#container ul#globalNav li.m04,
div#container ul#globalNav li.m04 a:hover{
width:142px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -400px -69px;
}

div#container ul#globalNav li.m05 a{
width:137px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -542px top;
}
div#container ul#globalNav li.m05,
div#container ul#globalNav li.m05 a:hover{
width:137px;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_navi01.gif) no-repeat -542px -69px;
}


/*------------------------------------------------
	blog Contents
------------------------------------------------*/

#container #blogContents{
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/blog_bg01.gif) repeat-y left top;
}

/*------------------------------------------------
	left
------------------------------------------------*/

#container #blogContents #left{
float:left;
width:696px;
padding:0 16px;
border-right:#000000 solid 1px;
}

#container #blogContents #left #topicPath{
margin:0 0 0 0;
padding:5px 0 0 0;
height:inherit;
line-height:1.2;
text-align:left;
}

/* killer */

#killer{
padding:10px 0 10px 0;
}

/* ArchiveTitle */

#archive-title{
color:#fff;
font-size:16px;
font-weight:bold;
background-color:#000000;
height:24px;
padding:0 0 0 20px;
margin-bottom:10px;
}

/* content-nav */

p.content-nav{
margin-bottom:20px;
}

/* entry */

#left #entriesBox{
min-height:600px;
margin-bottom:15px;
}

#left div.entryBox {
width:694px;
margin-bottom:15px;
border:#000000 solid 1px;
}

#left div.entryBox img{
width:440px;
vertical-align:text-top;
margin:1em 1em 1em 0;
}

#left div.entryBox div.entryHead{
padding:30px 0 10px 0;
border-bottom:#000000 dotted 1px;
position:relative;
}

#left div.entryBox h2.entryTtl{
color:#000000;
font-size:14px;
line-height:1.3;
font-weight:bold;
width:415px;
height:auto;
background:url(http://www.kiyohara.co.jp/recruit/blogtest/image/entry_ttl_icn.gif) left 1px no-repeat;
padding:0 0 0 20px;
display:block;
float:left;
}

#left div.entryBox h2.entryTtl a{color:#000000;text-decoration:none;}
#left div.entryBox h2.entryTtl a:link{color:#000000;}
#left div.entryBox h2.entryTtl a:hover{color:#000000; text-decoration:underline;}
#left div.entryBox h2.entryTtl a:active{color:#000000;}



#left div.entryBox div.entryData{
position:absolute;
width:200px;
bottom:7px;
right:13px;
line-height:1.4;
font-size:10px;
}

#left div.entryBox div.entryData p{
text-align:right;
}


#left div.entryBox div.entry{
padding:20px 20px 2em 20px;
}

#left div.entryBox  p.continue{
padding:0 20px 20px 0;
text-align:right;
font-size:10px;
color:#FF6600;
}

#left div.entryBox  p.continue a{
text-decoration:none;
color:#FF6600;
}

#left div.entryBox  p.continue a:hover{
text-decoration:underline;
}

/* pagetop */

#container #left p.pagetop{
margin:0 0 10px 0;
padding:0 0 0 0;
text-align:right;
overflow:hidden;
}




/* #container #left p.pagetop img{
position:absolute;
right:0px;
}
 */

/*------------------------------------------------
	right
------------------------------------------------*/

div#container #blogContents #right h3
{
margin:0 0 10px 0;
padding:0;
width:197px;
}


div#container #blogContents #right{
float:left;
width:197px;
padding:20px 12px 210px 17px;
background:#FFFFFF url(http://www.kiyohara.co.jp/recruit/blogtest/image/right_bg.gif) left bottom no-repeat;
}

div#container #blogContents #right div{
background:#FFFFFF;
}

div#container #blogContents #right a{
color:#666666;
text-decoration:none;
}

div#container #blogContents #right a:hover{
text-decoration:underline;
}

#calendarBox,#latestBox,#archiveBox,#backBox{
width:197px;
}


#calendarBox{
margin-bottom:30px;
}

#latestBox{
margin-bottom:40px;
}

#backBox{
margin-top:10px;
}

div#container #blogContents #right ul li{
line-height:1.5;
}

div#container #blogContents #right #backBox ul li{
font-size:0;
line-height:1;
vertical-align:bottom;
}

div#container #blogContents #right #backBox ul li.backBtn01{
margin-bottom:5px;
}


/* calendar */
#calendar {
    margin: 0px;;
    color: #666666;
}

div#container #blogContents #right #calendar a{
	color:#FF6600;
	text-decoration:none;
	font-weight:bold;
}
	
#calendar td.calendarhead {
	padding-top:8px;
    padding-bottom: 5px;
    font-size: 12px;
}

div#container #blogContents #right #calendar td.calendarhead a{
color:#666666;
text-decoration:none;
font-weight:normal;
}

#calendar table {
    padding: 0;
    border-collapse: collapse;
	width:180px;
	margin:0 auto;
}
#calendar th {
    padding-bottom: 3px;
    text-align: center;
	color:#000000;
	font-weight:bold;
    font-size: 12px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    text-align: center;
    font-size: 12px;
    line-height: 110%;
}
.today {
    display: block;
	background:#FF9933;
	font-weight:normal;	
}

/*------------------------------------------------
	footer
------------------------------------------------*/

div#container div#footer {
border-top:1px solid #000000;
padding:10px 10px 10px 0pt;
width:945px;
}

div#container div#footer address {
float:left;
padding-left:512px;
}