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

body {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}



@media screen and (min-width:1001px){
#cbox_top {
/*	max-width: 746px;
	height: 10000px;
	margin: 0 auto;
	box-shadow: 0 2px 5px rgba(0,0,0,.5);
*/}

#cbox_top .inner_box {
/*	width: 706px;
	margin: 0 auto;
*/}

#cbox_top .reco_link p{
	font-size: 18px;
	font-weight: bold;
}

#cbox_top .reco_link ul{
	padding: 0;
	margin: 0;
}

#cbox_top .reco_link a:link, a:visited, a:active{
	color: #35aee0;
	text-decoration: underline;
}

#cbox_top .reco_link a:hover{
	text-decoration: none;
}

#cbox_top .reco_link li{
	list-style: none;
	font-size: 18px;
	letter-spacing: 1px;
	line-height:36px;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 9px;
	margin: 0;
	padding-left: 26px;
	font-weight: bold;
}
	
#cbox_top .reco_link li a{
	color: #35aee0;
}

#cbox_top .cardloan_linkbtn{
	height: 268px;
	padding: 0;
	margin: 0;
}
	
#cbox_top .bluetitl{
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 40px 0 20px;
}

#cbox_top .bluetitl p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 16px 20px;
}
	
#cbox_top .bluetitl2{
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 40px 0 0;
}

#cbox_top .bluetitl2 p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 16px 20px;
	margin: 0;
}
	
#cbox_top .l_box{
	width: 330px;
	height: 180px;
	padding: 0;
	margin: 0 10px;
	float: left;
}
	
#cbox_top .r_box{
	width: 330px;
	height: 180px;
	padding: 0;
	margin: 0 10px;
	float: left;
}

#cbox_top .cardloan_btn {
	width: 326px;
	height: 76px;
	padding: 0;
	margin: 0;
	border: solid #35aee0 2px;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
	
#cbox_top .cardloan_btn:hover {
	background-color: #35aee0;
	color: #fff;
}
	
#cbox_top .l_box,.r_box, a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}

#cbox_top .l_box,.r_box, a:hover {
	color: #fff;
	text-decoration: none;
}

#cbox_top .mb20 {
	margin-bottom: 20px;
}
	
#cbox_top .mb10 {
	margin-bottom: 10px;
}
	
#cbox_top .mr10 {
	margin-right: 10px;
}
	
#cbox_top .mb30 {
	margin-bottom: 30px;
}
	
#cbox_top .cd_inner {
	width: 326px;
	height: 34px;
	padding: 0;
	margin-top: 23px;
}

#cbox_top .cd_icon {
	width: 54px;
	height: 34px;
	text-align: center;
	float: left;
}
	
#cbox_top .cd_icon img{
	height: 34px;
}
	
#cbox_top .cd_text {
	width: 272px;
	height: 34px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	display: table-cell;
  	vertical-align: middle;
}
	
#cbox_top .cd_text a:hover {
	color: #fff;
}
	
#cbox_top .simulator_bnr {
	padding: 0;
	margin: 0;
}
	
#cbox_top .bluetitl {
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 0;
}

#cbox_top .bluetitl p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 16px 20px;
	margin: 40px 0 20px;
}
	
#cbox_top .simulator_bg {
	width: 706px;
	height: 230px;
	background-color: #F5F5F5;
	margin: 0;
	padding: 0;
}
	
#cbox_top .simulator_inner {
	width: 690px;
	height: 220px;
	margin: 0 auto;
	padding-top: 5px;
}

#cbox_top .simulator_inner img{
	width: 335px;
	margin: 5px 5px;
	padding: 0;
	vertical-align:bottom;
}

#cbox_top .simulator_inner a:hover{
	opacity: 0.7;
}
	
#cbox_top .cr_ranking {
	width: 706px;
	margin: 20px 0 0 0;
	padding: 0;
}
	
#cbox_top .cr_ranking p {
	margin: 0;
}

	
#cbox_top .cr_ranking ul{
	height: 56px;
	margin: 0 0 20px 0;
	padding: 0;
}
	
#cbox_top .cr_ranking li{
	width: 150px;
	list-style: none;
	float: left;
	margin-right: 10px;
	padding: 16px 0;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 3px;
	text-align: center;
}
	
