@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* init */
* {
	margin: 0;
	padding: 0; }
html,body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll; }
body {
    font-family:Verdana, Arial, sans-serif;
	background-color:#eeeeee;
	color:#666666;
	font-size: 80%;
	font-weight: normal;
	line-height: 1.2;
	/*background-image:url(images/background.png);*/
	background-position:center;
	background-attachment:fixed; }
img {
	border: none; }
br.clear {
	clear:both; }
h2,h3,h4 {
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    color: #cccccc; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* html5 */

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;	}
img { 
	-ms-interpolation-mode: bicubic; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* header */
header {
	text-align: left;
	margin: 0 auto;
	padding: 50px 0px 0px 50px; }
	
header h1 {
	padding:0px;
	margin:0px;
	width:140px;
	height:30px;
	font-size:5px;
	text-indent:-9999px;
	background-image:url("images/h1.png");
	float:left; }
header h1 a{
	display:block;
	height:30px; }
	
/* content */
#content {
	text-align:center;
	margin: 0 auto; 
	padding: 20px 0px 20px 0px; }
#content h2 {
	text-align:left;
	margin:5px 5px 5px 50px;
	color:#444444; }
#content h3 {
	color:#444444; }
.cont {
	margin:0px 50px 0px 50px;
	text-align:left; }
	
.cont_page {
	margin: 0 auto; 
	text-align:center; }
.cont_page ol.thumb2 {
	width:600px;
	margin: 0 auto;
	list-style-type:none;
	background-repeat:no-repeat;
	background-position:center; }
.cont_page ol.thumb2 li {
	width:600px;
	height:200px;
	padding:0px 0px 10px 0px;
	margin:10px 0px 0px 0px;
	background-position:center;
	background-size:cover; }
.cont_page img,.cont_page ol.thumb2 { 
	background-color:rgba(0,0,0,0.2);
	padding:20px; }
.cont_page div.cont_img {
	margin:20px 0px 0px 0px; }
	
.cont_page_info {
	padding:20px;
	width:600px;
	margin: 0 auto;
	list-style-type:none;
	text-align:left;
	background-repeat:no-repeat;
	background-position:center;
	background-color: rgba(0,0,0,0.2); }
/*
.cont_page_info {
	text-align:left;
	padding:20px 20px 20px 50px;
	position:absolute;
	top:140px;
	background-color: rgba(0,0,0,0.2); }
*/
.cont_page_info h4{
	color:#FFFFFF;
	font-size:120%; }
.dates {
	font-size:80%;
	color:#999999; }
.datail {
	padding:20px 0px 0px 0px; }
.cont_page img { }
	
.cont_thum {
	margin: 0 auto;
	padding:20px 50px 0px 50px; 
	text-align:left; }
	
/* footer */
footer {
	height: 15px;
	text-align: left;
	margin: 0 auto;
	padding: 10px 30px 10px 30px; }

footer .copyright {
	clear:both;
	font-size:5px;
	text-indent:-9999px;
	height:10px;
	background-image:url("images/copy.png");
	background-repeat:no-repeat;
	background-position:center;
	margin:0x; }

/* about */
div.a_c_cnt {
	padding-top:30px; }
.a_c_cnt_p {
	padding: 0px 0px 5px 0px; }
#info {
	font-size:12px; }
#info span{
	font-weight:bold; }
#mail {
	font-size:12px;
	height:20px;
	background-image:url("images/mail.png");
	background-repeat:no-repeat;
	background-position:left 3px;
	margin:0px 2px 0px 0px;
	padding: 0px 0px 0px 15px; }
#mail span {
	display:none; }
p#rec { }
p#rec span { 
	font-size:80%; }
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*------------*/
#wrap {
	position: relative;
	min-height: 100%;
	width:100%; }

* html #wrap {/*IE6*/
	height: 100%;
	width:100%; }

#wrap-top {
	height: 100%;
	padding-bottom:80px; 
	width:100%;
	text-align: center; }
#content {
	overflow: auto;
	width:100%; }

