@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: sub.css

		Setting of: SubContents area
			1: subContents setting
	}

****************************************************************** */


/*===================================================================
	1: subContents setting
===================================================================*/

/*-------------------------------------------------------------------
	Setting of Common.
-------------------------------------------------------------------*/

div#subContents{
	float:right;
	width:312px;
}

div#subContents #subContentsInner{
	padding:10px 6px 1px;
	background:#f4f4ec;
}


/* 
	.subBnr
-------------------------------------------------------------------*/

.subBnr{
	margin-bottom:10px;
}


/*
	.unit
-------------------------------------------------------------------*/


div#subContents div.unit{
	margin-bottom:10px;
	border:1px solid #A6AEB2;
	background:#fff;
}
div#subContents div.unit .subUnitTitle,
div#subContents div.unit h4{
	font-size:1.16em;
	background:url(/images/bg_subttl_01.gif) 100% 100% no-repeat;
	padding:0 0 5px;
	font-weight:bold;
}
div#subContents div.unit .subUnitTitle,
div#subContents div.unit h4 span{
	background:url(/images/bg_subttl_01.gif) 0 0 no-repeat;
	padding:5px 10px 0;
	display:block;
}
div#subContents div.unit .subUnitTitle.subttl02,
div#subContents div.unit h4.subttl02{
	font-size:1.16em;
	background:url(/images/bg_subttl_02.gif) 100% 100% no-repeat;
	padding:0 0 5px;
}
div#subContents div.unit .subUnitTitle.subttl02,
div#subContents div.unit h4.subttl02 span{
	background:url(/images/bg_subttl_02.gif) 0 0 no-repeat;
	padding:7px 10px 0;
	display:block;
}


div#subContents div.unit .inner{
	padding:10px;
}

div#subContents div.unit ul{
}

div#subContents div.unit li {
	background:url(/images/line01.gif) 0 0 repeat-x;
	zoom:1;
}

div#subContents div.unit li .module{
	padding:10px;
	width: 278px !important;
	width /**/:298px;
}

/* clearfix */

div#subContents div.unit li .module:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

* html div#subContents div.unit li .module{ display: inline-block; }

/* no ie mac \*/
* html div#subContents div.unit li .module{ height: 1%; }
div#subContents div.unit li .module{ display: block; }


div#subContents div.unit li .img,
div#subContents div.unit li .rank{
	width:80px;
	float:left;
}

div#subContents div.unit li .txt{
	padding-left:90px;
}

div#subContents div.unit li .more a{
	background:url(/images/icon.gif) 0 -98px no-repeat;
	padding-left:15px;
}

div#subContents div.unit ol li{
	background:none;
}

/* listRank */


div#subContents div.unit .rank{
}

div#subContents div.unit .rank .no{
	display:block;
	width:35px;
	float:left;
x	padding:10px 0;
	font-weight:bold;
}

div#subContents div.unit .rank .no img{
	display:block;
x	margin-left:5px;
}

div#subContents div.unit .rank .last{
x	padding:10px 0;
	padding:5px 0;
	display:block;
x	padding-left:50px;
	padding-left:45px;
}	

div#subContents div.unit .listRank li .txt{
	padding-left:80px;
}

div#subContents div.unit li.even{}
div#subContents div.unit li.odd{
	background:#F5F5F5;
}

/*--- 20090406 SP)Shoda add ---*/

div#subContents div#oshietePv li{
	background-image:none;
}

div#subContents div#oshietePv li h5{
	background:url(/images/icon.gif) 0 3px no-repeat;
	padding-left:10px;
}

div#subContents div#oshietePv li .module{
	padding:0px 10px 10px;
	width: auto!important;
}

div#subContents div#oshietePv li.oshieteTopPad .module{
	padding:10px 10px 10px;
}

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

/*-------------------------------------------------------------------
	#subMailmagazine
-------------------------------------------------------------------*/
#subMailmagazine .inner{
	background:url(/images/bg_mailmagazine.jpg) 210px 80% no-repeat;
}

#subMailmagazine .txt{
	margin-bottom:10px;
}