#cbox_top .blue{
	color: #ffffff;
	background-color: #35aee0;
}
	
#cbox_top .gray{
	color: #333333;
	background-color: #e6e6e6;
}
	
#cbox_top .ranking_frame1 {
	width: 696px;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #d3bc62 2px;
}
	
#cbox_top .ranking_frame2 {
	width: 696px;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #aaaaaa 2px;
}

#cbox_top .ranking_frame3 {
	width: 696px;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #c37c33 2px;
}

#cbox_top .ranking_frame4 {
	width: 696px;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #35aee0 2px;
}
	
#cbox_top .ranking_frame5 {
	width: 696px;
	padding: 0 0 20px 0;
	margin: 0 auto 0;
	clear: both;
	border: solid #35aee0 2px;
}	
	
#cbox_top .cr_ranking a:link {
	color: #ffffff;
	text-decoration: none;
}
#cbox_top .cr_ranking a:visited {
	color: #ffffff;
	text-decoration: none;
}
#cbox_top .cr_ranking a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#cbox_top .cr_ranking a:active {
	color: #ffffff;
	text-decoration: none;
}
	
#cbox_top .ranking_titl01 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #d3bc62;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl1 {
	width: 692px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #d3bc62;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
		
#cbox_top .ranking_titl2 {
	width: 692px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #aaaaaa;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_2.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#cbox_top .ranking_titl3 {
	width: 692px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #c37c33;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_3.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl4 {
	width: 692px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #35aee0;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_4.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#cbox_top .ranking_titl5 {
	width: 692px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #35aee0;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_5.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
	
#cbox_top .ranking_titl01 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl1 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl2 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}

#cbox_top .ranking_titl3 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}

#cbox_top .ranking_titl4 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl5 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_copy {
	padding: 14px 0 14px 18px ;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
}
	
#cbox_top .ranking_copy ul{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 8px 0 2px 0;
}

#cbox_top .ranking_copy li{
    padding: 0 0 10px 26px;
    margin: 0;
    float: none;
    width: 100%;
    text-align: left;
	line-height: 20px;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/tick-sign.png);
	background-repeat: no-repeat;
	background-size:20px 20px;
}
	
#cbox_top .Annotation {
	margin: 0 0 10px 0;
    padding: 0 0 0 24px;
    font-size: 12px;
    line-height: 19px;
    color: #4e4e4e;
    font-weight: normal;
}

#cbox_top .add_bnr {
	padding: 0;
	margin: 0 0 0 18px;
	width: 252px;
	height: 210px;
	float: left;
}
	
#cbox_top .add_data {
	padding: 0;
	margin: 0 0 0 20px;
	width: 390px;
	height: 210px;
	float: left;
}
	
#cbox_top .add_data table{
	width: 386px;
	height: 210px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
}
	
#cbox_top .add_data td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 13px;
	text-align: center;
	padding: 7px;
}
	
#cbox_top .add_data_bg {
	background-color: #eeeeee;
}

#cbox_top .add_icon {
	width: 660px;
	height: auto;
	clear:both;
	margin: 0 auto 0;
	padding: 20px 0 14px;
}
	
#cbox_top .add_icon ul {
	width: 660px;
	height: 54px;
	margin: 0;
	padding: 0;
	border-collapse: separate;
	border-spacing: 5px 0;
}
	
#cbox_top .add_icon li {
	width: 126px;
	height: 54px;
	padding: 0;
	margin-bottom: 5px;
	display: table-cell;
	list-style: none;
	font-size: 18px;
	line-height: 20px;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	float: none;
}
	
#cbox_top .on {
	background: #f29b2c;
}
	
#cbox_top .off {
	background: #cccccc;
}
	
#cbox_top .add_icon table{
	width: 660px;
	height: 130px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	background-color: #f0fbff;
}
	
#cbox_top .add_icon td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}

#cbox_top .add_icon span{
	font-size: 12px;
	color: #333333;
}
	
#cbox_top .icon_red{
	color: #ff0000;
}
			
#cbox_top .add_text {
	width: 660px;
	background-color: #e0effd;
	padding: 0;
	margin: 0 auto 20px;
}

#cbox_top .add_text_kbn {
	background-color: #74b2f0;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 0;
}
	
