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


/*==========================================================================================

	// フォントサイズ指定数値

			10px 77%
			11px 85%
			12px 93%
			13px 100%
			14px 108%
			15px 116%
			16px 123.1%
			17px 131%
			18px 138.5%
			19px 146.5%
			20px 153.9%
			21px 161.6%
			22px 167%
			23px 174%
			24px 182%
			25px 189%
			26px 197%

==========================================================================================*/


/*==========================================================================================

	// 基本設定　共通利用Class

==========================================================================================*/


body {
	font-family: "ＭＳ Ｐゴシック", Osaka, Arial, Helvetica, sans-serif;
	background: url(../images/common_bg.gif) repeat fixed;
	color: #FFFFFF;
}
hr {
	clear:both;
	visibility:hidden;
}
.sideFoot {
	clear:both;
	height: 35px;
	background:url(../images/side_bg_bottom.png) no-repeat left bottom;
}
.sectionFoot {
	clear:both;
	height: 35px;
	background: url(../images/center_bg_bottom.png) no-repeat left bottom;
}
/*==========================================================================================

	// ClearFix

==========================================================================================*/

.clear {
	clear: both;
}
.clearFix {
	zoom: 100%;
}
.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: " ";
}
/*==========================================================================================

	// Wrapper

==========================================================================================*/

#wrapper {
	width: 1000px;
	margin: 0 auto;
}
#wrapper .textTop {
	background:url(../images/header_title.png) no-repeat center top;
	width: 1000px;
	height: 25px;
	padding-top: 8px;
	font-size: 108%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}
/*==========================================================================================

	// ヘッダー　header

==========================================================================================*/

#header {
	width: 1000px;
	height: 186px;
	background: url(../images/header_logo.png) no-repeat center top;
}
#header, div#header h2 {
	text-indent:-9999px;
}
#header .bannerCM {
	text-align: right;
	padding: 3px 20px 0 0;
}
.bannerCM img {
	padding-top: 20px;
}
/*==========================================================================================

	// グローバルナビゲーション gnavi

==========================================================================================*/


#gnavi ul {
	width: 850px;
	margin: 32px auto 0;
}
#gnavi ul li {
	float: left;
	width: 170px;
}
#gnavi ul li a {
	text-indent: -9999px;
	display:block;
	height: 53px;
}
#gnavi ul li.top a {
	background:url(../images/common_gnavi_top.png) no-repeat;
}
#gnavi ul li.top a:hover {
	background:url(../images/common_gnavi_top_on.png) no-repeat;
}
#gnavi ul li.search a {
	background:url(../images/common_gnavi_search.png) no-repeat;
}
#gnavi ul li.search a:hover {
	background:url(../images/common_gnavi_search_on.png) no-repeat;
}
#gnavi ul li.recommend a {
	background:url(../images/common_gnavi_recommend.png) no-repeat;
}
#gnavi ul li.recommend a:hover {
	background:url(../images/common_gnavi_recommend_on.png) no-repeat;
}
#gnavi ul li.blog a {
	background:url(../images/common_gnavi_blog.png) no-repeat;
}
#gnavi ul li.blog a:hover {
	background:url(../images/common_gnavi_blog_on.png) no-repeat;
}
#gnavi ul li.feature a {
	background:url(../images/common_gnavi_feature.png) no-repeat;
}
#gnavi ul li.feature a:hover {
	background:url(../images/common_gnavi_feature_on.png) no-repeat;
}
/*==========================================================================================

	// パンくず　pan

==========================================================================================*/

#center #pan {
	background-color: #343333;
	width: 555px;
	border: solid 1px #0D0D0D;
	border-bottom: none;
	border-right: none;
	margin-bottom: 10px;
}
#center #pan ul li {
	background:url(../images/common_pankuzu.gif) no-repeat right;
	color: #ffffff;
	display: inline;
	line-height:1.7;
	padding: 0 15px 0 6px;
}
#center #pan ul li.lastChild {
	background:none;
	font-weight:bold;
}
#center #pan ul li a {
	color: #ffffff;
	text-decoration: underline;
}
#center #pan ul li a:hover {
	color: #EFDC05;
	text-decoration: underline;
}
/*==========================================================================================

	// 左と中 leftCenter

==========================================================================================*/

