@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);

/****************************************************** 
 * common
 ******************************************************/
* {
	margin: 0px;
	padding: 0;
}

html, body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.6em;
}
html{overflow-y:scroll;}

a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #999999;
}
a:active {
}
img {
	border:none
}
li{
	 list-style:none;
}

#containder{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	overflow: hidden;
}
.wrapper{
	padding: 5px;
	margin-bottom: 10px;
}
.center{
	text-align:center;
	clear: left;
}

.b {
	font-weight:bold !important;
}
.le {
	text-align:left !important;
}
.ri {
	text-align:right !important;
}
.cen {
	text-align:center !important;
}
.ri img, .cen img {
	display:inline;
	vertical-align:top;
}
.inline img, img.inline {
	display:inline;
	vertical-align:middle !important;
}
.f9 {
	font-size:78% !important;
}
.f10 {
	font-size:84% !important;
}
.f11 {
	font-size:92% !important;
}
.f12 {
	font-size:100% !important;
}
.f13 {
	font-size:109% !important;
}
.f14 {
	font-size:117% !important;
}
.f15 {
	font-size:125% !important;
}
.f16 {
	font-size:134% !important;
}
.f17 {
	font-size:142% !important;
}
.f18 {
	font-size:150% !important;
}
.f19 {
	font-size:159% !important;
}
.f20 {
	font-size:167% !important;
}
.f21 {
	font-size:175% !important;
}
.f22 {
	font-size:184% !important;
}
.f23 {
	font-size:192% !important;
}
.f24 {
	font-size:200% !important;
}
.m00 {
	margin-bottom:0 !important;
}
.m05 {
	margin-bottom:5px !important;
}
.m10 {
	margin-bottom:10px !important;
}
.m15 {
	margin-bottom:15px !important;
}
.m20 {
	margin-bottom:20px !important;
}
.m25 {
	margin-bottom:25px !important;
}
.m30 {
	margin-bottom:30px !important;
}
.m35 {
	margin-bottom:35px !important;
}
.m40 {
	margin-bottom:40px !important;
}
.m45 {
	margin-bottom:45px !important;
}
.m50 {
	margin-bottom:50px !important;
}
.m55 {
	margin-bottom:55px !important;
}
.m60 {
	margin-bottom:60px !important;
}
.m65 {
	margin-bottom:65px !important;
}

.co1 {
	color:#f00;
}

/****************************************************** 
 * header
 ******************************************************/
#top{
	height: 12px;
	background-color: #c7b6d8;
}
#top #top_spacer{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #774b9f;
	height: 12px;
}
 
#header{
	height: 70px;
	background-image: url(../images/base/header_back_bg2.gif);
	background-repeat: repeat-x;
}
#header #hd_wrap{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	height: 70px;
	/* overflow: hidden; */
}
#header #hd_wrap #hd_logo{
	float: left;
	width: 270px;
	padding-top: 7px;
}
#header #hd_wrap #hd_tel{
	float: right;
	padding: 0 5px;
	width: auto;
	font-size:12px;
	text-align:center;
}
#header #hd_wrap #hd_lang{
	position: relative;
	float: right;
	width: 106px;
	line-height: 1em;
	text-align: center;
	padding-top: 24px;
	z-index: 9999;
}

*::-ms-backdrop, #hd_lang {
	display: none;
}


#header #hd_wrap #hd_lang p {
  margin: 0;
  line-height: 1;
  vertical-align: bottom; }
  #header #hd_wrap #hd_lang p img {
    vertical-align: bottom; }

#header #hd_wrap #hd_lang p:hover {
  cursor: pointer; }