#cbox_top .add_text p {
	padding: 20px 30px 20px;
	margin: 0;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#cbox_top .btn_green {
	padding: 0;
	margin-left: 18px;
	float: left;
	color: #ffffff;
}
	
#cbox_top .green_btn{
	width: 270px;
    display: inline-block;
    padding: 12px 0;
    text-decoration: none;
    background: #4dae56;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 3px #17571d;
    border-radius: 3px;
	text-align: center;
	font-size: 18px;
}
#cbox_top .green_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
	
#cbox_top .btn_red {
	padding: 0;
	margin-left: 20px;
	float: left;
	color: #ffffff;
}
	
#cbox_top .red_btn{
	width: 370px;
    display: inline-block;
    padding: 12px 0;
    text-decoration: none;
    background: #e4442d;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 3px #912212;
    border-radius: 3px;
	text-align: center;
	font-size: 18px;
}
#cbox_top .red_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
	
#cbox_top .search_box1 {
	width: 96%;
	height: 656px;
	padding: 0;
	margin: -22px 2% 0;
}

#cbox_top .search_box2 {
	width: 96%;
	height: 390px;
	padding: 0;
	margin: -22px 2% 0;
}
		
#cbox_top .inner_search_box {
	width: 33%;
	height: 130px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
}
	
#cbox_top .inner_search_box p{
	font-size: 13px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	text-align: center;
}
	
#cbox_top .inner_search_box img{
	padding: 0;
	margin: 20px 0 15px;
}
	
#cbox_top .search_border1 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	
#cbox_top .search_border2 {
	border-bottom: 1px solid #ccc;
}
	
#cbox_top .search_border3 {
	border-right: 1px solid #ccc;
}
	
#cbox_top .search_box1 a:link, a:visited, a:active {
	text-decoration: none;
}

#cbox_top .search_box1 a:hover {
	color: #35aee0;
	text-decoration: none;
}
	
#cbox_top .search_box2 a:link, a:visited, a:active {
	text-decoration: none;
}

#cbox_top .search_box2 a:hover {
	color: #35aee0;
	text-decoration: none;
}
	
#cbox_top .cr_list {
	height: 2250px;
}
	
#cbox_top .crlist_inner {
	width: 690px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	clear: both;
}
	
#cbox_top .crlist_titl {
	width: 690px;
	border-bottom: 3px solid #35aee0;
	padding: 12px 0 12px 20px;
	margin: 0 auto 10px;
	background-color: #f1f1f1;
	font-size: 20px;
}
	
#cbox_top .crlist_box {
	width: 340px;
	height: 80px;
	padding: 0;
	float: left;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
	
#cbox_top .clearfix:after{
	content: "";
	clear: both;
	display: block;
}	
	
	
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding: 0;
  background-color: #fff;
  width: 696px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: 25%;
  height: 50px;
  border-bottom: 3px solid #35aee0;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	margin-bottom: 20px;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #35aee0;
  color: #fff;
}
}



@media screen and (min-width:769px) and (max-width:1000px){
#cbox_top {
/*	max-width: 746px;
	height: 10000px;
	margin: 0 auto;
	box-shadow: 0 2px 5px rgba(0,0,0,.5);
*/}

#cbox_top .inner_box {
/*	width: 706px;
	margin: 0 auto;
*/}

#cbox_top .reco_link p{
	font-size: 18px;
	font-weight: bold;
}

#cbox_top .reco_link ul{
	padding: 0;
	margin: 0;
}

#cbox_top .reco_link a:link{
	color: #35aee0;
	text-decoration: underline;
}

#cbox_top .reco_link a:hover{
	text-decoration: none;
}

#cbox_top .reco_link li{
	list-style: none;
	font-size: 18px;
	letter-spacing: 1px;
	line-height:36px;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 9px;
	margin: 0;
	padding-left: 26px;
	font-weight: bold;
}

#cbox_top .cardloan_linkbtn{
	height: 440px;
	padding: 0;
	margin: 0;
}
	
#cbox_top .bluetitl{
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 40px 0 20px;
}

#cbox_top .bluetitl p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 16px 20px;
}
	
#cbox_top .bluetitl2{
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 40px 0 0;
}

