*@charset "UTF-8";

#contents {
    width: 960px;
    margin: 0 auto 15px auto;
    text-align: left;
    font-size: 1.00em;
	padding: 0;
}

#contents .frm_tp_mdl {
    width: 960px;
    background: url(/biz/set/data/mobile/service_solution/partner/img/bg_frm_tp_box_mdl.gif) repeat-y left top;
}

#contents .frm_tp_btm {
    width: 960px;
    padding: 0 0 4px 0;
    background: url(/biz/set/data/mobile/service_solution/partner/img/bg_frm_tp_box_btm.gif) no-repeat left bottom;
}

#contents .frm_tp_top {
    width: 960px;
    background: url(/biz/set/data/mobile/service_solution/partner/img/bg_frm_tp_box_top.gif) no-repeat left top;
}

#contents .frm_tp_top #main_contents {
    width: 759px;
}

#contents .frm_tp_top #main_contents .main_inner {
    width: 719px;
    padding: 0 20px 30px 21px;
	clear: both;
}

#contents .frm_tp_top #main_contents .main_inner h1 {
    clear: both;
    padding: 0 0 20px;
}

#contents .mt_30 {
    margin-top: 30px !important;
}
#contents .mt_15 {
    margin-top: 15px !important;
}

/* ===== NEWS ===== */
#sbbaps-news {
	margin: 0 0 30px;
	padding: 15px 10px 15px;
	background: #ffffff;
	border: #b4b4b4 solid 1px;
}

#sbbaps-news dt{
	border-bottom: #b4b4b4 solid 3px;
	padding: 0 0 4px;
}

#sbbaps-news dt strong{
	display: block;
	width: 58px;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden;
}

#sbbaps-news dd.first{
	background: none;
}

.totop {
	display: block;
	width: 83px;
	height: 11px;
	overflow: hidden;
	margin: 0 10px 0 auto;
	text-indent: -9999px;
	outline: none;
}

div#naviRight {
float:right;
width:180px;
padding:10px 10px 50px 10px;
}
div#naviRight ul li {
list-style:none;
padding:0 0 5px 0;
}
div#naviRight ul li.bnr {
padding:8px 0 5px 0;
}

#contents .mr_10 {
    margin-right: 10px !important;
}

#sbbaps-news dt strong {
    display: block;
    width: 58px;
    height: 13px;
    text-indent: -9999px;
    overflow: hidden;
}



/*--------------------------------------------------------------
	partner
--------------------------------------------------------------*/
@charset "Shift_JIS";


#contents .frm_tp_top #main_contents .main_inner {
width:719px;
padding: 0 20px 20px 21px;
}

/*============================== Contents ==============================*/

/* sort */
#box_solution_sort{
	margin-top: 20px;
}
.sort_area_center{
	padding: 5px 0 15px 10px;
	background: transparent url(/biz/set/data/mobile/service_solution/partner/img/bg_sort_area_center.png) left top repeat-y;
}
.sort_area_list{
	padding-top: 0px;
}
.sort_area_list dt{
	float: left;
	width: 65px;
}
.sort_area_list dd{
	float: left;
	width: 620px;
}
.sort_area_list li{
	float: left;
	margin-top: 10px;
	width: 150px;
	position: relative;
}
#business-list,
#carrying-list,
#product-list{
	margin-top: -2px;
}
#purpose-list {
	margin-top: -1px;
}
.mt_24{
	margin-top: 24px;
}

.tbl-product-sort th{
	padding: 20px 10px;
}

li.row0{ width:150px; clear:left; }
li.row1{ width:180px; }
li.row2{ width:145px; }
li.row4{ width:180px; }
li.row5{ width:180px; }
li.row7{ width:180px; }
li.row10{ width:180px; }
li.row11{ width:180px; }
li.row12{ /* width:100px; */ }
li.row13{ width:180px; }
li.row14{ width: 145px; }
li.row15{ width: 160px; }

#business-list li.row5{ width: 180px; }
#carrying-list li.row2{ width: 205px; }

#contents .sort_area_list a,
#contents .sort_area_list .disable{
	display:block;
	font-size: 12px;
	text-decoration: none;
}
#contents .sort_area_list .disable{
	color: #999999;
}
#contents .sort_area_list span {
	padding-left: 21px;
	z-index: 10;
	position: relative;
}
#sort_note p.note, #result_note p.note{
	margin: 12px 0 12px 12px;
	font-size: 12px;
}
#contents input[type="checkbox"] {
	position: absolute;
	top: 1px;
	left: 0;
	z-index: 0;
}

#btn_sort{
	padding: 12px 0 0 30px;
}