#header #hd_wrap #hd_lang ul {
	position: absolute;
	top: 51px;
	left: 0;
  display: none;
  margin: 0;
	width: 106px;
  background: rgba(255, 255, 255, 0.9); }
  #header #hd_wrap #hd_lang ul li {
    border-bottom: 1px solid #ddd; }
    #header #hd_wrap #hd_lang ul li a {
      display: block;
      padding: 5px 10px;
      font-size: 1em;
      text-decoration: none;
      color: #3d301f; }
      #header #hd_wrap #hd_lang ul li a:hover {
        background: rgba(225, 221, 207, 0.74); }


/****************************************************** 
 * navigation
 ******************************************************/
#navigation{
	background-image: url(../images/base/navigation_bg.gif);
	background-repeat: repeat-x;
	height: 40px;
	overflow:hidden;
}

#navigation #nv_left_line{
	border-left: 1px solid #2E175C;
}


#navigation ul{
	width: 979px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
}
#navigation ul li{
	list-style: none;
	float: left;
	width: 162px;
	height: 36px;
	line-height: 34px;
	border-right: 1px solid #2E175C;
	text-align: center;
}
#navigation ul li a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}
#navigation ul li a:hover{
	background-image: url(../images/base/navigation_bg_over.gif);
	background-repeat: repeat-x;
}

/****************************************************** 
 * footer
 ******************************************************/
#page_top{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	height: 33px;
	text-align: right;
}
 
#footer{
	background-color: #774b9f;
	text-align: center;
	color: #FFFFFF;
	line-height: 38px;
	height: 38px;
	font-size: 90%;
}
#footer a{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}
#footer a:hover{
	text-decoration:underline;
}

#copyright{
	font-size: 85%;
	text-align: center;
	padding: 10px;
}

/****************************************************** 
 * Slider
 ******************************************************/
 #slider_wrap{
	 background:#c7b6d8;
 }

.topSlide {
	width: 980px;
	height: 379px;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.topSlide .list {width:100%; height:260px; position:relative; z-index:1;}
.topSlide .list li {width:100%; text-align:center; position:relative; float:left;}
.topSlide .list li a {display:block;}
.topSlide .btn li {width:25px; position:absolute; top:170px; z-index:10;}
.topSlide .btn li.prev {left:0;}
.topSlide .btn li.next {right:0;}

/****************************************************** 
 * HOME
 ******************************************************/
#home_left{
	width: 690px;
	float: left;
	padding-top:5px;
}
#home_right{
	width: 289px;
	float: right;
}

/* Twitter */
#Twitter{
}

/* facebook */
.facebook{
	width: 510px;
	background-color: 395591;
	background-image: url(../images/home/fb.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 220px;
	padding-left: 175px;
	padding-top: 10px;
	margin-right: 10px;
}

/* what's new */
#hm_whats_new{
	border: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 1em;
	padding: 0px;
	margin-bottom: 20px;
}
#hm_whats_new #hnew_title{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-image: url(../images/base/pl_bg_h33.gif);
	background-repeat: repeat-x;
	height: 33px;
	line-height: 33px;
	margin-right: 1px;
	margin-left: 1px;
	padding-left:3px;
}

#hm_whats_new #hnew_log{
	line-height: 1.6em;
	padding: 10px;
	font-size:90%;
}
#hm_whats_new #hnew_log li{
	float:none;
}

#hm_whats_new #hnew_log .log_title{
	background-image: url(../images/home/li_icon.gif);
	background-repeat: no-repeat;
	background-position: 0, center;
	padding-left:15px;
}
#hm_whats_new #hnew_log .log_str{
	padding-left:15px;
}

/* left */
#home_left li{
	float:left;
}

/* banner links */
#hm_icons{
	overflow:hidden;
	text-align:center;
}
#hm_icons ul li{
	width: 223px;
	height: 100px;
}
#hm_icons ul li p{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	line-height: 1.2em;
	text-align: left;
	font-size: 90%;
}

#hm_icons1{
	overflow:hidden;
	text-align:center;
}
#hm_icons1 ul li{
	width: 223px;
}
#hm_icons1 ul li p{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
	line-height: 1.2em;
	text-align: left;
	font-size: 90%;
}