#cbox_top .bluetitl2 p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 16px 20px;
	margin: 0;
}
	
#cbox_top .l_box{
	width: 96%;
	height: 198px;
	padding: 0;
	margin: 0 10px;
	float: left;
}
	
#cbox_top .r_box{
	width: 96%;
	height: 180px;
	padding: 0;
	margin: 0 10px;
	float: left;
}

#cbox_top .cardloan_btn {
	width: 100%;
	height: 76px;
	padding: 0;
	margin: 0;
	border: solid #35aee0 2px;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
	
#cbox_top .cardloan_btn:hover {
	background-color: #35aee0;
}
	
#cbox_top .l_box,.r_box, a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}

#cbox_top .l_box,.r_box, a:hover {
	color: #fff;
	text-decoration: none;
}

#cbox_top .mb20 {
	margin-bottom: 20px;
}
	
#cbox_top .mb10 {
	margin-bottom: 10px;
}
	
#cbox_top .mr10 {
	margin-right: 10px;
}
	
#cbox_top .mb30 {
	margin-bottom: 30px;
}
	
#cbox_top .cd_inner {
	width: 326px;
	height: 34px;
	padding: 0;
	margin-top: 23px;
}

#cbox_top .cd_icon {
	width: 54px;
	height: 34px;
	text-align: center;
	float: left;
}
	
#cbox_top .cd_icon img{
	height: 34px;
}
	
#cbox_top .cd_text {
	width: 272px;
	height: 34px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	display: table-cell;
  	vertical-align: middle;
}
	
#cbox_top .cd_text a:hover {
	color: #fff;
}
	
#cbox_top .simulator_bnr {
	padding: 0;
	margin: 0;
}
	
#cbox_top .bluetitl {
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 0;
}

#cbox_top .bluetitl p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 16px 20px;
	margin: 40px 0 20px;
}
	
#cbox_top .simulator_bg {
	width: 100%;
	background-color: #F5F5F5;
	margin: 0;
	padding: 0;
}
	
#cbox_top .simulator_inner {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
}

#cbox_top .simulator_inner img{
	width: 48%;
    margin: 1% 1%;
	padding: 0;
	vertical-align:bottom;
}

#cbox_top .simulator_inner a:hover{
	opacity: 0.7;
}
	
#cbox_top .cr_ranking {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
}
	
#cbox_top .cr_ranking ul{
	height: 56px;
	margin: 0 0 20px 0;
	padding: 0;
}
	
#cbox_top .cr_ranking li{
	width: 22%;
	list-style: none;
	float: left;
	margin-right: 10px;
	padding: 16px 0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 3px;
	text-align: center;
}
	
#cbox_top .blue{
	color: #ffffff;
	background-color: #35aee0;
}
	
#cbox_top .gray{
	color: #333333;
	background-color: #e6e6e6;
}
	
#cbox_top .ranking_frame1 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #d3bc62 2px;
}
	
#cbox_top .ranking_frame2 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #aaaaaa 2px;
}

#cbox_top .ranking_frame3 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #c37c33 2px;
}

#cbox_top .ranking_frame4 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #35aee0 2px;
}
	
#cbox_top .ranking_frame5 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 0;
	clear: both;
	border: solid #35aee0 2px;
}

#cbox_top .cr_ranking a:link {
	color: #ffffff;
	text-decoration: none;
}
#cbox_top .cr_ranking a:visited {
	color: #ffffff;
	text-decoration: none;
}
#cbox_top .cr_ranking a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#cbox_top .cr_ranking a:active {
	color: #ffffff;
	text-decoration: none;
}	
	
#cbox_top .ranking_titl01 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #d3bc62;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl1 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #d3bc62;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl2 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #aaaaaa;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_2.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#cbox_top .ranking_titl3 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #c37c33;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_3.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl4 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #35aee0;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_4.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#cbox_top .ranking_titl5 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #35aee0;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_5.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl01 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl1 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl2 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}

#cbox_top .ranking_titl3 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}

#cbox_top .ranking_titl4 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl5 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_copy{
	padding: 14px 0 14px 18px ;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
}
	
#cbox_top .ranking_copy ul{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 8px 0 2px 0;
}

