body {
	padding: 0;
	margin: 0;
	background: #fff;
	color: #454545;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 0.75em;
	line-height: 1.5em;
}

.wrapper
 {
	width: 1024px;
	padding: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/**************************** Header Section Starts ***************************/
.header
{
	width: 1024px;
	height: 146px;
    background: url(../images/header.jpg);
    background-repeat: no-repeat;

}
/**************************** Header Section Ends *****************************/

/**************************** Menu Section Starts *****************************/
.menu
{
	width: 1024px;
	height: 44px;
    background: url(../images/menu.jpg);
    background-repeat: no-repeat;
}

.menu-text
{
font-family: verdana;
font-size: 14px;
color: #ffffff;
padding: 12px 45px 10px 10px;
float: left;
font-stretch: condensed;
cursor: pointer;
}


/**************************** Menu Section Ends *******************************/

/**************************** HP内リンク Section Starts *****************************/
.weblink
{
	width: 1024px;
	height: 44px;
	background-repeat: no-repeat;
}

.weblink-text
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #666;
	float: left;
	font-stretch: condensed;
	cursor: pointer;
	padding-top: 12px;
	padding-bottom: 10px;
	padding-left: 10px;
	width: auto;
	padding-right: 48px;
	margin-left: 40px;
}

.weblink a {color: #E0691A;	background: inherit;}
.weblink a:hover {color: #6C757A; background: inherit; }

/**************************** HP内リンク Section Starts　Ends *******************************/

/**************************** Right Section Starts（右側）****************************/

.right-section
{
	float: left;
	width: 25%;
	padding-top: 20px;
	padding-left: 10px;
}

.right-image
{
  width: 230px;
  height: 235px;
  float: right;
  background-image: url(../images/right-image.jpg);
  background-repeat: repeat-x;
  border-left: solid 1px #ffffff;
  text-align: left;
}

.right-box3
{
	width: 100%;
	height: auto;
	float: right;
	background-image: url(../images/pack-image.jpg);
	background-repeat: repeat-x;
	border-left: solid 1px #ffffff;
	text-align: left;
}

.right-box2
{
	width: 100%;
	height: auto;
	float: right;
	background-image: url(../images/pack-image.jpg);
	background-repeat: repeat-x;
	border-left: solid 1px #ffffff;
	text-align: left;
}

.right-box1
{
	width: 100%;
	height: auto;
	float: right;
	background-image: url(../images/pack-image.jpg);
	background-repeat: repeat-x;
	border-left: solid 1px #ffffff;
	text-align: left;
}

.right-description
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	text-align: left;
	width: 70%;
	line-height: 18px;
	margin-left: 5px;
	margin-top: 2px;
	float: right;
}


/**************************** Right Section Ends（右側） ******************************/

/**************************** Center Section Starts（中央） ***************************/

.center-section
{
	width: 48%;
	border-bottom: solid 1px #dbdbdb;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	height: auto;
}


.center-section h3
{
	clear: both;
	color: #333;
	font: bold 1em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	background-color: #A9C0CE;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-align: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
}

.center-section h4
{
	clear: both;
	color: #000000;
	font: bolder 1.2em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width: 255px;
	background-color: #CCCCCC;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 7px;
	padding-right: 0;
	padding-bottom: 7px;
	padding-left: 5px;
}

.center-box
{
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../images/down-image2.jpg);
	background-repeat: repeat;
	text-align: left;
}

.center-box2
{
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
}

.center-description
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	text-align: left;
	width: 50%;
	line-height: 18px;
	margin-left: 12px;
	margin-top: 2px;
	float: right;
}

/**************************** Center Section Ends（中央）*****************************/

/**************************** Left Section Starts（左側） *****************************/

.left-section
{
	float: left;
	width: 25%;
	padding-top: 20px;
}

.left-box2
{
	width: 91%;
	height: 420px;
	float: left;
	background-image: url(../images/left-image1.jpg);
	background-repeat: repeat-x;
	text-align: left;
}

.left-box1
{
	width: 21px;
	height: 419px;
	float: left;
	background-image: url(../images/left-image2.jpg);
	background-repeat: repeat-x;
}


.left-image
{
	width: 100%;
	height: auto;
	float: left;
	background-image: url(../images/left-image.jpg);
	background-repeat: repeat;
	border-right: solid 1px #ffffff;
	text-align: left;
}


/**************************** Left Section Ends（左側） *******************************/

/**************************** Footer Section Starts ***************************/
.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}

.footer a { color: #808080; background: #fff; }
/**************************** Footer Section Ends *****************************/

/**************************** 全体にかかわるものGeneral Section Starts **************************/

.big-image
{
	width: 492px;
	height: auto;
	float: right;
	background-repeat: no-repeat;
	background-color: #C03;
}

.mid-image
{
	width: 210px;
	height: 137px;
	float: left;
	background-repeat: no-repeat;
	background-color: #030303;
	margin-left: 9px;
}

.small-image
{
	width: 60px;
	height: 60px;
	float: left;
	background-repeat: no-repeat;
	background-color: #030303;
	margin-left: 3px;
	margin-bottom: 3px;
	margin-top: 8px;
}

.title1
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #333;
	margin-top: 10px;
	margin-left: 12px;
}
.title2
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
}
.title3
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #616161;
	margin-top: 10px;
	margin-left: 12px;
}
.sub-title
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #3f3a3a;
	margin-left: 12px;
}
.description
{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	text-align: left;
	width: 90%;
	line-height: 18px;
	margin-left: 12px;
	margin-top: 2px;
	margin-bottom: 12px;
}

.description1
{
  font-family: Tahoma;
  font-size: 8pt;
  font-weight: normal;
  color: #616161;
  text-align: justify;
  width: 400px;
  line-height: 18px;
  margin-left: 12px;
  margin-top: 2px;
}

.date-text{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 8pt;
	color: #a4e3ff;
	font-weight: bold;
	margin-left: 12px;
	margin-top: 2px;
}


hr{
  background-color: #00deff;
  width: 200px;
  color: #00deff;
  border: solid 1px #00deff;

}
a.nav:link {color: #ffffff; text-decoration: none; }
a.nav:visited {color: #ffffff; text-decoration: none; }
a.nav:hover {color: #ffff99; text-decoration: underline; }
a.nav:active {color: blue; }



/**************************** General Section Ends ****************************/

/**************************** 修正していないセクション ****************************/

.third-section
{
  width: 675px;
  height: 170px;
  float: right;
}
.down-box2
{
  width: 230px;
  height: 170px;
  float: right;
  background-image: url(../images/down-image2.jpg);
  background-repeat: repeat-x;
  text-align: left;
}
.down-box1
{
  width: 444px;
  height: 170px;
  float: right;
  background-image: url(../images/down-image1.jpg);
  background-repeat: repeat-x;
  text-align: left;
}



/**************************** 修正していないセクション Ends ******************************/

/**************************** lightbox ****************************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.ht-create.co.jp/products/sample/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.ht-create.co.jp/products/sample/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}

/**************************** lightbox end ****************************/