@import url("/recruit/common/css/import.css");


/* standard helper classes */

.clr
{
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after
{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */



/*ナビ（右側）中身
----------*/
#l_navi_wrap h2.page_ttl{
	border-bottom:1px solid #CCCCCC;
	margin:0 0 10px 0;
	}	


/*プロフィール、最近のエントリー、カテゴリー、アーカイブ共通
----------*/
#profWrap,
#moduleEntryWrap,
#moduleCommentWrap,
#moduleCategoryWrap,
#moduleArchiveWrap,
#moduleSearchWrap{
	width:100%;
	margin:0 0 10px 0;	
	}

#moduleEntryWrap h2,
#moduleCommentWrap h2,
#moduleCategoryWrap h2,
#moduleArchiveWrap h2,
#moduleSearchWrap h2{
	border-bottom:1px solid #333333;
	border-top:1px dotted #cccccc;
	text-align:left;
	font-size:75%;
	padding:5px 0 5px 3px;
	margin:5px 0 3px 0;
	}

/*#moduleEntryWrap h2 a,
#moduleCommentWrap h2 a,
#moduleCategoryWrap h2 a,
#moduleArchiveWrap h2 a,
#moduleSearchWrap h2 a{
	display:block;
	height:28px;
	}*/

#moduleEntryWrap ul,
#moduleCommentWrap ul,
#moduleCategoryWrap ul,
#moduleArchiveWrap ul,
#moduleSearchWrap ul{
	width:85%;
	_width:82%;
	text-align:left;
	}

#moduleEntryWrap ul li,
#moduleCommentWrap ul li,
#moduleCategoryWrap ul li,
#moduleArchiveWrap ul li,
#moduleSearchWrap ul li{
	/*list-style-type:square;*/
	background:url(images/icon_lnavi02.gif) no-repeat 0 3px;
	margin:0 0 5px 5px;
	_margin:0 0 5px 0;
	padding:0 0 0 10px;
	font-size:70%;
	line-height:120%;
	text-align:left;
	}


/*プロフィール
----------*/
#profWrap{
	padding:0 0 5px 0;
	text-align:center;
	}
#profWrap .profInner{
	width:130px;
	margin:0 auto;
	text-align:left;	
	}
#profWrap img{
	margin:0 0 5px 0;
	}
#profWrap h2{
	text-align:left;
	font-size:75%;
	margin:0 0 3px 0;
	}


/*アーカイブ
----------
#moduleArchiveWrap h2 a{
	border:none;
	padding:0;
	}*/

/*検索
----------*/
#moduleSearchWrap form{
	padding:0;
	}

/*フィード、ライセンス、パワード
----------*/
#moduleSyndicateWrap,
#moduleCreativeCommonsWrap,
#modulePoweredWrap{
	width:100%;
	margin:0 0 10px 0;
	padding:5px 0;
	border-top:1px dotted #cccccc;
	border-bottom:1px dotted #cccccc;
	}
#moduleSyndicateWrap p,
#moduleCreativeCommonsWrap p,
#modulePoweredWrap p{
	font-size:70%;
	text-align:left;
	margin:0 10px;
	}

/*CALENDER
------------*/
#calendar {
	width: 100%;
    /*margin: 5px 0 10px;;
    color: #444444;*/
}


#moduleCalendarWrap {
	width: 100%;
	margin:0 0 20px 0;	
	/*font-size:12px;*/
	}

#moduleCalendarWrap .calendarhead{
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	font-size:12px;
	padding:3px 0;
	margin:0 0 3px 0;
	background:#333333;
}

#moduleCalendarWrap .calendarhead a{
    color:#FFFFFF;
}

#moduleCalendarWrap table{
	border:none;
	width: 100%;
	border-collapse:collapse;
	border:none;
    background:#ffffff;
    font-size:10px;
	padding: 0;
}