#subMailmagazine .btn{
}

/*-------------------------------------------------------------------
	#subRecommend
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
	#subMobili
-------------------------------------------------------------------*/
#subMobili .module{
	padding:10px;
}

#subMobili .module dl{
	width:278px;
}

#subMobili .module dt{
	float:right;
	width:180px;
	font-weight:bold;
}

#subMobili .module dd.txt{
	float:right;
	width:180px;
}

#subMobili .module dd.img{
	float:left;
	width:90px;
	top:-1.2em;
	position:relative;
	margin-bottom:-1.2em;
}

#subMobili .module dd.img img{
	vertical-align:top;
}

#subMobili .moreinfo{
	background:url(/images/line01.gif) 0 0 repeat-x;
	padding:10px;
	clear:both;
}


/*2.27’Ç‹L*/
#subMobili .moreinfo img{
width:111px;
height:21px;
margin:10px 0 0 80px;
}
/*2.27’Ç‹L*/


#subMobili .moreinfo .ttl{
	font-weight:bold;
}

/*-------------------------------------------------------------------
	#atnRank
-------------------------------------------------------------------*/

div#subContents #atnRank h4 span .icon{
	padding:1px 0 1px 25px;
	background:url(/images/icon_unitseach.gif) 0 -499px no-repeat;
}

/*-------------------------------------------------------------------
	#popRank
-------------------------------------------------------------------*/

div#subContents #popRank h4 span .icon{
	padding:1px 0 1px 25px;
	background:url(/images/icon_unitseach.gif) 0 -499px no-repeat;
}

/*-------------------------------------------------------------------
	#subSite
-------------------------------------------------------------------*/

/*-------------------------------------------------------------------
	#subPartner	
-------------------------------------------------------------------*/

div#subContents #subPartner .inner{
	padding:13px 0 0 13px;

}

div#subContents #subPartner ul{
	width:285px;
}

div#subContents #subPartner ul li{
	background:none;
	width:130px;
	float:left;
	padding-right:12px;
	padding-bottom:10px;
}

/*-------------------------------------------------------------------
	#popJobOffer
-------------------------------------------------------------------*/
div#subContents #popJobOffer{}

div#subContents #popJobOffer span span.icon{
	background:url(/images/icon_unitseach.gif) 0 -900px no-repeat;
	padding:2px 0 2px 25px;
}

div#subContents #popJobOffer li .rank{
	width:44px;
}

div#subContents #popJobOffer li .txt{
	padding-left:44px;
}



/****************************************************************************
	Add style                                                        09.04.17
 ****************************************************************************/


/*-------------------------------------------------------------------
	#subPickUp
-------------------------------------------------------------------*/

div#subContents #subPickUp {}

div#subContents #subPickUp dl {margin:13px;}

div#subContents #subPickUp dl dt {}

div#subContents #subPickUp dl dt a {
background:url(/images/icon.gif) no-repeat 0 4px;
font-weight:bold;
display:block;
padding-left:10px;
zoom:1;
}

div#subContents #subPickUp dl dd {margin-bottom:3px;}


/*-------------------------------------------------------------------
	#subRanking
-------------------------------------------------------------------*/

div#subContents #subRanking {}

div#subContents #subRanking table {padding:0;}
div#subContents #subRanking table td {
width:240px;
font-weight:bold;
vertical-align:middle;
padding:10px 6px 10px;
margin:0;
}
div#subContents #subRanking table td.img {
width:41px;
padding-right:0px;
}
div#subContents #subRanking tr.odd td {background:#FFFFFF;}
div#subContents #subRanking tr.even td {background:#F5F5F5;}

/*-------------------------------------------------------------------
	#subFAQ
-------------------------------------------------------------------*/

div#subContents #subFAQ {}

div#subContents #subFAQ ul {
margin:11px 13px;
}

div#subContents #subFAQ ul li {
background:none;
margin-bottom:2px;
}

div#subContents #subFAQ ul li a {
background:url(/images/icon.gif) no-repeat 0 4px;
display:block;
padding-left:10px;
font-weight:bold;
zoom:1;
}