@charset "UTF-8";

/* ==============================
						全体
============================== */
#wrapper {
	width: 1200px;
	height: auto;
	margin: 120px auto 50px;
}
a:hover img.over{
	filter:alpha(opacity=75);
	-moz-opacity:0.75;opacity:0.75;
}
.head_box {
	width: 1200px;
	margin: 5px auto 10px;
}
.head_box h1 {
	float: left;
	width: 300px;
	margin: 7px auto 8px;
	font-size: 12px;
}
.head_box .txt_h_top {
	float: right;
	width: 640px;
	padding: 5px;
	border: 2px solid #f00;
	color: #f00;
}
h2 {
	margin-bottom: 10px;
}

/* ==============================
						style
============================== */

.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mb5 {
	margin-bottom: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

/* ==============================
						ヘッダーナビ
============================== */
#head_navi_inner ul {
	text-align: left;
	width: 1200px;
	margin: 0 auto;
}
#head_navi_inner ul li {
	float: left;
	width: 240px;
}
#head_navi_inner ul li a {
	display: block;
	background: url(../img/blt_navi.png) no-repeat;
	width: 240px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
}
#head_navi_inner .navi_media {
	background-position: -240px 0px;
}
#head_navi_inner .navi_guidance {
	background-position: -480px 0px;
}
#head_navi_inner .navi_qa {
	background-position: -720px 0px;
}
#head_navi_inner .navi_contact {
	background-position: -960px 0px;
}

/* ホバー時 */
#head_navi_inner .navi_index:hover {
	background-position: 0 -81px;
}
#head_navi_inner .navi_media:hover {
	background-position: -240px -81px;
}
#head_navi_inner .navi_guidance:hover {
	background-position: -480px -81px;
}
#head_navi_inner .navi_qa:hover {
	background-position: -720px -81px;
}
#head_navi_inner .navi_contact:hover {
	background-position: -960px -81px;
}
#tabBox1{
	background: #FCF;
}
#tabBox2{
	background: #FFC;
	display: none;
}
#tabBox3{
	background: #ccc;
	display:none ;
}
#tabBox4{
	background: #ccc;
	display:none ;
}
#tabBox5{
	background: #ccc;
	display:none ;
}
/*#head_tab ul{
	width: 900px;
	margin: 0 auto;
}
#head_tab ul li{
	float: left;
}
#head_tab ul li a{
	display: block;
	width: 170px;
	height: 60px;
	line-height: 50px;
	text-align: center;
	border: #ccc 1px solid;
}*/
/*#main1,#main2,#main3,#main4,#main5 {
	border: #ccc 1px solid;
}*/


/* ==============================
						左カラム
============================== */
#container_l {
	float: left;
	width: 230px;
	margin-right: 55px;
}
#container_l .area_box h4 p.h4_ttl_l {
	float: left;
	width: 158px;
}
#container_l .area_box h4 p.h4_ttl_r {
	float: right;
	width: 45px;
}
#container_l .area_box li.areaBox_li {
	margin: 0px 0 35px;
}
#container_l h4 {
	border-left: solid 6px #39b44c;
	/*border-bottom: solid 1px #898989;*/
	font-weight: bold;
	font-size: 13px;
	padding: 2px 10px;
}
#container_l .area_box li.areaBox_li .lgn_bnr_area li{
	/* margin: 15px 0; */
}
#container_l .k3y_box {
	width: 230px;
	margin: 15px auto 0;
	border: solid 1px #ccc;
}
#container_l .look_advts_area .k3y_box p.k3y_ttl {
	font-weight: bold;
	background-color: #8f8f8f;
	color: #fff;
	padding: 2px 8px;
}
#container_l .look_advts_area .k3y_box ul {
	padding: 0 2px;
}
#container_l .look_advts_area .k3y_box ul li {
	font-size: 11px;
	line-height: 20px;
	padding: 5px 0;
}
#container_l .look_advts_area .k3y_box ul li a {
	text-decoration: underline;
}
#container_l .look_advts_area .k3y_box .icn_fl {
	float: left;
	margin-right: 10px;
}
#container_l .img_advts {
	margin: 5px 0;
}
/*#container_l .brand_list_area .brand_list {
	margin: 10px 0;
}
#container_l .brand_list_area .brand_flt {
	float: left;
	width: 115px;
	margin: 5px 0;
	border: #ccc 1px solid;
}
#container_l .brand_list_area .brand_flt .txt_brand {
	font-size: 11px;
	text-align: center;
}*/

/* ==============================
						右カラム
============================== */
#container_r {
	float: left;
	width: 914px;
}

/* ==============================
						フッター
============================== */
footer .footer_box {
	background: url(../img/bg_footer.jpg) repeat-x;
}
.footer_menu ul {
	width: 1200px;
	margin: 5px auto 20px;
}
.footer_menu ul li {
	width: 234px;
	height: 50px;
	line-height: 50px;
	margin: 20px auto 0;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}