#leftCenter {
	float: left;
	width: 780px;
}
/*==========================================================================================

	// 中 center

==========================================================================================*/

#center {
	float: right;
	width: 560px;
}
#center .explain {
	background: url(../images/center_bg_top.png) no-repeat;
	width: 560px;
	margin-bottom:5px;
	word-wrap:break-word;
}
#center .explain .innerExplain, #center .explain .blogMore {
	background: url(../images/center_bg.png) repeat-y;
}
#center .explain h2 {
	padding-top:10px;
	text-align:center;
}
#center .explain .recommend {
	float: left;
	width: 500px;
	padding: 15px 0 0 30px;
}
#center .explain .recommend p {
	float: left;
	width: 180px;
}
#center .explain .recommend dl {
	float: left;
	width: 300px;
	background: url(../images/top_recommendgirl_line.gif) no-repeat right bottom;
	margin-left: 10px;
}
#center .explain .recommend dt {
	float: left;
	width: 100px;
	padding: 10px 0 10px 0;
	clear: both;
}
#center .explain .recommend dd {
	float: left;
	width: 190px;
	padding-top: 15px;
	font-size: 123.1%;
}
#center .explain .recommend .text {
	float: left;
	width: 310px;
	font-size: 116%;
	line-height: 1.5;
	padding: 10px 0 0 10px;
}
#center .explain .search h2 {
	clear: both;
}
#center .explain .search .searchBtn {
	background: url(../images/top_recommendgirl_search_bg.gif) no-repeat right top;
	width: 515px;
	height: 86px;
	padding-top: 27px;
	margin: 0 auto;
	clear: both;
}
*html #center .explain .search .searchBtn {
	padding-top: 26px;
}
#center .explain .search .searchBtn select {
	width: 100px;
	height:21px;
	border:solid 1px #404040;
	border-bottom:none;
	border-right:none;
	margin-left:20px;
	color:#6C6868;
}
#center .explain .search .searchBtn p {
	text-align:center;
	padding-top:4px;
}
#center .explain .search .searchBtn p button {
	background:url(../images/top_search_btn.gif) no-repeat center bottom;
	width:216px;
	height: 60px;
	margin-left: -5px;
	text-align:center;
}
#center .explain .search .searchBtn p button:hover {
	background:url(../images/top_search_btn_on.gif) no-repeat center bottom;
}
#center .explain .search .searchBtn p button span {
	visibility:hidden;
}
#center .explain .blogMas {
	margin: 10px 0 0 30px;
}
#center .explain .blog {
	background: url(../images/blog_bg_top.gif) no-repeat right bottom;
	float: left;
	width: 158px;
	padding: 0 10px 12px 0;
}
#center .explain .blogRight {
	background: url(../images/blog_bg_right.gif) no-repeat left bottom;
	float: left;
	width: 158px;
	padding-bottom: 12px;
}
#center .explain .blogBottom {
	background: url(../images/blog_bg_bottom.gif) no-repeat right bottom;
	float: left;
	width: 158px;
}
#center .explain .blogNone {
	background: none;
	float: left;
	width: 160px;
	padding-bottom: 0px;
}
#center .explain .blog p {
	float: left;
	padding: 0 7px 10px 0;
}
#center .explain .blog dl {
	float: left;
	width: 72px;
}
#center .explain .blog dt {
	color: #F53D94;
	font-weight: bold;
	line-height: 1.3;
}
#center .explain .blog dd.name a {
	text-decoration:underline;
}
#center .explain .blog dd.name a:hover {
	color: #F53D94;
}
#center .explain .blogMore {
	clear:both;
	text-align: right;
	font-size: 123.1%;
	padding: 5px 50px 10px 0;
}
#center .explain .blogMore a {
	background: url(../images/top_close.gif) no-repeat right;
	padding:0 15px 2px 0;
	color: #000;
	font-weight: bold;
	border-bottom: dashed 1px #000;
}
#center .explain .blogMore a:hover {
	color: #F53D94;
	border-bottom: dashed 1px #F53D94;
}
#center .explain .shopMas {
	margin: 10px 0 0 25px;
}
#center .explain .shop {
	float: left;
	width: 240px;
	padding: 5px 5px 0 5px;
}
#center .explain .shop p {
	float: left;
	padding: 0 5px 20px 0;
}
#center .explain .shop dl {
	background: url(../images/top_shop_close.gif) no-repeat right bottom;
	float:left;
	width:150px;
	font-size:93%;
}
#center .explain .shop dt {
	color: #F53D94;
	font-weight: bold;
	line-height: 1.3;
}
#center .explain .shop dd {
	width:230px;
}
#center .explain .shop dd.url a {
	text-decoration: underline;
}
#center .explain .shop dd.url a:hover {
	color: #F53D94;
}
#center .explain .centerFeature {
	padding-left:25px;
}
#center .explain .centerFeature dl {
	float:left;
	width: 245px;
	padding:10px 0 0 5px;
}
#center .explain .centerFeature dl dt a {
	display: block;
	text-indent: -9999px;
	height:51px;
	padding-bottom: 3px;
}
#center .explain .centerFeature dl dt.workExplain a {
	background:url(../images/top_feature_explain.gif) no-repeat;
}
#center .explain .centerFeature dl dt.workExplain a:hover {
	background:url(../images/top_feature_explain_on.gif) no-repeat;
}
#center .explain .centerFeature dl dt.words a {
	background:url(../images/top_feature_words.gif) no-repeat;
}
#center .explain .centerFeature dl dt.words a:hover {
	background:url(../images/top_feature_words_on.gif) no-repeat;
}
#center .explain .centerFeature dl dt.exp a {
	background:url(../images/top_feature_exp.gif) no-repeat;
}
#center .explain .centerFeature dl dt.exp a:hover {
	background:url(../images/top_feature_exp_on.gif) no-repeat;
}
#center .explain .centerFeature dl dt.std a {
	background:url(../images/top_feature_std.gif) no-repeat;
}
#center .explain .centerFeature dl dt.std a:hover {
	background:url(../images/top_feature_std_on.gif) no-repeat;
}
/*==========================================================================================

	// 左 left

==========================================================================================*/

