/* INFO
--------------------------------------------------
CSS File for "Jobs"
Media:      Screen
FileName:   template.css
Build:      2007.09.01
Author:     yanom
-------------------------------------------------- */


/* BASIC
-------------------------------------------------- */
*{
margin:0;
padding:0;
}

img {
	border:none;
}

body{
background:url(/img/back.jpg) center repeat-y;
}

div#wrapper{
background:#FFFFFF;
width:760px;
margin:0 auto;
font-family: "Osaka", "ＭＳ Ｐゴシック", sans-serif;
word-break: break-all;
}

#mainContents {
	float: left;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 550px;
}

#subContents {
	width: 180px;
	float: right;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#printlogo {
	margin: 0px 20px;
	display: none;
}
#printcorplogo {
	margin: 0px 20px;
	display: none;
	clear: both;
}

/*****************表示・非表示制御****************/
body#top div#newItemList,
body#skill div#tagMenu,
body#jobchange div#tagMenu,
body#life div#tagMenu,
body#scout div#tagMenu,
body#type div#tagMenu,
body#obj div#tagMenu,
body#search div#tagMenu,
body#privacy div#tagMenu{
display:none;
}

/************subContents************/

#subContents div{
margin-bottom:10px;
padding-bottom:5px;
background:url(/img/sub_bottom.gif) no-repeat center bottom;
}

#subContents div div{
background:none;
}

#subContents h2,
#subContents p.head{
font-size:75% !important;
margin-bottom:2px;
}

#subContents h3{
font-size:70% !important;
margin:0 10px;
}

#subContents div#search h2{
background:none;
padding:0;
margin:0;
}

#subContents ul{
list-style-type:none;
}

#subContents div#search{
background:url(/img/search_back.gif);
padding:5px;
}

#subContents div#search input#searchTxt{
width:90px;
}

#subContents div#search input#searchBtn{
width:5em;
}

#subContents div#taglist ul{
margin:10px;
}

#subContents div#taglist ul ul{
margin:5px;
}

#subContents div#taglist li{
font-weight:bold;
}

#subContents div#taglist li li{
font-weight:normal;
display:inline;
margin-right:0.5em;
}

#subContents div#newItemList ul{
border-top:1px solid #CCCCCC;
}
#subContents div#newItemList li{
border-bottom:1px solid #CCCCCC;
padding-bottom:5px;
margin-top:5px;
}

#subContents div#newItemList span.catch{
font-size:90%;
}

#subContents div#newItemList a{
display:block;
}

#subContents div#ecLink h3{
margin-bottom:2px;
}

#subContents div#ecLink ul{
list-style-image:url(/img/listmark.gif);
margin:0 20px;
padding-left:5px;
}

#subContents div#ecLink li{
font-size:70%;
margin-bottom:3px;
}

#subContents div#service ul{
margin:0 10px;
}

#subContents div#service li#scout{
margin-top:3px;
}


/***スカウト***/

#subContents p#scout{
margin:0 10px;
}

/***HOTNEWS***/

#subContents div#hotnews{
margin:5px 10px 10px;
background:#D8E4E5;
}

#subContents div#hotnews p.head{
margin:0;
}

#subContents div#hotnews p{
margin:5px;
font-size:70%;
}

#subContents div#hotnews input#mail{
width:95px;
}

#subContents div#hotnews input#registerBtn{
width:3em;
}

#subContents div#hotnews p.note{
color:#FF3333;
}


/***編集長ブログ***/

#subContents p.banner{
text-align:center;
}
/*************共通*****************/
h1{
font-size:110%;
}

h2,h3{
font-size:90%;
}

h4,h5,h6{
font-size:80%;
line-height:120%;
}

h1,h2,h3,h4,h5,h6{
/*letter-spacing:0.1em;*/
line-height:1.2;
color:#4C4C4C;
}

/*for MacIE*/