#contents #btn_sort .deactive,
#contents #btn_sort .active a,
#contents #btn_sort .active a:hover,
#contents #btn_sort .onclick {
	width: 400px;
	height: 45px;
	text-align: center;
	font-size: 16px;
	line-height: 45px;
}
#contents #btn_sort .active,
#contents #btn_sort .onclick {
	display: none;
}

#contents #btn_sort .onclick p{
	padding-top:5px;
}
#btn_reset{
	padding: 12px 30px 0 0;
}
#contents #btn_reset .deactive,
#contents #btn_reset .active a,
#contents #btn_reset .active a:hover{
	width: 210px;
	min-width: 210px;
	height: 45px;
	text-align: center;
	font-size: 16px;
	line-height: 45px;
}
#contents #btn_reset .active{
	display: none;
}

}
#sort_display_area .purpose-list li{
	min-width: 103px;
	min-height: 18px;
	margin-right: 3px;
	margin-top: 3px;
	text-align: center;
	display: inline-block;
	background: #CCC;
}
#sort_display_area .unit-detail dt {
	text-align: center;
}
#sort_display_area .unit-detail dt .header-logo-name {
    display: inline-block;
    min-height: 59px;
}
#sort_display_area .unit-detail dt a,
#sort_display_area .unit-detail dt img {
	display: table-cell;
}
#sort_display_area .unit-detail dt h4 {
	display: table-cell;
	vertical-align: middle;
	padding-left: 15px;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	text-align: left;
}
#sort_display_area .unit-detail dt h4.header-image-none,
#sort_display_area .unit-detail dt h4.header-image {
	height:59px;
}
#sort_display_area .unit-detail dt h4.header-image {
	padding-left: 0;
}
#sort_display_area .unit-detail dt h4.header-image img {
	max-width: 287px;
}
#sort_display_area .unit-detail .premium, #sort_display_area .unit-detail .campaign{
	margin-top: 15px;
}
#sort_display_area .unit-detail .campaign{
	margin-left: -10px;
}
#sort_display_area .unit-detail dd {
	padding-bottom: 45px;
}
#sort_display_area .unit-detail .txt {
	margin: 16px 0;
}
* #sort_display_area .unit-detail .txt{
	/*ieのfloatバグ回避の為*/
	margin-left:1px;
}
.txt_notes {
	margin: 12px 20px 0;
}

form#enquete {
    margin: 20px 0 0;
}
form.enquete_area {
    margin: 30px 0 0;
}

.bnr-purchase li {
	margin: 25px auto 0;
	width: 603px;
}

.tg_contact_box .tg_fr .sbm_btn_04_mail a {
	color: #fff;
	text-decoration: none;
}

/* Clear
-------------------------------------------------------------------------------- */

#sort_display_area .unit-detail dt:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}
#sort_display_area .unit-detail dt {
	zoom:100%;
}



/* Attached for SBTM Regular Template
-------------------------------------------------------------------------------- */
#contents {
    width: 719px;
    margin: 0 0 15px;
}

#contents .frm_tp_mdl {
    width: auto;
    background-image: none;
}

#contents .frm_tp_btm {
    width: auto;
    background-image: none;
}

#contents .frm_tp_top {
    width: auto;
    background-image: none;
}

#contents .frm_tp_top #main_contents {
    width: auto;
}

#contents .frm_tp_top #main_contents .main_inner {
    width: auto;
    padding: 0;
	clear: both;
}

#service_index h3,
#relation_service h3,
#tg_rela_index.accordion h3,
#tg_rela_index.accordion h4 {
	font-weight: bold;
	color: #333;
}

#page_read {
	margin-bottom: 30px;
}

#page_title .inner h2 {
	font-weight: bold;
}

/* 16/04/07 追加
-------------------------------------------------------------------------------- */
.tg_btn_box ul.clm3_mod01 li {
	float: left;
	width: 224px;
	margin-right: 8px;
	margin-top: 15px;
	padding: 10px 0 10px 0;
	text-align: center;
	border: 2px solid #305490;
	font-weight: bold;
	line-height: 1.0em;
}

.tg_btn_box ul.clm3_mod01 li:hover{
	background-color: #305490;
}
.clm3_mod01 a:hover{
	background-color: #305490;
	color:#fff;
}


/* 16/09/30 追加
-------------------------------------------------------------------------------- */
.btn-03{
	min-width: 150px;
	color: #333;
}

#contents #btn_sort .deactive, #contents #btn_sort .active a, #contents #btn_sort .active a:hover, #contents #btn_sort .onclick,#btn_reset .active a{
	line-height: 25px !important;
}

#btn_reset .active a{
	font-size: 12px !important;
}

#contents #btn_sort .active a,#contents #btn_sort .onclick{
	color: #006699;
}

.box-product-sort-01{
	border-bottom: 8px solid #f4f5f6;
}