@charset "shift_jis";
/* CSS Document */


/* --------------------------------

	* Layout Style + Template Style
	* /// KOKUYO S&T Customize ///{

		* last update 2010/07/07
		* modify : nazal;
	
	}
	
	
--------------------------------

	* Contents
	
	1. Structure Frames
	
	2. Template Style
		├ 2-1. general
		└ 2-2. home
	
	
	
--------------------------------


/* ==========================================================================================================

	 1. Structure Frames
 
============================================================================================================*/
/*  ------------------------------------------------------------------

	reset

---------------------------------------------------------------------*/
.sectionH1 div#mainContent {
	background-color: #FFFFFF;
	font-size		: 15px;
	font-family		: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing	: -0.03em;
	line-height		: 1.3;
}
/* ie6 hack */
* html .sectionH1 div#mainContent {
	font-size: 92%;
}
/* ie7 hack */
*:first-child+html .sectionH1 div#mainContent {
	font-size: 92%;
}

.sectionH1 div#mainContent ul {
	list-style		: none;
}
.sectionH1 div#mainContent dt {
	display			: block;
	width			: auto;
}



/*  ------------------------------------------------------------------

	structure

---------------------------------------------------------------------*/
.sectionH1 p.launch {
	margin-bottom: 5px;
	font-family		: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	text-align: right;
}
.sectionH1 div#mainContent {
	padding-bottom: 20px;
}
.sectionH1 div#mainContent .inner {
	background: #535c9c;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
/*  商品特長
-----------------------------------*/
.sectionH1 .feature{
	position: relative;
	height: 469px;
	zoom: 1;
}
.sectionH1 .feature ul li{
	position: absolute;
	z-index: 5;
}
.sectionH1 .feature ul li.txt1{
	top: 30px;
	left: 21px;
}
.sectionH1 .feature ul li.txt2{
	top: 30px;
	left: 419px;
}
.sectionH1 .feature ul li.txt3{
	top: 335px;
	left: 21px;
}
.sectionH1 .feature ul li.txt4{
	top: 292px;
	left: 517px;
}

/*  商品ラインアップ
-----------------------------------*/
.sectionH1 .spec {
	margin: 10px 20px 0 20px;
	padding: 20px;
	color: #FFF;
}
.sectionH1 .spec.limited {
	background: #7c83b4;
	border: 1px solid #FFFA7D;
}

.sectionH1 .spec .item {
	float: left;
	width: 183px;
}
.sectionH1 .spec .sub {
	float: right;
	width: 430px;
}
.sectionH1 .spec .item li{
	float: left;
	margin-right: 20px;
	width: 80px;
	line-height: 2;
}
.sectionH1 .spec .item li.lastChild{
	margin-right: 0;
}

.sectionH1 .spec table {
	border: 1px solid #a0a6ce;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 0.7em;
	width: 100%;
	line-height: 1.2;
	letter-spacing: 0em;
	color: #fff;
}
.sectionH1 .spec table caption {
	padding-bottom: 5px;
	text-align: left;
	font-weight: bold;
	font-size: 88%;
}
.sectionH1 .spec table th,
.sectionH1 .spec table td {
	border: 1px solid #a0a6ce;
	padding: 10px 5px;
	text-align: center;
	vertical-align: middle;
}
.sectionH1 .spec table th {
	background: #364193;
}

/*  ------------------------------------------------------------------

	ショーケースへのリンク

---------------------------------------------------------------------*/
.sectionH1 ul.bnr {
}
.sectionH1 ul.bnr li {
	margin-bottom: 0.3em;
}

/*  ------------------------------------------------------------------

	汎用スタイル

---------------------------------------------------------------------*/
/*  マージン
-----------------------------------*/
.sectionH1 .mgn05 {
	margin-bottom: 5px;
}
.sectionH1 .mgn10 {
	margin-bottom: 10px;
}
.sectionH1 .mgn15 {
	margin-bottom: 15px;
}
.sectionH1 .mgn20 {
	margin-bottom: 20px;
}
.sectionH1 .mgn25 {
	margin-bottom: 25px;
}
.sectionH1 .mgn30 {
	margin-bottom: 30px;
}
.sectionH1 .mgn40 {
	margin-bottom: 40px;
}
.sectionH1 .mgn50 {
	margin-bottom: 50px;
}
.sectionH1 .mgn100 {
	margin-bottom: 100px;
}
/*  em
-----------------------------------*/
.sectionH1 .emStyle01 {
	color: #fff852;
}
.sectionH1 .emStyle02 {
	font-weight: bold;
}


/* ==========================================================================================================

	 2-5. clearfix
 
============================================================================================================*/

/*  回込解除
-----------------------------------*/
/* start clearfix */
.sectionH1 .clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html .sectionH1 .clearfix {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html .sectionH1 .clearfix {
	zoom: 1;
}
/* end clearfix */

.discontinued {
	color: #F00;
}
.close {
	color: #F00;
	text-decoration: line-through;
}