@charset "Shift_JIS";

/*--------------------------------------------------------
  共通レイアウトパーツ設定
--------------------------------------------------------*/
/* ヘッダー内パーツ */

#hpb-headerMain{
    height: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#hpb-headerMain h1{
    margin-top: 15px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right:0px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: left;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    color : #000099;
    width:780px;
}

/* シリーズ別背景色 */
#hpb-headerMain h1.c1{
    background-color : #fce5ea;
}
#hpb-headerMain h1.c2{
    background-color : #f0f9fc;
}
#hpb-headerMain h1.c3{
    background-color : #f9f5eb;
}
#hpb-headerMain h1.c4{
    background-color : #e5f6f0;
}
#hpb-headerMain h1.c5{
    background-color : #f4e9f2;
}
#hpb-headerMain h1.c6{
    background-color : #fdf6e9;
}
#hpb-headerMain h1.c7{
    background-color : #e8f1f8;
}
#hpb-headerMain h1.c8{
    background-color : #fdf4f3;
}
#hpb-headerMain h1.c9{
    background-color : #f8faf0;
}
#hpb-headerMain h1.c10{
    background-color : #e5edf3;
}
#hpb-headerMain h1.c11{
    background-color : #edebf5;
}
#hpb-headerMain h1.c12{
    background-color : #a0cf19;
}

#hpb-headerExtra0{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    float: right;
    width:130px;
    clear:both;
}

#hpb-headerExtra0-2{
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-left: 0;
    float: right;
    width:200px;
    clear:both;
}

#hpb-headerExtra0 p.category{
    /* シリーズ名 */
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    font-size : 12px;
    text-align: right;
    font-weight: bold;
    float: right;
}

#hpb-headerExtra0-2 p.category{
    /* シリーズ名 */
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    font-size : 12px;
    text-align: right;
    font-weight: bold;
    float: right;
}

#hpb-headerExtra0 p.tax{
    /* 税別 */
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    font-size : 10px;
    text-align: right;
    float: right;
}

#hpb-headerExtra0-2 p.tax{
    /* 税別 */
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0;
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 0px;
    padding-left: 0;
    font-size : 10px;
    text-align: right;
    float: right;
}

#Products-Name1{
    width : 450px;
    margin-top: 45px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 70px;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0;
    text-align: left;
    color : #000000;
    float: left;
}

#Products-Name{
    width : 450px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 70px;
    padding-top: 6px;
    padding-right: 0;
    padding-bottom: 6px;
    padding-left: 0;
    text-align: left;
    color : #000000;
    float: left;
}

#price1{
    width : 200px;
    margin-top: 3px;
    margin-right: 60px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 7px;
    padding-right: 0;
    padding-bottom: 7px;
    padding-left: 0;
    text-align: right;
    font-size: 12px;
    font-weight : normal;
    color : #000000;
    float: right;
}

#price{
    width : 200px;
    margin-top: 0px;
    margin-right: 60px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 7px;
    padding-right: 0;
    padding-bottom: 7px;
    padding-left: 0;
    text-align: right;
    font-size: 12px;
    font-weight : normal;
    color : #000000;
    float: right;
}

#price2{
    width : 200px;
    margin-top: 0px;
    margin-right: 60px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 18px;
    padding-right: 0;
    padding-bottom: 7px;
    padding-left: 0;
    text-align: right;
    font-size: 12px;
    font-weight : normal;
    color : #000000;
    float: right;
}

#hpb-headerExtra2{
    /* リンク */
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 0px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    float: right;
    z-index: 2;
    line-height : 1.5;
    width : 250px;
    text-align : right;
}

#hpb-headerExtra3{
    /* 説明文 */
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 10px;
    float: left;
    line-height : 1.5;
    width : 500px;
    text-align : left;
    vertical-align : middle;
    color : #000000;
    clear:both;
}

#hpb-headerExtra4{
    margin:auto;
    padding-top: 3px;
    padding-right: 0;
    padding-bottom: 3px;
    padding-left: 0;
    line-height : 1.5;
    text-align : center;
    width : 100%;
    clear:both;
}

/*--------------------------------------------------------
  ナビゲーション設定
--------------------------------------------------------*/


#hpb-nav a:link{
    text-decoration: none;
}
#hpb-nav a:visited{
    text-decoration: none;
}
#hpb-nav a:hover{
    text-decoration: none;
}
#hpb-nav a:active{
    text-decoration: none;
}


/*--------------------------------------------------------
  基本パーツデザイン設定
--------------------------------------------------------*/

/* リンク文字色 */
a:link{
    text-decoration: underline;
}
a:visited{
    text-decoration: underline;
}
a:hover{
    text-decoration: none;
}
a:active{
    text-decoration: none;
}

/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {

	/*--------------------------------------------------------
	  共通レイアウトパーツ設定
	--------------------------------------------------------*/
	/* ヘッダー内パーツ */
	#hpb-headerMain{
		height: auto;
		margin-left: 0;
	}
	#hpb-headerMain h1{
		margin-top: 0;
		padding-top: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		line-height: 20px;

	#hpb-headerExtra1{
		width: 98%;
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
		float: none;
	}
	#hpb-headerExtra2{
		width: 98%;
		margin-top: 10px;
		margin-right: auto;
		margin-left: auto;
		float: none;
	}


}