/**
 * Basic Layout
 */
html {height: 800px; /* background-color: #5a5758; */ color: #5a5758; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0;}
body {background-image: url("/img/background.jpg"); background-repeat: no-repeat; background-position:  top center; background-color: #000000; width: 1000px; margin: auto; padding:0;}
a {color: #5a5758; text-decoration: none; }
a:hover {color: #999; text-decoration: none;} 

/**
 * Content Layout
 */
 
#header {width: 1000px; height: 53px; margin: 13px 0 45px 0; text-align:center;}
 
#content {height: 550px; width: 950px; margin: 15px auto; padding:0; background: #000 url('/img/afish.jpg') no-repeat right; overflow: hidden;}
#content2 {height: 550px; width: 970px; margin: 15px auto; padding:0; background: #000 url('/img/afish2.jpg') no-repeat right; overflow: hidden;}
#content-en {height: 550px; width: 970px; margin: 15px auto; padding:0; background: #000 url('/img/afish-en.jpg') no-repeat right; overflow: hidden;}
#title {width: 370px; height: 53px; background: #000 url('/img/hooked.jpg') no-repeat center left; margin: 5% 0 15px 40px; }
div#made_in {position: relative; width: 100%; margin-bottom: 0.6em;}

div#made_in p {margin: 0 0 0.3em 98px;}

div#made_in img {position: absolute; top: 0.3em; left: 0;}


/**
 * Menu Layout
 */
#menu { width: 370px; margin:20px 0 20px 20px;}
#menu ul { margin: 0; padding: 0; list-style: none; white-space:nowrap; }
#menu ul li {display: inline; padding: 0 3px; }
#menu ul li a {color:#FFFFFF;}
#menu ul li a:hover{color:#666;}

#menu2 { width: 370px; margin:20px 0 20px 10px;}
#menu2 ul { margin: 0; padding: 0; list-style: none; white-space:nowrap; }
#menu2 ul li {display: inline; padding: 0 3px; }
#menu2 ul li a {color:#FFFFFF;}
#menu2 ul li a:hover{color:#666;}

/**
 * Box Layout
 */
#language {width: 900px; height: 10px; margin: 0 0 0 0; padding:0; text-align:right; }
#box {width: 500px; height: 470px; margin-left: 40px; text-align:justify; overflow: auto; }
#box  p{padding-right:20px;}
#box img.twitter { border: 2px solid #5a5758; margin: 5px; float: left; padding: 1px; }
#box img.twitter:hover { border: 3px solid #5a5758; margin: 5px; float: left; padding: 0; }
#box .text { border: 1px solid #5a5758; margin: 0 0 0 48px; padding: 10px; }
#box .date { float: left; font-size: 9px; margin: 0 5px; padding: 0 2px; background-color: #5a5758; color: #000;}
#box input { font-size: 11px; color: #5a5758; background-color: #000; border-top: 1px solid #5a5758; border-right: 1px solid #5a5758; border-bottom: 1px solid #5a5758; border-left: 1px solid #5a5758; }
#box textarea { width: 360px; color: #5a5758; background-color: #000; border-top: 1px solid #666; border-right: 1px solid #5a5758; border-bottom: 1px solid #5a5758; border-left: 1px solid #5a5758; height: 50px; padding: 3px; font-size: 10px; }
#box p.name { width: 50%; float: left; padding: 0;}
#box p.email { width: 50%; float: right; padding: 0;}
#box label { display: block; }
input#DButton {  border-top: 1px solid #5a5758; border-right: 1px solid #5a5758; border-bottom: 1px solid #5a5758; border-left: 1px solid #5a5758; }
input#CButton {  border-top: 1px solid #5a5758; border-right: 1px solid #5a5758; border-bottom: 1px solid #5a5758; border-left: 1px solid #5a5758; }
input#agree { border: none;}

/**
 * sveat link
 */
#sveat {/*  background-color: #5a5758; */ margin: 0 auto; padding: 20px 0 20px 0; display: block; text-align: center; color:#EFEFEF;}
a { color: #FFF; }
a:hover { color: #999; }