@charset "utf-8";

/* ----- 共通グローバルナビゲーション ----- */
#gnavi_men {
	border-bottom: 10px solid #e0efff;
}

/* ----- トップページH1タグ設定（Men） ----- */
#mainL2012 h1.men { background: url(../../images/base2013/men/base/bg_info_main_c_top.gif) 0 0 no-repeat; padding: 3px 0 0 30px; height: 23px; width: 660px; font-size: 93%; font-weight: bold; color: #002a7f; }
#mainL2012 h1.men span { color: #b40000; }

/* ----- 新着情報 ----- */
#mainL2012 #info_main_c_m { border-left: 1px solid #aecef0; border-right: 1px solid #aecef0; font-size: 92%;	margin: 0; padding: 3px 10px; }
#mainL2012 #info_main_c_m a { color: #002a7f; }
#mainL2012 #info_main_c_m a:hover { color: #3763bc; text-decoration: underline; }
#mainL2012 #info_main_c_m table.info th { padding-right: 15px; }
#mainL2012 #info_main_c_m table.info td { width: 582px; }
#mainL2012 #info_main_c_m ul.info { list-style: none; }
#mainL2012 #info_main_c_m ul.info li { background: url(../../images/base2013/men/base/img_arrow02.gif) 0 6px no-repeat; padding-left: 20px; margin: 0 0 -3px 0; }
#mainL2012 #info_main_c_m ul.info li.new { background: url(../../images/base2013/men/base/img_new.gif) 0 0 no-repeat; padding-left: 20px; margin: 0 0 -3px 0; }

#mainL2012 h2.news_men { background: url(../../images/base2013/men/base/subtit_news_main.gif) 0 0 no-repeat; padding: 6px 0 0 28px; height: 24px; width: 312px; font-size: 93%; font-weight: bold; color: #b40000; position: relative; }
#mainL2012 h2.news_men .btn_more { position: absolute; right: 10px; top: 10px; }

#mainL2012 #news_main_l_m { background: url(../../images/base2013/men/base/bg_whatsnew_bottom.gif) 0 0 no-repeat; float: left; font-size: 92%; height: 128px;	margin: 0; padding:0; position: relative; width: 340px; }
#mainL2012 #news_main_l_m a { color: #002a7f; }
#mainL2012 #news_main_l_m a:hover { color: #3763bc; text-decoration: underline; }
#mainL2012 #news_main_l_m .btn_more { position: absolute; right: 10px; top: 10px; }
#mainL2012 #news_main_l_m .news_list { position: absolute; left: 10px; top: 5px; }
#mainL2012 #news_main_l_m .news_list ul { list-style: none; }
#mainL2012 #news_main_l_m .news_list ul li { background: url(../../images/base2013/men/base/img_arrow02.gif) 0 6px no-repeat; padding-left: 20px; margin: 0; }
#mainL2012 #news_main_l_m .news_list ul li.new { background: url(../../images/base2013/men/base/img_new.gif) 0 0 no-repeat; padding-left: 20px; margin: 0; }
#mainL2012 #news_main_l_m .news_image { font-size: 71%; line-height: 110%; position: absolute; right: 10px; top: 5px; width: 75px; }

#mainL2012 h2.tools_men { background: url(../../images/base2013/men/base/subtit_tools_main.gif) 0 0 no-repeat; padding: 6px 0 0 28px; height: 24px; width: 312px; font-size: 93%; font-weight: bold; color: #b40000; position: relative; }
#mainL2012 h2.tools_men .btn_more { position: absolute; right: 10px; top: 10px; }

