@charset "euc-jp";
/* ----------------------
 * common
 *---------------------- */
* {
	margin: 0;
	padding: 0;
}
img {
	border: 0px;
	vertical-align: bottom;
}
body {
	color: #170900;
	text-align: center;
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	background: #000 url(../images/common/top_title_bg2.jpg) no-repeat center top;
	background-attachment:fixed;
}
#contents_title,
#contents_title_nifty,
#contents_title_sonet,
#contents_title_biglobe,
#contents_title_excite,
#contents_title_rakuten {
}
.contents_bg {
	margin: 0 auto;
  width: 100%;
	background: url(../images/common/main_bg.png) center 24px repeat-y;
}
.wrapper {
	margin:0 auto;
	width: 840px;
}
.footer_img {
	height: 60px;
}
.link_box {
	width: 520px;
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
.link_box2 {
	width: 390px;
	float: left;
	margin-bottom: 10px;
}
.link_box3 {
	width: 535px;
	float: left;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 5px;
}
.link_box4 {
	width: 535px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 5px;
	margin-top: 5px;
}
.menu_img {
	display: block;
	text-align: left;
	width: 545px;
	min-height: 75px;
	float: left;
	padding: 0 0 10px 10px;
}
.inp_menu_bg .menu_img {
	width: 590px;
}
.cate_gototop {
	width: 820px;
	text-align: right;
	margin: 20px auto 30px;
}
/* ----------------------
 * common
 *---------------------- */

/* ----------------------
 * pankuzu
 *---------------------- */
.pan_box {
	width: 760px;
	text-align: left;
	margin: 10px auto 10px;
}
.pan_box2 {
	text-align: left;
	padding-left: 40px;
	padding-right: 40px;
	margin: 0px auto 10px;
}
ol.pan_list li{
	display: inline;
}
/* ----------------------
 * pankuzu
 *---------------------- */

/* ----------------------
 * background
 *---------------------- */
.top_bg {
	margin: -40px auto 0;
	width: 990px;
	background: url(../images/top/top_bg.jpg) no-repeat;
}
.top_bg2 {
	margin: 0px auto 0;
	width: 100%;
	background: url(../images/top/top_bg.jpg) center top no-repeat;
}
/* ----------------------
 * background
 *---------------------- */



/* ----------------------
 * header
 *---------------------- */
.header, .header_nifty, .header_sonet, .header_biglobe, .header_rakuten, .header_excite, .header_uranaelu, .header_cocoloni {
	width: 100%;
	height: 700px;
}
.header2 {
}
.header {
	background: url(../images/top/top_title_bg.png) center top no-repeat;
}
.header_nifty {
	background: url(../images/top/top_title_bg.png) center top no-repeat;
}
.header_sonet {
	background: url(../images/top/top_title_bg.png) center top no-repeat;
}
.header_biglobe {
	background: url(../images/top/top_title_bg.png) center top no-repeat;
}
.header_rakuten {
	background: url(../images/top/top_title_bg_rakuten.png) center top no-repeat;
}
.header_excite {
	background: url(../images/top/top_title_bg_excite.png) center top no-repeat;
}
.header_uranaelu {
	background: url(../images/top/top_title_bg_uranaelu.png) center top no-repeat;
}
.header_cocoloni {
	background: url(../images/top/top_title_bg_cocoloni.png) center top no-repeat;
}
/* ----------------------
 * header
 *---------------------- */
/* ----------------------
 * head_btn
 *---------------------- */
.head_btn_box {
	width: 990px;
	margin: 0 auto;
}
.head_btn_box .head_btn {
	display: block;
	float: left;
	width: 245px;
	height: 170px;
}
.head_btn_box .head_btn2 {
	display: block;
	float: left;
	width: 245px;
	height: 170px;
}
.head_btn_box .head_btn3 {
	display: block;
	float: left;
	width: 245px;
	height: 170px;
}
.head_btn_box .head_btn4 {
	display: block;
	float: left;
	width: 245px;
	height: 170px;
}
.head_btn_box2 {
	width: 840px;
	height: 170px;
	margin: 0 auto;
}
/* ----------------------
 * head_btn
 *---------------------- */


 
/* ----------------------
 * title
 *---------------------- */
.top_title, .top_title_nifty, .top_title_sonet, .top_title_biglobe, .top_title_rakuten, .top_title_excite, .top_title_uranaelu, .top_title_cocoloni {
	margin: 0 auto;
	text-align:	center;
	height: 470px;
	width: 990px;
}
/* ----------------------
 * title
 *---------------------- */



/* ----------------------
 * images
 *---------------------- */
.top_img1 {
}
/* ----------------------
 * images
 *---------------------- */



/* ----------------------
 * icon
 *---------------------- */
[class^="icon"]{
	height: 75px;
	width: 75px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	float: left;
}
.icon0 {background-image: url(../images/common/icon0.png)}
.icon1 {background-image: url(../images/common/icon1.png)}
.icon2 {background-image: url(../images/common/icon2.png)}
.icon3 {background-image: url(../images/common/icon3.png)}
.icon4 {background-image: url(../images/common/icon4.png)}
.icon5 {background-image: url(../images/common/icon5.png)}
.icon6 {background-image: url(../images/common/icon6.png)}
.icon7 {background-image: url(../images/common/icon7.png)}
.icon8 {background-image: url(../images/common/icon8.png)}
.icon9 {background-image: url(../images/common/icon9.png)}
.icon10 {background-image: url(../images/common/icon10.png)}
.icon11 {background-image: url(../images/common/icon11.png)}
.icon12 {background-image: url(../images/common/icon12.png)}
.icon13 {background-image: url(../images/common/icon13.png)}
.icon14 {background-image: url(../images/common/icon14.png)}
.icon15 {background-image: url(../images/common/icon15.png)}
.icon16 {background-image: url(../images/common/icon16.png)}
.icon17 {background-image: url(../images/common/icon17.png)}
.icon18 {background-image: url(../images/common/icon18.png)}
.icon19 {background-image: url(../images/common/icon19.png)}
.icon20 {background-image: url(../images/common/icon20.png)}
.icon21 {background-image: url(../images/common/icon21.png)}
.icon22 {background-image: url(../images/common/icon22.png)}
.icon23 {background-image: url(../images/common/icon23.png)}
.icon24 {background-image: url(../images/common/icon24.png)}
.icon25 {background-image: url(../images/common/icon25.png)}
.icon26 {background-image: url(../images/common/icon26.png)}
.icon27 {background-image: url(../images/common/icon27.png)}
.icon28 {background-image: url(../images/common/icon28.png)}
.icon29 {background-image: url(../images/common/icon29.png)}
.icon30 {background-image: url(../images/common/icon30.png)}
.icon31 {background-image: url(../images/common/icon31.png)}
.icon32 {background-image: url(../images/common/icon32.png)}
.icon33 {background-image: url(../images/common/icon33.png)}
.icon34 {background-image: url(../images/common/icon34.png)}
.icon35 {background-image: url(../images/common/icon35.png)}
/* ----------------------
 * icon
 *---------------------- */



/* ----------------------
 * price
 *---------------------- */
.price_box{
	text-align: right;
}
.price_box2{
	text-align: right;
	margin:  0 30px 20px 0;
}
.price_box3{
	text-align: right;
	margin-bottom: 10px;
}
/* ----------------------
 * price
 *---------------------- */



/* ----------------------
 * menu_button
 *---------------------- */
.Layer1 {
	width: 330px;
	height: 100px;
	float: left;
}
.Layer2 {
	width: 330px;
	height: 100px;
	float: left;
	margin: 0;
}
.Layer3 {
	width: 330px;
	height: 100px;
	float: left;
}
.Layer4 {
	width: 330px;
	height: 100px;
	float: left;
}
.btn_box {
	width: 990px;
    height: 95px;
    margin: 0 0 0 -75px;
    text-align: center;
    background: url(../images/top/btnbox_bg.jpg) no-repeat;
    background-position: 5px bottom;
    padding-bottom: 20px;
}
.inp_form_bg .btn_box{
	background: none;
}
/* ----------------------
 * menu_button
 *---------------------- */



/* ----------------------
 * free_info
 *---------------------- */
.top_info_top{
	width: 840px;
	height: 520px;
	margin: 30px auto 0;
	background: url(../images/top/top_info.jpg) no-repeat;
}
.free_info_top {
	width: 600px;
	height: 50px;
	margin: 30px auto 0;
	background: url(../images/top/free_info_top.gif) no-repeat;
}
.free_info_bg {
}
.free_info_box {
	margin: 10px 130px 0;
	text-align: center;
}
.free_info_box2 {
	width: 840px;
	margin: 10px auto 0;
	text-align: center;
}
.uranaeru_box .free_info_box2{
	width: 600px;
	margin: 0 auto;
}
.uranaeru_box{
	width: 600px;
	margin: 20px auto;
}
.pro_bg .uranaeru_box a.link_free_top {	color: #c8019c;}
/* ----------------------
 * free_info
 *---------------------- */
 
 
 
 /* ----------------------
 * spe_info
 *---------------------- */
.spe_info_box {
	margin: 30px 60px 0;
	text-align: center;
	font-weight: bold;
	font-size: 125%;
}
/* ----------------------
 * spe_info
 *---------------------- */



/* ----------------------
 * Yahoo
 *---------------------- */
.ya_info_top {
	width: 638px;
	height: 40px;
	margin: 28px auto 6px;
	background: url(../images/top/ya_info_top.gif) no-repeat;
}
.ya_info_box {
	text-align: left;
	margin: 0 90px;
}
.ya_text_box {
	width: 740px;
	text-align: center;
	margin: 0 auto;
}
/* ----------------------
 * Yahoo
 *---------------------- */
/* ----------------------
 * うらなえる
 *---------------------- */
.pre_box a{
	color: #ffc3db;
	font-size: 180%;
	line-height: 1.8;
}
.pre_box a:hover{
	text-decoration: none;
}
.pre_box{
	margin-bottom: 20px;
}
.pro_bg .pre_box img{ width: 100%; height: auto;}

.pro_bg .pre_box a{ color: #f00; text-align: center;}

/* ----------------------
 * うらなえる
 *---------------------- */



/* ----------------------
 * discount_info
 *---------------------- */
.discount_info_box {
	margin: 24px 20px 10px;
	text-align: center;
	clear: both;
}
.discount_text {
	display: block;
	width: 340px;
	height: 40px;
	margin: 0 auto -5px;
	background: url(../images/top/discount_info_top.gif) no-repeat;
}
/* ----------------------
 * discount_info
 *---------------------- */

/* ----------------------
* other_top
*---------------------- */
.other_top1 {
	width: 840px;
	height: 445px;
	margin: 0 auto;
	background: url(../images/top/other_top1.jpg) no-repeat;
	background-size: 100% 100%;
}
.other_top2 {
	width: 840px;
	height: 610px;
	margin: 0 auto;
	background: url(../images/top/other_top2.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.other_top3 {
	width: 840px;
	height: 205px;
	margin: 0 auto;
	background: url(../images/top/other_top3.jpg) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.other_bg,.other_bg1 {
	width: 840px;
	margin: 0 auto;
	background: url(../images/top/box_bg.jpg) repeat-y;
}
.other_bg.nobg{
	background-image: none;
}
.other_bt {
	width: 840px;
	height: 70px;
	margin: 0 auto 0;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}
.other_bg2 {
	width: 840px;
	margin: 0 auto;
	background: url(../images/top/box_bg.jpg) repeat-y;
}

.other_bt2 {
	width: 840px;
	height: 70px;
	margin: 0 auto 0;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}
[class^="other_ttl"]{
	width: 80%;
	padding: 10px;
	margin: 0 auto 10px;
	font: bold 130%/170%;
	color: #FFF;
	text-align: center;
}
.other_ttl1{
	background: linear-gradient(to right, transparent 0%, #a72907 15%, #a72907 85%, transparent 100%);
}
.other_ttl2{
	background: linear-gradient(to right, transparent 0%, #66097d 15%, #66097d 85%, transparent 100%);
}
.other_ttl3{
	background: linear-gradient(to right, transparent 0%, #0c3f73 15%, #0c3f73 85%, transparent 100%);
}

.other.res_info_top6 {
	width: 700px;
	height: 370px;
	background-repeat: no-repeat;
	margin: 0 auto 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0;
}
.other.res_info_top6 {
	background-image: url(../images/common/res_info_top2.jpg);
	background-size: 100% auto;
}
.other.res_info_top6 .res_text_box {
	width: 460px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	border-radius: 10px;
	background-image:  url(../images/common/res_info_msgbg.png);
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 0 2px 8px #5f0518;
    color: #4d2322;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 145%;
	line-height: 160%;
	font-weight: bold;
}
.other.res_info_top6 .res_text_box .res_info_box_nobd {
	display: block;
	color: #4d2322;
	letter-spacing: -0.05rem;
	width: 100%;
	font-size: 140%;
	padding: 0px;
	text-align: center;
	box-sizing: border-box;
	text-shadow: none;
	font-weight: bold;
}
.other.res_info_top6 .res_text_box .res_info_box_nobd strong {
	display: block;
	text-align: center;
	color: #c9143d;
	font-size: 150%;
	line-height: 130%;
}
/* ----------------------
 * pack
 *---------------------- */
.pack_top {
	width: 840px;
	height: 400px;
	margin: 30px auto 0px;
	background: url(../images/top/pack_top.jpg) no-repeat;
}
.pack_top2 {
	width: 720px;
	height: 160px;
	margin: 0 auto;
	background: url(../images/top/pack_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.pack_bg {
	width: 840px;
	margin: -3px auto 0;
	background: url(../images/top/box_bg.jpg) repeat-y;
}
.pack_bt {
	width: 840px;
	height: 50px;
	margin: -1px auto 0;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.pack_box3 {
}
.pack_box4 {
	width: 600px;
	margin: 0 auto;
}
.pack_box5 {
}
.pack_menu_txt {
	width: 750px;
	margin: 10px auto;
	font-size: 100%;
}
.pack_menu_txt p {
	margin: 14px auto 0;
	display: block;
	color: #836;
	font-size: 110%;
	font-weight: bold;
	line-height: 130%;
	letter-spacing: 0;
}
.pack_menu_txt p:nth-child(1) a {
	color: #060;
}
.pack_menu_txt p:nth-child(2) a {
	color: #903;
}
.pack_menu_txt p:nth-child(3) a {
	color: #009;
}
/* ----------------------
 * pack
 *---------------------- */



/* ----------------------
 * new
 *---------------------- */
/* ichioshi------ */
.ichi_top {
	width: 840px;
	height: 735px;
	margin: 0 auto 0px;
	background: url(../images/top/ichi_top.jpg) no-repeat;
}
.ichi_top2 {
	width: 720px;
	height: 100px;
	margin: 0 auto 0px;
	background: url(../images/top/ichi_top2.jpg) no-repeat;
}
.ichi_top_uranaelu {
	width: 720px;
	height: 100px;
	margin: 0 auto 0px;
	background: url(../images/top/ichi_top_uranaelu.jpg) no-repeat;
}
/* ichioshi------ */

.new_top {
	width: 720px;
	height: 100px;
	margin: 0 auto 0px;
	background: url(../images/top/new_top.jpg) no-repeat;
}
.new_top2 {
	width: 840px;
	height: 110px;
	margin: 0 auto 0px;
	background: url(../images/top/new_top2.jpg) no-repeat;
}
.new_bg {
	width: 840px;
	margin: 0 auto;
	background: url(../images/top/box_bg.jpg) repeat-y;
}
.new_bt {
	width: 840px;
	height: 70px;
	margin: 0px auto 0;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}
.new_box {
	margin: 0 100px 0;
	text-align: left;
}
.top_intro_bg .new_box {
	margin: 0 100px 10px;
	text-align: left;
}
.other_bg2 .new_box {
	margin: 0 100px 0px;
	text-align: left;
}

.new_bg .new_box {
	margin: 0px 105px 0px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
}
.pack_bg .new_box {
	margin: 0px 100px 20px;
}
.other_bg .new_box {
	margin: 5px auto 0px;
	width: 630px;
	padding-bottom: 20px;
	text-align: left;
}
.top_intro_img1{
	width: 740px;
	height: 450px;
	margin: 0 auto 0px;
	background: url(../images/top/top_intro_img1.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_img2{
	width: 740px;
	height: 360px;
	margin: 0 auto 0px;
	background: url(../images/top/top_intro_img2.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_img3{
	width: 740px;
	height: 360px;
	margin: 0 auto 0px;
	background: url(../images/top/top_intro_img3.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_bg .menu_title_text{
	color: #f3d6df;
	text-shadow: none;
}
.top_intro_box .price_member {
    color: #f9f;
}
.top_intro_box .price_non {
    color: #cce9da;
}
.inp_top_bg a.link2:link {
    color: #272d48;
}
/* ----------------------
 * new
 *---------------------- */

 

/* ----------------------
 * attention
 *---------------------- */
.at_top {
	width: 840px;
	height: 735px;
	margin: 0 auto 0px;
	background: url(../images/top/ichi_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.at_top2 {
	width: 840px;
	height: 735px;
	margin: 0 auto 0px;
	background: url(../images/top/ichi_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.at_top_uranaelu {
	width: 840px;
	height: 735px;
	margin: 0 auto 0px;
	background: url(../images/top/ichi_top_uranaelu.jpg) no-repeat;
	background-size: 100% 100%;
}
.at_top2_uranaelu {
	width: 840px;
	height: 735px;
	margin: 0 auto 0px;
	background: url(../images/top/ichi_top_uranaelu.jpg) no-repeat;
	background-size: 100% 100%;
}
.at_bg {
	width: 840px;
	margin: -3px auto;
	background: url(../images/top/box_bg.jpg) repeat-y;
}
.at_bg2 {
	width: 840px;
	margin: -3px auto 15px;
	background: url(../images/top/box_bg.jpg) repeat-y;
}
.at_bt {
	width: 840px;
	height: 70px;
	margin: -1px auto;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% auto;
	background-position: top center;
}
.at_bt2 {
	width: 840px;
	height: 70px;
	margin: -1px 0;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.at_box2 {
	width: 630px;
	margin:  0 auto;
	padding: 5px 0 25px;
}
.at_box3 {
	width: 700px;
	margin:  0 auto;
}
/* ----------------------
 * attention
 *---------------------- */



/* ----------------------
 * free
 *---------------------- */
.free_top {
	width: 840px;
	height: 100px;
	margin: 10px auto 0;
	background: url(../images/top/free_top.jpg) no-repeat;
}
.free_top2 {
}
.free_bg {
}
.free_bt {
}
.free_box {
	margin: 0 120px;
	text-align: left;
}
.all_res_btn_box4 {
    margin: 0 auto;
    width: 504px;
    padding: 10px 0 0;
}
/* ----------------------
 * free
 *---------------------- */

/* ----------------------
 * top intro
 *---------------------- */
.top_intro_headline strong {
    color: #fffc01;
    font-style: normal;
    font-weight: bold;
    font-size: 120%;
}

.top_intro_top {
	width: 840px;
	height: 510px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top.jpg) no-repeat;
	background-size: 100% 100%;
}

.top_intro_top1 {
	width: 840px;
	height: 426px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top1.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top2 {
	width: 840px;
	height: 580px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top2.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top3 {
	width: 840px;
	height: 410px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top3.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top4 {
	width: 840px;
	height: 840px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top4.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_top5 {
	width: 840px;
	height: 110px;
	margin: 0 auto 10px;
	background: url(../images/top/top_intro_top5.jpg) no-repeat;
	background-size: 100% 100%;
}
.top_intro_bg {
	width: 840px;
}
.top_intro_bt {
	width: 840px;
	height: 70px;
	margin: 0px auto 0;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% auto;
	background-position: bottom center;
}

.intro_animebox1,
.intro_animebox2,
.intro_animebox3 {
	width: 840px;
	overflow: hidden;
	margin: 0 auto 20px;
}
.intro_animebox2,
.intro_animebox3 {
	margin-top: 30px;
}

.top_intro_headline {
	width: 700px;
    margin: 10px auto 20px;
    padding: 20px;
    box-sizing: border-box;
    text-align: left;
    font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    color: #fff;
    font-size: 140%;
    line-height: 150%;
    background-color: #4c3137;
    border-radius: 16px;
    word-break: break-all;
}

.top_intro_sample {
	width: 730px;
	margin: 0 auto 10px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

	color: #fff;
	font-size: 135%;
	text-align: right;
}

.top_intro_bg .res_type_none {
	display: none !important;
}

/*テキスト*/
.txt_menu.text2 {
	display: block;
	color: #fff;
	font-size: 165%;
    line-height: 220%;
	letter-spacing: -0.03em;
	text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-feature-settings: 'palt';
	text-align: center;
}
.txt_menu.text2 a {
	color: #F9F;
	font-size: 106%;
	line-height: 220%;
}
.txt_menu.text2 a:hover {
	color: #fff;
	text-decoration: none;
}
.txt_menu a.fontcolor2 {
    color: #efc237;
}
.txt_menu a.fontcolor3 {
    color: #cef;
}
.txt_menu a.fontcolor4 {
    color:#dbf;
}
/* ----------------------
 * result共通
 *---------------------- */
.top_intro_bg .res_mbox1{
	width: 800px;
	margin: 30px auto;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url(../images/common/res_type1_bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	position: relative;
	box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1);
}
.top_intro_bg .res_mbox1.strong{
	width: 800px;
	height: 400px;
	margin: 0 auto;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url(../images/common/res_type1_bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.top_intro_bg .res_mboximg{
	width: 250px;
	margin: 0 10px 0 50px;
}
.top_intro_bg .res_mboximg img{width: 200px;
height: auto;}
.top_intro_bg .res_mboxtxt{
	width: 500px;
	margin-right: 50px;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 130%;
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
	text-align: left;
}
.top_intro_bg .res_mboximg span{
	display: block;
	color: #fff;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 140%;
	text-shadow: 0 0 5px #000;
}
.top_intro_bg .res_mbox1.strong .res_mboxtxt{
	text-align: center;
}
.top_intro_bg .res_mbox1.strong .res_mboxtxt p{
	width: 95%;
	background-color: rgba(2555,255,255,0.6);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
	text-shadow: none;
	color: #000;
}
.top_intro_bg .res_mbox1.strong .res_mboxtxt strong{
	display: block;
	margin: 10px auto;
	color: #f00;
	font-size: 130%;
}
.top_intro_bg .res_mboxtxt2{
	width: 710px;
	margin: 0 auto 20px;
	color: #fff;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 130%;
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
	text-align: left;
	background-image: url(../images/common/res_type3_bg1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1);
}
.top_intro_bg img[src$="spacer.gif"],
.top_intro_bg img[src$="spacer.png"]{
  display: none !important;
}
.top_intro_bg .res_type_text0{
	width: 700px;
	font-size: 250%;
    line-height: 1.3;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
	position: absolute;
	top: 138px;
	left: 40px;
	text-shadow: 0 1px 5px #9c620e, 0 -1px 5px #9c620e, 0 1px 8px #9c620e, 0 -1px 8px #9c620e, 0 1px 10px #9c620e, 0 -1px 10px #9c620e;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fff;

}
.top_intro_bg .res_type_none {
	display: none !important;
}
.top_intro_bg .res_type_hidden {
	visibility: hidden;
}
.top_intro_bg .res_mbox2{
	width: 800px;
	height: 400px;
	margin: 0 auto;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url(../images/common/res_mbox1_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
}
.top_intro_bg .res_mbox2.strong{
	width: 800px;
	height: 400px;
	margin: 0 auto;
	display: flex;
    justify-content: center;
    align-items: center;
	background-image: url(../images/common/res_mbox1_bg2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.top_intro_bg .res_mboximg{
	width: 250px;
	margin: 0 10px 0 50px;
}
.top_intro_bg .res_mboximg img{width: 200px;
height: auto;}
.top_intro_bg .res_mboxtxt{
	width: 500px;
	margin-right: 50px;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 130%;
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
	text-align: left;
}
.top_intro_bg .res_mboximg span{
	display: block;
	color: #fff;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 140%;
	text-shadow: 0 0 5px #000;
}
.top_intro_bg .res_mbox2.strong .res_mboxtxt{
	text-align: center;
}
.top_intro_bg .res_mbox2.strong .res_mboxtxt p{
	width: 95%;
	background-color: rgba(2555,255,255,0.6);
	border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
	text-shadow: none;
	color: #000;
}
.top_intro_bg .res_mbox2.strong .res_mboxtxt strong{
	display: block;
	margin: 10px auto;
	color: #f00;
	font-size: 130%;
}
.top_intro_bg .res_mboxtxt2{
	width: 710px;
	margin: 0 auto 20px;
	color: #fff;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 130%;
	text-shadow: 0 0 5px #000,0 0 5px #000,0 0 5px #000;
	text-align: left;
}
.top_intro_bg .res_mbox1.type2 .res_mboximg{
	width: 200px;
	margin: 0 10px;
}
.top_intro_bg .res_mbox1.strong.type2{width: 840px;}
.top_intro_bg .res_mbox1.type2 .res_mboximg img{width: 150px;height: auto;}
.top_intro_bg .res_mbox1.type2 .res_mboxtxt{margin-right: 0;}
/*----------------------
 * result共通
 *---------------------- */

/* ----------------------
 * result_type1
 *---------------------- */
.top_intro_bg .res_type1_top{
	width: 840px;
	box-sizing: border-box;
	padding: 1rem;
	border: 1px solid #f3be7d;
	color: #f3be7d;
	font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 225%;
    line-height: 1.4;
	margin-bottom: 20px;

}
.top_intro_bg .res_type1_tbl{
	width: 800px;
	margin: 0 auto 10px;
	display: flex;
	color: #fff;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 120%;
}
.top_intro_bg .res_type1_tbl .res_type1_tbl_sec1{
	width: 200px;
}
.top_intro_bg .res_type1_tbl .res_type1_tbl_sec1 .res_type1_th{
	background-color: rgba(237,226,155,0.3);
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 5px;
}
.top_intro_bg .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td{
	background-color: rgba(255,255,255,0.3);
	padding: 10px;
}
.top_intro_bg .res_type1_tbl .res_type1_tbl_sec2{
	width: 595px;
	margin-left: 5px;
	background-color: rgba(255,255,255,0.3);
	display: flex;
    justify-content: center;
    align-items: center;
	box-sizing: border-box;
	padding: 10px;
}

.top_intro_bg .res_type1_tbl_tit1{
	width: 800px;
	margin:  0px auto 5px;
	color: #fff;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 150%;
	box-sizing: border-box;
	padding: 10px;
}
.top_intro_bg .res_type1_tbl_tit1.type1{background-color: rgba(250,125,80,0.3);}
.top_intro_bg .res_type1_tbl_tit1.type2{background-color: rgba(43,222,130,0.3);}
.top_intro_bg .res_type1_tbl_tit1.type3{background-color: rgba(254,117,160,0.3);}

.top_intro_bg .res_type1_date{
	width: 820px;
	margin:0 auto 10px;
	text-align: center;
	color: #fff;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 120%;
	box-sizing: border-box;
}
.top_intro_bg .res_type1_date.type2{
	display: flex;
}
.top_intro_bg .res_type1_date.type2>div{width: 50%;}
.top_intro_bg .res_type1_box.type_k{
	width: 250px;
	margin: 0 auto;
	color: #ff0;
}
.top_intro_bg .res_type1_kin{
	font-size: 85px;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
.top_intro_bg .res_type1_box.type_m{
	display: flex;
	text-align: center;
}
.top_intro_bg .res_type1_mainbox{
	width: 840px;
	margin: 20px auto;
	background-image: url("../images/common/res_type1_bg1.jpg");
	box-shadow: inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1), inset 0px 0px 30px 0px rgba(0, 0, 0, 1);
	background-position: center center;
}
.top_intro_bg .res_type1_mainbox .res_type1_mbox{
	width: 200px;
	margin: 0 40px;
}
.top_intro_bg .res_type1_mainbox .res_type1_boxtit{
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width: 100%;
	padding: 1rem;
	border: 1px solid #f3be7d;
	color: #f3be7d;
	font-size: 160%;
	box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
}
.top_intro_bg .res_type1_mainbox .res_type1_mbox.you .res_type1_boxtit{
	border: 1px solid #b2cd71;
	color: #b2cd71;
	font-size: 160%;
	box-sizing: border-box;
}
.top_intro_bg .res_type1_mainbox .res_type1_mbox img{width: 80%;height: auto;margin: 10px auto;}
.top_intro_bg .res_type1_box.type_k{margin-bottom: 20px;}

.top_intro_bg .res_type1_box.type_k .res_type1_boxtit{
	font-size: 32px;
	border: none;
	padding: 0;
}
.top_intro_bg .res_type1_box.type_k.you .res_type1_boxtit{
	color: #b2cd71;
}

.top_intro_bg .res_type1_caption{
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width: 100%;
	color: #fff;
	font-size: 150%;
}
/* ----------------------
 * result_type1
 *---------------------- */



/* ----------------------
 * result_type2
 *---------------------- */
.top_intro_bg .res_type1_mainbox.type2 .res_type1_box.type_k{
	width: 240px;
	margin: 0 auto 20px;
	color: #ff0;
	
}
.top_intro_bg .res_type1_mainbox.type2 .res_type1_box.type_k:nth-of-type(1){float: left;}
.top_intro_bg .res_type1_mainbox.type2 .res_type1_box.type_k:nth-of-type(2){float: right;}

.top_intro_bg .res_type2_kan{
	width: 43%;
	display: flex;
    justify-content: center;
    align-items: center;
}
.top_intro_bg .res_type2_kan div{width: 100%;}
.top_intro_bg .res_type1_mainbox.type2 .res_type1_box.type_m{margin-bottom: 30px;}
.top_intro_bg .res_type1_mainbox.type2 .res_type1_mbox{
	width: 200px;
    margin: 0 20px;
}
.top_intro_bg .res_type2_boxtit{
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width: 100%;
	color: #bcc0a4;
	font-size: 300%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
.top_intro_bg .res_type2_boxtxt{
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fff;
	font-size: 150%;
}
.top_intro_bg .res_type2_x{    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #f3be7d;
	font-size: 70px;
}
/* 
----------------------
 * result_type2
 *---------------------- */



/* ----------------------
 * result_type3
 *---------------------- */
.top_intro_bg .res_type3_bg{
	width: 840px;
	height: 840px;
	position: relative;
	background-image: url(../images/common/res_type3_bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.top_intro_bg .res_type3_mbox{
	width: 200px;
	position: absolute;
}
.top_intro_bg .res_type3_mbox .res_type1_boxtit {
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    width: 100%;
    padding: 1rem;
    border: 1px solid #f3be7d;
    color: #f3be7d;
    font-size: 160%;
    box-sizing: border-box;
	background-color: rgba(0,0,0,0.5);
}
.top_intro_bg .res_type1_mimg img{width: 80%; height: auto;}

.top_intro_bg .res_type3_mbox.type1{left: 320px; top: 280px;}
.top_intro_bg .res_type3_mbox.type2{left: 320px; top: 0px;}
.top_intro_bg .res_type3_mbox.type3{left: 630px; top: 280px;}
.top_intro_bg .res_type3_mbox.type4{left: 0px; top: 280px;}
.top_intro_bg .res_type3_mbox.type5{left: 320px; top: 560px;}
.top_intro_bg .res_type3_mbox.type6{left: 290px; top: 170px; width: 250px;}
.top_intro_bg .res_type3_mbox.type7{left: 0px; top: 620px;}
.top_intro_bg .res_type3_mbox.type8{left: 630px; top: 620px;}

.top_intro_bg .res_type3_mbox .res_type1_kin{color: #ff0;}
/* ----------------------
 * result_type3
 *---------------------- */



/* ----------------------
 * result_type4
 *---------------------- */
.top_intro_bg .res_type1_mainbox.type4 .res_type1_box.type_k{
	width: 500px;
    margin: 0 auto 20px;
    color: #ff0;
}
.top_intro_bg .res_type1_mainbox.type4{
	background-image: url(../images/common/res_type1_bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-color: #eee;
}
/* ----------------------
 * result_type4
 *---------------------- */

/* ----------------------
 * result_type5
 *---------------------- */
.top_intro_bg .res_type5_bg1{
	width: 840px;
	height: 500px;
	position: relative;
	box-sizing: border-box;
	margin: 0 auto 30px;
	background-image: url(../images/common/res_type5_bg1.jpg);
}
.top_intro_bg .res_type5_zbox,.res_type5_ybox{
	width: 780px;
	position: absolute;
	left: 40px;
}
.top_intro_bg .res_type5_ybox{
	display: flex;
	bottom: 60px;
}
.top_intro_bg .res_type5_zbox{
	height: 60px;
	bottom: 0px;
}
.top_intro_bg .res_type5_zidai{
	position: absolute;
	height: 100%;
	display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 22px;
	
}

.top_intro_bg .res_type5_zbox.type_z01 div:nth-of-type(1){width: 60px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z01 div:nth-of-type(2){width: 720px;left: 60px;}

.top_intro_bg .res_type5_zbox.type_z02 div:nth-of-type(1){width: 120px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z02 div:nth-of-type(2){width: 660px;left: 120px;}

.top_intro_bg .res_type5_zbox.type_z03 div:nth-of-type(1){width: 180px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z03 div:nth-of-type(2){width: 600px;left: 180px;}

.top_intro_bg .res_type5_zbox.type_z04 div:nth-of-type(1){width: 240px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z04 div:nth-of-type(2){width: 540px;left: 240px;}

.top_intro_bg .res_type5_zbox.type_z05 div:nth-of-type(1){width: 300px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z05 div:nth-of-type(2){width: 480px;left: 300px;}

.top_intro_bg .res_type5_zbox.type_z06 div:nth-of-type(1){width: 360px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z06 div:nth-of-type(2){width: 420px;left: 360px;}

.top_intro_bg .res_type5_zbox.type_z07 div:nth-of-type(1){width: 420px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z07 div:nth-of-type(2){width: 360px;left: 420px;}

.top_intro_bg .res_type5_zbox.type_z08 div:nth-of-type(1){width: 480px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z08 div:nth-of-type(2){width: 300px;left: 480px;}

.top_intro_bg .res_type5_zbox.type_z09 div:nth-of-type(1){width: 540px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z09 div:nth-of-type(2){width: 240px;left: 540px;}

.top_intro_bg .res_type5_zbox.type_z10 div:nth-of-type(1){width: 600px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z10 div:nth-of-type(2){width: 180px;left: 600px;}

.top_intro_bg .res_type5_zbox.type_z11 div:nth-of-type(1){width: 660px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z11 div:nth-of-type(2){width: 120px;left: 660px;}

.top_intro_bg .res_type5_zbox.type_z12 div:nth-of-type(1){width: 720px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z12 div:nth-of-type(2){width: 60px;left: 720px;}

.top_intro_bg .res_type5_zbox.type_z13 div:nth-of-type(1){width: 780px;left: 0;}
.top_intro_bg .res_type5_zbox.type_z13 div:nth-of-type(2){display: none;}




.top_intro_bg .res_type5_zbox.type_z10{}
.top_intro_bg .res_type5_gbox{
	width: 780px;
	height: 400px;
	position: absolute;
	left: 40px;
	display: flex;
}
.top_intro_bg .res_type5_graph{width: 60px;height: 400px; position: relative;}
.top_intro_bg .res_type5_graph div{width: 20px;position: absolute;bottom: 0px;left: 20px;}

.top_intro_bg .res_type5_zidai.type_r{background-color: #983e3e;color: #fff;}
.top_intro_bg .res_type5_zidai.type_w{background-color: white;}
.top_intro_bg .res_type5_zidai.type_b{background-color: #4c4c9c;color: #fff;}
.top_intro_bg .res_type5_zidai.type_y{background-color: #c7c767;}

.top_intro_bg .res_type5_graph.type_r div{
	background: linear-gradient(to bottom, #983e3e, #efdab9);
	color: #fff;
}
.top_intro_bg .res_type5_graph.type_w div{
	background: linear-gradient(to bottom, #fff, #efdab9);
}
.top_intro_bg .res_type5_graph.type_b div{
	background: linear-gradient(to bottom, #4c4c9c, #efdab9);
	color: #fff;
}
.top_intro_bg .res_type5_graph.type_y div{
	background: linear-gradient(to bottom, #c7c767, #efdab9);
}

.top_intro_bg .res_type5_tbl1{
	width: 800px;
	margin: 0 auto 20px;
	background-color: #fff;
	position: relative;
}

.top_intro_bg [class^="res_type5_th"],.top_intro_bg [class^="res_type5_td"]{
	box-sizing: border-box;
	padding: 10px 5px;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 24px;

	display: table-cell;
  vertical-align: middle;
}
.top_intro_bg [class^="res_type5_th"]{
	border: 1px solid #fff;
	background-color: #000;
	color: #Fff;
	height: 50px;
}

.top_intro_bg .res_type5_tr{
	display: flex;
}
.top_intro_bg [class^="res_type5_td"]{
	border: 1px solid #000;
}
.top_intro_bg .res_type5_th1,.res_type5_td1{width: 200px;}
.top_intro_bg .res_type5_th2,.res_type5_td2{width: 200px;}
.top_intro_bg .res_type5_th3,.res_type5_td3{width: 500px;}

.top_intro_bg .res_type5_now{
	width: 795px;
    height: 40px;
    border: 6px solid #f00;
    position: absolute;
    left: -3px;
}
.top_intro_bg .res_type5_now.p_01{top: 47px;}
.top_intro_bg .res_type5_now.p_02{top: 117px;}
.top_intro_bg .res_type5_now.p_03{top: 187px;}
.top_intro_bg .res_type5_now.p_04{top: 257px;}
.top_intro_bg .res_type5_now.p_05{top: 327px;}
.top_intro_bg .res_type5_now.p_06{top: 397px;}
.top_intro_bg .res_type5_now.p_07{top: 467px;}
.top_intro_bg .res_type5_now.p_08{top: 537px;}
.top_intro_bg .res_type5_now.p_09{top: 607px;}
.top_intro_bg .res_type5_now.p_10{top: 677px;}

.top_intro_bg .res_type5_td2.type_r{
	background-color: #983e3e;

	color: #fff;
}
.top_intro_bg .res_type5_td2.type_w{background-color: white;}
.top_intro_bg .res_type5_td2.type_b{background-color: #4c4c9c;color: #fff;}
.top_intro_bg .res_type5_td2.type_y{background-color: #c7c767;}

.top_intro_bg .res_type5_tit1{
	width: 800px;
	margin: 0 auto 20px;
	text-align: center;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 34px;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
}
.top_intro_bg .top_intro_bg .res_type5_tit1 img{width: 80px;height: auto;}
.top_intro_bg .top_intro_bg .res_type5_tit1 > div{font-size: 15px;}

.top_intro_bg .res_type5_tbl2{
	width: 800px;
	margin: 0 auto 20px;
	background-color: #fff;
	position: relative;
}
.top_intro_bg .res_type5_tbl2 .res_type5_td2 img{width: 25px;height: auto;margin: 0 3px;}

.top_intro_bg .res_type5_tbl2 [class^="res_type5_td"]{height: 70px;}
.top_intro_bg .res_type5_tbl2 .res_type5_th1,.res_type5_tbl2 .res_type5_td1{width: 200px;}
.top_intro_bg .res_type5_tbl2 .res_type5_th2,.res_type5_tbl2 .res_type5_td2{width: 200px;}
.top_intro_bg .res_type5_tbl2 .res_type5_th3,.res_type5_tbl2 .res_type5_td3{width: 500px;}

.top_intro_bg .res_type5_tbl2 .res_type5_now{
	width: 795px;
    height: 65px;
    border: 6px solid #f00;
    position: absolute;
    left: -3px;
}

.top_intro_bg .res_type5_h001	{height: 1%;}
.top_intro_bg .res_type5_h002	{height: 2%;}
.top_intro_bg .res_type5_h003	{height: 3%;}
.top_intro_bg .res_type5_h004	{height: 4%;}
.top_intro_bg .res_type5_h005	{height: 5%;}
.top_intro_bg .res_type5_h006	{height: 6%;}
.top_intro_bg .res_type5_h007	{height: 7%;}
.top_intro_bg .res_type5_h008	{height: 8%;}
.top_intro_bg .res_type5_h009	{height: 9%;}
.top_intro_bg .res_type5_h010	{height: 10%;}
.top_intro_bg .res_type5_h011	{height: 11%;}
.top_intro_bg .res_type5_h012	{height: 12%;}
.top_intro_bg .res_type5_h013	{height: 13%;}
.top_intro_bg .res_type5_h014	{height: 14%;}
.top_intro_bg .res_type5_h015	{height: 15%;}
.top_intro_bg .res_type5_h016	{height: 16%;}
.top_intro_bg .res_type5_h017	{height: 17%;}
.top_intro_bg .res_type5_h018	{height: 18%;}
.top_intro_bg .res_type5_h019	{height: 19%;}
.top_intro_bg .res_type5_h020	{height: 20%;}
.top_intro_bg .res_type5_h021	{height: 21%;}
.top_intro_bg .res_type5_h022	{height: 22%;}
.top_intro_bg .res_type5_h023	{height: 23%;}
.top_intro_bg .res_type5_h024	{height: 24%;}
.top_intro_bg .res_type5_h025	{height: 25%;}
.top_intro_bg .res_type5_h026	{height: 26%;}
.top_intro_bg .res_type5_h027	{height: 27%;}
.top_intro_bg .res_type5_h028	{height: 28%;}
.top_intro_bg .res_type5_h029	{height: 29%;}
.top_intro_bg .res_type5_h030	{height: 30%;}
.top_intro_bg .res_type5_h031	{height: 31%;}
.top_intro_bg .res_type5_h032	{height: 32%;}
.top_intro_bg .res_type5_h033	{height: 33%;}
.top_intro_bg .res_type5_h034	{height: 34%;}
.top_intro_bg .res_type5_h035	{height: 35%;}
.top_intro_bg .res_type5_h036	{height: 36%;}
.top_intro_bg .res_type5_h037	{height: 37%;}
.top_intro_bg .res_type5_h038	{height: 38%;}
.top_intro_bg .res_type5_h039	{height: 39%;}
.top_intro_bg .res_type5_h040	{height: 40%;}
.top_intro_bg .res_type5_h041	{height: 41%;}
.top_intro_bg .res_type5_h042	{height: 42%;}
.top_intro_bg .res_type5_h043	{height: 43%;}
.top_intro_bg .res_type5_h044	{height: 44%;}
.top_intro_bg .res_type5_h045	{height: 45%;}
.top_intro_bg .res_type5_h046	{height: 46%;}
.top_intro_bg .res_type5_h047	{height: 47%;}
.top_intro_bg .res_type5_h048	{height: 48%;}
.top_intro_bg .res_type5_h049	{height: 49%;}
.top_intro_bg .res_type5_h050	{height: 50%;}
.top_intro_bg .res_type5_h051	{height: 51%;}
.top_intro_bg .res_type5_h052	{height: 52%;}
.top_intro_bg .res_type5_h053	{height: 53%;}
.top_intro_bg .res_type5_h054	{height: 54%;}
.top_intro_bg .res_type5_h055	{height: 55%;}
.top_intro_bg .res_type5_h056	{height: 56%;}
.top_intro_bg .res_type5_h057	{height: 57%;}
.top_intro_bg .res_type5_h058	{height: 58%;}
.top_intro_bg .res_type5_h059	{height: 59%;}
.top_intro_bg .res_type5_h060	{height: 60%;}
.top_intro_bg .res_type5_h061	{height: 61%;}
.top_intro_bg .res_type5_h062	{height: 62%;}
.top_intro_bg .res_type5_h063	{height: 63%;}
.top_intro_bg .res_type5_h064	{height: 64%;}
.top_intro_bg .res_type5_h065	{height: 65%;}
.top_intro_bg .res_type5_h066	{height: 66%;}
.top_intro_bg .res_type5_h067	{height: 67%;}
.top_intro_bg .res_type5_h068	{height: 68%;}
.top_intro_bg .res_type5_h069	{height: 69%;}
.top_intro_bg .res_type5_h070	{height: 70%;}
.top_intro_bg .res_type5_h071	{height: 71%;}
.top_intro_bg .res_type5_h072	{height: 72%;}
.top_intro_bg .res_type5_h073	{height: 73%;}
.top_intro_bg .res_type5_h074	{height: 74%;}
.top_intro_bg .res_type5_h075	{height: 75%;}
.top_intro_bg .res_type5_h076	{height: 76%;}
.top_intro_bg .res_type5_h077	{height: 77%;}
.top_intro_bg .res_type5_h078	{height: 78%;}
.top_intro_bg .res_type5_h079	{height: 79%;}
.top_intro_bg .res_type5_h080	{height: 80%;}
.top_intro_bg .res_type5_h081	{height: 81%;}
.top_intro_bg .res_type5_h082	{height: 82%;}
.top_intro_bg .res_type5_h083	{height: 83%;}
.top_intro_bg .res_type5_h084	{height: 84%;}
.top_intro_bg .res_type5_h085	{height: 85%;}
.top_intro_bg .res_type5_h086	{height: 86%;}
.top_intro_bg .res_type5_h087	{height: 87%;}
.top_intro_bg .res_type5_h088	{height: 88%;}
.top_intro_bg .res_type5_h089	{height: 89%;}
.top_intro_bg .res_type5_h090	{height: 90%;}
.top_intro_bg .res_type5_h091	{height: 91%;}
.top_intro_bg .res_type5_h092	{height: 92%;}
.top_intro_bg .res_type5_h093	{height: 93%;}
.top_intro_bg .res_type5_h094	{height: 94%;}
.top_intro_bg .res_type5_h095	{height: 95%;}
.top_intro_bg .res_type5_h096	{height: 96%;}
.top_intro_bg .res_type5_h097	{height: 97%;}
.top_intro_bg .res_type5_h098	{height: 98%;}
.top_intro_bg .res_type5_h099	{height: 99%;}
.top_intro_bg .res_type5_h100	{height: 100%;}

.top_intro_bg .res_type5_graph.strong{	background: linear-gradient(to bottom, #1e1711, #5d5c2b);}

/* ----------------------

 * result_type5
 *---------------------- */

/* ----------------------
 * result_type6
 *---------------------- */
.top_intro_bg .res_type6_bg1{
	width: 780px;
	height: 1200px;
	background-image: url(../images/common/res_type6_bg1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	margin: 0 auto;
}
.top_intro_bg .res_type6_txtbox{
	width: 840px;
	text-align: center;
	    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 200%;
	line-height: 1.6;
	color: #fff;
	

}
.top_intro_bg .res_type6_bg1 div.res_type6_today{
	width: 60px;
	height: 60px;
	border: 5px solid #f00;
	position: absolute;
	box-sizing: border-box;
}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0101{left: 0px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0102{left: 60px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0103{left: 120px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0104{left: 180px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0105{left: 240px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0106{left: 300px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0107{left: 360px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0108{left: 420px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0109{left: 480px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0110{left: 540px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0111{left: 600px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0112{left: 660px; top:0px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0113{left: 720px; top:0px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0201{left: 0px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0202{left: 60px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0203{left: 120px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0204{left: 180px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0205{left: 240px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0206{left: 300px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0207{left: 360px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0208{left: 420px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0209{left: 480px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0210{left: 540px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0211{left: 600px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0212{left: 660px; top:60px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0213{left: 720px; top:60px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0301{left: 0px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0302{left: 60px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0303{left: 120px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0304{left: 180px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0305{left: 240px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0306{left: 300px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0307{left: 360px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0308{left: 420px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0309{left: 480px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0310{left: 540px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0311{left: 600px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0312{left: 660px; top:120px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0313{left: 720px; top:120px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0401{left: 0px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0402{left: 60px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0403{left: 120px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0404{left: 180px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0405{left: 240px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0406{left: 300px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0407{left: 360px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0408{left: 420px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0409{left: 480px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0410{left: 540px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0411{left: 600px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0412{left: 660px; top:180px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0413{left: 720px; top:180px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0501{left: 0px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0502{left: 60px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0503{left: 120px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0504{left: 180px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0505{left: 240px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0506{left: 300px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0507{left: 360px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0508{left: 420px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0509{left: 480px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0510{left: 540px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0511{left: 600px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0512{left: 660px; top:240px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0513{left: 720px; top:240px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0601{left: 0px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0602{left: 60px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0603{left: 120px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0604{left: 180px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0605{left: 240px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0606{left: 300px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0607{left: 360px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0608{left: 420px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0609{left: 480px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0610{left: 540px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0611{left: 600px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0612{left: 660px; top:300px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0613{left: 720px; top:300px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0701{left: 0px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0702{left: 60px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0703{left: 120px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0704{left: 180px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0705{left: 240px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0706{left: 300px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0707{left: 360px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0708{left: 420px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0709{left: 480px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0710{left: 540px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0711{left: 600px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0712{left: 660px; top:360px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0713{left: 720px; top:360px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0801{left: 0px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0802{left: 60px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0803{left: 120px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0804{left: 180px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0805{left: 240px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0806{left: 300px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0807{left: 360px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0808{left: 420px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0809{left: 480px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0810{left: 540px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0811{left: 600px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0812{left: 660px; top:420px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0813{left: 720px; top:420px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p0901{left: 0px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0902{left: 60px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0903{left: 120px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0904{left: 180px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0905{left: 240px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0906{left: 300px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0907{left: 360px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0908{left: 420px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0909{left: 480px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0910{left: 540px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0911{left: 600px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0912{left: 660px; top:480px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p0913{left: 720px; top:480px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1001{left: 0px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1002{left: 60px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1003{left: 120px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1004{left: 180px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1005{left: 240px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1006{left: 300px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1007{left: 360px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1008{left: 420px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1009{left: 480px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1010{left: 540px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1011{left: 600px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1012{left: 660px; top:540px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1013{left: 720px; top:540px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1101{left: 0px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1102{left: 60px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1103{left: 120px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1104{left: 180px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1105{left: 240px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1106{left: 300px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1107{left: 360px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1108{left: 420px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1109{left: 480px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1110{left: 540px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1111{left: 600px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1112{left: 660px; top:600px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1113{left: 720px; top:600px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1201{left: 0px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1202{left: 60px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1203{left: 120px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1204{left: 180px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1205{left: 240px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1206{left: 300px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1207{left: 360px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1208{left: 420px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1209{left: 480px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1210{left: 540px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1211{left: 600px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1212{left: 660px; top:660px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1213{left: 720px; top:660px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1301{left: 0px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1302{left: 60px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1303{left: 120px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1304{left: 180px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1305{left: 240px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1306{left: 300px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1307{left: 360px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1308{left: 420px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1309{left: 480px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1310{left: 540px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1311{left: 600px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1312{left: 660px; top:720px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1313{left: 720px; top:720px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1401{left: 0px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1402{left: 60px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1403{left: 120px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1404{left: 180px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1405{left: 240px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1406{left: 300px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1407{left: 360px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1408{left: 420px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1409{left: 480px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1410{left: 540px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1411{left: 600px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1412{left: 660px; top:780px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1413{left: 720px; top:780px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1501{left: 0px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1502{left: 60px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1503{left: 120px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1504{left: 180px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1505{left: 240px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1506{left: 300px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1507{left: 360px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1508{left: 420px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1509{left: 480px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1510{left: 540px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1511{left: 600px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1512{left: 660px; top:840px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1513{left: 720px; top:840px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1601{left: 0px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1602{left: 60px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1603{left: 120px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1604{left: 180px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1605{left: 240px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1606{left: 300px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1607{left: 360px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1608{left: 420px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1609{left: 480px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1610{left: 540px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1611{left: 600px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1612{left: 660px; top:900px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1613{left: 720px; top:900px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1701{left: 0px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1702{left: 60px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1703{left: 120px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1704{left: 180px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1705{left: 240px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1706{left: 300px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1707{left: 360px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1708{left: 420px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1709{left: 480px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1710{left: 540px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1711{left: 600px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1712{left: 660px; top:960px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1713{left: 720px; top:960px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1801{left: 0px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1802{left: 60px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1803{left: 120px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1804{left: 180px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1805{left: 240px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1806{left: 300px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1807{left: 360px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1808{left: 420px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1809{left: 480px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1810{left: 540px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1811{left: 600px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1812{left: 660px; top:1020px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1813{left: 720px; top:1020px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p1901{left: 0px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1902{left: 60px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1903{left: 120px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1904{left: 180px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1905{left: 240px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1906{left: 300px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1907{left: 360px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1908{left: 420px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1909{left: 480px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1910{left: 540px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1911{left: 600px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1912{left: 660px; top:1080px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p1913{left: 720px; top:1080px;}

.top_intro_bg .res_type6_bg1 div.res_type6_today.p2001{left: 0px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2002{left: 60px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2003{left: 120px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2004{left: 180px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2005{left: 240px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2006{left: 300px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2007{left: 360px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2008{left: 420px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2009{left: 480px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2010{left: 540px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2011{left: 600px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2012{left: 660px; top:1140px;}
.top_intro_bg .res_type6_bg1 div.res_type6_today.p2013{left: 720px; top:1140px;}

.top_intro_bg .res_type3_mbox.you .res_type1_boxtit{
	border: 1px solid #b2cd71;
    color: #b2cd71;
}

/* ----------------------
 * result_type6
 *---------------------- */

/* ----------------------
 * animation
 *---------------------- */
@keyframes fadein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadein2 {
	0% {opacity: 0; transform: scale(2.0);}
	100% {opacity: 1; transform: scale(1.0);}
}
@keyframes fadein3 {
	0% {opacity: 0;}
	50% {opacity: 1; filter: brightness(400%);}
	100% {opacity: 1;}
}
@keyframes fadein4 {
    0% {}
    50% {filter: brightness(200%);}
    100% {filter: brightness(200%);}
}
@keyframes fadeout {
    0% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeout2 {
    0% {}
    50% {filter: brightness(50%);}
    100% {filter: brightness(50%);}
}
@keyframes fadeinout {
	0% {opacity: 0;}
	25% {opacity: 1;}
	50% {opacity: 1;}
	75% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes fadeinout2 {
	0% {opacity:1;}
	50% {opacity:1; filter: brightness(400%);}
	100% {opacity:0;}
}
@keyframes fadeinout3 {
    0% {}
    50% {filter: brightness(130%);}
    100% {}
}
@keyframes grayout1 {
	0% {}
	100% {filter:brightness(70%) grayscale(0.5);}
}
@keyframes grayout2 {
	0% {}
	100% {filter:brightness(50%);}
}

.top_intro_bg .res_type1_mimg img,
.top_intro_bg .res_type1_mimg + .res_type1_caption,
.top_intro_bg .res_type1_tbl_sec2 span,
.top_intro_bg .res_type1_tbl_sec1 .res_type1_td span,
.top_intro_bg .res_type2_kan,
.top_intro_bg .motif1 .res_type1_tbl_tit1.type2 span,
.top_intro_bg .motif1 .res_mbox1 img,
.top_intro_bg .motif1 .res_mbox1 span,
.top_intro_bg .motif1 .res_mbox1 p,
.top_intro_bg .motif1 .res_title1 + .res_type1_mainbox.type2 + .res_mboxtxt2 p,
.top_intro_bg .motif4 .res_type1_tbl_tit1.type2 span,
.top_intro_bg .motif4 .res_type1_tbl_sec1 .res_type1_th span,
.top_intro_bg .motif4 .res_mbox1 img,
.top_intro_bg .motif4 .res_mbox1 span,
.top_intro_bg .motif4 .res_mbox1 p,
.top_intro_bg .motif4 .res_title1 + .res_type1_mainbox.type2 + .res_mboxtxt2 p,
.top_intro_bg .motif4 .res_sub_box,
.top_intro_bg .res_type3_bg .res_mboxtxt p,
.top_intro_bg .res_type3_bg + .res_mboxtxt2 p,
.top_intro_bg .res_type3_bg .res_type3_mbox .res_type1_kin,
.top_intro_bg .motif3 .res_mbox1 img,
.top_intro_bg .motif3 .res_mbox1 span,
.top_intro_bg .motif3 .res_mbox1 p,
.top_intro_bg .motif3 .res_sub_box,
.top_intro_bg .res_type5_tbl1 .res_type5_tr .res_type5_td1 span,
.top_intro_bg .res_type5_tbl1 .res_type5_tr .res_type5_td2 span,
.top_intro_bg .res_type5_tbl1 .res_type5_tr .res_type5_td3 span,
.top_intro_bg .res_type5_tbl1 .res_type5_now,
.top_intro_bg .res_type5_tbl2 .res_type5_tr .res_type5_td1 span,
.top_intro_bg .res_type5_tbl2 .res_type5_tr .res_type5_td2 *,
.top_intro_bg .res_type5_tbl2 .res_type5_tr .res_type5_td3 span,
.top_intro_bg .res_type5_tbl2 .res_type5_now,
.top_intro_bg .res_type5_zbox {
	opacity: 0;
}

.t_anime1 .res_type1_box.type_m > div:nth-of-type(1).res_type1_mbox img,
.t_anime1 .res_type1_box.type_m > div:nth-of-type(1).res_type1_mbox .res_type1_caption,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 span,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span {animation: fadein 1.0s ease 0.3s 1 forwards;}
.t_anime1 .res_type1_box.type_m > div:nth-of-type(2).res_type1_mbox img,
.t_anime1 .res_type1_box.type_m > div:nth-of-type(2).res_type1_mbox .res_type1_caption,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 span,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span {animation: fadein 1.0s ease 0.6s 1 forwards;}
.t_anime1 .res_type1_box.type_m > div:nth-of-type(3).res_type1_mbox img,
.t_anime1 .res_type1_box.type_m > div:nth-of-type(3).res_type1_mbox .res_type1_caption,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 span,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime1 .res_type1_tbl_tit1.type1 + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span {animation: fadein 1.0s ease 0.9s 1 forwards;}
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(2).res_type1_box.type_m .res_type1_mbox img,
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(2).res_type1_box.type_m .res_type1_mbox .res_type1_caption,
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(2).res_type1_box.type_m .res_type2_kan,
.t_anime2 .res_type1_tbl_tit1.type1 + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime2 .res_type1_tbl_tit1.type1 + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span,
.t_anime2 .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime2 .res_type1_tbl_tit1.type2 + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span {animation: fadein 1.0s ease 0.3s 1 forwards;}
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(3).res_type1_box.type_m .res_type1_mbox img,
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(3).res_type1_box.type_m .res_type1_mbox .res_type1_caption,
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(3).res_type1_box.type_m .res_type2_kan,
.t_anime2 .res_type1_tbl_tit1.type1 + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime2 .res_type1_tbl_tit1.type1 + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span,
.t_anime2 .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime2 .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span {animation: fadein 1.0s ease 0.6s 1 forwards;}
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(4).res_type1_box.type_m .res_type1_mbox img,
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(4).res_type1_box.type_m .res_type1_mbox .res_type1_caption,
.t_anime2 .res_type1_mainbox.type2 > div:nth-of-type(4).res_type1_box.type_m .res_type2_kan,
.t_anime2 .res_type1_tbl_tit1.type1 + .res_type1_tbl + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime2 .res_type1_tbl_tit1.type1 + .res_type1_tbl + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span,
.t_anime2 .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime2 .res_type1_tbl_tit1.type2 + .res_type1_tbl + .res_type1_tbl + .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span {animation: fadein 1.0s ease 0.9s 1 forwards;}
.t_anime3 .res_type3_mbox.type1 .res_type1_mimg img,
.t_anime3 .res_type3_mbox.type1 .res_type1_caption {animation: fadein 1.0s ease 0.3s 1 forwards;}
.t_anime3 .res_type3_mbox.type2 .res_type1_mimg img,
.t_anime3 .res_type3_mbox.type2 .res_type1_caption {animation: fadein 1.0s ease 1.0s 1 forwards;}
.t_anime3 .res_type3_mbox.type3 .res_type1_mimg img,
.t_anime3 .res_type3_mbox.type3 .res_type1_caption {animation: fadein 1.0s ease 1.2s 1 forwards;}
.t_anime3 .res_type3_mbox.type5 .res_type1_mimg img,
.t_anime3 .res_type3_mbox.type5 .res_type1_caption {animation: fadein 1.0s ease 1.4s 1 forwards;}
.t_anime3 .res_type3_mbox.type4 .res_type1_mimg img,
.t_anime3 .res_type3_mbox.type4 .res_type1_caption {animation: fadein 1.0s ease 1.6s 1 forwards;}
.t_anime3 .res_type1_tbl .res_type1_tbl_sec2 span,
.t_anime3 .res_type1_tbl .res_type1_tbl_sec1 .res_type1_td span {animation: fadein 1.0s ease 1.6s 1 forwards;}
/* ----------------------
 * animation
 *---------------------- */

/* ----------------------
 * category_button
 *---------------------- */
a.navi1 {
	background: url(../images/top/navi1.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 90px;
}
a.navi2 {
	background: url(../images/top/navi2.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 90px;
}
a.navi3 {
	background: url(../images/top/navi3.jpg) no-repeat;
	float: left;
	width: 260px;
	height: 90px;
}

/*-----------------------*/
a.navi1:hover,a.navi2:hover,a.navi3:hover,a.navi4:hover{
	background-position: bottom;
}
/*-----------------------*/

.Layer5 {
	width: 260px;
	height: 90px;
	float: left;
	margin: 0 5px;
}
.Layer6 {
	width: 260px;
	height: 90px;
	float: left;
	margin: 0 5px;
}
.Layer7 {
	width: 260px;
	height: 90px;
	float: left;
	margin: 0 5px;
}
.navi_box {
	width: 810px;
	height: 100px;
	margin: 40px auto 20px;
	text-align: center;
}
.navi_box2 {
	width: 840px;
	height: 100px;
	margin: 0 auto;
	text-align: center;
}
/* ----------------------
 * category_button
 *---------------------- */



/* ----------------------
 * category 1
 *---------------------- */
.cate_top1 {
	width: 840px;
	height: 130px;
	margin: 0 auto 15px;
	background: url(../images/top/cate_top1.jpg) no-repeat;
}
.cate_sp_top1 {
	width: 720px;
	height: 40px;
	background: url(../images/top/cate_sp_top1.jpg) no-repeat;
}
.cate_sp_bg1 {
	width: 720px;
	margin: 0 auto -1px;
	background: url(../images/top/cate_sp_bg1.jpg) repeat-y;
}
.cate_sp_bt1 {
	width: 720px;
	height: 60px;
	background: url(../images/top/cate_sp_bt1.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_bg1 {
	width: 840px;
	margin: 0 auto;
}
.cate_bt1 {
	display: none;
}
/* ----------------------
 * category 1
 *---------------------- */



/* ----------------------
 * category 2
 *---------------------- */
.cate_top2 {
	width: 840px;
	height: 130px;
	margin: 0 auto 15px;
	background: url(../images/top/cate_top2.jpg) no-repeat;
}
.cate_sp_top2 {
	width: 720px;
	height: 40px;
	background: url(../images/top/cate_sp_top2.jpg) no-repeat;
}
.cate_sp_bg2 {
	width: 720px;
	margin: 0 auto -1px;
}
.cate_sp_bt2 {
	width: 720px;
	height: 90px;
	background: url(../images/top/cate_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_bg2 {
	width: 840px;
	margin: 0 auto;
}
.cate_bt2 {
	display: none;
}
/* ----------------------
 * category 2
 *---------------------- */



/* ----------------------
 * category 3
 *---------------------- */
.cate_top3 {
	width: 840px;
	height: 130px;
	margin: 0 auto 15px;
	background: url(../images/top/cate_top3.jpg) no-repeat;
}
.cate_sp_top3 {
	width: 720px;
	height: 40px;
	margin: 0 0;
	background: url(../images/top/cate_sp_top3.jpg) no-repeat;
}
.cate_sp_bg3 {
	width: 720px;
	margin: 0 auto -1px;
}
.cate_sp_bt3 {
	width: 720px;
	height: 60px;
	background: url(../images/top/cate_sp_bt3.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_bg3 {
	width: 840px;
	margin: 0 auto;
}
.cate_bt3 {
	display: none;
}
/* ----------------------
 * category 3
 *---------------------- */
 

 


/* ----------------------
 * category_common
 *---------------------- */
.cate_main_box {
	width: 840px;
	text-align: left;
	margin: 0px auto 15px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #fff;
	padding: 20px;
}
.cate_main_box .menu_img{
	width: 715px;
}
.cate_main_box h4 {
	margin: 0 0 14px;
}
.cate_sp_box {
	margin: 0 120px;
	text-align: left;
}
.at_bg .cate_sp_box {
	margin: 10px 100px 0;
	padding-bottom: 10px;
}

.cate_sp_box2 {
	margin: 0;
	text-align: left;
}
.cate_list_box1 {
	width: 280px;
	text-align: left;
	padding-left: 34px;
	float: left;
}
.cate_list_box2 {
	width: 280px;
	text-align: left;
	padding-left: 82px;
	float: left;
}
.space_img1 {
	width: 710px;
}
.space_img2 {
	width: 710px;
}
.space_img3 {
	width: 710px;
}
.cate_list_box1 p, .cate_list_box2 p, .cate_list_box3 p, .cate_list_box4 p, .cate_list_box5 p, .cate_list_box6 p {
	margin-right:5px;
}

/* double_box------ */
.cate_list_top1 {
	width: 720px;
	height: 46px;
	background: url(../images/top/cate_list_top1.jpg) no-repeat;
}
.cate_list_bg1 {
	width: 720px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg1.jpg) repeat-y;
}
.cate_list_bt1 {
	width: 720px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt1.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_list_top3 {
	width: 720px;
	height: 46px;
	background: url(../images/top/cate_list_top3.jpg) no-repeat;
}
.cate_list_bg3 {
	width: 720px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg3.jpg) repeat-y;
}
.cate_list_bt3 {
	width: 720px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt3.jpg) no-repeat;
	background-size: 100% 100%;
}
.cate_list_top5 {
	width: 720px;
	height: 46px;
	background: url(../images/top/cate_list_top5.jpg) no-repeat;
}
.cate_list_bg5 {
	width: 720px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg5.jpg) repeat-y;
}
.cate_list_bt5 {
	width: 720px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt5.jpg) no-repeat;
	background-size: 100% 100%;
}
/* double_box------ */

/* single_box------ */
.cate_list_top2 {
	width: 360px;
	height: 46px;
	background: url(../images/top/cate_list_top1.jpg) no-repeat;
}
.cate_list_bg2 {
	width: 360px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg1.jpg) repeat-y;
}
.cate_list_bt2 {
	width: 360px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt1.jpg) no-repeat;
	background-size: 200% 100%;
}
.cate_list_top4 {
	width: 360px;
	height: 46px;
	background: url(../images/top/cate_list_top3.jpg) no-repeat;
}
.cate_list_bg4 {
	width: 360px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg3.jpg) repeat-y;
}
.cate_list_bt4 {
	width: 360px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt3.jpg) no-repeat;
	background-size: 200% 100%;
}
.cate_list_top6 {
	width: 360px;
	height: 46px;
	background: url(../images/top/cate_list_top5.jpg) no-repeat;
}
.cate_list_bg6 {
	width: 360px;
	margin: 0 0 -1px;
	background: url(../images/top/cate_list_bg5.jpg) repeat-y;
}
.cate_list_bt6 {
	width: 360px;
	height: 50px;
	float: left;
	background: url(../images/top/cate_list_bt5.jpg) no-repeat;
	background-size: 200% 100%;
}
/* single_box------ */
/* ----------------------
 * category_common
 *---------------------- */


/* ----------------------
 * campaign
 *---------------------- */
.campaign_tokuten_box {
	margin: 0 110px;
	text-align:center;
}
/* ----------------------
 * campaign
 *---------------------- */

/*---------------------------
 * review
 *---------------------------*/
.review_top {
	width: 840px;
	height: 300px;
	margin: 0 auto;
	background: url(../images/top/review_top.jpg) no-repeat;
	background-size: 100% 100%;
}
.review_bg {
  width: 840px;
	margin: 0 auto -2px;
	padding: 0;
  background: url("../images/top/box_bg.jpg") repeat-y;
	background-size: 100%;
	line-height: 180%;
}
.review_bt {
  width: 840px;
  height: 80px;
  margin: 0px auto -1px;
  background: url("../images/top/box_bt.jpg") no-repeat;
	background-size: 100% 100%;
	background-position: bottom center;
}
.review_box {
    margin: 0 120px;
    text-align: left;
}
.all_review_btn_box4 {
    margin: 0 auto;
    padding: 10px 0 0;
    width: 280px;
}
.review_man,
.review_woman {
	font-size: 100%;
    font-weight: bold;
    text-align: left;
    padding: 0px 0 0 50px;
	min-height: 40px;
}
.review_man {
    background: url("../images/top/review_man.png") no-repeat;
    color: #000088;
}
.review_woman {
    background: url("../images/top/review_woman.png") no-repeat;
    color: #880044;
}
.review_man strong,
.review_woman strong {
	font-size: 130%;
}
.review_text {
	font: 100%/150%;
	margin: 10px 0 0;
	text-align: left;
}
.review_text2 {
	width:800px;
	font-size: 160%;
    line-height: 2.9rem;
	font-weight:  bold;
	display: block;
	color: #662200;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin: 0 auto;
	letter-spacing: -0.05em;
	text-align: left;
}
.review_text2 a {
	font-size: 130%;
    line-height: 2.9rem;
	font-weight:  bold;
	text-shadow: none;
	color: #662200;
}
.review_text2 a:hover {
	text-decoration: none;
}
.review_box4 .review_text2 {
	margin-right: 50px;
	margin-left: 100px;
}
.review_text3,.review_text5 {
	display: block;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 10px;
	background-color: #b472b4;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #fff;
	font-size: 120%;
	line-height: 180%;
	text-align: center;
}

.review_text2 ~ .review_text2 {
	padding-top: 15px;
}
.review_text4 {
	font: bold 180%/160% "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	display: block;
	color: #0E8800;
	padding: 15px 0;
	margin: 0;
	text-align: center;
	letter-spacing: -0.05em;
}

.review_line {
	width: 100%;
	height: 40px;
	margin: 10px auto 0;
    background: url("../images/common/res_rec_center.png") no-repeat;
	background-size: 100% 100%;
}
.review_link {
    display: block;
    color: #990000;
	font-size: 120%;
	font-weight: bold;
    text-align: center;
}
.review_link:hover {
    text-decoration: none;
}
.review_menu_box {
	width: 600px;
	margin: 0 auto 10px auto;
    text-align: left;
}
.icon_review {
	width: 75px;
	height: 20px;
	margin: 0 auto 3px 0;
    background: url("../images/top/review_icon.png") no-repeat;
	background-size: 100% 100%;
}
.icon_review2 {
	width: 75px;
	height: 20px;
	margin: 0 auto 3px 0;
    background: url("../images/top/review_icon2.png") no-repeat;
	background-size: 100% 100%;
}
.review_icon_box {
	float: left;
	width: 75px;
	height: 83px;
}
.review_menu_img {
	float: left;
	width: 515px;
	height: 75px;
	margin: 23px 0 0;
	padding: 0 0 10px 10px;
}
/*---------------------------
 * review
 *---------------------------*/
/* ----------------------
 * form
 *---------------------- */
.inp_top_top {
	width: 700px;
	height: 320px;
	margin: 0 auto;
	background: url(../images/top/inp_top_top.jpg) no-repeat;
	box-sizing: border-box;
}
.inp_my_top {
	width: 840px;
	height: 140px;
	margin: 0 auto;
	display: block;
	background: url(../images/common/inp_my_top.jpg) no-repeat;
}
.pack_bg .inp_my_top {
	width: 480px;
	height: 100px;
	margin: 0 auto;
	display: block;
	background: url(../images/top/inp_top_my_top.jpg) no-repeat;
}
.inp_top_bg .inp_my_top {
	width: 480px;
	height: 100px;
	background: url(../images/top/inp_top_my_top.jpg) no-repeat;
}
.inp_top_bg .attention_text3 a.link2:link{
	font-size: 100%;
}
.inp_top_bg .attention_box{
	/*display: none;*/
	margin: 0 auto;
	padding: 10px 0;
}
.inp_top_bg {
	width: 840px;
	margin: 0 auto -1px;
	background: url(../images/top/box_bg.jpg) repeat-y;
}
.inp_top_bt {
	width: 840px;
	height: 50px;
	margin: 0 auto;
	background: url(../images/top/box_bt.jpg) no-repeat;
}
.inp_you_top {
	width: 480px;
	height: 100px;
	display: block;
	background: url(../images/top/inp_top_you_top.jpg) no-repeat;
	margin: 0 auto;
}
.inp_form_bg {
	width: 840px;
	margin: 0 auto -1px;
	background: url(../images/top/box_bg.jpg) repeat-y;
}
.inp_form_bt {
	width: 840px;
	height: 50px;
	margin: 0 auto;
	background: url(../images/top/box_bt.jpg) no-repeat;
	background-size: 100% 100%;
}
.inp_form_box {
	width: 700px;
	margin: 10px auto 20px;
	text-align: left;
}
.inp_form_box1 {
	margin: 0 90px 30px;
	text-align: left;
	width: 660px;
}
.inp_form_box2 {
	width: 660px;
	float: left;
	text-align: left;
}
.inp_form_box3 {
	text-align: left;
	margin: 0px 40px 0 120px;
	float: left;
}
.inp_form_box4 {
	text-align: left;
	margin: 0px;
	float: left;
}
.nickname_box1 {
	width: 180px;
	float: left;
}
.nickname_box2 {
	width: 460px;
	text-align: left;
	float: left;
}
.birth_box1 {
	width: 180px;
	float: left;
}
.birth_box2 {
	width: 460px;
	text-align: left;
	float: left;
}

.inp_form_title1 {background-image: url(../images/common/inp_form_title1.png)}
.inp_form_title2 {background-image: url(../images/common/inp_form_title2.png)}
.inp_form_title3 {background-image: url(../images/common/inp_form_title3.png)}
.inp_form_title4 {background-image: url(../images/common/inp_form_title4.png)}
.inp_form_title5 {background-image: url(../images/common/inp_form_title5.png)}
.inp_form_title6 {background-image: url(../images/common/inp_form_title6.png)}
.inp_form_title7 {background-image: url(../images/common/inp_form_title7.png)}
.inp_form_title8 {background-image: url(../images/common/inp_form_title8.png)}
.inp_form_title9 {background-image: url(../images/common/inp_form_title9.png)}

[class^="inp_form_title"]{
	width: 180px;
	height: 40px;
	margin: -3px 0 0;
	background-size: 100%;
	background-repeat: no-repeat;
	float: left;
}

.inp_form_title6,.inp_form_title8 {
	width: 120px;
	height: 40px;
}
.inp_form_title7,.inp_form_title9 {
	width: 90px;
	height: 40px;
	margin-left: 10px;
}

.nickname_in {
	font-size: 174%;
	width: 410px;
}
.yymmdd_in {
	font-size: 124%;
	width: 160px;
	height: 32px;
}
.yymmdd_in2 {
	font-size: 124%;
	height: 32px;
}
.m_year {
	width: 160px;
}
.m_month,.m_day {
	width: 100px;
}
.hhmm_in {
	font-size: 124%;
	width: 100px;
	height: 32px;
}
.birthplace_in {
	font-size: 124%;
	width: 140px;
	height: 32px;
}
.inp_gender_box {
	float: left;
	width: 150px;;
	margin: 5px 0 0 10px;
}
.gender_in {
	font-size: 124%;
	width: 170px;
	height: 32px;
	margin: 0 0 10px;
}
/* ----------------------
 * form
 *---------------------- */



/* ----------------------
 * button
 *---------------------- */
.inp_btn, .inp_btn_free {
	width: 340px;
	height: auto;
	margin: 0;
}
.inp_btn2 {
	width: 500px;
	height: auto;
	margin:  0 0 0 -5px;
}
.inp_btn_box {
	margin: 20px 100px -1px;
	height: 170px;
}
.inp_btn_box img{
	cursor: pointer;
}
.inp_form_bg .inp_btn_box {
	margin: 0 auto;
	text-align: center;
}
.inp_btn_box2 {
	width: 700px;
	margin: 10px auto -1px auto;
	text-align: center;
}
.inp_btn_box3 {
	margin: 10px auto -1px auto;
	text-align: center;
}
.res_rec_bg .inp_btn_box3 {
	margin: 0;
	padding: 40px 0 0;
	text-align: center;
}
.inp_btn_box4 {
	margin: 20px 100px;
	text-align: center;
}
.res_rec_bg .inp_btn_box4 {
	margin: 20px 100px 0;
	text-align: center;
}
#second_form {
	margin-bottom: 30px;
}
img.inp_top_btn_free,img.inp_top_btn{
	width: 510px;
	height: auto;
}
.inp_top_btn_free{
	float: left;
	margin-bottom:20px;
}
.inp_top_btn{
	float: right;
}
img.inp_top_btn_free,img.inp_top_btn{
	float: none;
}

.inp_btn_box2{
	clear:both;
}
.inp_btn_box5{
	margin:20px auto 0;
}
.inp_top_box {
	width: 800px;
	margin: 0 auto;
}
.inp_form_bg .btn_box{
	width: 700px;
	margin: 0 auto 20px;
	height: 150px;
}
.inp_form_bg .btn_box div:nth-of-type(1){
	float: left;
}
.inp_form_bg .btn_box div:nth-of-type(2){
	float: right;
}
.top_pack_btn {
	margin: 0 auto;
	display: block;
}
.pack_small {
	display:block;
	margin: 10px 20px;
	text-align: left;
}

.pack_bg .btn_box,.inp_top_bg .btn_box{
	width: 700px;
	margin: 0 auto 20px;
	height: 150px;
}
.pack_bg .btn_box div:nth-of-type(1),
.inp_top_bg .btn_box div:nth-of-type(1){
	float: left;
}
.pack_bg .btn_box div:nth-of-type(2),
.inp_top_bg .btn_box div:nth-of-type(2){
	float: right;
}
.pack_bg .inp_btn_box,
.inp_top_bg .inp_btn_box{
	margin: 0 auto;
    text-align: center;
}
/* ----------------------
 * button
 *---------------------- */
/* ----------------------
 * osusume
 *---------------------- */
 .osusume_bg {
	width: 840px;
	margin: 0 0 -1px;
}
.osusume_box1 {
width:800px;
margin: 0 0 15px 30px;
}
.osusume_box2 {
width:380px;
margin-right: 20px;
text-align:left;
float: left;
}
.osusume_bg > div{
	background-color: #884a49;
	box-sizing: border-box;
	padding: 20px 0;
    border-radius: 10px;
    margin: 20px 0;
}

.osusume_box2 a:link{color: #ff3; text-decoration: underline;}
.osusume_box2 a:visited{color: #ff3; text-decoration: underline;}
.osusume_box2 a:hover{color: #fff; text-decoration: none;}
.osusume_box2 a:active{color: #fff; text-decoration: underline;}
.osusume_box2 a div {
display: table-cell;
vertical-align: middle;
}
.osusume_banner {
width: 36px;
height: 36px;
border: none;
}
.osusume_title {
font-size: 10pt;
padding-left: 7px;
font-weight:bold;
text-decoration: underline;
}
.osusume_hikiku {
font-size:10pt;
color:#fff;
font-weight:normal;
line-height:normal;
margin-top: 5px;
}
.osusume_top{
width: 840px;
height: 150px;
background: url(../images/common/osusume_top.jpg) no-repeat;
margin: 0 auto;
}
/* ----------------------
* osusume
*---------------------- */
/*---------------------------
 * clearfix
 *---------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/*---------------------------
 * clearfix
 *---------------------------*/

input[type="radio"] {
	-webkit-transform: scale(2.0);
	transform: scale(2.0);
	-moz-transform: scale(1.0) translateY(4px);
	display: block;
	float: left;
	margin: 0 16px 0 0;
}

br {letter-spacing: 0;}

p, li, h3 {
    background: url(../images/common/spacer.gif);
}
.use_sp {
	display: none ;
}
.type_fblp .top_bg2 {
    background: none;
}
.type_fblp .btn_box.fblp {
    width: 990px;
    height: 10px;
    margin: 0 0 0 -80px;
    text-align: center;
    padding-top: 19px;
    background: url(../images/top/btnbox_bg.jpg) no-repeat;
    background-position: 5px top;
    padding-bottom: 20px;
}
.uranaelulp_stxt {
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    font-size: 80%;
    color: #ae9c9c;
    margin: 0 0 0 0;
}
.type_fblp .top_balloon{
    background: url(../images/top/top_balloon_img1.jpg) no-repeat;
	background-position: left center;
    width: 840px;
    height: 350px;
    background-repeat: no-repeat;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex
;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 170px;
    position: relative;
}
.type_fblp .res_info_box_nobd.text2 {
    width: 630px;
    margin-left: 40px;
    display: block;
    color: #4d2322;
    letter-spacing: -0.05rem;
    font-size: 140%;
    padding: 20px;
    text-align: left;
    box-sizing: border-box;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGP明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 10px;
}
.type_fblp .res_info_box_nobd.text2 strong{
	display: inline;
    text-align: center;
    color: #c9143d;
    font-size: 150%;
    line-height: 130%;
}
.type_fblp .inp_balloon_img{min-height: 380px;}
.type_fblp .inp_balloon_btn{margin-bottom: 20px;}


.type_fblp .fblp_img{margin: 10px auto; width: 840px; height: auto;}



