@charset "UTF-8";

/* =====================================================================


	top


===================================================================== */

#unoHeader{
	padding-bottom:20px;
}
#topMenu{
	position:relative;
	margin:0 auto;
	width:100%;
	height:342px;
	background-color:#FFF;
	overflow:hidden;
	background:none transparent;
}
.topMenuList{
	position:absolute;
	top: 0px;
	left: 50%;
	margin-left:-1070px;
	width:2140px;
	height:342px;
	z-index:10;
	overflow: hidden;
}
.topMenuListBox{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:3580px;
	height:308px;
	zoom: 1;
}
.topMenuListBox:after {display: block;clear: both;height: 0;visibility: hidden;content: " ";}
.topMenuListBox div{
	float:left;
	position:relative;
	margin:0px 8px 0px 0px;
	width:708px;
	height:308px;
	background-repeat:no-repeat;
}
.topMenu01{background-image:url(../img/top_main_menu01.jpg);}
.topMenu02{background-image:url(../img/top_main_menu02.jpg);}
.topMenu03{background-image:url(../img/top_main_menu03.jpg);}
.topMenu04{background-image:url(../img/top_main_menu01.jpg);}
.topMenu05{background-image:url(../img/top_main_menu02.jpg);}
.topMenuListBox div a{
	position: relative;
	display: block;
	cursor: pointer;
}
.topMenuListBox div a span.top_btn_over,
.topMenuListBox div a img {
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	height:308px;
	width:708px;
}
.topMenuListBox div a span.top_btn_over {
	background: url(../img/top_btn_over.png) 0px -308px no-repeat;
	z-index: 20;
}
.topMenuListBox div a img {
	z-index: 15;
}
/*
* html .topMenuListBox div a {
	background-color: transparent;
	background-color: #000;
}
* html .topMenuListBox div a img{
	
}
*/


.topMenuSwitch{
	position:relative;
	margin:0px auto 0px;
	top:308px;
	width:1038px;
	height:30px;
	z-index:100;
	border-bottom:4px #000 solid;
	overflow:visible;
}
.topMenuBtnPrev,
.topMenuBtnNext{
	display:none;
	position:absolute;
	top:-308px;
	width:706px;
	height:308px;
	cursor:pointer;
}
.topMenuBtnPrev{ left:-550px;}
.topMenuBtnNext{ right:-550px;}
.topMenuBtnPrev a,
.topMenuBtnNext a{
	display:block;
}
.topMenuBtnPrev .topMenuBtnNet,
.topMenuBtnNext .topMenuBtnNet{
	width:706px;
	height:308px;
	text-indent:-9999px;
	background:url(../img/top_btn_over.png) 0px 0px no-repeat;
	overflow:hidden;
}
.topMenuBtnPrev a.topMenuBtn,
.topMenuBtnNext a.topMenuBtn{
	position:absolute;
	display:block;
	top:126px;
	width:56px;
	height:56px;
	text-indent:-9999px;
	background-image:url(../img/top_btn_over.png);
	background-repeat:no-repeat;
}
.topMenuBtnPrev a.topMenuBtn{background-position:0px bottom;left:684px;}
.topMenuBtnNext a.topMenuBtn{background-position:-120px bottom;left:-32px;}
.topMenuBtnPrev a.topMenuBtn:hover,
.topMenuBtnPrev a.topMenuBtn.over{background-position:-60px bottom;}
.topMenuBtnNext a.topMenuBtn:hover,
.topMenuBtnNext a.topMenuBtn.over{background-position:-180px bottom;}

.topMenuMark{
	display:none;
	padding:9px 0px 0px;
	_width:100%;
	height:11px;
	text-align:center;
}
.topMenuMark li{
	display:inline-block;
	/display:inline;
	zoom:1;
	margin-left:10px;
	width:11px;
	height:11px;
}
.topMenuMark li a{
	display:block;
	width:10px;
	height:10px;
	text-indent:-9999px;
	background-color:#FFF;
	border:1px #000 solid;
	-wibkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.topMenuMark li a:hover,
.topMenuMark li a.selected{
	background-color:#000;
}
.ie678 .topMenuMark li a{
	width:11px;
	height:10px;
	border:none;
	background:url(../img/ie678_top_menu_circle.gif) left top no-repeat;
	overflow:hidden;
}
.ie678 .topMenuMark li a:hover,
.ie678 .topMenuMark li a.selected{
	background-position:left -10px;
}


/* =====================================================================


	#indexSocial


===================================================================== */

#indexSocial {
	overflow: hidden;
	padding: 3px 28px 2px;
	margin: 0 auto;
	height: 36px;
	width: 980px;
	background: #000;
	color: #fff;
	border-bottom: solid 5px #000;
	zoom: 1;
}
#indexSocial:after{content:"";display:block;clear:both;}