#hm_links{
	overflow:hidden;
}
#hm_links ul li{
	width: 170px;
}

/****************************************************** 
 * Pages
 ******************************************************/
#pankuzu{
	font-size: 90%;
	padding-top: 5px;
	padding-bottom: 10px;
}
 
#page_left{
	width: 730px;
	float: left;
}
#page_right{
	width: 233px;
	float: right;
}
.page_side p{
	width: 213px;
	margin-left: auto;
	margin-right: auto;
	font-size:90%;
}
.page_side .pg_undar{
	padding-bottom:10px;
}
.subnavi{
	border: 1px solid #DDDDDD;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:0px;
}
.subnavi h3{
	background-image: url(../images/base/pl_bg_h33.gif);
	background-repeat: repeat-x;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;
	font-size: 100%;
	padding-left: 10px;
	margin-right: 1px;
	margin-left: 1px;
}
.subnavi ul{
	margin:5px;
}
#single_top{
	background: #c7b6d8;
	text-align: center;
	height: 186px;
}

.p_title{
	padding: 1px;
	border: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 15px;
}
.p_title h1{
	font-size: 115%;
	line-height: 33px;
	height: 33px;
	background-image: url(../images/base/pl_bg_h33.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding-left: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.h2_wrap{
	padding: 1px;
	border: 1px solid #dddddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 15px;
}
.h2_wrap h2{
	font-size: 100%;
	line-height: 25px;
	height: 25px;
	background-image: url(../images/base/h2_bg_h25.gif);
	background-repeat: repeat-x;
	color: #FFFFFF;
	padding-left: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

/****************************************************** 
 * lavender
 ******************************************************/
.lvd_menu p{
	font-size:100%;
	font-weight:bold;
	text-align:left;
}
.lvd_menu img{
	padding-right:10px;
}

.lvd_table table{
	width: 100%;
	font-size: 85%;
	border-collapse: collapse;
	border: 1px solid #616161;
}
.lvd_table thead th{
	border-collapse: collapse;
	border: 1px solid #616161;
	font-weight: normal;
	background-color: #f5e6ea;
	padding:3px;
	white-space:nowrap;
}
.lvd_table tbody th{
	border-collapse: collapse;
	border: 1px solid #616161;
	font-weight:normal;
	text-align:left;
	background-color: #f5e6ea;
	padding:3px;
	white-space:nowrap;
}
.lvd_table tbody td{
	border-collapse: collapse;
	border: 1px solid #616161;
	padding:3px;
	white-space:nowrap;
	text-align:center;
}

/****************************************************** 
 * rosen
 ******************************************************/
.rsn_table{
	overflow:hidden;
}
 
.rsn_table table{
	font-size: 85%;
	border-collapse: collapse;
	border: 1px solid #616161;
	float:left;
}
.rsn_table th{
	border-collapse: collapse;
	border: 1px solid #616161;
	font-weight:normal;
	background-color: #f5e6ea;
	padding:3px;
	white-space:nowrap;
}
.rsn_table td{
	border-collapse: collapse;
	border: 1px solid #616161;
	padding:3px;
	white-space:nowrap;
	text-align:center;
	width:65px;
}
.rsn_menu{
	padding:0px;
}
.rsn_menu img{
	margin-right:20px;
}
.unkyu{
	float: left;
	padding-left: 10px;
	width: 100px;
	font-size: 85%;
	padding-top: 100px;
}
.unkyu img{
	vertical-align:middle;
}

/****************************************************** 
 * company
 ******************************************************/
 .cmp_table table{
	font-size: 85%;
	border-collapse: collapse;
	border: 1px solid #616161;
}
.cmp_table th{
	border-collapse: collapse;
	border: 1px solid #616161;
	font-weight:normal;
	background-color: #f2eff7;
	padding:3px;
}
.cmp_table td{
	border-collapse: collapse;
	border: 1px solid #616161;
	padding-top: 3px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 3px;
	white-space: nowrap;
}

.hoshin ol{
	margin-left:30px;
}
.hoshin ol li{
	list-style-type: decimal;
	padding-bottom: 3px;
}

/****************************************************** 
 * kashikiri
 ******************************************************/
.kashikiri{
	overflow:hidden;
}
.kashikiri .ksk_bus{
	width:49%;
	text-align:center;
	float:left;
}
.ksk h2{
	font-size: 90%;
	background-image: url(../images/kashikiri/h2_bg_h27.gif);
	background-repeat: repeat-x;
	height: 27px;
	line-height: 27px;
	padding-left: 10px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	font-weight: normal;
}
.ksk .ksk_h2_bus{
	font-size:120%;
	font-weight:bold;
}
.ksk_wrap{
	overflow: hidden;
	padding: 10px;
}
.ksk_wrap .ksk_left{
	float:left;
	width:240px;
}
.ksk_wrap .ksk_right{
	float: left;
	width: 460px;
}
/****************************************************** 
 * tour-center
 ******************************************************/
.tcn{
	overflow:hidden;
}
.tcn img{
	float:left;
}

.tcn table{
	font-size: 85%;
	border-collapse: collapse;
	border: 1px solid #616161;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	width:300px;
}
.tcn th{
	font-weight:normal;
	background-color: #cccccc;
	padding:3px;
}
.tcn td{
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	font-weight: bold;
}

/****************************************************** 
 * torikumi
 ******************************************************/
.trk h2{
	margin-bottom:10px;
	font-size:100%;
	font-weight:bold;
}
.trk img{
	vertical-align:middle;
}

.trk h3{
	font-size:100%;
	padding-top:15px;
}

/****************************************************** 
 * contact
 ******************************************************/
.fred_1{
	color: #FF0004;
	font-weight: bold;
	font-size: 130%;
}
.fred_2{
	color: #FF0004;
	font-weight: bold;
}
#yew_wrap{
	background-color: #fffdd2;
	width: 90%;
	margin-top: 10px;
	margin-left: 20px;
	padding: 10px;
}

/****************************************************** 
 * sitemap
 ******************************************************/
#sitemap{
}
#sitemap a{
	display:block;
	background:#E5E5E5;
	padding:3px;
	text-decoration:none;
	margin-bottom:3px;
}
#sitemap a:hover{
	background-color: #EDEDED;
}
#spmap_topp{
	margin-bottom: 20px;
	text-align:center;
	width:120px;
}
.spmap{
	margin-bottom: 20px;
	overflow:hidden;
}
.spmap .spm_left{
	float:left;
	width:200px;
	padding:3px;
	background:#E5E5E5;
}
.spmap .spm_right{
	float: right;
	width: 490px;
}
/****************************************************** 
 * denen
 ******************************************************/