#mainL2012 #tools_main_r_m { background: url(../../images/base2013/men/base/bg_whatsnew_bottom.gif) 0 0 no-repeat; float: right; font-size: 92%; height: 128px;	margin: 0; padding:0; position: relative; width: 340px; }
#mainL2012 #tools_main_r_m h3 { background: none; border: none; color: #b40000; font-size: 85%; font-weight: bold; margin: 0; padding: 0; position: absolute; left: 10px; top: 5px; }
#mainL2012 #tools_main_r_m h3 span { color: #4d4d4d; }
#mainL2012 #tools_main_r_m a { color: #002a7f; }
#mainL2012 #tools_main_r_m a:hover { color: #3763bc; text-decoration: underline; }
#mainL2012 #tools_main_r_m .btn_more { position: absolute; right: 10px; top: 10px; }
#mainL2012 #tools_main_r_m .update { position: absolute; left: 110px; top: 33px; }
#mainL2012 #tools_main_r_m .tools_list_l { position: absolute; left: 10px; top: 25px; width: 160px; }
#mainL2012 #tools_main_r_m .tools_list_r { position: absolute; left: 180px; top: 25px; width: 160px; }
#mainL2012 #tools_main_r_m .tools_list_l ul, #mainL2012 #tools_main_r_m .tools_list_r ul { list-style: none; }
#mainL2012 #tools_main_r_m .tools_list_l ul li, #mainL2012 #tools_main_r_m .tools_list_r ul li { background: url(../../images/base2013/men/base/img_arrow02.gif) 0 6px no-repeat; padding-left: 20px; margin: 0; }
#mainL2012 #tools_main_r_m .tools_list_l ul li.new, #mainL2012 #tools_main_r_m .tools_list_r ul li.new { background: url(../../images/base2013/men/base/img_new.gif) 0 0 no-repeat; padding-left: 20px; margin: 0; }

#mainL2012 h2.bbs_men { background: url(../../images/base2013/men/base/subtit_bbs_main.gif) 0 0 no-repeat; padding: 6px 0 0 28px; height: 24px; width: 312px; font-size: 93%; font-weight: bold; color: #b40000; position: relative; }
#mainL2012 h2.bbs_men .btn_more { position: absolute; right: 10px; top: 10px; }

#mainL2012 #bbs_main_r_m { background: url(../../images/base2013/men/base/bg_bbs_bottom.gif) 0 0 no-repeat; float: right; font-size: 92%; height: 128px;	margin: 0; padding:0; position: relative; width: 340px; }
#mainL2012 #bbs_main_r_m h3 { background: none; border: none; color: #b40000; font-size: 85%; font-weight: bold; margin: 0; padding: 0; }
#mainL2012 #bbs_main_r_m h3 span { color: #4d4d4d; }
#mainL2012 #bbs_main_r_m a { color: #002a7f; }
#mainL2012 #bbs_main_r_m a:hover { color: #3763bc; text-decoration: underline; }
#mainL2012 #bbs_main_r_m .btn_more { position: absolute; right: 10px; top: 10px; }
#mainL2012 #bbs_main_r_m .bbs_list_l { position: absolute; left: 10px; top: 5px; width: 160px; }
#mainL2012 #bbs_main_r_m .bbs_list_r { position: absolute; left: 180px; top: 5px; width: 160px; }
#mainL2012 #bbs_main_r_m .bbs_list_l ul, #mainL2012 #bbs_main_r_m .bbs_list_r ul { list-style: none; }
#mainL2012 #bbs_main_r_m .bbs_list_l ul li, #mainL2012 #bbs_main_r_m .bbs_list_r ul li { background: url(../../images/base2013/men/base/img_arrow02.gif) 0 6px no-repeat; padding-left: 20px; margin: 0; white-space: nowrap; }
#mainL2012 #bbs_main_r_m .bbs_list_l ul li.new, #mainL2012 #bbs_main_r_m .bbs_list_r ul li.new { background: url(../../images/base2013/men/base/img_new.gif) 0 0 no-repeat; padding-left: 20px; margin: 0; white-space: nowrap;}

/* ----- メインコンテンツ ----- */
#mainL2012 {
	margin-top: 0;
}