#moduleCalendarWrap th,
#moduleCalendarWrap td {
	border-top:1px solid #cccccc;
	border-right:none;
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	text-align: center;
	padding:3px 0;
	}

#moduleCalendarWrap th {
	font-weight: normal;
	width:14%;
	}
#moduleCalendarWrap td {
	color:#666666;
	line-height: 120%;
	}

#moduleCalendarWrap td a {
	font-weight: bold;
	color:#0097d2;
	}

#moduleCalendarWrap .today {
    display: block;
    background: #4cbedf;	
}

#moduleCalendarWrap .sunday,
#moduleCalendarWrap .holiday,
#moduleCalendarWrap .holiday a:link,
#moduleCalendarWrap .holiday a:visited {
	color:#CC0000;
}

#moduleCalendarWrap .saturday,
#moduleCalendarWrap .saturday a:link,
#moduleCalendarWrap .saturday a:visited {
	color:#0000CC;
}






/*メインコンテンツ（左側）中身
----------*/


.entryUnit,
.trackbacks,
.comments,
.commentsOpen{
	width:100%;
	margin:0 0 15px 0;
	}

.entryUnit ul.entryFooter,
.trackbacks ul.trackbackFooter,
.comments ul.commentFooter{
	width:100%;
	text-align:right;
	padding:3px 0 0 0;
	border-top:1px solid #cccccc;
	}

.entryUnit ul.entryFooter li,
.trackbacks ul.trackbackFooter li,
.comments ul.commentFooter li{
	font-size:70%;
	text-align:left;
	display:inline;
	margin:0 3px 0 0;
	}


/*エントリー他
----------*/
.dateHeader{/*日付*/
	font-size:70%;
	font-weight:bold;
	text-align:left;
	color:#0097d2;
	}

.entryUnit{
	/*設定は「共通」*/
	}
.entryUnit .entryHeader{
	font-size:90%;
	color:#333333;
	text-align:left;
	border-bottom: 1px solid #333333;
	padding: 2px 0 10px 3px;
	margin:0 0 3px 0;
	}
.entryUnit .entryBody{
	width:100%;
	line-height:1.4em;
	}
.entryUnit p{
	font-size:75%;
	text-align:left;
	margin:0 0 5px 0;
	}

.entryUnit ul.entryFooter{
	/*設定は「共通」*/
	}

.entryUnit ul.entryFooter li{
	/*設定は「共通」*/
	}

/*アーカイブページarchive.html*/
.archiveHeader{
	font-size:90%;
	color:#333333;
	text-align:left;
	border-bottom: 1px solid #333333;
	padding: 2px 0 10px 3px;
	margin:0 0 10px 0;
	}
ul.archiveList{
	text-align:left;
	margin:0 0 0 0;
	}
ul.archiveList li{
	font-size:75%;
	text-align:left;
	line-height:120%;
	/*background:url(images/e_ttl_icon.gif) no-repeat 0 2px;
	/*text-indent:45px;*/
	margin:0 0 5px 0;
	padding:0 0 5px 0;
	list-style-type:square;
	list-style-position:inside;
	border-bottom:1px dotted #cccccc;
	}


/*テンプレーーーアーカイブ内
-----------------*/
.contentNav{/*前へ次へ*/
	text-align:center;
	margin:0 0 10px 0;
	font-size:75%;
	font-weight:bold;
	padding:3px 0;
	border-bottom:1px dotted #cccccc;
	border-top:1px dotted #cccccc;
	}


/*エントリーアーカイブ共通*/

.trackbacks .trackbacksHeader,
.comments .commentsHeader,
.commentsOpen .commentsOpenHeader{
	font-size:75%;
	text-align:left;
	text-indent:5px;
	background:#333333;
	color:#FFFFFF;
	padding:3px 0;
	margin:0 0 10px 0;
	line-height:120%;
	}


.trackbacks p,
.comments p,
.commentsOpen p{
	font-size:75%;
	text-align:left;
	margin:0 0 10px 0;
	line-height:140%;
	
	}