.indexSocialBlock {
	position: relative;
	float: left;
	padding: 6px 20px 0;
	height: 30px;
	border-right: solid 2px #fff;
}

#indexSocial .blockTwitter {
	width: 499px;
	zoom: 1;
}
#indexSocial .blockTwitter:after{content:"";display:block;clear:both;}
#indexSocial .blockFacebook {
	width: 130px;
}
#indexSocial .blockThree {
	width: 227px;
	border: none;
}

#indexSocial .blockTwitter .twitter {
	float: left;
	padding: 0 16px 0 0;
	width: 113px;
	border-right: dotted 1px #fff;
}

#indexSocial .blockTwitter .twitter a,
#indexSocial .blockFacebook .facebook a {
	display: block;
	height: 24px;
	background: url(../img/top_social.gif) no-repeat 0 0;
	text-indent: -9999px;
}

#indexSocial .blockTwitter .twitter a {
	width: 113px;
	background-position: 0 0;
}
#indexSocial .blockTwitter .twitter a:hover {
	background-position: 0 -30px;
}

#indexSocial .blockFacebook .facebook a {
	width: 130px;
	background-position: -120px 0;
}
#indexSocial .blockFacebook .facebook a:hover {
	background-position: -120px -30px;
}

/* ---------------------------------------------------------------------

	.indexSocialTwitterTimeline

--------------------------------------------------------------------- */

.indexSocialTwitterTimeline {
	position: relative;
	overflow: hidden;
	float: right;
	width: 353px;
}
.indexSocialTwitterTimeline ul {
	position: relative;
	overflow: hidden;
	line-break: 16px;
	padding-top: 5px;
	/*margin-left: -20px;*/
	height: 16px;
	width: 9999px;
	zoom: 1;
}
.indexSocialTwitterTimeline ul:after{content:"";display:block;clear:both;}
.indexSocialTwitterTimeline li {
	float: left;
	white-space: nowrap;
	padding: 0 20px 0 0;
	/*
	border-left: dotted 1px #fff;
	*/
}
.indexSocialTwitterTimeline a {
	color: #fff;
	text-decoration: none;
}
.indexSocialTwitterTimeline a:hover {
	color: #999;
}

.twitterTimelineP {
	padding-top: 5px;
}

.indexSocialBlock .socialIcons {
	position: relative;
	padding-top: 2px;
	margin: 0 0 0 -9px;
	zoom: 1;
}
.indexSocialBlock .socialIcons:after{content:"";display:block;clear:both;}

.indexSocialBlock .socialIcons li {
	overflow: hidden;
	float: left;
	padding: 0 0 0 9px;
	height: 20px;
}

.indexSocialBlock .socialIcons .mixi { width: 58px;}
.indexSocialBlock .socialIcons .twitter { width: 80px;}
.indexSocialBlock .socialIcons .facebook { width: 70px;}



/* =====================================================================


	#main


===================================================================== */

#main{
	margin:0px;
	padding:10px 0px 40px;
	width:100%;
	background-position: center top;
	background-repeat:repeat-y;
	background-color:transparent;
	zoom:1;
}

.color1_1 #main,.color1_2 #main{background-image:url(../img/common_frame_navy.gif);}
.color2_1 #main,.color2_2 #main{background-image:url(../img/common_frame_red.gif);}
.color3_1 #main,.color3_2 #main{background-image:url(../img/common_frame_white.gif);}
.color4_1 #main,.color4_2 #main{background-image:url(../img/common_frame_blue.gif);}
.color5_1 #main,.color5_2 #main{background-image:url(../img/common_frame_blue.gif);}

.cont1BG{
	position:relative;
	margin:26px auto 0px;
	width:944px;
	_width:944px;
	height:219px;
	background-color:#000;
	overflow:hidden;
}

.cont1BG .cont1List {	zoom: 1;}
.cont1BG .cont1List:after {display: block;clear: both;height: 0;visibility: hidden;content: " ";}