/* ----- 右カラム ----- */
#mainR2012 {
	margin: 0;
}

/* ----- TOOLS（CMOトップ用） ----- */
#mainL2012 #subR2012 #tools_men a { color: #002a7f; }
#mainL2012 #subR2012 #tools_men a:hover { color: #3763bc; text-decoration: underline; }
#mainL2012 #subR2012 #tools_men .subtit_tools_men {	background: url(../../images/base2013/men/base/bg_subtit_tools.gif) 0 0 no-repeat;	border: none; color: #ebeae3; font-size: 92%;	font-weight: bold;	padding: 2px 0 0 15px;	margin: 0;	height: 20px;	width: 465px; }
#mainL2012 #subR2012 #tools_men .tools_box { border-left: 1px solid #aecef0; border-right: 1px solid #aecef0; font-size: 92%;	padding: 6px 6px 1px;	margin: 0;	}
#mainL2012 #subR2012 #tools_men .tools_box li { margin: 0 0 5px 0;	}
#mainL2012 #subR2012 #tools_men .tools_box h3 { margin: 0 0 10px 0; position: relative; }
#mainL2012 #subR2012 #tools_men .tools_box h3 .tools_more { position: absolute; right: 5px; top: 5px; }
#mainL2012 #subR2012 #tools_men .tools_box_list_rank { border-bottom: 1px solid #cce5ff; margin: 0 0 10px 0;	padding: 0 0 5px 10px;	}
#mainL2012 #subR2012 #tools_men .tools_box_list_new {	padding: 0 0 0 15px;	}
#mainL2012 #subR2012 #tools_men .tools_box_list_new li {	background: url(../../images/base2013/men/base/img_arrow.gif) 0 8px no-repeat; padding: 0 0 0 15px;	}
#mainL2012 #subR2012 #tools_men .tools_box_list_rank img, #mainL2012 #subR2012 #tools_men .tools_box_list_new img { margin: 0 0 3px 0;	}

#mainL2012 #subR2012 #tools .boxL {
	float: left;
	width: 235px;
	font-size: 0.9em;
}
#mainL2012 #subR2012 #tools .boxR {
	float: right;
	width: 235px;
	font-size: 0.9em;
}
#mainL2012 #subR2012 #tools li {
	padding: 2px 0;
	border-bottom: 1px solid #e6e6e6;
}
#mainL2012 #subR2012 #tools li img {
	margin-right: 5px;
}
#mainL2012 #subR2012 #tools .more {
	text-align: right;
	margin: 5px 0 0;
}

