@charset "utf-8";

/*---------------------------------------------------------
  Kumamotodentetsu CSS : kashikiri > index
----------------------------------------------------------*/

/* main
----------------------------------------------------------*/
#main .picTarget .slides {
	text-align: center;
	height: 250px;
}
#main .movie {
	width: 100%;
}
#main .movie video {
	width: 100%;
}
#main .movie2 {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#main .movie2 iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* main : lineup
----------------------------------------------------------*/
#main .lineup {
	padding: 5px 0px 15px;
}

#main .lineup .premium {
	color: #FFF;
	background: #0E0000 url(../images/index/premium_bg.jpg) no-repeat 0px 0px;
	margin: 10px 8px 10px 5px;
	padding: 30px;
	position: relative;
}
#main .lineup .premium h3 {
	font-size: 35px;
	font-weight: bold;
	line-height: 45px;
}
#main .lineup .premium .text1 {
	font-weight: bold;
	font-size: 18px;
	padding-top: 10px;
}
#main .lineup .premium .pic {
	text-align: center;
	padding-top: 30px;
}
#main .lineup .premium .text2 {
	position: absolute;
	bottom: 90px;
	right: 30px;
	text-align: right;
}
#main .lineup .premium .link {
	position: absolute;
	bottom: 30px;
	right: 30px;
}
#main .lineup .premium .link a {
	background: url(../images/index/premium_arrow.png) no-repeat 95% center;
	color: #FFF;
	text-align: center;
	display: block;
	width: 170px;
	border: 2px solid #FFF;
	padding: 10px;
	border-radius: 5px 5px 5px 5px;
}

#main .lineup li {
	width: 208px;
	float: left;
	padding: 10px 0px 0px 5px;
}
#main .lineup li a {
	border: 2px solid #E7E7E7;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}
#main .lineup li h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #FF6C05;
	padding: 14px 8px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	min-height: 22px;
	text-align: center;
}
#main .lineup li h3 span {
	font-size: 10px;
}
#main .lineup li .cat {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	width: 45px;
	position: absolute;
	left: 8px;
	top: 60px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-align: center;
}
#main .lineup li .color1 {
	background: #114A9D;
}
#main .lineup li .color2 {
	background: #1867DE;
}
#main .lineup li .color3 {
	background: #4F8DEC;
}
#main .lineup li .pic {
	text-align: center;
	padding: 10px 0px;
}
#main .lineup li .pic span {
	font-size: 12px;
	color: #666;
}
#main .lineup li a:hover {
	text-decoration: none;
}
#main .lineup li a:hover h3 {
	background: #F95;
}
#main .lineup li.sobi .pic img {
	padding: 34px 0px;
}

/*#main .lineup2 {
	padding: 5px 0px 15px;
}
#main .lineup li {
	width: 208px;
	float: left;
	padding: 10px 0px 0px 5px;
}
#main .lineup2 li a {
	border: 2px solid #E7E7E7;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}
#main .lineup2 li h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #FF6C05;
	padding: 14px 8px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	min-height: 22px;
	text-align: center;
}
#main .lineup2 li h3 span {
	font-size: 10px;
}
#main .lineup2 li .cat {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	width: 45px;
	position: absolute;
	left: 8px;
	top: 60px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-align: center;
}
#main .lineup2 li .color1 {
	background: #114A9D;
}
#main .lineup2 li .color2 {
	background: #1867DE;
}
#main .lineup2 li .color3 {
	background: #4F8DEC;
}
#main .lineup2 li .pic {
	text-align: center;
	padding: 10px 0px;
}
#main .lineup2 li .pic span {
	font-size: 12px;
	color: #666;
}
#main .lineup2 li a:hover {
	text-decoration: none;
}
#main .lineup2 li a:hover h3 {
	background: #F95;
}
#main .lineup2 li.sobi .pic img {
	padding: 34px 0px;
}*/

#main .lineup2 {
	padding: 5px 0px 15px;
}
#main .lineup2 .item {
	width: 208px;
	float: left;
	padding: 25px 0px 0px 5px;
	position: relative;
}
#main .lineup2 .item a {

	
}
#main .lineup2 .item h3 {
	font-size: 15px;
	font-weight: bold;
	color: #222;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	min-height: 22px;
	text-align: center;
	padding-top: 10px;
}
#main .lineup2 .item h3 span {
	font-size: 10px;
}
#main .lineup2 .item .info {
	text-align: center;
	line-height: 26px;
	padding-top: 10px;
}
#main .lineup2 .item .cat {
	position: absolute;
	left: 0px;
	top: 20px;
}
#main .lineup2 .item .cat li {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 4px 10px;
	width: 55px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-align: center;
	display: inline;
}
#main .lineup2 .item .color1 {
	background: #114A9D;
}
#main .lineup2 .item .color2 {
	background: #1867DE;
}
#main .lineup2 .item .color3 {
	background: #4F8DEC;
	font-size: 11px !important;
}
#main .lineup2 .item .colorPremium {
	background: #1C0100;
	color: #BEA215 !important;
}
#main .lineup2 .item .pic {
	text-align: center;
	padding: 10px 0px;
}
#main .lineup2 .item .pic span {
	font-size: 12px;
	color: #666;
}
#main .lineup2 .item a:hover {
	text-decoration: none;
}
#main .lineup2 .item a:hover h3 {

}
#main .lineup2 .item .btn {
	text-align: center;
}
#main .lineup2 .item .btn a {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #FF6C05;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	padding: 10px;
	width: 110px;
	display: block;
	margin: 10px auto 0px;
}
#main .lineup2 .item .btn a:hover {
	background: #FF8937;
}
#main .lineup2 .item .sobi .pic img {
	padding: 34px 0px;
}


