@charset "UTF-8";

@-ms-viewport {width: device-weidth;}

*{				
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}

a img {
				border: none;
				vertical-align: bottom;
				}				
				
body {
				font-family: ' メイリオ ',' hiragino kaku Gothic Pro ', sans-serif;
				padding: 0;
				margin: 0;
				background-color: #000000;
				}



/* ヘッダー */
.header {
				margin: 0;
				height: 100px;
				text-align: center;
				background-color: #000000;
				}
				
.header img {
				margin: 8px 0 0 0;
				}


/* 広告切り替え */
.swiper-container {
				padding: 0 0 2px 0;
				width: 100%;
				height: 100%;
				}
				
.swiper-container img {
				width: 100%;
				vertical-align: bottom;
				}

.swiper-slide {
				background: #222222;

				/* 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;
				}


/* インフォ */
.info a {
				text-decoration: none;
				}


/* 更新情報 */
.news {
				height: 204px;
				background-color: #333333;
				}
				
.news h1 {
				font-family: 'Belleza', sans-serif;
				font-weight: 400;
				margin: 0px;
				padding: 4px;
				font-size: 16px;
				line-height: 16px;
				color: #deba00;
				border-bottom: solid 1px #dddddd
				}
				
/* アップデータリンク */
.updata {
				margin: 0 0 1px 0;
				height: 40px;
				background-color: #c19c00;
				}

.updata img {
				padding: 5px
				}
								
.updata:hover {
				opacity: 0.5
				}
				
.updata table.style {
				font-size: 12px; 
				color: #ffffff;
				text-decoration: none;
				}


				

/* 製品リンク */
.product {
				text-align: center;
				font-size: 0;
				}
				
.product_header {
				padding: 0;
				margin: 2px 0 1px 0;
				height: 30px;
				text-align: center;
				background-color: #777777;
				font-family: 'Belleza', sans-serif;
				font-weight: 400;	
				font-size:16px;
				line-height: 30px;
				color: #ffffff;
				}

.product_title {

				vertical-align: top;
				display: inline-block;
				margin-right: 1px;
				margin-bottom: 1px;
				width: 238px;		
				height: 238px;
				line-height: 238px;
				background-color: #deba00;
				text-align: center;
				}
				
.product_title p {
				font-family: 'Belleza', sans-serif;
				font-weight: 400;
				margin: 0;			
				font-size:18px;
				color: #000000;
				}
				
.seihin {
				vertical-align: top;
				display: inline-block;
				margin-right: 1px;
				margin-bottom: 1px;
				width: 238px;
				height: 238px;
				line-height: 25px;
				background-color: #333333;
				text-align: center;
				}
				
.seihin:hover {
				opacity: 0.5
				}				
				
.seihin p {
				margin: 0;
				padding-top: 13px;
				}				
				
.seihin a {
				font-size: 10px;
				color: #ffffff;
				text-decoration: none;
				}
				
.seihin1 {
				/*vertical-align: top;*/
				display: inline-block;
				margin-right: 1px;
				margin-bottom: 1px;
				width: 238px;
				height: 238px;
				line-height: 25px;
				background-color: #333333;
				text-align: center;
				}
				
.seihin1:hover {
				opacity: 0.5
				}				
				
.seihin1 p {
				margin: 0;
				padding-top: 13px;
				}				
				
.seihin1 a {
				font-size: 10px;
				color: #ffffff;
				line-height: 13px;
				text-decoration: none;
				}						
				

/* フッター */
.footer {
				height: 60px;
				background-color: #333333;
				text-align: center;
				}

.footer img {
				margin-top: 10px;
				}
					
.footer p {
				margin: 4px 0 0 0;
				font-size: 10px;
				color: #ffffff;
				}


/* 480px以下の設定 */
@media (max-width:480px){

body {
				min-width: 480px
				}

}							


/* 870px以下の設定 */
@media (max-width: 870px) {

.news {
				margin-bottom: 2px;
				}
				
.info {
				margin-bottom: 2px;
				}

}
				
/* 870px以上の設定 */
@media (min-width: 870px) {

.boxA:after {
				content: "";
				display: block;
				clear: both
				}
				
.news {
				float: left;
				width: 60%;
				}
				
.info {
				float: left;
				width:40%;
				}

.updata {
				margin: 0 0 1px 2px;
				}

.boxA {
				margin-bottom: 1px
				}	
}