/* ----- サービス事業所検索（CMOトップ用） ----- */
#mainL2012 #facilities2013_men a { color: #002a7f; }
#mainL2012 #facilities2013_men a:hover { color: #3763bc; text-decoration: underline; }
#mainL2012 #facilities2013_men .subtit_facilities_men {	background: url(../../images/base2013/men/base/bg_subtit_facilities.gif) 0 0 no-repeat; color: #ebeae3; font-size: 92%;	font-weight: bold;	margin: 0; padding: 3px 10px 0 15px;	height: 19px;	width: 665px; }
#mainL2012 #facilities2013_men .float_map {	float: left;	margin: 0 10px 0 0;	width: 300px; }
#mainL2012 #facilities2013_men .float_condition {	float: right; font-size: 92%;	margin: 0;	width: 340px; }
#mainL2012 #facilities2013_men .float_condition h3.index {	background-color: #e0efff;	border: 1px solid #ccc;	font-weight: bold;	margin: 0;	padding: 2px 5px; }
#mainL2012 #facilities2013_men .float_condition .detail {	border-left: 1px solid #ccc;	border-right: 1px solid #ccc;	border-bottom: 1px solid #ccc;	margin: 0 0 10px 0;	padding: 3px 5px; }
#mainL2012 #facilities2013_men #area_search { border-left: 1px solid #aecef0; border-right: 1px solid #aecef0; padding: 10px 8px 5px;	margin: 0;	position: relative; }
#mainL2012 #facilities2013_men #area_search_s{ border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px; }
#mainL2012 #facilities2013_men #area_search .tutorial{	position: absolute;	text-align: right;	top: 10px;	right: 10px; }
#mainL2012 #facilities2013_men #area_search .search {	width: 358px; }
#mainL2012 #facilities2013_men #area_search .search tr {	border: none; }
#mainL2012 #facilities2013_men #area_search .search td {	padding: 2px 5px 2px 0; }
#mainL2012 #facilities2013_men #area_search .word input {	width: 343px; }
#mainL2012 #facilities2013_men #area_search #service_filter {	color: #3486bf; }
#mainL2012 #facilities2013_men #area_search #service_filter:hover {	color: #155286;	text-decoration: underline;	cursor: pointer; }
#mainL2012 #facilities2013_men #area_search .service_filter {	display: none; }
#mainL2012 #facilities2013_men .nav, #mainL2012 #facilities2013_men .nav02 {	background: URL(../../images/base2012/bbs/bg_line.gif) 0 100% repeat-x;	margin:0; }
#mainL2012 #facilities2013_men .nav li {	float: left;	margin-right: 5px;	padding: 2px 25px;	background: #cccccc;	cursor: pointer; }
#mainL2012 #facilities2013_men .nav li.current, #mainL2012 #facilities2013_men .nav02 li.current {	padding-top: 2px;	background: #fff;	border-top: 1px solid #ccc;	border-right: 1px solid #ccc;	border-left: 1px solid #ccc;	color: #4d4d4d; }
#mainL2012 #facilities2013_men .nav02 li {	float: left;	margin-left: 5px;	padding: 5px 10px;	background: #f18b95;	color: #fff;	cursor: pointer; }
#mainL2012 #facilities2013_men .switch-content02, #mainL2012 #facilities2013_men .switch-facilities-content {	border: none;	display: none; }
#mainL2012 #facilities2013_men #switch-box02 {	border: none;	clear: both;	padding: 0;	font-size: 0.9em; }
#mainL2012 #facilities2013_men .switch-content03 {	border: none;	display: none; }
#mainL2012 #facilities2013_men #switch-box03 {	border: none;	clear: both;	padding: 0; }
#mainL2012 #facilities2013_men .bookmark2013{	background:url(../../images/base2012/facilities/bg_bookmark.gif) no-repeat 0 0;	height:70px;	padding:15px 15px 15px 190px;	font-size:0.85em;	letter-spacing:0; }
#mainL2012 #facilities2013_men .bookmark2013 p{	width:490px;	margin:0 0 5px 0; }
#mainL2012 #facilities2013_men .bookmark2013 li{	float:left;	width:195px; }
#mainL2012 #facilities2013_men .recomend2013 h3{	margin:0 0 10px 0; }
#mainL2012 #facilities2013_men .recomend2013 dl{	float:left;	width:340px;	margin:0 10px 9px 0;	padding:0 0 2px 0;	border-bottom:1px solid #ccc; }
#mainL2012 #facilities2013_men .recomend2013 dl.even{	margin:0 0 9px 0; }
#mainL2012 #facilities2013_men .recomend2013 dd{	font-size:0.85em; }
#mainL2012 #facilities2013_men .recomend2013 ul{	padding:0 0 8px 0; }
#mainL2012 #facilities2013_men .recomend2013 li{	float:left;	margin:0;	font-size:0.85em;	line-height:24px; }
#mainL2012 #facilities2013_men .recomend2013 .icon_recommend{	background:#297cca;	width:100px;	margin:0 15px 0 0;	color:#fff;	font-size:0.9em;	text-align:center; }

/* ----- CMOアンサー（CMOトップ用） ----- */
#mainL2012  .top_answer {
	margin-bottom: 15px;
}