/*エントリーアーカイブトラックバック*/
#trackbacksInfo{
	border: 1px dotted #cccccc;
	background:#ffffff;
	padding: 5px 0;
	margin: 0 0 15px 0;
	}
#trackbacksInfo p{
	text-align: center;
	margin:0;
	}
.trackbacksContent{
	}


/*エントリーアーカイブコメント*/
.commentContent{
	}
.commentsOpenContent{
	}
.commentsOpenData{
	}
.commentsOpenData dl{
	width:100%;
	}
#commentsOpenData dt,
#commentsOpenData dd{
	font-size:75%;
	height:18px;
	}
#commentsOpenData dt.txtArea,
#commentsOpenData dd.txtArea{
	height:auto;
	}

#commentsOpenData dt{
	width:35%;
	font-weight:bold;
	margin:0 0 5px 0;
	clear:left;
	float:left;
	text-align:right;
	display: block;
	color:#333333;
	}
#commentsOpenData dd{
	width:60%;
	margin:0 0 5px 0;
	float:right;
	text-align:left;
	display: block;
	
	}
.commentsOpen .commentsOpenFooter{
	width:100%;
	text-align:center;
	margin:5px 0;
	clear:both;
	}








/*日付*/
.date-header,
.entry-content
{
   position: static;
   clear: both;
}

.date-header
{
   margin-top: 0;
   font-size: 65%;
   font-weight: bold;
   text-transform: uppercase;
   color:#0097d2;
   text-align:left;
   margin:0;
   padding:0;
}

.entry-header
{
   margin-top: 0;
   border-bottom: 1px solid #333333;
   padding: 2px 0 10px 3px;
   margin:0 0 3px 0;
   color: #333333;
   font-size: 100%;
   text-align:left;
}

.entry,
.trackbacks,
.comments,
.archive
{
   position: static;
   overflow: hidden;
   clear: both;
   width: 100%;
   margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed
{
   clear: both;
   margin: 5px 10px;
}

.entry-content,
.comment-content,
.trackback-content
{
   margin: 0;
   line-height: 1.4em;
}

.entry-content,
.comment-content,
.trackback-content
{
   font-size: 75%;
   padding: 3px 0;
   text-align:left;
}

.entry-more-link
{
   font-size: 75%;
   padding: 3px 0;
   text-align:right;
}


.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more
{
   clear: both;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
   font-size: 65%;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content
{
   clear: both;
   margin: 5px 10px 20px 10px;
}

.comments-open-footer
{
   margin: 10px 0;
}

.entry-footer,
.comment-footer,
.trackback-footer
{
   margin: 0 0 20px 0;
   border-top: 1px dotted #EEEEEE;
   border-bottom: 1px dotted #EEEEEE;
   padding-top: 3px;
   padding-bottom: 3px;
   color: #666666;
   font-size: 10px;
   text-align: right;
}


.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header
{
	padding:3px;
	background:#2F444F;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:3px;
}

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #2F444F;
   padding: 0 10px;
   color: #2F444F;
   font-size: 12px;
   text-align: center;
   background: #FFFFFF;
}

	

/*LEFT SIDE
-----------------------------------*/
#side-block {
	display: inline; /* ie win bugfix */
   	position: relative;
	float:right;/*float:left;070518変更*/
	width: 190px;
	margin: 0px;
	padding: 0px;
	background: url(/recruit/blog/images/side_bg.gif) repeat left top;
	}

#side-block-inner{
	/*float: left;*/
	width: 170px;
	margin: 10px;
	position: static;
	}





