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

/*html5hack*/

body{
margin-top:-12px;
_margin-top:0;
}
div#hd_area div#hd_block form input.search_box {
height:18px;
}
#cboxLoadedContent{
_width:1000px;
_height:620px;
}
.img-non{
	display:none;
}
#cboxClose{ top:0; right:10px; background-position:-80px -25px; width:60px}

/*html5hack-end*/


.clear{
	display:block;
	font-size:0% !important;
	margin:0px !important;
	padding:0px !important;
	clear:both !important;
	line-height:0% !important;
	height:0px !important;
	width:0px !important;
	float:none;
}

h1.siding{
	background: url(../images/siding/sttl_siding.jpg) no-repeat 0 0;
	width: 770px;
	height: 46px;
}

a:focus {
	outline:none;
}



#siding_wrapper{
	width:770px;
	height: 450px;
	margin-bottom: 0px;
	position:relative;
	overflow:hidden;
	indent-text: -9999;
}


.content {
	width:770px;
	float: left;
	background-color:#FFF;
}

.content #slide1 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}
.content #slide2 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}
.content #slide3 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}
.content #slide4 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}
.content #slide5 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}
.content #slide6 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}

.content #slide7 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}
.content #slide8 {
	width:770px;
	height: 389px;
	float: left;
	position: relative;
	display:block;
}

.content .slide_btn {
	position: absolute;
	z-index: 999;
	text-align: right;
    letter-spacing: -.40em;
    width:180px;
}
.content .slide_btn li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	letter-spacing: 0; word-spacing: 0;
	width: 90px;
	height: 20px;
	overflow: hidden;
	text-align: left;
    letter-spacing: normal;
}
.content .slide_btn li a{
	display: block;
	width: 90px;
	height: 20px;
	background-color: #fff;
}
.content .slide_btn li.btn_ipa2,
.content .slide_btn li.btn_kan2 {
	width: 180px;
}
.content .slide_btn li.btn_ipa2 a,
.content .slide_btn li.btn_kan2 a {
	width: 180px;
}
.content .slide_btn li.btn_ipa3,
.content .slide_btn li.btn_kan3 {
	height: 30px;
}
.content .slide_btn li.btn_ipa3 a,
.content .slide_btn li.btn_kan3 a {
	height: 30px;
}
.content .slide_back {
	position: absolute;
	z-index: 1;
}
.content .slide_back a{
	display: block;
	width: 100%;
	height: 100%;
}

.content .slide_gra a:hover img,
.content .slide_btn a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.8;
	opacity:0.8;
}


/*.content #slide1 .slide_btn01 {
	top:354px;
	left: 572px;
}
.content #slide1 .slide_back01 {
	top:40px;
	left:0;
	width:770px;
	height: 340px;
}


.content #slide2 .slide_btn01 {
	top:182px;
	left: 187px;
}
.content #slide2 .slide_btn02 {
	top:182px;
	left: 572px;
}
.content #slide2 .slide_btn03 {
	top:353px;
	left: 187px;
}
.content #slide2 .slide_btn04 {
	top:354px;
	left: 572px;
}
.content #slide2 .slide_back01 {
	top:40px;
	left:0;
	width:385px;
	height: 175px;
}
.content #slide2 .slide_back02 {
	top:40px;
	right:0;
	width:385px;
	height: 175px;
}
.content #slide2 .slide_back03 {
	top:215px;
	left:0;
	width:385px;
	height: 175px;
}
.content #slide2 .slide_back04 {
	top:215px;
	right:0;
	width:385px;
	height: 175px;
}


.content #slide3 .slide_btn01 {
	top:316px;
	left: 358px;
	width: 361px;
}
.content #slide3 .slide_back01 {
	top:40px;
	left:0;
	width:770px;
	height: 340px;
}
.content #slide3 .slide_btn01 .btn_sinsui {
	margin-right: 5px;
	width:175px;
	height: 30px;
}


.content #slide4 .slide_btn01 {
	top:353px;
	left: 187px;
}
.content #slide4 .slide_btn02 {
	top:354px;
	left: 572px;
}
.content #slide4 .slide_back01 {
	top:40px;
	left:0;
	width:385px;
	height: 340px;
}
.content #slide4 .slide_back02 {
	top:40px;
	right:0;
	width:385px;
	height: 340px;
}

.content #slide5 .slide_btn01 {
	top:354px;
	left: 572px;
}
.content #slide5 .slide_back01 {
	top:40px;
	left:0;
	width:770px;
	height: 340px;
}*/

