@charset "UTF-8";

/*===================================================================
	index.html
===================================================================*/
/* ------ mainSection ------ */
.mainSection {
	width:100%;
	margin:0 auto;
}
.mainSection .mainvisual_guide {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.mainSection .mainvisual_guide #slide_guide {
	position:relative;
	left:0;
	top:0;
	z-index:980;

	width:9999px;
	
	-webkit-backface-visibility: hidden;
	
	-webkit-transform: translate3d(0px, 0px, 0px);
	
	   -moz-transform: translate3d(0px, 0px, 0px);
	   
	    -ms-transform: translate3d(0px, 0px, 0px);
		
	     -o-transform: translate3d(0px, 0px, 0px);
		 
	        transform: translate3d(0px, 0px, 0px);
}
.mainSection .mainvisual_guide #slide_guide li{
	float: left;
	height:100%;
}
.mainSection .mainvisual_guide #slide_guide li img {
	width:100%;
}
.mainSection .mainvisual_guide #pagination_guide {
	margin-top:15px;
	text-align:center;
}
.mainSection .mainvisual_guide #pagination_guide li {
	display:inline;
    padding: 0 5px;
}
.mainSection .mainvisual_guide #pagination_guide li img {
	z-index:970;
}


/* ------ lineupSection ------ */
.lineupSection {
	margin:20px auto 0;
}
.lineupSection .headMod02 {
	background:url(/s/images/bg_lineup.gif) no-repeat center bottom;
	background-size:contain; 
	border:none;
}
.lineupSection .product_guide {
	position:relative;
	z-index:500;
	width:100%;
	overflow:hidden;
}
.lineupSection .product_guide #slide_guide2 {
	position:relative;
	left:0;
	top:0;

	z-index:980;

	width:9999px;
}
.lineupSection .product_guide #slide_guide2 ul {
	margin: 0 7px;
	float: left;
}

/*.lineupSection .product_guide #slide_guide2 li.watch {
	float:left;
	width:66%;
	padding:10px 0 0;
	font-size:80%;
	text-align:right;
}

.lineupSection .product_guide #slide_guide2 li.watch span {
	padding-left:3em;
} */

.lineupSection .product_guide #slide_guide2 li {
	float:left;
	width:33%;
	padding:10px 0 0;
	font-size:80%;
	text-align:center;
}



.lineupSection .product_guide #slide_guide2 li.col1 {
	clear:both;
}
.lineupSection .product_guide #slide_guide2 li img {
	width:100%;
	margin-bottom:10px;
}

/* .lineupSection .product_guide #slide_guide2 li.watch img {
	width:200%;
	margin-bottom:10px;
} */


.lineupSection #pagination_guide2 {

	margin-top:10px;
	text-align:center;

}

.lineupSection #pagination_guide2 li {

	display:inline;
    padding: 0 5px;
}

.lineupSection #pagination_guide2 li img {

	z-index:970;
}

/* ------ emergencySection(NG) ------

.emergencySection{
	margin:20px auto 0;
	padding:10px;
	background:url(/s/common/images/bg_dline_02.gif) repeat-x left top;
}
.emergencySection dl {
	position:relative;
}
.emergencySection dl dt {
	float:left;
	padding-right:10px;
	height:1.5em;
	line-height:1.5em;
}
.emergencySection dl dt span {
	position:absolute;
	top:-0.35em;
	right:0;
	padding:2px 10px;
	background:#ff0c00;
	color:#fff;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
}
.emergencySection dl dd {
	height:1.5em;
	line-height:1.5em;
	overflow:hidden;
} */

/* ------ emergencyinfo ------ */

/* 青バージョン 
.emergencyinfo {
padding:10px;margin:30px auto;border:2px solid #005ab4;
}*/

/* 赤バージョン 
.emergencyinfo_red {
padding:10px;margin:30px auto;border:2px solid #cc0000;
}*/


/* ------ newsSection ------ */
.newsSection {
}
.newsSection .newsTitle {
	background:#fafafa;
	border-top:#e2e2e2 1px solid;
	border-bottom:#e2e2e2 1px solid;
}
.newsSection .newsTitle h2 {
	border:none;
}
.newsSection .newsTitle p {
	padding:15px 10px 0;
	text-align:right;
}
.newsSection h3 {
	margin:0 10px;
	padding:10px 0;
	background:url(/s/common/images/bg_dline_02.gif) repeat-x left bottom;
}
.newsSection h3.headMod02 {
	margin:0;
	padding:0;
	background:none;
}
.newsSection h3.headMod02 a {
	display:block;
	padding:10px;
	background:#fafafa url(/s/common/images/ico_arrow_02.png) no-repeat 95% 50%;
	color:#333;
}
.newsSection h3.headMod02 a:hover {
	text-decoration:none;
}
.newsSection dl {
	margin:0 10px;
}
.newsSection dl dt {
	padding-top:10px;
}
.newsSection dl dd {
	padding-bottom:10px;
	background:url(/s/common/images/bg_dline_02.gif) repeat-x left bottom;
}
.newsSection dl dd.last {
	background:none;
}


/* ------ companySection ------ */
.companySection h2.headMod02 {
	margin:0;
	padding:0;
	background:none;
}
.companySection h2.headMod02 a {
	display:block;
	padding:10px;
	background:#fafafa url(/s/common/images/ico_arrow_01.png) no-repeat 95% 50%;
	color:#333;
}
.companySection h2.headMod02 a:hover {
	text-decoration:none;
}
.companySection h2.headMod02 a span {
	padding-right:20px;
	background:#fafafa url(/s/common/images/ico_pc_02.gif) no-repeat 100% 50%;
}

/* ------ bannerSection ------ */

.bannerSection {
	padding:15px 0;
}
.bannerSection ul {
	text-align:center;
}
.bannerSection ul li {
	display:inline;
	padding:0 5px;
}
.bannerSection ul li img {
	width:25%;
}


/* ------ importantinfo ------ */

div.importantinfo { /* 外枠 */
	width:95%;
	margin:60px auto 30px;
	font-size:90%;
	border:2px solid #005ab4; /*青バージョン */
	position: relative;
}
div.importantinfo_spe { /* 外枠 */
	width:95%;
	margin:60px auto 30px;
	font-size:90%;
	border:2px solid #333; /*黒バージョン */
	 /*border:2px solid #FF0000; 赤バージョン */
	position: relative;
}

h2.imp { /* 「重要なおしらせ」見出し */
	width:100%;
	height: 46px;
	background:#005ab4; /* 青バージョン */
	overflow:hidden;
		color:#fff;
		text-align:center;
		line-height:46px;
		position: absolute;
		top: -48px;
		left:-2px;
		border:2px solid #005ab4; /* 青バージョン */
}

div.importantinfo dl.emergencyinfo,{/* 複数行の時の下線 */
	border-bottom:1px #333 dotted;
}

div.importantinfo dl.emergencyinfo:last-child {/* 最後の行は下線を非表示 */
	border-bottom:none;
}

div.importantinfo dt,
div.importantinfo_spe dt{
	padding-left:10px;
	padding-top:10px;
}

div.importantinfo dl.emergencyinfo dt,
div.importantinfo_spe dl.emergencyinfo dt{
	font-size:120%;
	font-weight:bold;
	padding-bottom:0.5em;
}

div.importantinfo dl.emergencyinfo dd,
div.importantinfo_spe dl.emergencyinfo dd{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

div.importantinfo_spe dl.emergencyinfo dd{
	font-size:120%;
}