/*CALENDER
------------*/
/*
#calendar {
	margin-bottom: 30px;
	width: 160px;
	font-size:12px;
	}

#calendar table{
	border-collapse: collapse;
	border-top: 1px solid #0097d2;
	border-left: 1px solid #0097d2;
	width: 100%;
    background:#fff;
    font-size:10px;
    margin-bottom:15px;
}

#calendar table caption{
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:10px;
	background:#0097d2;
	color:#FFFFFF;
}


#calendar table th,
#calendar table td{
	border-bottom: 1px solid #0097d2;
	border-right: 1px solid #0097d2;
	text-align: center;
}

#calendar table th {
    background:#FFFFFF;
	text-align: center;
	font-weight: normal;
    padding-top:3px;
    padding-bottom:3px;
}

#calendar table th.red {
                color:#CC0000;
}

#calendar table th.blue {
                color:#0000CC;
}



#calendar table td {
                color:#666666;
                padding-top:3px;
                padding-bottom:3px;
}

#calendar table td a {
                color:#0097d2;
}

*/


/*MODULE
-----------------------------------*/

.module
{
   position: relative;
   overflow: hidden;
   width: 100%;
   margin-bottom:15px;
}

.module-header{
	padding:3px;
	background:#2F444F;
	color:#FFFFFF;
	font-size:12px;
	margin-bottom:3px;
	}

.module-content
{
   position: relative;
   margin: 0;
   background:#FFFFFF;
   border: 1px solid #EEEEEE;
}

.module-list,
.archive-list
{
   margin: 0;
   padding: 3px 0;
   list-style:none;
   list-style-type:none;
   
}

.module-list-item{
   margin: 5px;
   padding: 0 0 0 15px;
   background:url(/recruit/blog/images/icon_off.gif) no-repeat 0 5px;
   font-size:12px;
   text-align:left;
}

/*CATEGORY
------------*/
#categories{
	width:100%;
	}

/*RECENTLY ENTRY
------------*/
#recently-entry{
	width:100%;
	}

/*RECENTLY COMMENT
------------*/
#recently-comment{
	width:100%;
	}
/*ARCHIVE
------------*/
#archive{
	width:100%;
	}

/*SEARCH、FEED
------------*/
#search-wrap,
#feed-wrap{
	width:100%;
	background:#EEEEEE;
	position: relative;
	}
#search-inner,
#feed-inner{
	width:170px;
	margin:5px;
	}
.search-header{
	font-size:12px;
	color:#2f444f;
	margin-bottom:5px;
	text-align:left;
	padding-top:5px;
	}
	
#feed-wrap p{
	font-size:10px;
	margin:5px;
	line-height:1.3em;
	}

/*PLOFILE
------------*/
#blog-prf{
	width:100%;
	position: relative;
	text-align:center;
	margin: 0 0 15px 0;
   	background:#FFFFFF;
   	border: 1px solid #EEEEEE;
	}

#blog-prf .inner{
	width:150px;
	margin:5px auto;
	}
   
#blog-prf p.tantou01{
	font-size:10px;
	color:#000000;
	text-align:center;
	font-weight:bold;
	}
#blog-prf p.tantou02{
	font-size:12px;
	color:#000000;
	text-align:center;
	font-weight:bold;
	}
#blog-prf p.txt{
	font-size:12px;
	color:#000000;
	padding:5px 0;
	text-align:left;
	}

/*LICENCE
------------*/
#license{
	width:100%;
	border:1px dotted #2f444f;
	position: relative;
	margin-bottom:10px;
	}
#license p{
	font-size:10px;
	margin:5px;
	line-height:1.3em
	}

#powered{
	width:100%;
	border:1px dotted #EEEEEE;
	position: relative;
	margin-bottom:15px;
	}
#powered p{
	font-size:10px;
	margin:5px;
	line-height:1.3em
	}
	
	
/*エントリーアーカイブ
------------------------*/
p.content-nav{
	font-size:12px;
	line-height:1.4em;
	text-align:right;
	}

p.comments-open-moderated{
	font-size:10px;
	line-height:1.4em;
	text-align:left;
	}


/*1列の時のページタイトル
-----*/
.archive-page-ttl{
	padding:3px 0;
	text-indent:5px;
	background:#2F444F;
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:3px;
	text-align:left;
}