#mainL2012  .top_answer .answer_tit {
	position: relative;
	padding-left: 15px;
	border-radius: 3px 3px 0 0;
	background: #bfad34;
	font-weight: bold;
	color: #ebeae3;
	font-size: 92%;
}

#mainL2012  .top_answer .answer_tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 5px;
	width: 5px;
	height: 16px;
	margin: auto 0;
	background: #ebeae3;
}

#mainL2012  .top_answer .inner {
	padding: 10px;
	border: 1px solid #aecef0;
	border-top: none;
	border-radius: 0 0 3px 3px;
}

#mainL2012  .top_answer .inner .exp {
	padding-right: 200px;
	min-height: 54px;
	background-image: url(/images/contents/answer/img01.png);
	background-repeat: no-repeat;
	background-position: right 40px center;
}

#mainL2012  .top_answer .inner .answer_post {
	margin-top: 15px;
	text-align: center;
}

#mainL2012  .top_answer .inner .answer_post a {
	display: block;
	width: 60%;
	padding: 10px;
	margin: 0 auto;
	border: 1px solid #d3892e;
	border-radius: 5px;
	background: #f19d35;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

#mainL2012  .top_answer .inner .answer_post a:hover {
	opacity: 0.85;
}

/* ----- 掲示板（CMOトップ用） ----- */
#mainL2012 #bbs2013_men {	margin-bottom: 15px; }
#mainL2012 #bbs2013_men a { color: #002a7f; }
#mainL2012 #bbs2013_men a:hover { color: #3763bc; text-decoration: underline; }
#mainL2012 #bbs2013_men #bbs_title {	position: relative;	margin: 0; }
#mainL2012 #bbs2013_men #bbs_title table {	position: absolute;	top: 17px;	left: 395px; }
#mainL2012 #bbs2013_men #bbs_title table th input {	width: 200px;	height: 22px;	margin-right: 10px;	border: 1px solid #ccc; }
#mainL2012 #bbs2013_men #bbs_cmo_top { border-left: 1px solid #aecef0; border-right: 1px solid #aecef0; font-size: 92%; padding: 10px;	margin: 0; }
#mainL2012 #bbs2013_men #bbs_cmo_top h3.heading_line {	vertical-align: middle; }
#mainL2012 #bbs2013_men #bbs_cmo_top h3.heading_line img {	margin-right: 8px;	vertical-align: -3px; }
#mainL2012 #bbs2013_men #bbs_cmo_top h3.heading_line a {	background: none;	display: inline;	color:#3486bf;	text-decoration:none;	margin: 0;	padding: 0;	outline: none;	font-weight: normal; }
#mainL2012 #bbs2013_men #bbs_cmo_top h3.heading_line a:hover { color:#155286; text-decoration: underline; }
#mainL2012 #bbs2013_men #bbs_cmo_top .top_thread_title {	border-bottom: 1px solid #ebeae3;	margin-bottom: 5px;	padding-bottom: 5px; }
#mainL2012 #bbs2013_men #bbs_cmo_top .top_thread_title img {	margin-right: 1px;	vertical-align: -3px; }
#mainL2012 #bbs2013_men #bbs_cmo_top .top_thread_text {	margin: 0;	padding: 0; }
#mainL2012 #bbs2013_men #bbs_cmo_top .top_thread_boxL { border: 1px solid #ccc;	float: left;	width: 308px;	margin-bottom: 20px; padding: 10px; }
#mainL2012 #bbs2013_men #bbs_cmo_top .top_thread_boxR { border: 1px solid #ccc;	float: right;	width: 308px;	margin-bottom: 20px; padding: 10px; }
#mainL2012 #bbs2013_men #consult table.message {	border-collapse: collapse; margin-bottom: 10px;	width: 100%; }
#mainL2012 #bbs2013_men #consult table.message th {	border: 1px solid #ccc;	background-color: #e0efff;	font-weight: bold;	padding: 5px; }
#mainL2012 #bbs2013_men #consult table.message td {	border: 1px solid #ccc;	padding: 5px;	vertical-align: top; }
#mainL2012 #bbs2013_men #consult table.message td span {	vertical-align: top; }

