﻿@chareset "Shift_JIS";

/*========== トップページ用 layout CSS==========*/


/*#top_flash{
	text-align:center;
	height:240px;
	width:580px;
	z-index:0;
	position:absolute;
	overflow:hidden;
	opacity:0.8;
	filter:alpha(Opacity='95');
}

object{
	z-index:1;
}

ul{
	list-style:none;
}

.nb{
	border:0 !important;
}*/

/*swiper*/
<!-- Swiper -->
#swiper{
	width:580px;
	height:240px;
	padding:0 0 5px;
}
.swiper-wrapper{
	padding-top:0.5em;
	position:relative;
	left:-7px;
	top:5px;
}

.swiper-container{
	width: 100%;
	height: 100%;
	padding:0 15px 30px 5px;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiper-button-prev,.swiper-button-next{
	color:#333;
	opacity:0.3;
	background-image:none;
	width:1em;
	font-size:2.5em;
}

article #swiper .fas{
	font-family:'Font Awesome 5 Free';
	font-size:50px !important;
	width:50px;
}




/*========== header menu ==========*/
#header_menu{
	background:#003399;
	z-index:1000;
}

#header ul{
	width:800px;
	margin:0 auto;
}

#header ul li{
	float:left;
	list-style:none;
	margin:0;
	height:40px;
}

#header_menu ul li a{
	display:block;
	text-decoration:none;
}

/*top page for header-menu*/
#header_menu li#poptl{
	width:149px;
	height:40px;
	background:url(../img/header_menu/poptl1_ro.gif) no-repeat left top;
}

#header_menu li#setting{
	width:279px;
	height:40px;
	background:url(../img/header_menu/setting1_ro.gif) no-repeat left top;
}

#header_menu li#parts{
	width:156px;
	height:40px;
	background:url(../img/header_menu/parts1_ro.gif) no-repeat left top;
}

/*yahoo search*/

#search{
	margin:1em 0;
	float:left;
	width:180px;
}
#search *{
	margin:0;
}
#search p{
	font-size:0.8em;
	font-weight:bold;
}

p.margin{
	margin-left:3em;
}

/*========== menu ==========*/
#memu{
	padding-top:1em !important;
}

#menu .banner{
	float:left;
	width:175px;
	clear:left;
	margin:1.5em auto;
	padding-left:10px;
	background:url(../img/banner_ro.gif) no-repeat 10px top;
}

#menu .banner a{
	text-decoration:none;
	display:block;
}

.banner a:hover,.banner a:active{
	text-indent:-9999px !important;
}


/*========== contents ==========*/


/*h2(top-page)*/

h2.copy{
	margin:1em auto 0;
	text-align:center;
	border:0;
}

h2.top{
	padding:0;
	border:0;
	margin:0;
	width:250px;
	height:100px;
}
h2.top a{
	display:block;
}

div#top_banner{
	border:1px solid #ccc;
	padding:0 0.5em;
	margin:1em;
	border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
}
/*dl.top{
	width:550px;
	height:100px;
	margin:0 auto 1em;
	padding-bottom:1em;
	border-bottom:1px dotted #ccc;
	clear:both;
}
.top dt{
	width:255px;
	height:100px;
	margin:0 5px 0 0;
	float:left;	
}
.top dd{
	width:290px;
	height:100px;
	float:right;
	font-size:0.8em;
	line-height:1.5em;
	margin:0 !important;
}*/

.ttop{
	border:0;
	margin:0 0.5em;
	border-spacing:0;
	border-collapse:collapse;
}
.ttop th{
	background:#fff;
	padding:1em 0.5em 1em 0;
	border-bottom:1px dotted #ccc;
}

.ttop td{
	font-size:0.8em;
	line-height:1.5em;
	padding:1em 0;
	border-bottom:1px dotted #ccc;
	vertical-align:middle;
}

.nb{
	border:0 !important;
	margin-bottom:0 !important;
}

h2#mnobori{
	background:url(../img/tb_ro_nobori.gif) no-repeat left top;
}

h2#flag{
	background:url(../img/tb_ro_flag.gif) no-repeat left top;
}

h2#sign{
	background:url(../img/tb_ro_sign.gif) no-repeat left top;
}

h2#tape{
	background:url(../img/tb_ro_tape.gif) no-repeat left top;
}

.top a:hover,.top a:active{
	text-indent:-9999px !important;
}



/*news*/
#news{
	border:3px double #669999;
	margin:0 1.5em;
	height:5em;
	overflow:auto;
	z-index:10;
}

h2.news{
	border:0 !important;
	margin:0 0.5em;
	font-size:0.9em;
	font-weight:normal;
	position:relative;
	top:15px;
	left:20px;
	width:130px;
}

#news ul{
	margin:0.8em 0.5em 0.5em 3em;
	font-size:0.9em;
	list-style:disc;
	line-height:1.3em;
}


/* main */

p.top_info{
	margin:0;
	padding:0.5em 2em 1em;
	font-size:0.9em;
	line-height:1.5em;
	font-weight:bold;
}

p.top_info strong{
	color:#bb0000;
}
p.info2{
	margin:0.5em 45px 1em;
	line-height:1.2em;
	font-style:normal;
	color:#003399;
	font-size:0.8em;
}
