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

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 {margin: 5px 0px 5px 0px}

body {
	background-color:#ffffff;
	color:#666666;
	font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', sans-serif;
	width:100%;
 	margin-left: auto;
 	margin-right: auto;
	margin:0;
	padding:0;
	text-align:center;
}


div,td,th,p,pre{
font:12px/16px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
}


a{text-decoration:none}
A:hover {
 text-decoration : none;  BACKGROUND-COLOR: #ffc1c9
}


img {
border:0;
}



h1 {
font-size:14px;
line-height:16px;
font-weight:bold;
text-align:center;
}

h2,h3 {
font-size:12px;
line-height:16px;
font-weight:bold;
}

h4,h5,h6 {
font-size:10px;
line-height:16px;
font-weight:normal;
}


.indent {
text-indent:-2345px;
}

.clear {
clear:both;
}

.fleft {
float:left;
}

.fright {
float:right;
}

.center {
margin:0 auto ;
}



hr{
	clear:both;
	width:100%;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px dotted #026D86;
}



.rightMove{
	margin-left : auto ;
	margin-right : 0 ;
}

.leftMove{
	margin-left : 0 ;
	margin-right : auto ;
}




A:LINK{COLOR : #000099;}
A:VISITED{COLOR : #000099;}
A:HOVER{COLOR : #ff0000;}

A.whitered:LINK {COLOR : #ffffff;}
A.whitered:VISITED {COLOR : #ffffff;}
A.whitered:HOVER {COLOR : #ff0000;}

A.redblue:LINK {COLOR : #ff0000;}
A.redblue:VISITED {COLOR : #ff0000;}
A.redblue:HOVER {COLOR : #000099;}

.p6{font-size:6px;}
.p7{font-size:7px;}
.p8{font-size:8px;}
.p9{font-size:9px;}
.p10{font:10px/12px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
'ＭＳ Ｐゴシック', sans-serif;
margin:0;}
.p11{font:11px/13px 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
'ＭＳ Ｐゴシック', sans-serif;
margin:0;}
.p12{font-size:12px;}
.p13{font-size:13px;}
.p14{font-size:14px;}
.p15{font-size:15px;}
.p16{font-size:16px;}
.p17{font-size:17px;}
.p19{font-size:19px;}
.p21{font-size:21px;}
.p23{font-size:23px;}





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


/*----------------------------
  全般共用部分 開始
----------------------------*/
.searchform{
	width:780px;
	text-align:right;
	font-size:small;
}

.searchform input{
	color:#026D86;
	padding:0;
	background-color:#FFF;
	border:1px solid #026D86;
	text-align:center;
}

.searchform form{
	text-align:right;
	font-size:small;
}


div.normalWritingBox h2,
div.normalWritingBox h3,
div.normalWritingBox h4{
	text-align:left;
	margin-top : 2em;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}




.normalWritingBox p {
	text-align:left;
	line-height : 1.5em;
	color : gray;
}




/* ____________ nonefloat box __________ */

#all {
width:780px;
 margin-left: auto;
 margin-right: auto;
}

#header {
width:780px;
position : absolute;
top : 1.5em;
 margin-left: auto;
 margin-right: auto; /*  この2行で、 margin:0 auto ;と同じ意味 */
	text-align:left;
}


#logo {
width:780px;
height: 45px;
}



#topnavi {
width:780px;
 margin-left: auto;
 margin-right: auto;
}


#contenttitle {
margin-top:140px;
width:780px;
 margin-left: auto;
 margin-right: auto;
}

#subject {
width:780px;
 margin-left: auto;
 margin-right: auto;
}

#main {
width:780px;
 margin-left: auto;
 margin-right: auto;

}

#footerinfo {
width:780px;
margin:0 auto ;
}

#footer {
width:780px;
margin:1em auto 10em auto;
}



/* ____________ float box __________ */




#leftnavi {
width:180px;
text-align:left; 
float:left;

}

#maincontent {
width:600px;
float:right;

}




/* -------  Top Navi Menu  */

