@charset "utf-8";

/*
*************************************************************
GENERAL
*************************************************************
*/

html{/*＼*/height:100%;/**/}

body {
margin: 0;
padding: 0;
background-color: #e6e1c4;
font-size:10px;
line-height:160%;
text-align: left;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;
font-weight:normal;
color: #4c4c4c;
}

h1, h2, h3, h4 {margin: 0; padding: 0;}

ul, li, ol {margin: 0; padding: 0;}

a, a:link, a:active, avisted {color: #000; text-decoration: none; font-weight:normal;}

a:hover {color: #000; text-decoration: underline; font-weight:normal;}

img{border:none;}

hr {display: none;}

input,textarea {background-color: #ffffff; border: solid 1px #cbc6a6; font-size:12px;}

table td,th{font-weight:normal;}

.span_hidden{display:none;}

#header{width:100%; height:112px; margin:0; background:transparent url(../imgs/header_bg.gif) repeat-x top left;}
#header-inner{width:960px; height:112px; margin:0 auto; }

#logo{width:107px; height:52px; background:transparent url(../imgs/gs-logo.gif) no-repeat top left; text-indent:-9999px; float:left; margin:15px 0 0 11px; clear:both;}

#naviArea{width:960px; position: relative; margin:12px auto 0; float:left; clear:both;}

#btn-home {width:134px; height:31px; background: url(../imgs/btn_home.gif) no-repeat top left; float:left; position: relative; margin:0; padding:0; text-indent:-9999px;}
#btn-home a {width:134px; height:31px; background: url(../imgs/btn_home.gif) no-repeat top right; float:left; position: relative; margin:0; padding:0; text-indent:-9999px;}
#btn-home a:hover {background: url(../imgs/btn_home.gif) no-repeat top left; margin:0; padding:0;}

#btn-about {width:220px; height:31px; background: url(../imgs/btn_about.gif) no-repeat top left; float:left; margin:0 0 0 119px; padding:0; text-indent:-9999px; position:absolute;}
#btn-about a {width:220px; height:31px; background: url(../imgs/btn_about.gif) no-repeat top right; float:left; position: relative; margin:0; padding:0; text-indent:-9999px;}
#btn-about a:hover {background: url(../imgs/btn_about.gif) no-repeat top left; margin:0; padding:0;}

*+html #btn-about {
	margin:0;
	left:120px;
}
* html #btn-about {
	margin:0;
	left:120px;
}

#btn-contact {width:244px; height:31px; background: url(../imgs/btn_contact.gif) no-repeat top left; float:left; margin:0 0 0 323px; padding:0; text-indent:-9999px; position:absolute;}
#btn-contact a {width:244px; height:31px; background: url(../imgs/btn_contact.gif) no-repeat top right; float:left; position: relative; margin:0; padding:0; text-indent:-9999px;}
#btn-contact a:hover {background: url(../imgs/btn_contact.gif) no-repeat top left; margin:0; padding:0;}

*+html #btn-contact {
	margin:0;
	left:326px;
}
* html #btn-contact {
	margin:0;
	left:326px;
}
/*
*************************************************************
SECONDARY
*************************************************************
*/
#second-headArea{width:100%; height:81px; margin:0; background:transparent url(../imgs/2nd_under_head_bg.gif) repeat-x top left; clear:both;}
#second-headArea-inner{width:960px; height:81px; margin:0 auto;}

h2.about{width:376px; height:81px; margin:0; background:transparent url(../imgs/2nd_page_tit_about.gif) repeat-x top left; text-indent:-9999px; float:left;}
h2.contact{width:376px; height:81px; margin:0; background:transparent url(../imgs/2nd_page_tit_contact.gif) repeat-x top left; text-indent:-9999px; float:left;}
h3{width:584px; height:81px; margin:0; background:transparent url(../imgs/2nd_h3.gif) repeat-x top left; text-indent:-9999px; float:right;}