.cont1BG .cont1List li{
	float:left;
	padding:0px 4px 4px 0px;
	width:309px;
	height:211px;
	background:url(../img/top_cont123_bg.jpg) top left no-repeat;
	overflow:hidden;
}
.cont1BG .cont1List li.no1{background-position: 0px 0px;}
.cont1BG .cont1List li.no2{background-position:-313px 0;}
.cont1BG .cont1List li.no3{background-position:-626px 0;}
.cont1BG .cont1List li.hover{
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=85 );
	-moz-opacity:0.85;
	opacity:0.85;
}
.contKV{
	position:absolute;
	top:170px;
	left:0px;
	width:100%;
	height:1100px;
	background-position: center top;
	background-repeat:no-repeat;
	overflow: hidden;
	zoom:1;
}
.color1_1 .contKV{background-image:url(../img/top_contkv_1_1.png)}
.color1_2 .contKV{background-image:url(../img/top_contkv_1_2.png)}
.color2_1 .contKV{background-image:url(../img/top_contkv_2_1.png)}
.color2_2 .contKV{background-image:url(../img/top_contkv_2_2.png)}
.color3_1 .contKV{background-image:url(../img/top_contkv_3_1.png)}
.color3_2 .contKV{background-image:url(../img/top_contkv_3_2.png)}
.color4_1 .contKV{background-image:url(../img/top_contkv_4_1.png)}
.color4_2 .contKV{background-image:url(../img/top_contkv_4_2.png)}
.color5_1 .contKV{background-image:url(../img/top_contkv_5_1.png)}
.color5_2 .contKV{background-image:url(../img/top_contkv_5_2.png)}

.mainBox{
	position:relative;
	padding: 20px 0 0;
	margin: 0 auto;
	width:944px;
	zoom:1;
}
.cont1{
	position:absolute;
	top:-219px;
	left:0px;
	width:944px;
	height:219px;
}
.cont1List{
	margin:0 auto;
	padding:0px 0px 0px 0px;
	width:944px;
	height:219px;
	zoom: 1;
}
.cont1List:after {display: block;clear: both;height: 0;visibility: hidden;content: " ";}

.cont1List li,
.cont1List li a {
	width:314px;
	height:219px;
}
.cont1List li {
	float:left;
	/*
	width:309px;
	height:211px;
	*/
}
.cont1List li a {
	display:block;
}

.cont2{
	position:relative;
	margin:0px;
	width:715px;
	height:220px;
	background-color:#000;
}
.cont2 a{
	display:block;
	width:715px;
	height:220px;
	background:url(../img/top_cont123_bg.jpg) left -239px no-repeat;
}
.cont3{
	position:relative;
	margin:20px 0px 0px 0px;
	width:715px;
	height:134px;
	background-color:#000;
	overflow:hidden;
}
.cont3 a{
	float:left;
	display:block;
	padding:4px;
	width:347px;
	height:126px;
	background:url(../img/top_cont123_bg.jpg) left -479px no-repeat;
}
.cont3 a.no1{background-position:0px -479px;}
.cont3 a.no2{background-position:-355px -479px;}

.cont4{
	position:relative;
	margin:20px 0px 0px 0px;
	width:715px;
	height:218px;
}
.cont4 a{
	display:block;
	width:715px;
	height:218px;
	background-image:url(../img/top_slot_non_flash.jpg);
	background-repeat:no-repeat;
}/*
.cont4 {
	background-image:url(../img/top_slot_non_flash2.png);
	background-repeat:no-repeat;
}
*/

.color1_1 .cont4 a,
.color1_2 .cont4 a{background-position: 0px 0px;}
.color2_1 .cont4 a,
.color2_2 .cont4 a{background-position: -416px 0px;}
.color3_1 .cont4 a,
.color3_2 .cont4 a{background-position: -832px top;}
.color4_1 .cont4 a,
.color4_2 .cont4 a,
.color5_1 .cont4 a,
.color5_2 .cont4 a{background-position: -1248px top;}

.color1_1 .cont4 a:hover,
.color1_2 .cont4 a:hover{background-position: -208px 0px;}
.color2_1 .cont4 a:hover,
.color2_2 .cont4 a:hover{background-position: -624px 0px;}
.color3_1 .cont4 a:hover,
.color3_2 .cont4 a:hover{background-position: -1040px top;}
.color4_1 .cont4 a:hover,
.color4_2 .cont4 a:hover,
.color5_1 .cont4 a:hover,
.color5_2 .cont4 a:hover{background-position: -1456px top;}

