@charset "utf-8";

@import "default.css";
@import "style.css";
@import "menu.css";
@import "page.css";

/* wrapper */
#wrapper {
	width:960px;
	margin:0 auto;
}

/* header */
#header {
	height: 60px;
	margin: 0;
}

#header h1 {
	background-image: url(/common/img/header.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width:960px;
	font-size: 1px;
	text-indent: -9999em;
}
#header p {
	font-size: 13px;
	color: #FFFFFF;
	margin-top: -2em;
	padding-left: 203px;
}
#google_right {
	position:absolute;
	float: right;
	top: 20px;
	right: 591px;/* 検索窓の位置を変えたい場合は基本的にtopとrightを変更してください */
	text-align: right;
	width: 366px;
	right: 222px;
}

/* global menu  詳細設定はmenu.css */
#globalMenu {
	width:960px;
	height:50px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;	
}

.google_search {
    width: 210px;
    margin-top: 10px;
}
.google_search_end {
    clear:both;
}

/* h2,h3,h4 */
h2 {
}
div.CategoryTitle h2{
	width:730px;
	height:50px;
	font-size: 1px;
	text-indent: -9999em;
	margin-bottom: 3px;
	background-repeat: no-repeat;
}
div.lineupTitle h2{
	width:730px;
	height:30px;
	font-size: 1px;
	text-indent: -9999em;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}


div.lineupTitlecommon h2{
	width:700px;
	height:30px;
	margin-top: 10px;
	margin-bottom: 10px;
    padding: 6px 0  0 25px;　/* パディングも任意の値 */
	background-repeat: no-repeat;
	font-size: 14px;
	color: #002F55;
	font-weight: bold;
}

h3.subTitle {
	background-image: url(/common/img/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 730px;
	height: 24px;
	margin-bottom: 10px;
	text-indent: 0.25em;
	font-size: 14px;
	color: #002F55;
	font-weight: bold;
}

h4.subTitle {
	background-repeat: no-repeat;
	background-position: bottom;
	width: 730px;
	height: 24px;
	margin-bottom: 10px;
	text-indent: 0.25em;
	font-size: 14px;
	color: #002F55;
	font-weight: bold;
}

div.pageTop h3{
	width:730px;
	height:180px;
	font-size: 1px;
	text-indent: -9999em;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

/*------------------------------------------------------------
  Contents 
--------------------------------------------------------------*/

/* パンくず */
#bread-crumb-list {
  width: 700px;　/* 横幅は任意の値 */
  padding: 10px;　/* パディングも任意の値 */
  float: left;
  text-align: left;
}
#bread-crumb-list li {
	display: inline;
	padding-right: 2px;
	text-align: left;
}

/* contents */
#contents {
	margin:12px 0 0;
	padding-bottom:30px;
	background-image:url(/common/img/page_bg.gif);
	background-repeat: repeat-y;
  	min-height:1070px;
  	height:auto !important;
  	height:1070px;
}

/*  */
# {
	width:210px;
	float:left;
	position:relative;
}

# p.leftTop {
	margin-bottom:10px;
}

/* rightCol */
#rightCol {
	width:730px;
	float:right;
}

/* サムネイル用BOX */
.tmbBox1,/* 商品紹介用 */
.tmbBox2,/* お勧め商品用 */
.tmbBox3/* 長い製品名用 */  {
	width:178px;
	margin-right:3px;
	margin-bottom:20px;
	float:left;
	border: 1px solid #999999;
}
/* サムネイル用BOX */
.tmbBox280/* 商品紹介用 */{
	width:280px;
	margin-right:3px;
	margin-bottom:20px;
	float:left;
	border: 1px solid #999999;
}
/* サムネイル用BOX */
.tmbBox700/* 長いサムネイル用 */  {
	width:720px;
	margin-right:0;
	float:left;
	border: 1px solid #999999;
}
.tmbBox1_end,/* 商品紹介用 右端用 */
.tmbBox2_end,/* お勧め商品用 右端用 */
.tmbBox3_end/* 長い製品名用 右端用 */ {
	width:178px;
	float:left;
	margin-right:0;
	border: 1px solid #999999;
}
.tmbBox1,/* 商品紹介用 */ 
.tmbBox1_end/* 商品紹介用 右端用 */ {
	min-height:200px;
    height:auto !important;
    height:200px;
}
.tmbBox2,/* お勧め商品用 */
.tmbBox2_end/* お勧め商品用 右端用 */ {
	min-height:260px;
    height:auto !important;
    height:260px;
}

.tmbBox3,/* 長い製品名用 */
.tmbBox3_end/* 長い製品名用 右端用 */ {
	min-height:213px;
    height:auto !important;
    height:213px;
}

tmbBox700/* 商品紹介用 */ {
	min-height:305px;
    height:auto !important;
    height:305px;

}
.tmbBox_end {
	margin-left:0 !important;
}

.tmbTxtbox1 {
	width:172px;
	height:51px;
	margin:0 auto 2px;
}

.tmbTxtbox2 {
	width:172px;
	height:110px;
	margin:0 auto 2px;
}

.tmbTxtbox3 {
	width:172px;
	height:64px;
	margin:0 auto 2px;
}

.tmbTxtbox700 {
	width: 720px;
	height: auto;
	margin: 0 auto 2px;
}

.tmbTxtbox1 p,
.tmbTxtbox2 p,
.tmbTxtbox3 p,
.tmbTxtbox700 p {
	padding:3px;
} 
.name {
	text-align:center;
	margin-bottom:5px;
}
.tmbCap {
	margin-top:-5px;
	line-height:1.2em;
} 

p.pageTop {
	text-align:right;
	clear:both;
	margin-bottom: 20px;
	
}




/*------------------------------------------------------------
  Footer 
--------------------------------------------------------------*/
#footer {
	height:60px;
	margin:0;
	clear:both;
	background-image:url(/common/img/footer.gif);
	background-repeat: no-repeat;
}