/*
.content #slide9 .slide_btn01 {
	top:353px;
	left: 224px;
}
.content #slide9 .slide_btn02 {
	top:353px;
	right: 16px;
}
.content #slide9 .slide_back01 {
	top:55px;
	left:0;
	width:385px;
	height: 333px;
}
.content #slide9 .slide_back02 {
	top:55px;
	right:0;
	width:385px;
	height: 333px;
}



.content #slide10 .slide_btn01 {
	top:353px;
	left: 90px;
}
.content #slide10 .slide_btn02 {
	top:353px;
	left: 344px;
}
.content #slide10 .slide_btn03 {
	top:353px;
	left: 600px;
}
.content #slide10 .slide_back01 {
	top:55px;
	left:0;
	width:256px;
	height: 333px;
}
.content #slide10 .slide_back02 {
	top:55px;
	left:254px;
	width:256px;
	height: 333px;
}

.content #slide10 .slide_back03 {
	top:55px;
	right:0;
	width:256px;
	height: 333px;
}*/

.content #slide1 .btn_kireijapan {
	position: absolute;
	top:312px;
	left: 493px;
}
.content #slide1 .btn_kireijapan:hover {
	opacity: 0.8
}

.content #slide2 .slide_btn01 {
	top:356px;
	left: 574px;
}

.content #slide2 .slide_pop {
	position: absolute;
	top:282px;
	left: 10px;
	z-index: 9999;
	background: url(../images/pop/btn-pop-bk.png) no-repeat 0 0;
}
.content #slide2 .slide_pop a {
	display: block;
}
.content #slide2 .slide_pop a:hover {
	opacity: 0.8
}

.content #slide3 .slide_btn01 {
	top:356px;
	left: 574px;
}

.content #slide4 .slide_btn01 {
	top:356px;
	left: 574px;
}

.content #slide5 .slide_btn01 {
	top:356px;
	left: 574px;
}

.content #slide6 .slide_btn01 {
	top:356px;
	left: 574px;
}








.contentholder {
	width: 770px;
	height:430px;
	/*overflow: hidden;*/
}
.contentslider {
	position: absolute;
	top: 0; left: 0;
	z-index: 0;
}

.contentnav {
	position: absolute;
	top: 395px;
	left:260px;
	width: 261px;
	height: 30px;
	background: url(../images/siding/no_active_btn.gif) top left no-repeat;
	text-indent: -9999px;
	z-index: 5;
	margin-bottom: 50px;
}

.contentnav a{
	float: left;
	width: 21px;
	height: 25px;
	margin-right: 8px;
	display: block;
	text-decoration: none;
	z-index: 100;
}

.contentnav a.active{
	display: block;
	background: url(../images/siding/active_btn.gif) top left no-repeat;
}





#info_wrap{
	width: 770px;
}

.win.ie6 #info_wrap{margin-top: 10px;}

#info_wrap_left{
	width: 344px;
	height: 394px;
	float: left;
	background: url(../images/siding/news_bg.jpg) no-repeat 0 0;
}

#info_wrap_right{
	width: 420px;
	float: right
}
#info_wrap_left a:hover img,
#info_wrap_right a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.8;
	opacity:0.8;
}


#news{
	width: 324px;
	margin: 45px auto 0;
	padding: 0 0px 0px 0px;
	text-align: left;
	/*
	overflow:auto;
	overflow-y:scroll;
	*/
	height: 339px;
}

#news dl{
	width: 280px;
	margin: 0 auto;
	border-top:dotted 1px #dfdede;
	padding-top:6px;
	margin-left:20px;
}
:root #news dl{
	width: 290px;
	margin: 0 auto;
	border-top:dotted 1px #dfdede;
	padding-top:10px;
}

#news dd{
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;
	color: #313131;
}

#news dd span.m_space{
	padding-left: 7px;
}

#news dd.tag_hikari_shinsui{
	background: url(../images/siding/tag_hikari_shinsui.jpg) no-repeat 105px 1px;
}

#news dd.tag_hikari_p{
	background: url(../images/siding/tag_hikari_p.jpg) no-repeat 105px 1px;
}

#news dd.tag_hikari{
	background: url(../images/siding/tag_hikari.jpg) no-repeat 105px 1px;
}

#news dd.tag_shinsui{
	background: url(../images/siding/tag_shinsui.jpg) no-repeat 105px 1px;
}