/*\*//*/

h1,h2,h3,h4,h5,h6{
letter-spacing:0px;
}

/**/
p,dt,dd,li,table,textarea,legend,label{
margin: 0;
padding: 0;
font-size:80%;
line-height: 120%;
color:#4C4C4C;
}

th *,
td *,
li li,
table table{
font-size:100% !important;
}

em,strong{
font-weight: bold;
font-style: normal;
}

address{
font-style: normal;
}

a{
color: #000066;
text-decoration: underline;
}

a:hover{
color: #6699CC;
}

p.catch,
div.catch p{
font-size:70%;
}

p.more{
text-align:right;
}

/**************カテゴリインデックス****************/

div#categoryIndex h1{
text-indent:-9999px;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
}

div#categoryIndex p.pict{
float:left;
width:60px;
}

div#categoryIndex dl{
margin:0 0 5px 70px;
}

div#categoryIndex dt span.catch{
font-size:85%;
display:block;
}

html >body div#categoryIndex dt span.catch{
font-size:90%;
}

div#categoryIndex dt a.title{
font-weight:bold;
}

div#categoryIndex dd{
margin-bottom:10px;
}

div#categoryIndex div.floatContainer{
margin-bottom:10px;
border-bottom:1px solid #CCCCCC;
}

div#categoryIndex p.more{
margin-bottom:10px;
}

/***************連載インデックス*****************/

div#seriesIndex h1{
text-indent:-9999px;
}

div#seriesIndex ul{
list-style-type:none;
border-top:1px solid #CCCCCC;
padding-top:10px;
}

div#seriesIndex ul li{
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #CCCCCC;
}

div#seriesIndex ul span.catch{
font-size:85%;
}

html>body div#seriesIndex ul span.catch{
font-size:90%;
}

div#seriesIndex ul span.lead{
margin-bottom:10px;
}

div#seriesIndex ul a{
display:block;
font-weight:bold;
font-size:120%;
margin:5px 0;
}

/*************目的インデックス**************/

div#typeIndex h2{
border-bottom:2px solid #666666;
padding-bottom:3px;
margin-bottom:10px;
}

div#typeIndex ul{
list-style-type:none;
}

div#typeIndex ul li{
padding-bottom:5px;
}

div#typeIndex ul li.more{
margin-bottom:15px;
}

/****************記事ページ****************/

/*更新日*/
p#updateDate{
text-align:right;
padding-right:5px;
margin-bottom:3px;
}

/*ブクマ*/
p#bookmark{
clear:both;
text-align:right;
margin-bottom:10px;
}

p#bookmark a{
margin-right:5px;
}

/*ページャー*/
p.pager{
clear:both;
text-align:right;
margin-bottom:10px;
}

p.pager a,
p.pager span{
padding:0 7px;
border-right:1px solid #CCC;
}

p.pager a.next{
border-right:none;
}

p.pager span.first{
border-left:1px solid #CCC;
}

/*テキストリンク*/
div#articleList,
div#recommendArticle,
div#recommendService{
background-color:#F0F0F0;
margin-bottom:12px;
padding:2px 8px !important;
}

div#articleList p,
div#recommendArticle p,
div#recommendService p{
font-weight:bold;
}

div#articleList ul,
div#recommendArticle ul,
div#recommendService ul{
list-style-type:none;
}

/************** RSS ****************/
#rss {

}

#rss p {

}

/********************パンくず********************/
ol#breadcrumbs {
margin-bottom:10px;
}

ol#breadcrumbs li{
display:inline;
/*float:left;*/
font-size:70%;
margin-right:5px;
list-style-type:none;
padding-right:15px;
background:url(/img/breadcrumbs.gif) right center no-repeat;
}

ol#breadcrumbs li.lastItem{
background:none;
}

ol#breadcrumbs li a{
padding-left:0;
}

/*////////////////////////////////////*/
.floatContainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.floatContainer {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .floatContainer {
	height: 1%;
}
.floatContainer {
	display: block;
}
/* End hide from IE-mac */

/* Hides from Safari*/
.floatContainer{
	overflow:hidden;#
}