#second-mainArea{width:100%; margin:0; clear:both; background-color: #FFFFFF; float:left;}
#second-mainArea-inner{width:960px; margin:0 auto; position: relative;}

#second-itemArea{width:960px; height:165px; margin:12px 0 12px 0; padding:0; background:transparent url(../imgs/2nd_itemArea_bg.gif) no-repeat top left; clear:both;}
#second-itemArea-inner{width:920px; margin:0 auto; padding:0;}
#second-itemPIC{width:268px; height:120px; margin:13px auto 0; padding:26px 0 0 0; background:transparent url(../imgs/2nd_item_bg.gif) no-repeat top left; float:left; text-align: center;}
#second-itemTXT{width:304px; height:146px; margin:13px 0 0 0; padding:0 20px 0 12px; float:left; font-size:12px; line-height:160%; text-align: left; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif; font-weight:normal; color: #4c4c4c; }
#second-itemNAME1{width:105px; height:19px; margin:5px 0 5px 0; padding:0 0 0 12px; background:transparent url(../imgs/gs_style_name1.gif) no-repeat top left; text-indent:-9999px;}
#second-itemNAME2{width:174px; height:18px; margin:5px 0 5px 0; padding:0 0 0 12px; background:transparent url(../imgs/gs_style_name2.gif) no-repeat top left; text-indent:-9999px;}
#second-itemNAME3{width:109px; height:18px; margin:5px 0 5px 0; padding:0 0 0 12px; background:transparent url(../imgs/gs_style_name3.gif) no-repeat top left; text-indent:-9999px;}
#tbl-gallery{width:316px; margin:13px 0 0 0; padding:0; float:right; text-align: left;}
#tbl-gallery td{width:108px;}
#tbl-gallery a img{border:solid 1px #cbc6a6;}
#tbl-gallery a:hover img{border:solid 1px #2e6bab;}

#about-blueArea{width:960px; height:204px; margin:0 0 25px 0; padding:0; clear:both;}
#about-blueArea #txt{width:480px; height:109px; margin:0; padding:0; background:transparent url(../imgs/about_gs_img02.gif) no-repeat top left; float:right; text-indent:-9999px;}
#about-blueArea #button{width:480px; height:95px; margin:0; padding:0; background:transparent url(../imgs/about_gs_img03.gif) no-repeat top left; float:right; text-indent:-9999px;}
#btn-goContact a {width:394px; height:76px; background: url(../imgs/btn_goContact.gif) no-repeat top right; float:left; position: relative; margin:0 0 0 30px; padding:0; text-indent:-9999px;}
#btn-goContact a:hover {background: url(../imgs/btn_goContact.gif) no-repeat top left; margin:0 0 0 30px; padding:0;}

#contact-warnningTxt{width:920px; height:53px; margin:20px auto; padding:0; background:transparent url(../imgs/contact_warnning_txt.gif) no-repeat top left; clear:both; text-indent:-9999px;}
#formArea{width:960px; margin:12px 0 12px 0; padding:0; background:transparent url(../imgs/2nd_itemArea_bg.gif) no-repeat top left; clear:both;}
#formArea-inner{width:920px; margin:0 auto; padding:15px 0 15px 0;  position: relative; font-size:12px; line-height:180%; text-align: left; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif; font-weight:normal; color: #4c4c4c;}
#formArea-inner table.tbl1{margin-top:10px;}
#formArea-inner table.tbl1 td{height:30px;}
#formArea-inner #item{width:855px; margin:20px auto 0; padding:0; clear:both;}
#formArea-inner #item #item-specW{width:auto; margin:0 43px 0 0; padding:0; float:left; position: relative;}
html>/**/body #formArea-inner #item #item-specW {
	margin/*\**/:0 60px 0 0\9;
}  
*+html #formArea-inner #item #item-specW {
	margin:0 60px 0 0;
}
* html #formArea-inner #item #item-specW {
	margin:0 60px 0 0;
}
#formArea-inner #item #item-specI{width:auto; margin:0 33px 0 0; padding:0; float:left; position: relative;}
html>/**/body #formArea-inner #item #item-specI {
	margin/*\**/:0 50px 0 0\9;
}  
*+html #formArea-inner #item #item-specI {
	margin:0 50px 0 0;
}
* html #formArea-inner #item #item-specI {
	margin:0 50px 0 0;
}
#formArea-inner #item #item-specW table{margin-top:10px; text-align:center;}
#formArea-inner #item #item-specI table{margin-top:10px; text-align:center;}
#formArea-inner #item #item-spec-R{width:auto; margin:0 0 20px 0; padding:0; float:left; position: relative;}
#formArea-inner #item #item-spec-R table{margin-top:10px; text-align:center;}

