@charset "utf-8";



/* startup style reset - start */

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	font-family: Arial;

	font-size: 12px;

}

html, body { background-color: #424242 }

img { border: none }



#index { margin-top: 250px; }

#index img { margin: 0px auto; display: block }



#global { width: 750px; margin: 0px auto; clear:right }



#header { height: 80px; text-align: right; clear:right }

#content { clear:right }

#footer { }



span.btn_back { display: block; padding-top: 40px; float: right }

span.page_title { display: block; padding-top: 40px; padding-left: 10px; float: left  }
span.page_title_num { display: block; padding-top: 40px; padding-left: 10px; float: left;  }
#image_number {  background-color: #424242;  font-size: 19px;  font-weight: normal;  color: #ffffff; border: none;  margin-top: 5px }

span.social {float:right; }

.list_item { overflow: auto ; margin-bottom: 20px}

.list_item_left { overflow: auto; float:left; width: 170px }

.list_item_right { overflow: auto; margin-left: 180px; border: 1px solid #000000; font-size: 12px; text-align:justify; background-color:#FFFFFF; color:#000000; line-height: 20px; width:300px;  padding: 5px 5px }

.facebook { overflow: auto; float:right; background-color:#FFFFFF;}

.list_item  p input, .list_item  p textarea { border: 1px solid #bababa }

.list_item  p label { display: block; float: left; width: 120px; font-weight:bold }



.content_list { list-style-type: none; margin-top: 170px; text-decoration:none }

.content_list li { float:left; text-decoration:none }

.content_list li a { text-decoration:none }



#gallery { position:relative; margin: 0px auto; padding:10px; display: block; width: 700px }

#images { border:2px solid #9ac1c9; height:225px; background:#eef5f6; margin-bottom:20px }

#image { position:relative; width:672px; height:375px; padding:5px; border:2px solid #666; background:#FFF url(images/loading.gif) center center no-repeat }

#image img { position:absolute; top:5px; left:5px }

#thumbwrapper { margin-top:10px; padding:5px 0; width:682px; height:100px; border:2px solid #666; background:#FFF }

#thumbarea { position:relative; overflow:hidden; height:100px; width:682px; }

#thumbs { position:absolute; list-style:none; margin-left:5px; height:100px; width:10000px; border-right:5px solid #FFF }

#thumbs li { float:left; margin-right:5px; cursor:pointer }

.imgnav { position:absolute; height:375px; width:20%; z-index:100; height:375px; width:20%; z-index:100; outline:none; cursor:pointer } 

#previmg { left:0; background:url(images/left.gif) left center no-repeat; border-left:5px solid #FFF }

#previmg:hover { opacity:1; filter:alpha(opacity=100) }

#nextimg { right:0; background:url(images/right.gif) right center no-repeat; border-right:5px solid #FFF }

#nextimg:hover { opacity:1; filter:alpha(opacity=100) }