#cbox_top .ranking_copy li{
    padding: 0 0 10px 26px;
    margin: 0;
    float: none;
    width: 100%;
    text-align: left;
	line-height: 20px;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/tick-sign.png);
	background-repeat: no-repeat;
	background-size:20px 20px;
}
	
#cbox_top .Annotation {
	margin: 0 0 10px 0;
    padding: 0 0 0 24px;
    font-size: 12px;
    line-height: 19px;
    color: #4e4e4e;
    font-weight: normal;
}
	
#cbox_top .add_bnr {
	padding: 0;
	margin: 0 auto;
	width: 252px;
	height: 210px;
	margin-bottom: 20px;
}
	
#cbox_top .add_data {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
	
#cbox_top .add_data table{
	width: 96%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin: 0 auto;
	text-align: center;
}
	
#cbox_top .add_data td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 14px;
	padding-left: 20px;
}
	
#cbox_top .add_data_bg {
	background-color: #eeeeee;
}

#cbox_top .add_icon {
	width: 100%;
	height: auto;
	clear:both;
	margin: 0 auto 0;
	padding: 15px 0 10px;
}
	
#cbox_top .add_icon ul {
	width: 98%;
	height: 54px;
	margin: 0 auto;
	padding: 0;
	border-collapse: separate;
	border-spacing: 5px 0;
}
	
#cbox_top .add_icon li {
	width: 126px;
	height: 54px;
	padding: 0;
	margin-bottom: 5px;
	display: table-cell;
	list-style: none;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	float: none;
}
	
#cbox_top .on {
	background: #f29b2c;
}
	
#cbox_top .off {
	background: #cccccc;
}

	
#cbox_top .add_icon table{
	width: 96%;
	height: 130px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	background-color: #f0fbff;
	margin: 0 auto;
}
	
#cbox_top .add_icon td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}

#cbox_top .add_icon span{
	font-size: 12px;
	color: #333333;
}
	
#cbox_top .icon_red{
	color: #ff0000;
}
	
#cbox_top .add_text {
	width: 96%;
	background-color: #e0effd;
	padding: 0;
	margin: 0 auto 20px;
}

#cbox_top .add_text_kbn {
	background-color: #74b2f0;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	padding: 6px 0;
}
	
#cbox_top .add_text p {
	padding: 20px 30px 20px;
	margin: 0;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#cbox_top .btn_green {
	width: 33%;
	padding: 0;
	margin-left: 12px;
	float: left;
	color: #ffffff;
}
	
#cbox_top .green_btn{
	width: 100%;
    display: inline-block;
    padding: 12px 0;
    text-decoration: none;
    background: #4dae56;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 3px #17571d;
    border-radius: 3px;
	text-align: center;
	font-size: 18px;
}
#cbox_top .green_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
	
#cbox_top .btn_red {
	width: 60%;
	padding: 0;
	margin-left: 20px;
	float: left;
	color: #ffffff;
}
	
#cbox_top .red_btn{
	width: 100%;
    display: inline-block;
    padding: 12px 0;
    text-decoration: none;
    background: #e4442d;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 3px #912212;
    border-radius: 3px;
	text-align: center;
	font-size: 18px;
}
#cbox_top .red_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
	
#cbox_top .search_box1 {
	width: 96%;
	height: 656px;
	padding: 0;
	margin: -22px 2% 0;
}

#cbox_top .search_box2 {
	width: 96%;
	height: 390px;
	padding: 0;
	margin: -22px 2% 0;
}
		
#cbox_top .inner_search_box {
	width: 33%;
	height: 130px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
}
	
#cbox_top .inner_search_box p{
	font-size: 13px;
	line-height: 18px;
	padding: 0;
	margin: 0;
	text-align: center;
}
	
#cbox_top .inner_search_box img{
	padding: 0;
	margin: 20px 0 15px;
}
	
#cbox_top .search_border1 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	
#cbox_top .search_border2 {
	border-bottom: 1px solid #ccc;
}
	
#cbox_top .search_border3 {
	border-right: 1px solid #ccc;
}
	
#cbox_top .search_box1 a:link, a:visited, a:active {
	text-decoration: none;
}

#cbox_top .search_box1 a:hover {
	color: #35aee0;
	text-decoration: none;
}
	
#cbox_top .search_box2 a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}