#formArea-inner #formL{width:480px; margin:0 0 30px 0; padding:0; float:left; }
#formArea-inner #formR{width:385px; margin:0; padding:0; float:right; font-size:10px; line-height:160%; text-align: left; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif; font-weight:normal; color: #4c4c4c;}
#btn-send a {width:381px; height:52px; background: url(../imgs/contact_button.gif) no-repeat top left; float:left; position: relative; margin:0; padding:0; text-indent:-9999px;}
#btn-send a:hover {background: url(../imgs/contact_button.gif) no-repeat top right; margin:0; padding:0;}
#btn-trans a {width:183px; height:24px; background: url(../imgs/contact_button_trans.gif) no-repeat top left; float:left; position: relative; margin:0 0 0 5px; padding:0; text-indent:-9999px;}
#btn-trans a:hover {background: url(../imgs/contact_button_trans.gif) no-repeat top right; margin:0 0 0 5px; padding:0;}
#btn-privacy a {width:183px; height:24px; background: url(../imgs/contact_button_privacy.gif) no-repeat top left; float:right; position: relative; margin:0 5px 0 0; padding:0; text-indent:-9999px;}
#btn-privacy a:hover {background: url(../imgs/contact_button_privacy.gif) no-repeat top right; margin:0 5px 0 0; padding:0;}

#thirdArea{width:920px; margin:30px auto 50px; padding:0; position: relative; }
#trans-tit{width:216px; height:18px; margin:0 0 20px 0; padding:0; background:transparent url(../imgs/trans_title.gif) no-repeat top left; float:left; text-indent:-9999px; clear:both;}
#thirdArea table{width:80%; margin:20px 0 0 0; padding:0; border-collapse: collapse; border-spacing: 0; position: relative; clear:both; text-align:left;}
#thirdArea table td{width:40%; margin:0; padding:10px; vertical-align:top; border-bottom:solid 1px #dcdcdc; border-right:solid 1px #dcdcdc; text-align:left;}
#thirdArea table th{width:60%; margin:0; padding:10px; vertical-align:top; border-bottom:solid 1px #dcdcdc; text-align:left;}

#privacy-tit{width:187px; height:18px; margin:0 0 20px 0; padding:0; background:transparent url(../imgs/privacy_title.gif) no-repeat top left; float:left; text-indent:-9999px; clear:both;}


/*
*************************************************************
COPYRIGHT
*************************************************************
*/
#footer{width:100%; height:80px; position: relative; margin:0; float:left; background:transparent url(../imgs/line3.gif) repeat-x top left; background-color: #e6e1c4;}
#footer-inner{width:960px; height:80px; position: relative; margin:12px auto 0;}
#copyright{color:#4c4c4c; font-family: Verdana, sans-serif; float:left; margin:0 0 0 10px;}
#corpArea{margin: 0 10px 0 0; float:right;}
#corpName{width:193px; height:12px; background:transparent url(../imgs/footer_txt.gif) no-repeat top left; text-indent:-9999px; float:left; margin:0 7px 0 0;}
*+html #corpName {
	float:left;
	margin:0;
	text-aling:right;
}
* html #corpName {
	margin:0;
	left:326px;
}
#corpAdress{margin:0; float:right; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka, sans-serif;}

/*
*************************************************************
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(../imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../imgs/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: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }