@charset "shift_jis";


.cFix:after{
  content: "";
  clear: both;
  display: block;
}


/* common
--------------------------------------------------------------- */
body {
    font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;
}

ul, li {
    font-size: 100%;
    margin: 0;
    padding: 0;
}

/* リンク
--------------------------------------------------------------- */
a:link {
	color: #111184;
	background: transparent;
}
a:visited {
	color: #3366ff;
	background: transparent;
}
a:hover, a:active {
	color: #ff9933;
	background: transparent;
}


/* 検索ツール全体
--------------------------------------------------------------- */
#gadget_tool {
	width: 100%;
}

/* ガジェット共通
--------------------------------------------------------------- */
.gadget_tool_title {
	position: relative;
	overflow: hidden;
	text-align: left;
	border: 1px solid #ddd;
	border-bottom: none;
	background: #eee;
	margin: 0 10px -1px 10px;
	padding: 5px;
}

.gadget_tool_title span {
	font-size:16px;
	display: inline-block;
	color: #666;
	font-weight: bold;
	padding-left: 20px;
	background: url(//www.nta.co.jp/shared2015/common/images/gadget_images/gadget_title_icon.png) no-repeat left center;
}

.gadget_tool_title span.icon_check {
	background: url(//www.nta.co.jp/shared2015/common/images/gadget_images/gadget_title_icon_check.png) no-repeat left 5px;
}

.gadget_tool_title span.icon_no {
	padding-left: 10px;
	background-image: none;
}

.gadget_box {
	border: 1px solid #ddd;
	background: #eee;
}
.gadget_box_in {
	border: 5px solid #fff;
    background: #fcfcfc;
    padding: 5px;
}

/* バナーガジェット
--------------------------------------------------------------- */
#rt_jr_feature_10{
	margin:0;
	padding:0;
}

.gadget_tool_ban li {
	width: 18%;
    float: left;
    /*margin: 0 1%;*/
    list-style: none;
}

.gadget_tool_ban a {
	text-decoration: none!important;
}
.gadget_tool_ban .image {
	display: block;
	margin: 0 auto 5px auto!important;
	max-width: 200px;
	position:relative;
overflow: hidden;
}
.image .tag {
    display: block;
    position: absolute;
    font-size: 10px;
    top: -9px;
    left: -45px;
    color: #fff;
    font-weight: bold;
    width: 100px;
    height: 15px;
    padding-top: 15px;
    text-align: center;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.first .tag {
    color: #333;
    background: #d4ba35 !important;
}
.first .tag:before {
content: "1";
}
.second .tag {
    color: #333;
    background: #b8b8b8 !important;
}
.second .tag:before {
content: "2";
}
.third .tag {
    color: #333;
    background: #d5976d !important;
}
.third .tag:before {
content: "3";
}
.fourth .tag,
.fifth .tag,
.tag.ffth {
    color: #333;
    background: #8191EA !important;
}
.fourth .tag:before {
content: "4";
}
.fifth .tag:before {
content: "5";
}

.gadget_tool_ban .image img:first-child {
	width: 100%;
}
.gadget_tool_ban .image img:nth-of-type(2){
	position:absolute;
	top:0;
	left:0;
	width:25%;
}
.gadget_tool_ban .info {
	display: block;
	margin: 0 auto 5px auto;
	max-width: 200px;
}
.gadget_tool_ban .info_in {
}
.gadget_tool_ban .title {
	display: block;
	font-size: 14px;
	margin: 8px 0 5px 0!important;
line-height: 1.4em;
    /*font-weight: bold;*/
}

.gadget_tool_ban .text {
	display: block;
	line-height: 1.2;
	font-size: 14px;
}
.gadget_tool_ban a .text,
.gadget_tool_ban .text a {
	margin: 0;
	color: #333!important;
}



/* マイページ
--------------------------------------------------------------- */

.my_reco {
	width:98% !important;
	margin: 0 auto;
}

.my_reco .gadget_tool_ban li {
    width: 100%;
border-bottom: 1px dotted #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}

.pri_txt {
	font-size: 14px;
    color: #ff0000;
    font-weight: bold;
	margin: 5px 0 0 0 !important;
}


.my_reco:nth-of-type(2) {
    margin: 15px auto 25px auto;
}

.gadget_tool_ban #rt_sp_mypage_kaigai_plan li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}


/* 担当者おすすめプラン枠用リセットjs_of */

/*.gadget_tool_ban #rt_sp_mypage_kaigai_plan .image img,
.gadget_tool_ban #rt_sp_mypage_kokunai_plan .image img {
    width: 60px;
}


.gadget_tool_ban #rt_sp_mypage_kaigai_plan .image,
.gadget_tool_ban #rt_sp_mypage_kaigai_plan .info,
.gadget_tool_ban #rt_sp_mypage_kokunai_plan .image,
.gadget_tool_ban #rt_sp_mypage_kokunai_plan .info {
    float: left;
	margin: 0 0 0 0 !important;
}

.gadget_tool_ban #rt_sp_mypage_kaigai_plan .info,
.gadget_tool_ban #rt_sp_mypage_kokunai_plan .info {
    max-width: 80% !important;
}

.gadget_tool_ban #rt_sp_mypage_kaigai_plan .title,
.gadget_tool_ban #rt_sp_mypage_kokunai_plan .title {
    margin: 0 0 0 0 !important;
}

.gadget_tool_ban .info_in {
    margin: 0 0 0 10px !important;
}

.gadget_tool_ban #rt_sp_mypage_kaigai_plan li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}*/


/* 担当者おすすめプラン枠用リセットjs_on */

.side_tool_list_photo img {
    width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 5px auto!important;
	max-width: 200px;
	position:relative;
overflow: hidden;
}

.side_tool_list_info {
    display: block;
    margin: 0 auto 5px auto;
    max-width: 200px;
}

/*p.side_tool_list_photo {
    margin: 0;
    padding: 0;
}

.side_tool_list_photo img {
float: left;
    width: 60px;
	height: auto;
}

.side_tool_list_info {
float: left;
    max-width: 80% !important;
}

.side_tool_list_info_in {
    margin: 0 0 0 10px !important;
}*/

.price {
	font-size: 14px;
    color: #ff0000;
    font-weight: bold;
	margin: 5px 0 0 0 !important;
}


/* ボタン
--------------------------------------------------------------- */

p.base_btn_box {
    margin: 0 0 0 0;
}


.btn_box {
    margin: 0 0 0 0;
}


.base_btn,
a.base_btn:link,
a.base_btn:visited {
    font-size: 14px !important;
    /*float: left;
    width: 45%;2列用*/
    width: 100%;
    display: block;
    margin: 10px 0 0 0;
    font-size: 120%;
    color: #fff !important;
    background: #111184;
    border: 1px solid #111184;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 1px 0 0 rgba(255, 255, 255, 0.0), inset -1px 0 0 rgba(255, 255, 255, 0.0), inset 0 -1px 0 rgba(255, 255, 255, 0.0), 2px 2px 2px rgba(0,0,0,0.15);
    transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
}

.base_btn span {
    display: inline-block;
    padding: 15px 20px;
    line-height: 1;
}

.base_btn:hover,
a:hover.base_btn {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}


.base_btn.type_02 {
    background-color: #dd335d !important;
    border-color: #dd335d !important;
}

.base_btn.type_03 {
    background-color: #4eab26 !important;
    border-color: #4eab26 !important;
}