#cbox_top .search_box2 a:hover {
	color: #35aee0;
	text-decoration: none;
}
	
#cbox_top .cr_list {
	height: auto;
}
	
#cbox_top .crlist_inner {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	clear: both;
}
	
#cbox_top .crlist_titl {
	width: 100%;
	border-bottom: 3px solid #35aee0;
	padding: 12px 0 12px 20px;
	margin: 0 auto 10px;
	background-color: #f1f1f1;
	font-size: 20px;
}
	
#cbox_top .crlist_box {
	width: 48%;
	padding: 0;
	float: left;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
	
#cbox_top .clearfix:after{
	content: "";
	clear: both;
	display: block;
}	
	
	
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding: 0;
  background-color: #fff;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: 25%;
  height: 50px;
  border-bottom: 3px solid #35aee0;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
	
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #35aee0;
  color: #fff;
}
}








@media screen and (max-width:768px){
#cbox_top {
/*	max-width: 746px;
	height: 10000px;
	margin: 0 auto;
	box-shadow: 0 2px 5px rgba(0,0,0,.5);
*/}

#cbox_top .inner_box {
/*	width: 706px;
	margin: 0 auto;
*/}

#cbox_top .reco_link p{
	font-size: 16px;
	font-weight: bold;
}

#cbox_top .reco_link ul{
	padding: 0;
	margin: 0;
}

#cbox_top .reco_link a:link{
	color: #35aee0;
	text-decoration: underline;
}

#cbox_top .reco_link a:hover{
	text-decoration: none;
}

#cbox_top .reco_link li{
	list-style: none;
	font-size: 16px;
	letter-spacing: 1px;
	line-height:36px;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 9px;
	margin: 0;
	padding-left: 26px;
	font-weight: bold;
}

#cbox_top .cardloan_linkbtn{
	height: 440px;
	padding: 0;
	margin: 0;
}
	
#cbox_top .bluetitl{
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 40px 0 20px;
}

#cbox_top .bluetitl p{
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	padding: 16px 0 16px 20px;
}
	
#cbox_top .bluetitl2{
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 40px 0 0;
}

#cbox_top .bluetitl2 p{
	font-size: 18px;
    color: #fff;
    font-weight: bold;
    padding: 12px 0 12px 14px;
    margin: 0;
}
	
#cbox_top .l_box{
	width: 96%;
	padding: 0;
	margin: 20px auto 0;
}
	
#cbox_top .l_box p{
	margin: 0;

}
	
#cbox_top .r_box{
	width: 96%;
	padding: 0;
	margin: 0 auto;
}

#cbox_top .cardloan_btn {
	width: 100%;
	height: 76px;
	padding: 0;
	margin: 0;
	border: solid #35aee0 2px;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
	
#cbox_top .cardloan_btn:hover {
	background-color: #35aee0;
}
	
#cbox_top .l_box,.r_box, a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}

#cbox_top .l_box,.r_box, a:hover {
	color: #fff;
	text-decoration: none;
}

#cbox_top .mb20 {
	margin-bottom: 20px;
}
	
#cbox_top .mb10 {
	margin-bottom: 10px;
}
	
#cbox_top .mr10 {
	margin-right: 10px;
}
	
#cbox_top .mb30 {
	margin-bottom: 30px;
}
	
#cbox_top .cd_inner {
	width: 326px;
	height: 34px;
	padding: 0;
	margin-top: 23px;
}

#cbox_top .cd_icon {
	width: 54px;
	height: 34px;
	text-align: center;
	float: left;
}
	
#cbox_top .cd_icon img{
	height: 34px;
}
	
#cbox_top .cd_text {
	width: 272px;
	height: 34px;
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	display: table-cell;
  	vertical-align: middle;
}
	
#cbox_top .cd_text a:hover {
	color: #fff;
}
	
#cbox_top .simulator_bnr {
	padding: 0;
	margin: 0;
}
	
#cbox_top .bluetitl {
	background-color: #35aee0;
	border-radius: 3px;
	padding: 0;
	margin: 0;
}

#cbox_top .bluetitl p{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 12px 0 12px 14px;
	margin: 40px 0 20px;
}
	
#cbox_top .simulator_bg {
	width: 100%;
	background-color: #F5F5F5;
	margin: 0;
	padding: 0;
}
	