div#topnavi ul{
width:100%;
margin: 0; 
padding :0; 
list-style-type : none; 	/*インラインレベルにしてもマーカーが付いてしまうバグを持つUAがある為の追記*/
}

div#topnavi li{
float:right;
text-align:center;                   /* 文字の位置 */
display : inline; 		/*横並の為、ListをBlockレベルからInlineレベルへ変更*/
padding :0; 
margin:1px;      　　　　　　   /* リンク間の幅 */
}

div#topnavi a{
display:block;
text-decoration : none;
color:#666666;                       /* 文字の色 */
border:1px none #aac;
background-color:#ffffff;            /* 背景色 */
padding:0.2em 0.4em 0.2em 0.4em;                   /*リンクの余白 */
margin:0px 1px;
}

div#topnavi a:hover{
display:block;
text-decoration : none;
color:#ffffff;                       /* 文字の色 */
border:1px none #aca;
background-color:#666666;            /* 背景色 */
padding:0.2em 0.4em 0.2em 0.4em;                     /*リンクの余白 */
margin:0px 1px;
}


/*__________ ブランドTOPページMainメニュー  bTopMainMenu_______ */




.bTopMainSubInfoBox {
	width: 75%;
 margin-left: auto;
 margin-right: auto;

}




.bTopMainSubInfoBox ul {
	text-align:left;
	background-color: #ffffff;
	list-style-type : circle;
	margin: 0em 0em 1.5em 0em;
	padding: 1.5em;
	border: 1px dotted #969696;

}

.bTopMainSubInfoBox li {
	background-color: #ffffff;
	border-bottom: 1px solid #8ec7ff;
	margin: 1.5em 1.5em;
}








.bTopMainMenuBox {
	width: 100%;
	margin: 0 0 0 0;
}

.bTopMainMenu {
	width: 100%;
	margin: 0 0 3em 0;
	padding: 1.5em 0;
	border-bottom: 1px dotted #969696;
	border-top: 1px dotted #969696;
}

/*__________________________________________________ */



/*_________________ brandsidemenu == _________________ */

.brandsideMenu {
	width: 100%;
	margin: 0 0 1em 0;
}

.brandsideMenu ul {
	background-color: #f5f5f5;
	padding: 0;
	margin: 0;
	list-style-type: none;
}


.brandsideMenu li {
	margin: 0;
	padding: 0;
 display: inline;/* li要素の隙間を無くす */
 line-height: 1; /* 行間そろえる IE対策 */
}

.brandsideMenu li a {
	display: block;
	color: ##004488;
	background-color: #ffffff;
	padding: 0.5em 0.5em 0.5em 1em;
	margin: 0;
	border-bottom: 1px dotted #969696;
	position: relative;
}


.brandsideMenu li.toplink {
	margin: 0;
	padding: 0;
 display: inline;/* li要素の隙間を無くす */
 line-height: 1; /* 行間そろえる IE対策 */
}

.brandsideMenu li.toplink a {
	display: block;
	color: #004488;
	background-color: #ffffff;
	padding: 0.5em 0em 0.5em 0em;
	margin: 0;
	border-top: 1px solid #969696;
	border-bottom: 3px double #969696;
}

.brandsideMenu li.categori {
	display: block;
	color: #004488;
	background-color: #ffffff;
	padding: 2em 0em 0.2em 0em;
	margin: 0;
	border-bottom: 2px solid #969696;
}

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


/*_________________ brandsidemenu == _________________ */


/*_________________ product index == _________________ */


div.productindex {
	width:100%;
    text-align:left;

}

div.productindex h2{
	height: 30px;
    text-align:center;

}

div.productindex div.pInfo{
		position: relative;
top:-30px;

}

div.productindex div.pImage{
    text-align:center;

}

div.productindex pColumnBox{
		position: relative;
top:-0px;
	width:100%;

}

div.productindex div.pColumnBox div.pColumn2{

	margin-top: 1.5em;

}

div.productindex hr {
	color: #ffffff;
	background-color: #ffffff;
	height: 20px;
    border-top: 1px dotted #ffffff;
    border-bottom: 1px dotted #ffffff;
    clear:both;
}


