@import url("reset.css");

/*Structure
*******************************************************************************************************************************/
body,html{height:100%;background:#000}
#container{width:100%;min-width:960px;text-align:left;margin:0 auto;position:relative;z-index:10;overflow:hidden;z-index:12}
	.outer{padding:0 0 0 0}
	
ul.langs{height:18px;padding:16px 0 0 0;font-size:11px;line-height:15px;overflow:hidden}	
	ul.langs li{height:18px;padding:0 0 2px 0;margin:0 20px 0 0;display:block;float:left;position:relative}
		ul.langs li span.japan{display:block;height:15px;width:28px;background:url(../style/images/jp_lang.gif) no-repeat 0px 2px}
		ul.langs li span.link{border-bottom:1px dashed;cursor:pointer;color:#808080}
		ul.langs li span:hover,ul.langs li span.hover,ul.langs li span.active {color:#fff;background-position: 0px -14px}
		ul.langs li a{color:#808080}
			ul.langs li a span.japan{border-bottom:1px solid;height:13px;line-height:13px; cursor:pointer}
		ul.langs li a:hover{color:#fff}
		
	
.middle{width:100%;padding:147px 0 0 0;position:relative;overflow:hidden;z-index:12}

#c1a,#c1b,#c1{left:-1500px}
#c2a,#c2b,#c2{left:0px}
#c3{left:1500px}
#c1a,#c1b,#c2a,#c2b,#c1,#c2,#c3{position:absolute}

#c1b,#c2b{top:773px}
.content{padding:0 0 214px 0;width:420px}
	.content h1{margin:0 0 0 -2px;font-size:48px;letter-spacing:12px;white-space:nowrap}
		.content h1 i{margin-left:-6px;color:#808080;font-family:Georgia,Times;font-size:12px;text-transform:capitalize;letter-spacing:0;vertical-align:top}
	.content h2{padding:23px 0 65px 0;font-size:9px;letter-spacing:1.65px}
	.content h3{width:150px;margin:89px 0 -10px -155px;font-size:9px;letter-spacing:1.65px;position:relative;text-align:right;color:#808080}
	.content h5{padding:87px 0 22px 0}
	.content p,.txt-block p{padding:0 0 21px 0;line-height:21px;position:relative;width:420px}
		.content p img {margin-top:6px}

	.content ol{margin:-14px 0 22px 2px;list-style-type:decimal;color:#808080;position:relative}
/*
		.content ol li{padding:0 0 5px 0;line-height:21px;}
		.content ol li span{color:#fff}
*/
		.content ol li{padding:0 0 5px 0;line-height:21px;margin-left:1px}
		.content ol li span{margin-left:-2px;padding-left:2px;color:#fff;position:relative;left:-4px}
		
	.content ul.list{margin:-14px 0 30px 0}
		.content ul.list li{padding:0 0 5px 7px;margin:0 0 0 -7px;line-height:21px;background:url(../style/images/cont_marker.gif) no-repeat 0 11px;width:420px}

	.content ul.list{margin:-14px 0 30px 0;position:relative}
		.content ul.list li{padding:0 0 5px 7px;margin:0 0 0 -7px;line-height:21px;background:url(../style/images/cont_marker.gif) no-repeat 0 11px;position:relative}

	p.pre-last{padding:0 0 30px 0 !important}

	ul.cases{padding:13px 0 0 0}
		ul.cases li{line-height:21px;padding:0 0 35px 0;width:420px}
			ul.cases li div.title{position:relative}
			ul.cases li i{padding:0 0 0 4px;font-style:normal;font-size:9px;color:#808080;letter-spacing:1.65px;position:absolute;top:-2px;z-index:12;width:500px;}

.pink{color:#FF0072;font-size:9px;letter-spacing:1.65px;margin:0 0 0 4px;position:absolute;top:-4px;z-index:11}
.violet,.violet a,.violet a:hover,.violet i,.violet .fc-pink,.violet .pink{color:#ff00e4 !important}

.back{padding:15px 0 0 0;font-size:9px;position:relative; left:-15px;}
	.back a,.back a:hover{padding:0 0 0 15px;text-decoration:none}
	.back a:hover{background:url(../style/images/back_arrow.gif) no-repeat 0 3px}
	.back span{border-bottom:1px solid}
	.back a i{padding:0 4px 0 0;font-size:14px;color:#000}
		.back a:hover i{color:#ff00e4}

.number-block{margin:-111px 0 65px 0;text-align:center;width:100%}
	.number-block h4{padding:81px 0 47px;display:block;font-size:18px;font-family:Georgia,Times;position:relative;overflow:hidden; letter-spacing:3.3px;}
	.number-block .number{}
	.number-block i{font-size:380px;text-decoration:none;position:relative;text-decoration:none;display:block;font-style:normal;cursor:pointer}
			.number-block i span{background:url(../style/images/number_bg.gif) repeat-x 0 365px;margin:0 50px}
			.violet i span{background:url(../style/images/number_bg_hover.gif) repeat-x 0 365px}

.txt-block{position:relative}
	.txt-block p{}
	.txt-block dl{width:290px;padding:98px 0 0 0}
		.txt-block dl dt,.txt-block dl dd{padding:0 0 19px 0}
		.txt-block dl dd{color:#808080;line-height:21px}
			.txt-block dl dd i{display:block}

.the-end{padding:0}
	.the-end span.end{padding:3px;display:inline-block;font-size:12px;background:#fff;}
		.the-end span.end-hover{background:#ff00e4;cursor:pointer}


/*Default
*******************************************************************************************************************************/
.float-left{float:left}
.float-right{float:right}

/*Typography
*******************************************************************************************************************************/
body{font-size:14px;color:#fff;font-family:Arial,Helvetica,Sans-serif}
input,textarea,option,select{color:#000}
a{color:#fdf1cd;text-decoration:underline}
a:hover{color:#ff00e4;text-decoration:underline}

/*Font colors*/
.fc-pink{color:#ff0072}

/*Font weight*/
h1,h2,h3{font-weight:normal}

/*Font transform*/
h1,h2,h3,.pink,ul.cases li i,.back a{text-transform:uppercase}