/* main : safety
----------------------------------------------------------*/
#main .safety {
	border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#main .safety .inner {
	padding: 15px 18px 15px 320px;
	background: url(../images/common/safety_logo.jpg) no-repeat 30px 30px;
}
#main .safety .inner .copy {
	font-size: 20px;
	font-weight: bold;
	color: #BF001F;
	line-height: 30px;
	padding: 20px 0px;
}
#main .safety .inner .copy strong {
	font-size: 24px;
	color: #FF9900;
}

/* main : unchin
----------------------------------------------------------*/
#main .unchin {
	border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#main .unchin .inner {
	padding: 15px 18px;
}
#main .unchin .inner dt {
	font-weight: bold;
	padding-top: 15px;
}
#main .unchin .inner dd {
	margin-left: 30px;
	padding-top: 10px;
}
#main .unchin .inner dd li {
	list-style: decimal;

}

/* main : topics
----------------------------------------------------------*/
#main .topics {
	border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#main .topics dl {
	padding: 6px 18px 12px;
}
#main .topics dt {
	background: url(../images/index/topics_line.gif) repeat-x 0px 0px;
	width: 7.5em;
	float: left;
	padding-top: 8px;
}
#main .topics dd {
	background: url(../images/index/topics_line.gif) repeat-x 0px 0px;
	margin-left: 7.5em;
	padding: 8px 0px;
}
#main .topics dt.top,
#main .topics dd.top {
	background: url(none);
}

/*---------------------------------------------------------
  width: 736px
----------------------------------------------------------*/
@media screen and (max-width: 736px){

/* main
----------------------------------------------------------*/
#main .picTarget .slides {
	text-align: center;
	height: auto;
}
#main .slideTarget img {
	width: 100%;
	height: auto;
}

/* main : lineup
----------------------------------------------------------*/
#main .lineup {
	padding: 5px 0px 15px;
}

#main .lineup .premium {
	color: #FFF;
	background: #0E0000 url(../images/index/premium_bg.jpg) no-repeat right 0px;
	margin: 10px 0px 10px 0px;
	padding: 30px;
	position: relative;
}
#main .lineup .premium h3 {
	font-size: 25px;
	font-weight: bold;
	line-height: 35px;
}
#main .lineup .premium .text1 {
	font-weight: bold;
	font-size: 14px;
	padding-top: 10px;
}
#main .lineup .premium .pic {
	text-align: center;
	padding: 30px 0px 20px;
}
#main .lineup .premium .pic img {
	width: 90%;
	height: auto;
}
#main .lineup .premium .text2 {
	position: static;
	text-align: center;
}
#main .lineup .premium .link {
	position: static;
	text-align: center;
}
#main .lineup .premium .link a {
	background: url(../images/index/premium_arrow.png) no-repeat 95% center;
	color: #FFF;
	text-align: center;
	display: block;
	width: 170px;
	border: 2px solid #FFF;
	padding: 10px;
	border-radius: 5px 5px 5px 5px;
	margin: 15px auto 0px;
}


#main .lineup li {
	width: 50%;
	float: left;
	padding: 10px 0px 0px 5px;
}
#main .lineup li a {
	border: 2px solid #E7E7E7;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}
#main .lineup li h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: #FF6C05;
	padding: 10px 8px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
	min-height: 21px;
	text-align: center;
	height: 60px;
}
#main .lineup li h3 span {
	font-size: 10px;
}
#main .lineup li .cat {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 2px;
	width: 55px;
	position: absolute;
	left: 8px;
	top: 70px;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-align: center;
}
#main .lineup li .color1 {
	background: #114A9D;
}
#main .lineup li .color2 {
	background: #1867DE;
}
#main .lineup li .color3 {
	background: #4F8DEC;
}
#main .lineup li .pic {
	text-align: center;
	padding: 10px 0px 10px;
}
#main .lineup li .pic img {
	width: 100%;
	height: auto;
}
#main .lineup li .pic span {
	font-size: 12px;
	color: #666;
}
#main .lineup li a:hover {
	text-decoration: none;
}
#main .lineup li a:hover h3 {
	background: #F95;
}
#main .lineup li.sobi .pic img {
	padding: 0px;
	margin: 20px 0px;
	width: 90%;
}

/* main : safety
----------------------------------------------------------*/
#main .safety {
	border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#main .safety .inner {
	padding: 120px 18px 15px;
	background: url(../images/common/safety_logo.jpg) no-repeat center 25px;
	background-size: 120px 100px;
}
#main .safety .inner .copy {
	font-size: 16px;
	font-weight: bold;
	color: #BF001F;
	line-height: 24px;
	padding: 20px 0px;
}
#main .safety .inner .copy strong {
	font-size: 20px;
	color: #FF9900;
}

/* main : topics
----------------------------------------------------------*/
#main .topics {
	border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	border-left: 1px solid #D5D5D5;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#main .topics dl {
	padding: 6px 18px 12px;
}
#main .topics dt {
	background: url(../images/index/topics_line.gif) repeat-x 0px 0px;
	width: 100%;
	float: none;
	padding-top: 8px;
}
#main .topics dd {
	background: url(none);
	margin-left: 0em;
	padding: 0px 0px 8px;
}
#main .topics dt.top,
#main .topics dd.top {
	background: url(none);
}

}