/*----------------------------
  タグ共通設定
----------------------------*/

ul,ol,li,dl,dt.dd,h1,h2,h3,h4,h5,h6,pre,form,table,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
	text-align:left;
	text-decoration:none;
}

/*共通
-----------------------------------*/
h1 {
    font-size:18px;
}

h2 {
    font-size:12px;
}


.clear {
clear:both;
}

/*商品ページ、垂直方向の仕切り線 dividing line
-----------------------------------*/
hr.productdl {
border-top-width : 1px;border-top-style : dotted;border-top-color : #0080ff;
border-bottom-width : 1px;border-bottom-style : dotted;border-bottom-color : #ffffff;
}


/*商品ページ、小見出し　sub head line
-----------------------------------*/
div.subhl {
    width:100%;
    font-size:12px;
}


div.subhl h4 {
    background-image: url( http://www.hg-t.com/index/layoutparts/prts2blue01.gif );
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 32px;
    float:left;
    font-size:12px;
    margin:2px;
}

div.subhl h3 {
    float:right;
    font-size:12px;
    margin:2px;
}



/*メニュー部分　
-----------------------------------*/
div.contentsMenu {
	width: 180px;
text-align:left; 
}

.contentsMenu ul {
	background-color: #f5f5f5;
	margin: 0.5em 0em;
	padding: 0;
	list-style-type: none;

}

.contentsMenu li {
	display: block;
	list-style-type: none;
	background-color: #ddeeff;
	border-bottom: 1px solid #8ec7ff;
	margin: 0;
	padding: 0;
}

.contentsMenu li.categori {
	color: #ffffff;
	text-decoration: none;
	background-color: #0057ae;
	padding: 0.5em 1em;
	display: block;
	position: relative;
}

.contentsMenu li.nolink {
	color: #b4b4b4;
	text-decoration: none;
	background-color: #d3dadd;
	padding: 0.5em 1em;
	display: block;
	position: relative;

}

.contentsMenu li a {
	color: #2d3b4e;
	text-decoration: none;
	background-color: #d3dadd;
	padding: 0.5em 1em;
	display: block;
	position: relative;

}

.contentsMenu li a:hover {
	color: white;
	background-color: #0080ff;
}




/*リスト枠　listBox1
-----------------------------------*/
div.listBox2  {
	border: 1px solid #0255BC;
	width: 100%;
	padding: 10px 10px 10px 10px ;
}






/*新着・更新情報法　updatelist
-----------------------------------*/

div.updatelistBox  {
	width: 300px;
	padding: 0px ;
	margin: 0 0 0 10px;
	float: left;
}

div#updatelist  {
	border: 1px solid #0255BC;
	width: 100%;
	padding: 10px 0px 10px 0px ;
}



div#updatelist dl dt {
	width: 4em;
	padding: 3px 0 3px 0;
	float: left;
}

div#updatelist dl dd {
	display: block;
	margin: 0 0 0 4em;
	padding: 3px 0 3px 0;
}

div#updatelist dl dd a {
	text-decoration: none;
	padding: 0em 1em 0.5em 0.5em;
	display: block;
}

div#updatelist dl dd a:hover {
	color: white;
	background-color: #0080ff;
}

.floatclear {
	clear: both;
}



/*トッピクス　topicsList
-----------------------------------*/

div.topicsListBox  {
	width: 270px;
	padding: 0px ;
	margin: 0 0 0 5px;
	float: left;
}

div.topicsList  {
	border: 1px solid #0255BC;
	width: 100%;
	padding: 10px 0px 10px 0px ;
}

div.topicsList ul {
	background-color: #ffffff;
	list-style-type: none;

}

div.topicsList li.h50,
div.topicsList li.h100 {
	list-style-type: none;
	background-color: #ffffff;
	border-bottom: 1px solid #8ec7ff;
	vertical-align:top;
}



div.topicsList li.h50 p,
div.topicsList li.h100 p  {
	display: block;
	text-decoration: none;
	vertical-align:top;
}

div.topicsList li.h50 a,
div.topicsList li.h100 a  {
	text-decoration: none;
	display: block;
	vertical-align:top;
}

div.topicsList li.h100,
div.topicsList li.h100 p,
div.topicsList li.h100 a
 {

	height: 110px;
}

div.topicsList li.h50,
div.topicsList li.h50 p,
div.topicsList li.h50 a
 {

	height: 60px;
}



div.topicsList li a:hover {
	display: block;
	color: white;
	background-color: #0080ff;
}


/*ARRIVALS　
-----------------------------------*/

div.arrivalsBox  {
	width: 100%;
	padding: 0px ;
	margin: 0 0 0 0;
}

div.arrivalsBox div {
	width: 140px;
	padding: 0px ;
	margin: 0 0 0 8px;
}



/*ノーマル・リスト　
-----------------------------------*/
div.normalList {
	width: 100%;
	text-align:left; 
}

div.normalList ul {
	background-color: #ffffff;
	margin: 1.5em 0em;
	padding: 0;
	list-style-type: none;

}

div.normalList li {
	display: block;
	list-style-type: none;
	background-color: #ffffff;
	border-bottom: 1px solid #8ec7ff;
	margin: 0;
}



div.normalList li p  {
	text-decoration: none;
	padding: 0.5em 1em;
	display: block;
	position: relative;
}

div.normalList li a  {
	text-decoration: none;
	display: block;
	position: relative;
}

div.normalList li a:hover {
	color: white;
	background-color: #0080ff;
}