#cbox_top .simulator_inner {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
}

#cbox_top .simulator_inner img{
	width: 98%;
    margin: 2% 1%;
	padding: 0;
	vertical-align:bottom;
}

#cbox_top .simulator_inner a:hover{
	opacity: 0.7;
}
	
#cbox_top .cr_ranking {
	width: 100%;
	margin: 20px 0 0 0;
	padding: 0;
}
	
#cbox_top .cr_ranking ul{
	height: 56px;
	margin: 0 0 20px 0;
	padding: 0;
}
	
#cbox_top .cr_ranking li{
	width: 47%;
	list-style: none;
	float: left;
	margin: 0 5px 15px;
	padding: 16px 0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	border-radius: 3px;
	text-align: center;
}
	
#cbox_top .blue{
	color: #ffffff;
	background-color: #35aee0;
}
	
#cbox_top .gray{
	color: #333333;
	background-color: #e6e6e6;
}
	
#cbox_top .ranking_frame1 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #d3bc62 2px;
}
	
#cbox_top .ranking_frame1 p {
	margin: 0;
}

	
#cbox_top .ranking_frame2 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #aaaaaa 2px;
}
	
#cbox_top .ranking_frame2 p {
	margin: 0;
}

#cbox_top .ranking_frame3 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #c37c33 2px;
}
	
#cbox_top .ranking_frame3 p {
	margin: 0;
}

#cbox_top .ranking_frame4 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto 30px;
	clear: both;
	border: solid #35aee0 2px;
}
	
#cbox_top .ranking_frame4 p {
	margin: 0;
}
	
#cbox_top .ranking_frame5 {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 auto;
	clear: both;
	border: solid #35aee0 2px;
}
	
#cbox_top .ranking_frame5 p {
	margin: 0;
}

#cbox_top .cr_ranking a:link {
	color: #ffffff;
	text-decoration: none;
}
#cbox_top .cr_ranking a:visited {
	color: #ffffff;
	text-decoration: none;
}
#cbox_top .cr_ranking a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#cbox_top .cr_ranking a:active {
	color: #ffffff;
	text-decoration: none;
}	
	
#cbox_top .ranking_titl01 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #d3bc62;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl1 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #d3bc62;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_1.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl2 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #aaaaaa;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_2.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#cbox_top .ranking_titl3 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #c37c33;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_3.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl4 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #35aee0;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_4.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

#cbox_top .ranking_titl5 {
	width: 100%;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	background-color: #35aee0;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/crown_5.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}
	
#cbox_top .ranking_titl01 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl1 p{
	padding: 6px 0 0 66px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl2 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}

#cbox_top .ranking_titl3 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}

#cbox_top .ranking_titl4 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_titl5 p{
	padding: 14px 0 0 66px;
	margin: 0 auto;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #ffffff;
	line-height: 20px;
}
	
#cbox_top .ranking_copy {
	padding: 14px 0 14px 18px ;
	margin: 0 auto;
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
}
	
#cbox_top .ranking_copy ul{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
}

#cbox_top .ranking_copy li{
    padding: 0 0 5px 26px;
    margin: 0;
    float: none;
    width: 100%;
    text-align: left;
	line-height: 20px;
	background-image: url(https://creditcard-geeks.com/wp-content/themes/refinepro/images/toppage/tick-sign.png);
	background-repeat: no-repeat;
	background-size:20px 20px;
}
	
#cbox_top .Annotation {
	margin: 0 0 10px 0;
    padding: 0 0 0 24px;
    font-size: 12px;
    line-height: 19px;
    color: #4e4e4e;
    font-weight: normal;
}

#cbox_top .add_bnr {
	padding: 0;
	margin: 0 auto;
	width: 252px;
	height: 210px;
	margin-bottom: 20px;
}
	
#cbox_top .add_data {
	padding: 0;
	margin: 0 auto;
	width: 100%;
}
	
#cbox_top .add_data table{
	width: 96%;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	margin: 0 auto;
	text-align: center;
}
	
#cbox_top .add_data td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 12px;
	padding-left: 20px;
}
	
#cbox_top .add_data_bg {
	background-color: #eeeeee;
}