#left {
	float: left;
	width: 210px;
}
#left .side {
	background: url(../images/side_bg_top.png) no-repeat left top;
	margin-top: 5px;
}
#left .areaSearch .navi2 {
	background: url(../images/side_bg.png) repeat-y;
	width: 195px;
	padding:10px 0 0 15px;
}
#left .areaSearch .navi2 dt {
	background: url(../images/left_search_mark.gif) no-repeat left top;
	width: 160px;
	padding: 5px 0 5px 15px;
	color: #0EABB1;
	font-size: 108%;
	font-weight: bold;
	border-bottom: dashed 1px #0EABB1;
}
#left .areaSearch .navi2 dt:hover {
	background: url(../images/left_search_mark_on.gif) no-repeat left top;
	color: #FF1483;
	border-bottom: dashed 1px #FF1483;
}
#left .areaSearch .navi2 dt.act {
	background: url(../images/left_search_mark_on.gif) no-repeat left top;
	color: #FF1483;
	border-bottom: dashed 1px #FF1483;
}
#left .areaSearch .navi2 li a {
	display:block;
	width:160px;
	padding: 5px 0 5px 15px;
	color: #FF1483;
	font-size: 93%;
	font-weight: bold;
}
#left .areaSearch .navi2 li a:hover {
	background:#FF1483;
	color:#FFF;
}
#left .side .new dl {
	padding:10px 0 0 15px;
	background: url(../images/side_bg.png) repeat-y;
}
#left .side .new dl {
	clear:both;
	width: 195px;
	overflow:hidden;
}
#left .side .new dl dt {
	float:left;
	width:37px;
}
#left .side .new dl dd a {
	display: block;
	float: left;
	width: 130px;
	text-decoration: underline;
	border-bottom: solid 1px #FF62AC;
	border-left: solid 5px #FF62AC;
	line-height: 1.3;
	font-size: 85%;
	padding: 3px 0 4px 5px;
}
#left .side .newBlog {
	width: 210px;
	background: url(../images/side_bg.png) repeat-y;
}
#left .side .newBlog dl {
	width:190px;
	padding-top:10px;
	overflow:hidden;
}
#left .side .newBlog dl dt {
	float:right;
	width:37px;
}
#left .side .newBlog dl dd a {
	display: block;
	float: right;
	width: 130px;
	text-decoration: underline;
	border-bottom: solid 1px #3CCB93;
	border-right: solid 5px #3CCB93;
	line-height: 1.3;
	font-size: 85%;
	padding: 3px 0 4px 0;
}
#left .side h2 {
	padding: 20px 0 0 10px;
}
#left .banner {
	margin-bottom:10px;
}
#left .banner li {
	padding: 5px 0;
	text-align:center;
}
#left .side2 {
	background: url(../images/side_bg_top.png) no-repeat left top;
	padding-top:28px;
	margin-top: 5px;
}
/*===========

	// 追記01

=============*/