#news dd.tag_sinsuipower{
	background: url(../images/siding/tag_sinsuipower.jpg) no-repeat 105px 1px;
}

#news dd.tag_sinsuicort{
	background: url(../images/siding/tag_sinsuicort.jpg) no-repeat 105px 1px;
}

#news dd.tag_sinsui_p{
	background: url(../images/siding/tag_sinsui_p.jpg) no-repeat 105px 1px;
}

#news dd.tag_sera{
	background: url(../images/siding/tag_sera.jpg) no-repeat 105px 1px;
}

#news dd.tag_power{
	background: url(../images/siding/tag_power.jpg) no-repeat 105px 1px;
}

#news dd.tag_buzai{
	background: url(../images/siding/tag_buzai.jpg) no-repeat 105px 1px;
}

#news dd.tag_haru {
	background: url(../images/siding/tag_haru.jpg) no-repeat 105px 1px;
}

#news dd span.btnIppan a{ border: none;}
#news dd span.btnKanrei a{ border: none;}


#news dl dt{
	line-height: 1.3em;
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 8px;
	color: #626262;
	/*
	padding-left: 15px;
	background: url(../images/siding/news_pointer.jpg) no-repeat 0 2px;
	*/
}

#news dl dt span.size{
	font-size: 80%;
}


#news dt a:link, a:visited{
	text-decoration: none;
	color: #535353;
}

#news dt a:hover{
	color: #ff6600;
	text-decoration: underline;
}

.btn_wrap{
	width: 420px;
	height: 53px;
	line-height:100%;
}

.btn_right_l{
	width: 207px;
	float: left;
	line-height:100%;
}

.btn_right_r{
	width: 207px;
	float: right;
	line-height:100%;
}

.area_select{
	margin:0 14px 0 0;
}

#series{
	width: 420px;
	height: 196px;
	margin-top: 3px;
	background: url(../images/siding/series_bg.jpg) no-repeat 0 0px;
	overflow: hidden;
}


#siding_box{
	width: 400px;
	margin: 0 auto;
	padding: 40px 0px 0px 0px;

}

.win.ie #colorbest_box{ padding: 7px 0px 0px 0px;}

#siding_box dl{
	width: 390px;
	margin: 0 auto;
	padding-left: 30px;
	position: relative;
}

#siding_box dd{
	font-size: 10px;
	height: 34px;
	line-height: 1.2em;
	color: #313131;
}

#siding_box dd a#btn_hikari{
	position: absolute;
	top: 15px;
	left: 15px;
	height:34px;
	display:block;
	padding-left: 85px;
	background: url(../images/siding/btn_hikari.jpg) no-repeat top left;
}

.win.ie #siding_box dd a#btn_hikari{ left: 27px;}

#siding_box dd a#btn_hikari span{
	position: absolute;
        top: 50%;
    margin-top: -1.7em;
}

#siding_box dd a#btn_hikari:hover{
	background-repeat:no-repeat;
	background-position:0 -34px;
}

#siding_box dd a#btn_shinsuico{
	position: absolute;
	top: 13px;
	left: 212px;
	height:34px;
	display:block;
	padding-left: 85px;
	background: url(../images/siding/btn_shinsuico.jpg) no-repeat top left;
}

.win.ie #siding_box dd a#btn_shinsuico{ left: 225px;}

#siding_box dd a#btn_shinsuico span{
	position: absolute;
    top: 50%;
    margin-top: -1.7em;
}

#siding_box dd a#btn_shinsuico:hover{
	background-repeat:no-repeat;
	background-position:0 -34px;
}


#siding_box dd a#btn_sinsuico2{
	position: absolute;
	top: 60px;
	left: 15px;
	height:34px;
	display:block;
	padding-left: 85px;
	background: url(../images/siding/btn_shinsuico2.jpg) no-repeat top left;
}

.win.ie #siding_box dd a#btn_sinsuico2{ left: 27px;}

#siding_box dd a#btn_sinsuico2 span{
	position: absolute;
        top: 50%;
    margin-top: -1.7em;
}

#siding_box dd a#btn_sinsuico2:hover{
	background-repeat:no-repeat;
	background-position:0 -34px;
}

#siding_box dd a#btn_disney{
	position: absolute;
	top: 60px;
	left: 212px;
	height:34px;
	display:block;
	padding-left: 85px;
	background: url(../images/siding/btn_disney.jpg) no-repeat top left;
}

.win.ie #siding_box dd a#btn_disney{ left: 225px;}