#denen{
	width: 704px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}
.den{
	position:relative;
}
#den1{
	height:200px;
}
#den2{
	height:200px;
}
#den3{
	height:200px;
}
#den4{
	height:340px;
}
#den5{
	height:300px;
}
#den6{
}
#denen .den img{
	position:absolute;
	z-index:10;
}
#den_str1{
	position: absolute;
	z-index: 20;
	width: 540px;
	left: 18px;
	top: 158px;
	font-size: 16px;
	font-weight: bold;
	color: #764118;
	text-align: center;
}
#den_str2{
	position: absolute;
	z-index: 20;
	width: 100%;
	height: 320px;
	top: 10px;
	font-size:11px;
}

#den_str2 p{
	padding-bottom:2px;
}

.d_font_1{
	font-size:21px;
	font-weight:bold;
}
.d_font_2{
	font-size:13px;
	font-weight:bold;
}
.d_font_3{
	font-size:14px;
	font-weight:bold;
	text-align:right;
}
.d_font_4{
	text-align:right;
	font-weight:bold;
}
#charge_wrap{
	height:65px;
	line-height:65px;
	font-weight:bold;
	font-size:14px;
}
#charge_wrap .d_font_chg{
	font-size:28px;
}


.table4 {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
.table4 th, .table4 td {
	text-align:left;
	vertical-align:middle;
	padding:5px 5px;
	border:solid 1px #ccc;
}
.table4 th {
	padding:5px 10px;
	background:#eee;
}

/****************************************************** 
 * cose button
 ******************************************************/

.button {
	position: relative;
	background-color: #BBBBFF;
	border-radius: 4px;
	color: #fff;
	line-height: 45px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #9900FF;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width: 100%;
	text-align: left;
	margin-bottom: 5px;
}
.button:hover {
	background-color: #CCCCFF;
	box-shadow: 0 3px 0 #9999FF;
}
.button:active {
  top: 3px;
  box-shadow: none;
}

.button03{
	display:block;
	width: 200px;
	height:30px;
	line-height: 30px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background-color: #BBBBFF; /*ボタン色*/
	border-bottom: solid 6px #9900FF; /*下線色*/
	border-radius: 5px; /*角丸*/
	float: left;
}
.button03:hover{
     background-color: #CCCCFF;/*ボタン色*/
     border-bottom: solid 6px #9900FF; /*下線色*/
}
.button03:active {
     margin-top: 6px;
     border-bottom: none;
     -webkit-transform: translateY(6px);　/*下移動*/
     transform: translateY(6px);
}


.btn-ora {
	position: relative;
	background-color: #FF6600;
	border-radius: 4px;
	color: #fff;
	line-height: 45px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #999;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width: 66%;
	text-align: left;
	margin-bottom: 5px;
}

.btn-ora:hover {
	background-color: #FFCC00;
	box-shadow: 0 3px 0 #999;
}
.btn-ora:active {
  top: 3px;
  box-shadow: none;
}
.btn-pin {
	position: relative;
	background-color: #FF66FF;
	border-radius: 4px;
	color: #fff;
	line-height: 45px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #999;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width: 66%;
	text-align: left;
	margin-bottom: 5px;
}

.btn-pin:hover {
	background-color: #FFCCFF;
	box-shadow: 0 3px 0 #999;
}
.btn-pin:active {
  top: 3px;
  box-shadow: none;
}
.btn-per {
	position: relative;
	background-color: #990099;
	border-radius: 4px;
	color: #fff;
	line-height: 45px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #999;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width: 66%;
	text-align: left;
	margin-bottom: 5px;
}

.btn-per:hover {
	background-color: #9999CC;
	box-shadow: 0 3px 0 #999;
}
.btn-per:active {
  top: 3px;
  box-shadow: none;
}
.btn-yel {
	position: relative;
	background-color: #FFCC00;
	border-radius: 4px;
	color: #fff;
	line-height: 45px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #999;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	width: 66%;
	text-align: left;
	margin-bottom: 5px;
}

.btn-yel:hover {
	background-color: #F1EEB1;
	box-shadow: 0 3px 0 #999;
}
.btn-yel:active {
  top: 3px;
  box-shadow: none;
}
a.btn {
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}


/****************************************************** 
 * text banner
 ******************************************************/

a.bnrTel {width:190px; font-family:Open Sans,Meiryo,MS PGothic,Osaka,arial,helvetica,sans-serif; font-size:24px; font-weight:bold; line-height:26px; text-align:center; text-decoration:none; color:#fff; text-shadow:rgba(0,0,0,0.3) 1px 1px 2px, rgba(0,0,0,0.3) -1px 1px 2px, rgba(0,0,0,0.3) 1px -1px 2px, rgba(0,0,0,0.3) -1px -1px 2px; margin:0 auto; padding:5px 0; background-color:#a40b5b; border:solid 1px rgba(0,0,0,0.7); border-radius:6px; box-sizing:border-box; display:block; position:relative;}
a.bnrTel:before {content:''; width:100%; height:100%; border:solid 1px #fff; border-radius:5px; box-sizing:border-box; display:block; position:absolute; top:0; left:0;}

.bnr01 {text-decoration:none; color:#000; margin:0 0 15px 0; display:block;}
.bnr01:hover {opacity:0.7;}
.bnr01 .head {padding:15px 0; display:block; position:relative;}
.bnr01 .head:before,
.bnr01 .head:after {content:''; width:50%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; display:block; position:absolute; top:0; z-index:1;}
.bnr01 .head:before {background-image:url(../images/parts/bnr_02_img1.jpg); left:0;}
.bnr01 .head:after {background-image:url(../images/parts/bnr_02_img2.jpg); right:0;}

/*.bnr01 .head:before {background-image:url(../images/parts/bnr_02_img1.jpg); left:0;}
.bnr01 .head:after {background-image:url(../images/parts/bnr_02_img2.jpg); right:0;}*/

.bnr01 .head > span {text-align:center; text-shadow:rgba(0,0,0,0.1) 1px 1px 5px, rgba(0,0,0,0.1) -1px 1px 5px, rgba(0,0,0,0.1) 1px -1px 5px, rgba(0,0,0,0.1) -1px -1px 5px; background-color:rgba(84,173,235,0.5); display:block; position:relative; z-index:5;}
.bnr01 .head > span.ttl {font-size:34px; font-weight:bold; line-height:1.2; color:#fff; padding:0 0 10px 0;}
.bnr01 .head > span.ttl.en {font-size:24px; font-weight:normal; padding:10px 0 5px 0;}
.bnr01 .head > span.price {font-size:16px; font-weight:bold; line-height:1.2; color:#fff;}
.bnr01 .head > span.price.en {padding:0 0 10px 0;}
.bnr01 .ctx {padding:10px 0; display:block;}
.bnr01 .ctx > span {font-size:12px; line-height:1.4; text-align:center; display:block;}
.bnr01 .img {width:100%; height:100px; display:table; table-layout:fixed; border-spacing:0;}
.bnr01 .img > span {background-repeat:no-repeat; background-position:center center; background-size:cover; display:table-cell;}
.bnr01 .img > span:nth-of-type(1) {background-image:url(../images/parts/bnr_02_img3.jpg);}
.bnr01 .img > span:nth-of-type(2) {background-image:url(../images/parts/bnr_02_img4.jpg);}
.bnr01 .img > span:nth-of-type(3) {background-image:url(../images/parts/bnr_02_img5.jpg);}
.bnr01 .img > span:nth-of-type(4) {background-image:url(../images/parts/bnr_02_img6.jpg);}
.bnr01 .img > span:nth-of-type(5) {background-image:url(../images/parts/bnr_02_img7.jpg);}

.bnr02 {width:214px; height:50px; font-size:18px; font-weight:normal; line-height:1; text-decoration:none; color:#fff; margin:0 0 5px 0; border-radius:4px; display:flex; position:relative;}
.bnr02:hover {opacity:0.7;}
.bnr02:before,
.bnr02:after {content:''; width:100%; height:100%; box-sizing:border-box; display:block; position:absolute; top:0; left:0;}
.bnr02:before {border:solid 2px #fff; border-radius:4px; z-index:1;}
.bnr02:after {border:solid 1px #999; border-radius:3px; z-index:5;}
.bnr02.type1 {background:#38accb; background:-moz-linear-gradient(top, #38accb 50%, #007984 100%); background:-webkit-gradient(left top, left bottom, color-stop(50%, #38accb), color-stop(100%, #007984)); background:-webkit-linear-gradient(top, #38accb 50%, #007984 100%); background:-ms-linear-gradient(top, #38accb 50%, #007984 100%); background:linear-gradient(to bottom, #38accb 50%, #007984 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#38accb', endColorstr='#007984', GradientType=0);}
.bnr02.type2 {background:#59b879; background:-moz-linear-gradient(top, #59b879 50%, #008c43 100%); background:-webkit-gradient(left top, left bottom, color-stop(50%, #59b879), color-stop(100%, #008c43)); background:-webkit-linear-gradient(top, #59b879 50%, #008c43 100%); background:-ms-linear-gradient(top, #59b879 50%, #008c43 100%); background:linear-gradient(to bottom, #59b879 50%, #008c43 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59b879', endColorstr='#008c43', GradientType=0);}
.bnr02.type3 {background:#d560a2; background:-moz-linear-gradient(top, #d560a2 50%, #a30082 100%); background:-webkit-gradient(left top, left bottom, color-stop(50%, #d560a2), color-stop(100%, #a30082)); background:-webkit-linear-gradient(top, #d560a2 50%, #a30082 100%); background:-ms-linear-gradient(top, #d560a2 50%, #a30082 100%); background:linear-gradient(to bottom, #d560a2 50%, #a30082 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d560a2', endColorstr='#a30082', GradientType=0);}
.bnr02.type4 {background:#f29540; background:-moz-linear-gradient(top, #f29540 50%, #d76110 100%); background:-webkit-gradient(left top, left bottom, color-stop(50%, #f29540), color-stop(100%, #d76110)); background:-webkit-linear-gradient(top, #f29540 50%, #d76110 100%); background:-ms-linear-gradient(top, #f29540 50%, #d76110 100%); background:linear-gradient(to bottom, #f29540 50%, #d76110 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f29540', endColorstr='#d76110', GradientType=0);}
.bnr02.type5 {background:#7c6fb1; background:-moz-linear-gradient(top, #7c6fb1 50%, #433692 100%); background:-webkit-gradient(left top, left bottom, color-stop(50%, #7c6fb1), color-stop(100%, #433692)); background:-webkit-linear-gradient(top, #7c6fb1 50%, #433692 100%); background:-ms-linear-gradient(top, #7c6fb1 50%, #433692 100%); background:linear-gradient(to bottom, #7c6fb1 50%, #433692 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7c6fb1', endColorstr='#433692', GradientType=0);}
.bnr02.type6 {background:#8583cc;}
.bnr02.type6 > span {text-align:center; padding:0;}
.bnr02.type6 > span:before {display:none;}
.bnr02.type7 {background:#cc9887;}
.bnr02.type7 > span {text-align:center; padding:0;}
.bnr02.type7 > span:before {display:none;}
.bnr02.type8 {background:#718d78;}
.bnr02.type8 > span {text-align:center; padding:0;}
.bnr02.type8 > span:before {display:none;}
.bnr02 > span {text-align:left; color:#fff; padding:0 0 0 80px; box-sizing:border-box; flex:1; align-self:center; position:relative;}
.bnr02 > span:before {content:''; width:48px; height:48px; margin:-24px 0 0 0; background:url(../images/parts/icon_01.png) no-repeat center center; background-size:cover; display:block; position:absolute; top:50%; left:25px;}
.page_side .bnr02 {width:100%;}

.bnr03 {text-decoration:none; color:#fff; margin:0 0 10px 0; padding:10px 0 5px 0; background:url(../images/parts/bnr_01_bg.jpg) no-repeat center center; background-size:cover; border-radius:6px; display:block; position:relative;}
.bnr03:hover {opacity:0.7;}
.bnr03:before,
.bnr03:after {content:''; width:100%; height:100%; box-sizing:border-box; display:block; position:absolute; top:0; left:0;}
.bnr03:before {border:solid 2px #fff; border-radius:4px; z-index:1;}
.bnr03:after {border:solid 1px #999; border-radius:3px; z-index:5;}
.bnr03 > span {line-height:1.2; text-align:center; color:#fff; display:block;}
.bnr03 > span.txt1 {font-size:16px; font-weight:bold; margin:0 0 5px 0; opacity:0.8;}
.bnr03 > span.txt2 {font-size:26px; font-weight:bold; text-shadow:rgba(0,0,0,0.3) 1px 1px 2px, rgba(0,0,0,0.3) -1px 1px 2px, rgba(0,0,0,0.3) 1px -1px 2px, rgba(0,0,0,0.3) -1px -1px 2px; margin:0 0 5px 0;}
.bnr03 > span.txt2 .sub {font-size:18px;}
.bnr03 > span.txt3 {width:4em; font-size:14px; color:#1d2088; margin:0 15px; padding:1px 0; background-color:#fff; border:solid 1px #1d2088; border-radius:2px; box-sizing:border-box;}
.bnr03 > span.txt4 {font-size:14px; margin:150px 0 0 0;}

a.bnr04 {width:220px; font-size:18px; font-weight:normal; line-height:1; text-align:center; text-decoration:none; color:#fff; margin:0 0 10px 0; padding:5px 0; background-color:#431679; border-radius:2px; display:inline-block;}
.bnr04:hover {opacity:0.7;}
.bnr04 .en {font-size:76%; margin:5px 0 0 0; display:block;}

a.bnr05 {width:170px; font-size:18px; font-weight:normal; line-height:1; text-align:center; text-decoration:none; color:#fff; margin:0 0 10px 0; padding:12px 0; background-color:#431679; border-radius:2px; display:inline-block;}
.bnr05:hover {opacity:0.7;}
.bnr05.type1 {font-size:16px; padding:5px 0;}
.bnr05 .en {font-size:76%; margin:3px 0 0 0; display:block;}


/****************************************************** 
 * othre text
 ******************************************************/
a.bnrTel {pointer-events:none; cursor:default;}
body.mobile a.bnrTel {pointer-events:auto; cursor:pointer;}

#MicrosoftTranslatorWidget,
#MicrosoftTranslatorWidget #WidgetLauncher {width:100%; margin:5px 0 0 0; display:block;}
#MicrosoftTranslatorWidget #LauncherTranslatePhrase {color:#fff; text-decoration:none; background-color: #774b9f !important; border:none;}
#MicrosoftTranslatorWidget #LauncherTranslatePhrase:hover {color:#fff; text-decoration:none; background-color: #774b9f !important; border:none; opacity:0.7;}
#MicrosoftTranslatorWidget #LauncherTranslatePhrase #TranslateSpan {display:block;}

.topSlide .list > li {position:relative;}
.topSlide .list > li .txt {font-size:34px; font-weight:bold; line-height:1; color:#fff; text-shadow:rgba(0,0,0,0.7) 1px 1px 10px, rgba(0,0,0,0.7) -1px 1px 10px, rgba(0,0,0,0.7) 1px -1px 10px, rgba(0,0,0,0.7) -1px -1px 10px; position:absolute; top:44%; left:50px;}

#single_top {position:relative;}
#single_top .txt {width:980px; font-size:34px; font-weight:bold; line-height:1; text-align:left; color:#fff; text-shadow:rgba(0,0,0,0.3) 1px 1px 10px, rgba(0,0,0,0.3) -1px 1px 10px, rgba(0,0,0,0.3) 1px -1px 10px, rgba(0,0,0,0.3) -1px -1px 10px; margin:0 0 0 -490px; padding:0 0 0 25px; box-sizing:border-box; position:absolute; top:40%; left:50%;}

.block01 {position:relative;}
.block01 .txt {position:absolute; top:0; left:48%;}
.block01 .txt dt {font-size:34px; font-weight:bold; line-height:1.2; color:#704795;}
.block01 .txt dd {font-size:18px; font-weight:bold; line-height:1.2; color:#000; margin:0 0 0 5px;}

.block02 {position:relative;}
.block02 .txt {font-size:12px; line-height:1.4; position:absolute; bottom:20px; left:10px;}
