/*templete*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3C3728;
	background-image: url(images/bg.gif);
}
#wrapper {
	width: 950px;
	margin: 0 auto;
	background-color: #FFF;
}
#header {
	margin:0 auto;
}
#content {
	margin:0 auto;
	background-image: url(images/menu-bg02.gif);
	background-repeat: repeat-y;
}
#menu {
	float: left;
	width: 199px;
	margin: 0px;
	color: #366503;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-image: url(images/menu-bg01.jpg);
	background-repeat: repeat-y;
}
#menu-content01 {
	width: 199px;
}
#menu-content02 {
	width: 199px;
	background-image: url(images/menu-bg01.jpg);
	background-repeat: repeat-y;
	height: 90px;
}
#menu ul{
	padding-left: 35px;
	margin-top: 18px;
	margin-right: 0px;
	margin-left: 0px;
}
#menu li{
	list-style-image: url(images/arrow01.gif);
	margin-top: 5px;
	padding-bottom: 8px;
}
#menu-content01 ul ul{
	padding-left: 20px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
}
#menu-content01 ul ul li{
	margin-top: 8px;
	padding-bottom: 8px;
	list-style-image: none;
	list-style-type: disc;
}
#content-right {
	float: right;
	width: 751px;
}
#footer-copyright {
	height: 88px;
	background-image: url(images/en/footer-bg.gif);
	background-repeat: repeat-x;
	text-align: center;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 10px;
}
#footer-copyright-sp {
     height: 115px;
     background-image: url(images/sp/footer-bg.gif);
     background-repeat: repeat-x;
     text-align: center;
     line-height: 18px;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     padding-top: 12px;
}
#footer-copyright a,#footer-copyright-sp a{
    color:#ae2222;
}

#footer-copyright a:hover,#footer-copyright-sp a:hover{
     color:#980000;
     text-decoration: underline;
}
#footer {
}
#footer-top {
	height: 22px;
	background-color:#e04407;
	text-align:right;
}
.spacer
{
	clear: both;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
/*index*/
#index-movie {
	float: left;
	width: 320px;
	margin-right: 10px;
	margin-left: 10px;
}
#index-Company {
	float: right;
	width: 330px;
	margin-right: 10px;
	margin-left: 10px;
}
#index-movieform{
	border-bottom: 1px solid #ccd3e5;
	margin-top: 5px;
	padding-bottom: 13px;
	width: 700px;
	margin-left: 20px;
}
#move-title {
	border-bottom: 1px solid #c5d6e8;
	font-size: 18px;
	color: #3d434c;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	margin-right: 20px;
	letter-spacing: 1px;
}
#company-title{
	font-size: 14px;
	color: #777;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	text-align: center;
	margin-right: 20px;
	letter-spacing: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#movie{
	margin-top: 10px;
}
#company-photo{
	margin-top: 10px;
	line-height: 20px;
	margin-bottom: 10px;
}
#photo{
	text-align: center;
}
#photo img{
	border: 1px solid #888;
	padding: 4px;
}
#Case-list{
	width: 700px;
	margin-left: 20px;
}
/*
#list-title{
	border-bottom: 1px solid #c5d6e8;
	margin-top: 15px;
	font-size: 18px;
	color: #3d434c;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
}
*/
.case-frame{
	border-bottom: 1px dashed #b9b8b8;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.list-photo{
	width: 150px;
	float: left;
	text-align: center;
}
.list-photo img {
	border: 1px solid #888;
}
.company-info{
	width: 550px;
	float: left;
}
.company-name{
	padding-bottom: 5px;
}
.company-notic{
	padding-left: 18px;
	line-height: 18px;
}
.more-btn{
	padding-right: 2%;
	float: right;
}
/* Inner page */
.trace{
	margin-bottom:10px;
	margin-left: 5px;
}
.unit-title {
	border-bottom: 1px solid #c5d6e8;
	width:700px;
	margin-left: 5px;
	font-size: 18px;
	color: #3d434c;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	padding-bottom: 1px;
}
.mid-unit-title {
	border-bottom: 1px solid #c5d6e8;
	width:700px;
	margin-left: 5px;
	font-size: 18px;
	color: #3d434c;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	text-align:center;
	padding-bottom: 1px;
}
.case-wrapper {
	width:700px;
	margin-left: 5px;
}
.company{
	padding-bottom: 5px;
}
.company img{
	margin-right: 5px;
}
.case-photo{
	float:left;
	margin-right: 20px;
}
.case-photo img{
	border: 1px solid #888;
	padding: 4px;
}
.case-form01{
	margin-right: 5px;
}
.case-form02{
	width:370px;
	float: left;
	background-color: #FFFCD9;
	padding: 5px;
}
.case-form03{
	float:left;
}
.case-content01{
	float: left;
	width: 530px;
	line-height: 20px;
}
.download{
	clear: both;
	margin-top: 13px;
	height: 17px;
	width: 500px;
}
.download img{
	margin-right: 5px;
	line-height: 20px;
}
.disc{
	width:90px;
	float: left;
}
.content-download{
	float: left;
}
.content-download img{
	margin-right: 5px;
	line-height: 20px;
}
.content-disc{
	width:80px;
	float: right;
}
.page
{
	text-align:center;
	width:100%;
	margin-top:35px;
	margin-right: auto;
	margin-left: auto;
}
.page img{
	margin-right: 20px;
	margin-left: 20px;
}
.case-title{
	padding-top: 5px;
	padding-bottom: 5px;
}
.case-title-bottom{
	padding-top: 5px;
	padding-bottom: 5px;
	width: 680px;
	clear: both;
}
.case-movie{
	float:right;
	width: 310px;
	margin-left: 5px;
}
.arrow01{
	width:15px;
	float:left;
	padding-top: 3px;
}
.back{
	text-align:center;
}
.pro-photo{
	float:left;
	margin-right: 15px;
}
.pro-photo img{
	border: 1px solid #888;
	padding: 4px;
}
.pro-title{
	font-size: 16px;
	color: #3d434c;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.mid-pro-title{
	font-size: 16px;
	color: #3d434c;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align:center;
}
.pro-stitle{
	padding-top: 5px;
}
.pro-stitle img{
	margin-right: 5px;
}
.pro-frame{
	padding-top: 10px;
	border-bottom: 1px dashed #b9b8b8;
	padding-bottom: 5px;
}
.community-title{
	font-size: 16px;
	color: #000000;
	font-family: Verdana, Arial, "Trebuchet MS", Tahoma, sans-serif;
	margin-top: 5px;
	margin-bottom: 8px;
}
.community-stitle{
	padding-bottom: 5px;
	padding-top: 5px;
	float: left;
	width: 375px;
}
.community-stitle img{
	margin-right: 5px;
}
.community-photoleft{
	float:left;
	margin-right: 20px;
}
.community-photoleft img{
	border: 1px solid #888;
	padding: 4px;
}
.community-photoright{
	float:right;
	margin-left: 20px;
	margin-right: 15px;
}
.community-photoright img{
	border: 1px solid #888;
	padding: 4px;
}
.community-photomid{
	float:left;
	margin-right: 10px;
	margin-left: 20px;
	border: 1px solid #888;
	padding: 4px;
}
.community-phototop{
	float:right;
	margin-left: 5px;
	border: 1px solid #888;
	padding: 4px;
}
.community-frame{
	margin-top:10px;
	margin-bottom: 10px;
	text-align: justify;
}
.community-webframe{
	margin-top:10px;
	margin-bottom: 10px;
	text-align: center;
	border-bottom:1px dashed #b9b8b8;
	padding-bottom: 10px;
}
#privacy-frame{
	margin-top:10px;
	margin-bottom: 10px;
}
.case-tips{
	margin-top: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.top{text-align:right}
.graph{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#album{
	width:550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}
/*font*/
p{
	margin:0;
	line-height: 22px;
}
.forestgreen {
	color:#019b2d;
	font-size: 13px;
	font-weight: bold;
}
.lightforestgreen {
	color:#019b2d;
	font-size: 13px;
}
.orange {
	color:#ff8923;
	line-height: 20px;
}
.black {
	color:#000;
}
.blodblack {
	color:#555;
	font-weight: bold;
	font-size: 14px;
}
.darkblue {
	color:#25167d;
	font-size: 14px;
}
.gray {
	color:#888;
}
.boldgreen {
	color:#6f8f01;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
}
.green {
	color:#6f8f01;
	font-size: 14px;
	letter-spacing: 1px;
}
.bold-teal{
	color:#15a1aa;
	font-weight: bold;
}
.skyblue{
	color:#3eacda;
}
.bgskyblue{
	color:#317486;
	background:#EFFCFF;
}
.bggreen{
	color:#46852F;
	background:#EAFFE3;
}
.deepgray{
	color:#666;
	line-height: 20px;
}
.bggray{
	color:#545454;
	background:#ececec;
}
.bgorange{
	color:#666;
	background: #FFFCD9;
}
/*link*/
a{
	color:#509c63;
}
a:hover{
	color:#6F7D39;
}
a:visited{
	color:#666;
}
a:link,a:visited {
	text-decoration:none;
}
.orange a:visited,.orange a:link,.orange a:hover,.orange a:active {
	color:#ff8923;
}
.orange a:hover,.back a:hover,.trace a:hover{
	text-decoration: underline;
}
.page a{
	color:#3C3728;
}
#footer-copyright a{
	color:#ae2222;
}
.trace a:visited,.trace a:link,.trace a:hover,.trace a:active{
	color:#378ee2;
}
.back a{
	color:#3eacda;
}
#menu a:visited,#menu a:link,#menu a:active{
	color:#366503;
}
#menu a:hover{
	color:#980000;
}
#footer-copyright a:hover{
	color:#980000;
	text-decoration: underline;
}
.content-download a,.download a{
	color:#3C3728;
	text-decoration: none;	
}
.content-download a:hover,.download a:hover{
	color:#0099CC;
	text-decoration: underline;
}
#privacy-frame a:visited,#privacy-frame a:link,#privacy-frame a:active{
	color:#ae2222;
}
#privacy-frame a:hover{
	color:#ae2222;
	text-decoration: underline;
}
.top a:hover,.top a:link,.top a:visited,.top a:active{
color:#509c63
}








.album 
{
}

.albumFloat		
{
    float: left;
    text-align: center;
    margin-right: 8px;
    margin-bottom: 4px;
    width:120px;
    height:160px;
}

.albumDetailsLink 
{
}

.albumMetaSectionHead 
{
	background-color: Gray;
	color: White;
	font-weight: bold;
}

.albumMetaName 
{
	font-weight: bold;
}

.albumMetaValue 
{
}

.center
{
	text-align: center;
}