/* ----- ワンクリックアンケート ----- */
#mainL2012 #oneclick_men .question, #mainL2012 #oneclick_men .choice {	padding: 4px 15px; border: 2px solid #CBD7DE;	text-align: left;	font-size: 0.9em; }
#mainL2012 #oneclick_men .choice ul {	margin: 5px 0; }
#mainL2012 #oneclick_men .choice ul  li input {	margin-right: 10px; }
#mainL2012 #oneclick_men table {	margin-bottom: 10px; }
#mainL2012 #oneclick_men th {	width: 60px;	font-weight: normal; }
#mainL2012 #oneclick_men textarea {	width: 360px;	height: 20px;	margin-left: 10px; }
#mainL2012 #oneclick_men .attention { background-color: #fffeea; border: 1px solid #d8d492; color: #c80000; font-weight: bold; margin: 0 auto 20px; padding: 10px 30px; text-align: center; width: 580px; }
#mainL2012 #oneclick_men .thanks { background-color: #fffeea; border: 1px solid #d8d492; margin: 0 auto 20px; padding: 10px 0; text-align: center; width: 640px; }
#mainL2012 #oneclick_men .strong { color: #c80000; font-weight: bold; font-size: 120%; }


/* ==========================================
　おすすめコンテンツ
========================================== */
#mainL2012 #subR2012 .tools_box .push_cont {
	padding-top: 5px;
	letter-spacing: -.4em;
}

#mainL2012 #subR2012 #tools_women .tools_box .push_cont {
	padding: 8px;
	background: #fff;
	font-size: 85%;
}

#mainL2012 #subR2012 .tools_box .push_cont li {
	display: inline-block;
	width: calc((100% - 20px) / 2);
	vertical-align: top;
	letter-spacing: normal;
}

#mainL2012 #subR2012 .tools_box .push_cont li:nth-child(odd) {
	margin-right: 20px!important;
}

#mainL2012 #subR2012 .tools_box .push_cont li:nth-child(n+3) {
	margin-top: 15px!important;
}

#mainL2012 #subR2012 .tools_box .push_cont li dt {
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding-left: 5px;
	margin-bottom: 5px;
	border-left: 2px solid #cd0002;
	background-color: #efefef;
	text-overflow: ellipsis;
	font-weight: bold;
	white-space: nowrap;
}

#mainL2012 #subR2012 .tools_box .push_cont li dt span {
	color: #cd0002;
}

#mainL2012 #subR2012 .tools_box .push_cont li dd {
	font-size: 93%;
}

#mainL2012 #subR2012 #tools_women .tools_box .push_cont li dd {
	font-size: 100%;
}

#mainL2012 #subR2012 .tools_box .push_cont li dd a {
	display: block;
	position: relative;
	overflow: hidden;
	height: 54px;
	padding-left: 65px;
	line-height: 18px;
}

#mainL2012 #subR2012 .tools_box .push_cont li dd a:hover {
	background: #f8f8f8;
}

#mainL2012 #subR2012 .tools_box .push_cont li dd .thumb {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 54px;
	height: 54px;
}

#mainL2012 #subR2012 .tools_box .push_cont li dd .thumb img {
	max-height: 100%;
}

#mainL2012 #subR2012 .tools_box .push_cont li dd .thumb.horizontal img {
	max-width: 100%;
	max-height: initial;
}

#mainL2012 #subR2012 .tools_box .push_cont li dd .new {
	display: inline-block;
	margin-right: .5em;
	background: #cd0002;
	color: #fff;
	text-decoration: none;
	font-size: 93%;
	vertical-align: top;
}