#left .side3 h2 {
	padding: 20px 0 10px 10px;
}
#left .side3 {
	background: url(../images/side_bg_top.png) no-repeat left top;
	margin-top: 5px;
}
/*===========

	// ここまで

=============*/


#left .side4 {
	background: url(../images/side_bg.png) repeat-y;
}
#left .side2 .leftFeature {
	background: url(../images/side_bg.png) repeat-y;
}
/*===========

	// 追記02

=============*/

#left .side3 .leftFeature2 {
	background: url(../images/side_bg.png) repeat-y;
}
#left .side3 ul.leftFeature2 li {
	width: 160px;
	padding: 0 0 5px 22px;
}
/*===========

	// ここまで

=============*/

#left .side2 ul li {
	padding: 0 0 5px 17px;
}
#left .side2 .leftFeature li a {
	display:block;
	width: 174px;
	height: 37px;
	text-indent: -9999px;
}
#left .side2 .leftFeature .explain a {
	background:url(../images/left_explain.gif) no-repeat;
}
#left .side2 .leftFeature .explain a:hover {
	background:url(../images/left_explain_on.gif) no-repeat;
}
#left .side2 .leftFeature .words a {
	background:url(../images/left_words.gif) no-repeat;
}
#left .side2 .leftFeature .words a:hover {
	background:url(../images/left_words_on.gif) no-repeat;
}
#left .side2 .leftFeature .exp a {
	background:url(../images/left_exp.gif) no-repeat;
}
#left .side2 .leftFeature .exp a:hover {
	background:url(../images/left_exp_on.gif) no-repeat;
}
#left .side2 .leftFeature .std a {
	background:url(../images/left_std.gif) no-repeat;
}
#left .side2 .leftFeature .std a:hover {
	background:url(../images/left_std_on.gif) no-repeat;
}
#left .side2 .leftFeature .manner a {
	background:url(../images/left_manner.gif) no-repeat;
}
#left .side2 .leftFeature .manner a:hover {
	background:url(../images/left_manner_on.gif) no-repeat;
}
/*==========================================================================================

	// 右 right

==========================================================================================*/

#right {
	float:right;
	width:210px;
}
#right .side01, .side02 {
	background: url(../images/side_bg_top.png) no-repeat;
	padding-top: 28px;
	margin-bottom: 5px;
}
#right .side01 ul {
	background: url(../images/side_bg.png) repeat-y;
	padding-left: 22px;
}
#right .side01 li {
	padding-bottom: 5px;
}
#right .side02 h2 {
	padding: 0 0 10px 10px;
}
#right .rightbanner {
	margin:0 0 10px 12px;
}

#right .rightbanner li{
	margin:0 0 5px 0;
}

/*===========

	// 追加03

=============*/
#right .side02 h3.w_ranking {
	background: url(../images/w_ranking_back.gif) no-repeat;
	display: block;
	width:175px;
	height: 20px;
	padding-left: 4px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
}
#right .side02 h3.m_ranking {
	background: url(../images/m_ranking_back.gif) no-repeat;
	display: block;
	width:175px;
	height: 20px;
	padding-left: 4px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
}
/*===========

	// ここまで

=============*/

/*===========

	// 追加04 11/10

=============*/

#right .side01 h2 {
	margin-left: 10px;
	margin-bottom: 10px;
}