#cbox_top .add_icon {
	width: 100%;
	clear:both;
	margin: 0 auto 0;
	padding: 10px 0 6px;
}

#cbox_top .add_icon ul {
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	border-collapse: separate;
	border-spacing: 5px 0;
}
	
#cbox_top .add_icon li {
	width: 126px;
	height: 40px;
	padding: 0;
	margin-bottom: 5px;
	display: table-cell;
	list-style: none;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
	border-radius: 5px;
	font-weight: bold;
	color: #ffffff;
	vertical-align: middle;
	float: none;
}
	
#cbox_top .on {
	background: #f29b2c;
}
	
#cbox_top .off {
	background: #cccccc;
}
	
#cbox_top .add_icon table{
	width: 96%;
	height: 130px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	background-color: #f0fbff;
	margin: 0 auto;
}
	
#cbox_top .add_icon td{
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
}

#cbox_top .add_icon span{
	font-size: 10px;
	color: #333333;
}
	
#cbox_top .icon_red{
	color: #ff0000;
}
	
#cbox_top .add_text {
	width: 96%;
	background-color: #e0effd;
	padding: 0;
	margin: 0 auto 20px;
}

#cbox_top .add_text_kbn {
	background-color: #74b2f0;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0;
}
	
#cbox_top .add_text p {
	padding: 10px 10px 10px;
	margin: 0;
	color: #333;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
}

#cbox_top .btn_green {
	width: 95%;
	padding: 0;
	margin: 0 auto;
	color: #ffffff;
}
	
#cbox_top .green_btn{
	width: 100%;
    display: inline-block;
    padding: 6px 0;
    text-decoration: none;
    background: #4dae56;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 3px #17571d;
    border-radius: 3px;
	text-align: center;
	font-size: 18px;
}
#cbox_top .green_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
	
#cbox_top .btn_red {
	width: 95%;
	padding: 0;
	margin: 10px auto 0;
	color: #ffffff;
}
	
#cbox_top .red_btn{
	width: 100%;
    display: inline-block;
    padding: 12px 0;
    text-decoration: none;
    background: #e4442d;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 3px #912212;
    border-radius: 3px;
	text-align: center;
	font-size: 18px;
}
#cbox_top .red_btn:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
	
#cbox_top .search_box1 {
	width: 96%;
	height: 590px;
	padding: 0;
	margin: -22px 2% 0;
}

#cbox_top .search_box2 {
	width: 96%;
	height: 350px;
	padding: 0;
	margin: -22px 2% 0;
}
		
#cbox_top .inner_search_box {
	width: 33%;
	height: 120px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: center;
}
	
#cbox_top .inner_search_box p{
	font-size: 10px;
	line-height: 16px;
	padding: 0 7px;
	margin: 0;
	text-align: center;
}
	
#cbox_top .inner_search_box img{
	padding: 0;
	margin: 20px 0 15px;
	height: 30px;
}
	
#cbox_top .search_border1 {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	
#cbox_top .search_border2 {
	border-bottom: 1px solid #ccc;
}
	
#cbox_top .search_border3 {
	border-right: 1px solid #ccc;
}
	
#cbox_top .search_box1 a:link, a:visited, a:active {
	text-decoration: none;
}

#cbox_top .search_box1 a:hover {
	color: #35aee0;
	text-decoration: none;
}
	
#cbox_top .search_box2 a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}

#cbox_top .search_box2 a:hover {
	color: #35aee0;
	text-decoration: none;
}
	
#cbox_top .cr_list {
	height: auto;
}
	
#cbox_top .crlist_inner {
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	clear: both;
}
	
#cbox_top .crlist_titl {
	width: 100%;
	border-bottom: 3px solid #35aee0;
	padding: 8px 0 8px 10px;
	margin: 0 auto 10px;
	background-color: #f1f1f1;
	font-size: 15px;
}
	
#cbox_top .crlist_box {
	width: 48%;
	padding: 0;
	float: left;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#cbox_top .clearfix:after{
	content: "";
	clear: both;
	display: block;
}	
	
	
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding: 0;
  background-color: #fff;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: 25%;
  height: 50px;
  border-bottom: 3px solid #35aee0;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 11px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
	
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #35aee0;
  color: #fff;
}
	
	
	.tab_content_description p{
		margin: 0;
	}

}