.footer_menu ul li+ li {
	border-left: 0;
	border-right: 1px solid #d9d9d9;
}
.footer_menu ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
.footer_cr {
	text-align: center;
	padding-bottom: 30px;
	line-height: 25px;
	font-size: 14px;
}

/* ==============================
						上へ戻る
============================== */
#upBtn .up_box {
		width: 214px;
		height: 35px;
		float: right;
		margin: 10px 0;
}

/* ==============================
					上へ戻る(jQuery)
============================== */
.page_top a {
		display: block;
		width: 48px;
		height: 48px;
		background: #fd7e9f;
		border-radius: 27px;
		position: fixed;
		bottom: 5px;
		right: 5px;
		z-index: 10;
		/* opacity: 0.8; */
		border: 3px solid #fff;
		box-shadow: 1px 1px 2px #ccc;
}
.page_top img {
	width: 33px;
	padding: 7px;
}

/* ==============================
			2015.11 ヘッダーナビ修正版
============================== */
* html body {
	background: url(null) fixed;
}
header {
	width: 100%;
	position: fixed;
	top:0;
	left:0;
	background-color: #fff;
	z-index: 2;
}
* html header {
	position: absolute;
	top: expression(eval(document.documentElement.scrollTop+0));
}
.head_box2 {
	width: 1200px;
	margin: 5px auto;
}
.head_box2 h1 {
	float: left;
	width: 300px;
	margin: 7px auto 8px;
	font-size: 12px;
}
.head_box2 .txt_h_top {
	float: right;
	width: 640px;
	padding: 5px;
	border: 2px solid #f00;
	color: #f00;
}
.head_navi_inner2  {
	background: url(../img/bg_navi2.gif) repeat-x;
}
.head_navi_inner2 ul {
	text-align: left;
	width: 1200px;
	margin: 0 auto;
}
.head_navi_inner2 ul li {
	float: left;
	width: 240px;
}
.head_navi_inner2 ul li a {
	display: block;
	background: url(../img/blt_navi2.png) no-repeat;
	width: 240px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
}

.head_navi_inner2 ul li a:hover {
	opacity:0.7;
}


.head_navi_inner2 .navi_media {
	background-position: -240px 0px;
}
.head_navi_inner2 .navi_guidance {
	background-position: -480px 0px;
}
.head_navi_inner2 .navi_qa {
	background-position: -720px 0px;
}
.head_navi_inner2 .navi_contact {
	background-position: -960px 0px;
}
/* ホバー時 */
.head_navi_inner2 .navi_index:hover {
	background-position: 0 -50px;
}
.head_navi_inner2 .navi_media:hover {
	background-position: -240px -50px;
}
.head_navi_inner2 .navi_guidance:hover {
	background-position: -480px -50px;
}
.head_navi_inner2 .navi_qa:hover {
	background-position: -720px -50px;
}
.head_navi_inner2 .navi_contact:hover {
	background-position: -960px -50px;
}
/*#wrapper2 {
	width: 1200px;
	height: auto;
	margin: 120px auto 50px;
}*/

/*　201603追加　*/

/*お知らせを左メニューに*/
.info_box {
	width: 198px;
	border: solid 1px #ccc;
	padding: 10px 15px;
	background-color: #fff;
	margin-bottom: 12px;
}

#container_l .info_box .news_list {
	 font-size: 11px;
	 margin: 10px 0;
}

#container_l .info_box .news_list p.info_date span.icn_new {
	 margin-left: 6px;
	 padding: 1px 3px;
	 background-color: #ff0000;
	 color: #fff;
	 font-weight: bold;
	 font-size: 9px !important;
}

#container_l .info_box .news_list p.info_date {
	width: 120px;
	padding-bottom: 5px;
	/*line-height: 20px;*/
}

#container_l .info_agency {
	width: 232px;
	margin-bottom: 10px;
}

/* ---------------------------------------------- */
/* 				INFORMATION お知らせ				  */
/* ---------------------------------------------- */
#container_r .head_contents {
	margin: 10px 0;
}
#container_r .senkou_up {
	float: left;
	width: 494px;
	margin-right: 10px;
}
#container_r .senkou_up h2.su_img {
	border: solid 1px #ccc;
	box-sizing: border-box;
}
#container_r .senkou_up .su_lnk_btn {
	margin-left: 1px;
}
#container_r .info_agency {
	width: 410px;
}
#container_r .head_info_r {
	float: left;
	width: 410px;
}
#container_r .info_box {
	width: 377px;
	height: 192px;
	border: solid 1px #ccc;
	padding: 10px 15px;
	background-color: #fff;
	margin-bottom: 12.5px;
}
#container_r .info_box h3.info_topTtl {
	margin-bottom: 10px;
}
#container_r .info_box .news_list {
	font-size: 11px;
	margin: 10px 0;
}
#container_r .info_box .news_list p.info_new {
	float: left;
	width: 50px;
}
#container_r .info_box .news_list p.info_date {
	width: 120px;
	padding-bottom: 5px;
	/*line-height: 20px;*/
}
#container_r .info_box .news_list p.info_date span.icn_new {
	margin-left: 6px;
	padding: 1px 3px;
	background-color: #ff0000;
	color: #fff;
	font-weight: bold;
	font-size: 9px !important;
}
#container_r .info_box .news_list p.info_txt {
	width: 377px;
	/*line-height: 0.8;*/
	padding-bottom: 10px;
}
#container_r .info_box .news_list p.info_txt a {
	color: #2e6af2;
	text-decoration: underline;
}