/*===========

	// 追加04 11/10ここまで

=============*/

/*===========

	// 追加06 11/29

=============*/

#right .side01 h2 img {
	margin-top: -8px;
	}

#right .side02 h2 img {
	margin-top: -8px;
	}

/*===========

	// 追加06 11/29 ここまで

=============*/
#right .side02 .rankingMas {
	background: url(../images/side_bg.png) repeat-y;
	padding-left: 15px;
}
#right .side02 .ranking dl {
	clear:both;
	font-size:85%;
	width: 175px;
	height: 70px;
	margin-bottom:10px;
}
#right .side02 .ranking dt {
	float: left;
}
#right .side02 .ranking dl dd a {
	display: block;
	float:left;
	width:83px;
	padding:5px;
	line-height: 1.1;
	text-decoration: underline;
}
#right .side02 .ranking .no1 {
	background-color: #f4bf29;
}
#right .side02 .ranking .no2 {
	background-color: #b1aaaa;
}
#right .side02 .ranking .no3 {
	background-color: #d9871c;
}
#right .side02 .rankingMore {
	text-align: right;
	font-size: 93%;
	padding: 5px 20px 5px 0;
}
#right .side02 .rankingMore a {
	background: url(../images/top_close.gif) no-repeat right;
	padding:0 20px 2px 0;
	color: #000;
	font-weight: bold;
	border-bottom: dashed 1px #000;
}
#right .side02 .rankingMore a:hover {
	color: #E8AD06;
	border-bottom: dashed 1px #E8AD06;
}
#right .side03 {
	background: url(../images/side_bg_top.png) no-repeat;
	padding-top: 28px;
	margin-bottom: 5px;
}
#right .side03 ul {
	background: url(../images/side_bg.png) repeat-y;
}
#right .side03 ul li {
	padding: 0 0 5px 16px;
}

#right .side03 ul li a {
	display: block;
	width: 173px;
	height: 119px;
	text-indent: -9999px;
}
#right .side03 .blog a {
	background:url(../images/right_blog_recruitment.gif) no-repeat;
}
#right .side03 .blog a:hover {
	background:url(../images/right_blog_recruitment_on.gif) no-repeat;
}
#right .side03 .ad a {
	background:url(../images/right_ad_recruitment.gif) no-repeat;
}
#right .side03 .ad a:hover {
	background:url(../images/right_ad_recruitment_on.gif) no-repeat;
}
#right .side03 .ex a {
	background:url(../images/right_ex_recruitment.gif) no-repeat;
}
#right .side03 .ex a:hover {
	background:url(../images/right_ex_recruitment_on.gif) no-repeat;
}
/*===========

	// 変更05 11/10

=============*/
#right .side03 .qr {
	padding: 5px 0 0 5px;
}

/*===========

	// 追加07 11/29

=============*/
#right .side03 .muryokeisai a {
	background:url(../images/muryokeisai.gif) no-repeat;
	width: 164px;
	height: 205px;
		margin-left: 5px;
}


/*===========

	// 追加07 11/29ここまで

=============*/
#right .side03 .twitter a {
	background:url(../images/twitter1.jpg) no-repeat;
	width:164px;
	height: 72px;
	margin-left: 5px;
}
/*===========

	// 変更05 11/10 ここまで

=============*/

/*==========================================================================================

	// フッター footer

==========================================================================================*/

#footer {
	clear: both;
}
#footer ul {
	background: url(../images/footer_bg.png) no-repeat left top;
	width: 1000px;
	height: 31px;
	text-align:center;
	padding-top:2px;
	padding-bottom:10px;
}
#footer li {
	line-height:18px;
	display:inline;
}
#footer li a {
	margin-left:7px;
	padding-left:10px;
	border-left:solid 1px #000;
	text-decoration: underline;
}
#footer li a:hover {
	color: #F53D94;
}
#footer li.lastChild {
	padding-right:5px;
	border-right:solid 1px #000;
}
#footer p {
	background: url(../images/copyright_bg.png) no-repeat center top;
	width: 1000px;
	height: 16px;
	padding: 13px 0 10px;
	margin:-5px 0 0 0;
	text-align:center;
	color: #ffffff;
}