#siding_box dd a#btn_disney span{
	position: absolute;
        top: 50%;
        margin-top: -1.2em;
}

#siding_box dd a#btn_disney:hover{
	background-repeat:no-repeat;
	background-position:0 -34px;
}


#siding_box dd a#btn_haru{
	position: absolute;
	top: 108px;
	left: 15px;
	height:34px;
	display:block;
	padding-left: 85px;
	background: url(../images/siding/btn_haru.jpg) no-repeat top left;
}

.win.ie #siding_box dd a#btn_haru{ left: 27px;}

#siding_box dd a#btn_haru span{
	position: absolute;
        top: 50%;
        margin-top: -1.2em;
}

#siding_box dd a#btn_haru:hover{
	background-repeat:no-repeat;
	background-position:0 -34px;
}



#siding_box dd a:link, 
#siding_box dd a:visited{
	text-decoration: none;
	color: #333;
}

#siding_box dd a:hover{
	color: #333333!important;
	text-decoration: underline;
}

#siding_box dd a{ width:240px;}
:root #siding_box dd a{ width:120px;}

.bn_wrap{
	padding-top:3px;
}

.bn_right_l{
	float: left;
	padding:5px 0 0;
	width: 207px;
	height: 38px;
}
.bn_right_r{
	float: right;
	padding:5px 0 0;
	width: 207px;
	height: 38px;
}
.bn_right_l + .bn_right_l {
	float: right;
}

/* 201902追加 */

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}

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


.linkopa a:hover img{
	opacity: 0.8;

}

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

ul.listbot2 li {
	border: #2c6890 1px solid;
	text-align: center;
	padding: 15px;
	margin:0 20px 20px 0;
	width: calc((100% - 20px)/2);
	float: left;
	box-sizing: border-box;
}
ul.listbot2 li:nth-child(2n) {
	margin: 0;
}
ul.listbot2.col03 li {
	width: calc((100% - 40px)/3);
}
ul.listbot2.col03 li:nth-child(2n){
	margin:0 20px 20px 0;
}
ul.listbot2.col03 li:nth-child(3n){
	margin: 0;
}
ul.listbot2 li.ippan {
	border: #64bbba 1px solid;
	background-color: #64bbba;
}
ul.listbot2 li.kanrei {
	border: #6f93cc 1px solid;
	background-color: #6f93cc;
}
ul.listbot2 li.gray {
	border: none;
	background-color: #ededed;
}


ul.listbot2 li a{
	font-size: 17px;
	color: #2c6890;
}
ul.listbot2 li.ippan a,
ul.listbot2 li.kanrei a{
	color: #fff!important;
}
ul.listbot2 li a:hover{
	opacity: 0.8;
}

ul.img_bot {
	display: block;

	
}
ul.img_bot p span{
	font-size: 20px;
	margin-right: 20px;

	
}
ul.img_bot li {
	position: relative;
	float: left;
	margin: 0 10px 40px 0;
}
ul.img_bot li:nth-child(2n) {
	margin: 0 0 0 0;
	
}
ul.img_bot li img{
	margin-bottom: 5px;
}
ul.img_bot li p{
	line-height: 1.8em;
}
ul.img_bot li p.date{
	position: absolute;
	right: 0;
	top: 150px;
	color: #FF0000;
}
ul.img_bot li a,
ul.img_bot li a:visited,
ul.img_bot li a:hover{
	color: #333333;
}

ul.img_bot5 li {
	margin:0 10px 10px 0;
	float: left;
}
ul.img_bot5 li:nth-child(4n) {
	margin:0;
}
ul.img_bot5 li a img{
	display: block;
	width: 100%;
	height: 100%;
}

ul.listlinebot2 li {
	border: #2c6890 1px solid;
	text-align: center;
	padding: 15px;
	margin:0 20px 0 0;
	width: 343px;
	float: left;
}
ul.listlinebot2 li:nth-child(2n) {
	margin:0 0 0 0;
}

ul.listlinebot2 li a{
	font-size: 18px;
	font-weight: bold;
	color: #2c6890;
}
ul.listlinebot2 li a:hover{
	opacity: 0.8;

}

hr.nomal {
	border: none;
	border-top: #CCC 1px solid;
	margin: 50px 0;
}

#sub_content h2.newpro {
	clear: both;
	font-size: 28px;
	font-weight: normal;
	color: #999;
	margin-bottom: 20px;
}

#cboxNext,#cboxPrevious {
	top: 50%!important;
}