.plan{
	margin:30px;
	border:3px solid #ddd;
	padding:40px;
	border-radius:6px;
	text-align:center;
	line-height:1.8em;
}

.planmidashi{
font-size:1.3em;
margin-bottom:10px;
}









.plan{
	margin:30px;
	border:3px solid #ddd;
	padding:40px;
	border-radius:6px;
	text-align:center;
	line-height:1.8em;
}

.planmidashi{
font-size:1.3em;
margin-bottom:10px;
}



.left_sidebar_login{
margin:10px 0px 15px 0px;
border:solid 1px #cccccc;
font-size:12px;
text-decoration:underline;
line-height:2.5em;
}



.left_sidebar_login li{
background-repeat:no-repeat;
background-size:22px 22px;
background-position:16px 13px;
padding:10px 0px 0px 54px;
}

.left_sidebar_login li:last-child{
background-position:16px 11px;
padding:8px 0px 10px 54px;
}





.left_sidebar_login_kosyunyu{
background-image:URL("http://smartnets.co.jp/baitai/img/logo-01.svg");
}

.left_sidebar_login_365money{
background-image:URL("http://smartnets.co.jp/baitai/img/logo-02.svg");
}
.left_sidebar_login_mj{
background-image:URL("http://smartnets.co.jp/baitai/img/logo-03.svg");
}

.left_sidebar_login_foo_navi{
background-image:URL("http://smartnets.co.jp/baitai/img/logo-04.svg");
}


.arrow{position: relative;display: inline-block;padding: 0 1px 0 16px;
color: #9E9E9E;vertical-align: middle;text-decoration: none;font-size: 15px;}
.arrow::before,
.arrow::after{
position: absolute;
top: -1px;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
float:right;
}




.arrow02::before{left: 3px;width: 3px;height: 3px;
border-top: 2px solid #9E9E9E;
border-right: 2px solid #9E9E9E;
-webkit-transform: rotate(45deg);transform: rotate(45deg);}




.main_navbar li{
	display:inline-block;
	text-align:center;
	margin-bottom:12px;
		margin-right:5px;
}

.main_navbar li a{
	display:block;
	padding:22px 0px 20px 0px;
	width:217px;

}




.main_navbar li a:hover{
	opacity:0.9;
	text-decoration:underline;

}


.main_navbar_kosyunyu{
border-radius:5px 5px 0px 0px;
border-top:4px solid #ff8500;
border-right:1px solid #ff8500;
border-left:1px solid #ff8500;
}



.main_navbar_365money{
border-radius:5px 5px 0px 0px;
border-top:4px solid #e4007d;
border-right:1px solid #e4007d;
border-left:1px solid #e4007d;
}


.main_navbar_mj{
border-radius:5px 5px 0px 0px;
border-top:4px solid #fe0000;
border-right:1px solid #fe0000;
border-left:1px solid #fe0000;
}

.main_navbar_foo_navi{
border-radius:5px 5px 0px 0px;
border-top:4px solid #d59b2d;
border-right:1px solid #d59b2d;
border-left:1px solid #d59b2d;

}



div.tooltip1{
    display: inline-block;
}

div.tooltip1:hover {
    position: relative;
}

div.tooltip1:hover span {
    display: block;
    position: absolute;
    top: 4px;
	left:106px;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #ff8500 transparent transparent transparent;
}


div.tooltip2{
    display: inline-block;
}

div.tooltip2:hover {
    position: relative;
}

div.tooltip2:hover span {
    display: block;
    position: absolute;
    top: 4px;
	left:106px;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #e4007d transparent transparent transparent;
}







div.tooltip3{
    display: inline-block;
}

div.tooltip3:hover {
    position: relative;
}

div.tooltip3:hover span {
    display: block;
    position: absolute;
    top: 4px;
	left:106px;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #fe0000 transparent transparent transparent;
}






div.tooltip4{
    display: inline-block;
}

div.tooltip4:hover {
    position: relative;
}

div.tooltip4:hover span {
    display: block;
    position: absolute;
    top: 4px;
	left:106px;
	border-style: solid;
	border-width: 9px 6px 0 6px;
	border-color: #d59b2d transparent transparent transparent;
}
.main_navbar_foo_navi{
	margin-right:0px;
}