/*_______ 概要説明部 == _______ */
div.productindex div.pOutlineBox {

	margin: 3em;
		position: relative;
top:-0px;


}
div.productindex div.pOutlineBox h3,
div.productindex div.pOutlineBox h4,
div.productindex div.pOutlineBox h5,
div.productindex div.pOutlineBox h6 {
font-size:14px;
line-height:1em;
font-weight:bold;
margin-bottom: 0.5em;
}

/*_______ 概要説明部 == _______ */


/*_________________ product index == _________________ */



/*_________________ product == _________________ */

product {
    text-align:left;
}

div.product hr {
	color: #ffffff;
	background-color: #ffffff;
	height: 50px;
	border-style: none;
    clear:both;
}


div.product p {
    text-align:left;
}


div.pSectionTitle {
    width:100%;
	background-color: #004488;
	height: 20px;
}

div.pSpecBox {
	width:90%;
    padding-left: 1em;
	margin:0 auto ;
	margin-top: 0.5em;
	border-width: 1px;
    border-style: dotted none dotted none;
    border-color: #969696
}

div.product p.productComment {
    text-align:left;
 margin-left: auto;
 margin-right: auto;
    width:75%;
}

div.product h3 {
	color: #ffffff;
    font-size:12px;
    float:right;
}

div.product h4 {
	color: #ffffff;
    font-size:12px;
    background-image: url( http://www.hg-t.com/index/layoutparts/prts2blue01.gif );
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 23px;
    float:left;
}

div.product p.spec1 {
    width:100%;
    padding-top: 0.5em;
    clear:both;
}

div.product p.spec2 {
    width:90%;
    text-align:left;
    margin-top: 1.5em;
    padding-bottom: 0.5em;
    clear:both;
}

div.product p.detailLink {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	color: #ffffff;
	background-color: #ffffff;
	text-align:center;
}


div.product p.detailLink a {
	margin: 0 0 0.5em 0;
	padding: 0.5em;
	color: #ffffff;
	background-color: #666666;
	text-align:center;
}

div.product p.detailLink a:hover {
	color: #ff8080;
}


div.product div.itemBlock {
    width:300px;
    float: left;
}

div.product div.itemBlock dd.salePrice{
	color: #ff0000;
	font-weight:bold;
}

div.product div.itemBlock dd.stock{
	color: #0000ff;
	font-weight:bold;
}

div.product div.itemBlock dd.soldOut{
	color: #ff0000;
	font-weight:bold;
}

div.productSection hr {
    width:500px;
    clear:both;
    border-top: 1px dotted #ffffff;
    border-bottom: 1px dotted #2f97ff;
}

div.product dl dt {
	width: 130px;
	float: left;
	text-align: center;
}

div.product dl dd {
	margin: 0 0 0 132px;
	text-align: left;
}


/*_________________ product == _________________ */


/*_________________ outline == ???_________________ */
div.productindex dl dt {
	width: 200px;
	float: left;
	text-align: left;
}

div.productindex dl dd {
	margin: 0 0 0 202px;
	text-align: left;
}
/*_________________ outline == ???_________________ */



/*_________________ 商品詳細ページ == _________________ */
div.detailBox p {
	text-align: left;
	margin: 0 1em;
	padding: em;
}


/*_________________ 商品詳細ページ ==　_________________ */


/*_________________ モレラート・ページ ==　_________________ */
.specTable {
	border-top-style:dotted;border-width:1px;padding: 3px 3px 30px 3px;
	text-align: left;
	vertical-align: top;
}

/*_________________ モレラート・ページ ==　_________________ */


/*_____________________________ change == _____________________________ */


/*left & right-----------------------------------*/
div.subject1{
   text-align: left;
   float: left;
}
div.subject2 {
   text-align: right;
   float: left;
}
div.titlebar {
   background-color:#cc0000; color:white;
   font-weight:bold; padding:0.1em;
}

/*left & right-----------------------------------*/