#wrap-btm {
	position: absolute;
	width:100%;
	bottom: 0px;
	height: 35px;
	text-align: center; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* datail */
a,a:link,a:visited {
	color:#444444;
	text-decoration:none; }
a:hover {
	color:#ffffff; }
	
/* datail - menu - */
header nav li,footer li {
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
	list-style: none;
	width:120px;
	float: left;
	text-align:left;
	font-size:14px;
	background-color: rgba(0,0,0,0.4);
	border-left:solid 5px #336699;
	margin:0px 2px 0px 2px;
	/*padding: 0px 0px 0px 8px;*/ }
header nav li a,footer li a {
	display:block; }
header nav ul {
	margin:10px 0px 0px 18px;
	padding:0px 0px 0px 150px; }
footer ul {
	margin:3px 0px 0px 0px;
	padding:0px; }

header nav li,footer li,p.button,ol.n_ li {
    background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 140, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%); }
header nav li a,footer li a,p.button a,ol.n_ li a {
    display: block;
	text-indent:5px;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
    -webkit-transition-property: background;
    -webkit-transition-duration: 400ms;
    -moz-transition-property: background;
    -moz-transition-duration: 400ms; }
ul[rel=ver1] li a,p[rel=ver1] a,ol.n_ li a {
    background: #222222;
    text-decoration: none;
    color: #cccccc; }
ul[rel=ver1] li a:hover,p[rel=ver1] a:hover,ol.n_ li a:hover {
    background: transparent none; }
p.button {
	margin:20px 0px 0px 0px;
	width:100px;
	border:solid 6px rgba(0,0,0,0.2); }
p.button a {
	text-align:center;
	display:block;
	width:100px;
	padding:5px 0px 5px 0px;
	border:none; }
	

ul.l_link,ul.l_menu {
	list-style-type:none; }
ul.l_link li,ul.l_menu li {
	margin:5px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	float:left; }
ul.l_link a {
	background-color:#333333;
	color:#FFFFFF;
	padding:1px; }
ul.l_link a:hover {
	color:#cccccc; }
ul.l_menu a {
	padding:1px; }
ul.l_menu a:hover {
	color:#cccccc; }
#c_h2 {
	text-align:left;
	margin:0px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-size:14px; }
	
	
ol.logs {
	list-style-type:none;
	padding:10px 10px 10px 20px; }
ol.logs li span {
	font-size:80%;
	color:#666666; }
	
ol.thumb {
	margin:0px;
	padding:0px;
	list-style-type:none;
	width:100%; }
ol.thumb li {
	padding:10px 10px 20px 10px;
	margin:30px 15px 0px 15px;
    display: -moz-inline-box;  
    display: inline-block;  
	background-position:center;
    width: 240px; 
	overflow:hidden;
	white-space:nowrap;
	text-align:left;
	position:relative;
	border:solid 1px #000000; }
ol.thumb li p.linkarea {
	text-align:right; }
ol.thumb a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:left;
	text-indent:-999pt; }
ol.thumb li p.dates {
	margin:20px 0px 0px 0px;
	font-size:90%;
	line-height: 150%; }
ol.thumb li:hover {
	background-color:rgba(0,0,0,0.2); }
ol.thumb h3 {
	color:#444444;
	margin:20px 0px 0px 0px;
	pading:2px 0px 2px 0px; }
/*
ol.thumb li a {
	display: block; 
	text-align:center;
	text-indent:-9999px;
	margin:0px 0px 0px 0px;
	width:120px; height:80px;
	font-size:0%; }
	*/
	
ol.n_ {
	padding:0px;
	list-style-type:none;
	position:fixed;
	top:50%;
	width:100%; }
ol.n_ li {
	width:100px;
	font-size:14px;
	background-color: rgba(0,0,0,0.4);
	margin:0px 2px 0px 2px; }
ol.n_ li a {
	display:block;
	padding:0px 5px 0px 5px; }
ol.n_ li.n_nex {
	float:right;
	text-align:right;
	padding: 0px 8px 0px 0px; }
ol.n_ li.n_pre {
	float:left;
	text-align:left;
	padding: 0px 0px 0px 8px; }