.cont5{
	position:relative;
	margin:20px 0px 0px 0px;
	padding:4px;
	width:707px;
	height:296px;
	background:url(../img/top_cont5_bg.gif) left top no-repeat;
	overflow:hidden;
}
.newProducts {
	float:left;
	position:relative;
	margin-right:4px;
	width:352px;
	height:296px;
	
}
.newProducts h3{
	width:352px;
	height:70px;
}
.newProductsListBox{
	position:relative;
	width:352px;
	height:226px;
	overflow:hidden;
}
.newProductsList {
	position:absolute;
	top:0px;
	left:0px;
	width:906px;
	height:226px;
}
.newProductsList li {
	float:left;
	padding-left:52px;
	width:250px;
	height:226px;
}
.newProductsList li a {
	display:block;
	width:250px;
	height:226px;
}
.newProductsList li a:hover{
	-ms-filter: "alpha( opacity=85 )";
	filter: alpha( opacity=85 );
	-moz-opacity:0.85;
	opacity:0.85;
}
.newProductsBtnPrev,
.newProductsBtnNext{
	position:absolute;
	top:70px;
	width:50px;
	height:226px;
	background-color:#FFF;
}
.newProductsBtnPrev{left:0px;}
.newProductsBtnNext{right:0px;}
.newProductsBtnPrev a,
.newProductsBtnNext a{
	display:block;
	margin-top:63px;
	width:32px;
	height:31px;
	text-indent:-9999px;
	background-image:url(../img/top_cont5_bg.gif);
	background-repeat:no-repeat;
}
.newProductsBtnPrev a {
	margin-left:19px;background-position:0 -305px;}
.newProductsBtnNext a {background-position:-32px -305px;}
.newProductsBtnPrev a:hover {background-position:0 -336px;}
.newProductsBtnNext a:hover {background-position:-32px -336px;}

.unoNews {
	float:left;
	position:relative;
	width:351px;
	height:296px;
}
.unoNews h3 {
	margin:0 auto;
	width:315px;
	height:70px;
	border-bottom:3px #000 solid;
}

.skrollWin {
	margin:0 auto;
	width:315px;
	height:209px;
	overflow:auto;
	_xposition: relative; /* ie6 */
	/*_overflow: scroll;*/ /* ie6 */
}
.skrollWin ol {
	/*position:relative;*/
	padding:14px 0px 0px 0px;
	height:auto;
}
.skrollWin ol li {
	width:282px;
}
.skrollWin ol li a {
	position:relative;
	display:block;
	margin:0px 0px 14px 0px;
	padding:0px 0px 14px;
	width:282px;
	min-height:14px;
	text-decoration:none;
	border-bottom:1px #000 dotted;
	
	_position:inherit;
	_padding-bottom:12px;
	_height:14px;
}
.time {
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:70px;
	font-size:77%;
	color:#006699;
	_position:inherit;
	_float:left;
}
.text {
	display:block;
	margin-left:70px;

	font-size:93%;
	color:#333333;
}
.scrollOuter{
	background:url(../img/top_skroll_bg.gif) -5px top repeat-y;
}
.scrollUp,
.scrollDown{
	position:absolute;
	right:0px;
	width:16px;
	height:16px;
	/*background-color:#333;*/
	overflow:hidden;
	z-index:110;
	cursor:pointer;
}
.scrollUp{ background:url(../img/top_skroll_up.gif) left top no-repeat;}
.scrollDown{ background:url(../img/top_skroll_down.gif) left top no-repeat;}

.scrollUp{
	top:0px;}
.scrollDown{bottom:0px;}

.scrollbar{
}
.scrollbar .scrollbarTop,
.scrollbar .scrollbarBottom{
	display:block;
	width:16px;
	height:13px;
	background-color:#dadada;
}
.scrollbar .scrollbarBody{
	position:relative;
	display:block;
	margin:0px 0px 0px 2px;
	width:8px;
	background-color:#000;
}
.scrollbar .scrollbarHead,
.scrollbar .scrollbarFoot{
	position:absolute;
	left:0px;
	display:block;
	width:10px;
	height:3px;
	background:url(../img/top_inner_scroll_bar) -1px top no-repeat;
	
	_overflow:hidden;
}
.scrollbar .scrollbarHead{
	top:0px;
	_background-position:-1px 0px;
}
.scrollbar .scrollbarFoot{
	bottom:0px;
	_bottom:-3px;
	_height:4px;
	background-position: -1px bottom;
	_background-position:-1px -77px;
}