﻿/*@charset "utf-8";*/
@import url(content.css);

body
{
	margin: 0px;
	padding: 0px;
	/*background: url(../images/main_bg.gif);*/
	/*text-align: center;*/
}
.style1 
{	
    color: #ff9900;
    font-weight: bold;
    font-size: 13px;
}
.style2 
{	
    color: #ff9900;
    font-weight: bold;
}     
.text1 
{ 
    FONT-SIZE: 9pt; 
    LIST-STYLE-IMAGE: url(images/bullet_01.gif); 
    COLOR: #666666; 
    LINE-HEIGHT: 20px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif, 細明體 
}
.text2
{ 
    FONT-SIZE: 9pt; 
    LIST-STYLE-IMAGE: url(images/bullet_01.gif); 
    COLOR: #343434; 
    LINE-HEIGHT: 20px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif, 細明體 
}
.text3 
{ 
    FONT-SIZE: 9pt; 
    LIST-STYLE-IMAGE: url(images/bullet_01.gif); 
    COLOR: #ff7200; 
    LINE-HEIGHT: 20px; 
    FONT-FAMILY: Arial, Helvetica, sans-serif, 細明體 
}
.font_gray 
{	
    font-family: Tahoma;
    font-size: 11px;	
    color: #666666;	
    line-height: 16px;
    letter-spacing: 1px;
}
.font_blue 
{	
    font-family: Tahoma;
    font-size: 11px;	
    color: #4170b1;	
    line-height: 16px;
    letter-spacing: 1px; 	 
    font-weight:bold;
}
                  
a
{
	color: #000;
	text-decoration: none; /*blr:expression(this.onFocus=this.blur());*/
}
a:hover
{
	color: #f90;
}
a:focus
{
	-moz-outline-style: none;
}
/* for FF only */

#container
{
	width: 980px;
	padding: 0 1px 0 0px;
	background: #fff url(../images/container_bg.gif) repeat-y right;
	font: normal 12px/22px Arial;
	color: #666;
	margin: 0 auto;
}
#popcontainer
{
	padding: 0 0 0 0;
	background: #fff;
	font: normal 12px/22px Arial;
	color: #666;
}
#mastHeader
{
	border: 1px solid #ebebeb;
	border-bottom-color: #f2f2f2;
	background: url(../images/b-header_bg.gif);
}
#header
{
	border: 0px solid #ebebeb;
	border-bottom-color: #f2f2f2;
	/*background: url(../images/header_bg.gif);*/
}
#header td
{
	vertical-align: top;
}
#mid
{
	border: 1px solid #d7d7d7;
	border-bottom-color: #fafafa;
	border-right: 0;
	vertical-align: top;
}
#mid td
{
	/*vertical-align: top;*/
}
#midContent
{
	margin-bottom: 10px;
	background: url(../images/midContent_bg.gif);
}
#midContent .feet
{
	background: url(../images/midContent_feet.gif) no-repeat center bottom;
	width: 291px !important;
	width: 290px;
}
#midContent .right
{
	background: #fff;
}
.sidebar
{
	width: 149px;
	/*background: url(../images/sidebar_bg.gif);*/
	vertical-align: top;
}
#keyImg img
{
	border: 0px solid #e5e5e5;
	position: relative;
	top: 0px;
	left: 0px;
	margin-bottom: 1em;
}


/* top func */
#topfunc
{
	margin: 0;
	padding: 0;
	float: right;
	padding-top: 8px;
}

#topfunc li
{
	float: left;
	list-style: none;
}
#topfunc a
{
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	line-height: 0;
	height: 12px;
	background: no-repeat top;
}
#topfunc .m1 a
{
	background-image: url(../images/topfunc_01.gif);
	width: 121px;
}
#topfunc .m2 a
{
	background-image: url(../images/topfunc_02.gif);
	width: 65px;
}
#topfunc .m3 a
{
	background-image: url(../images/topfunc_03.gif);
	width: 72px;
}
#topfunc a:hover
{
	background-position: bottom;
}


/* member func */
#memberfunc
{
	margin: 0;
	padding: 0;
	float: right;
	margin-right: 5px;
}
#memberfunc li
{
	float: left;
	list-style: none;
}
#memberfunc a
{
	display: block;
	text-indent: -5000px;
	text-decoration: none;
	line-height: 0;
	height: 29px;
}
#memberfunc .tel
{
	background: url(../images/member_tel.gif) no-repeat;
	width: 220px;
}
#memberfunc .m1 a
{
	background: url(../images/member_01.gif);
	width: 65px;
}
#memberfunc .m2 a
{
	background: url(../images/member_02.gif);
	width: 88px;
}
#memberfunc .m3 a
{
	background: url(../images/member_03.gif);
	width: 67px;
}
#memberfunc .m4 a
{
	background: url(../images/member_04.gif);
	width: 61px;
}
#memberfunc .m5 a
{
	background: url(../images/member_05.gif);
	width: 71px;
}
#memberfunc a:hover
{
	background-position: left bottom;
}


/* navigation func */
#navigation
{
	margin: 0;
	padding: 0;
}
#navigation li
{
	list-style: none;
}
#navigation li div
{
	height: 44px;
	width: 144px;
	border-bottom: 1px solid #ececec;
}
#navigation li div a
{
	display: block;
	text-decoration: none;
	text-indent: -5000px;
	width: 144px;
	height: 44px;
}
#navigation .m1 div a
{
	background: url(../images/menu_01.gif);
}
#navigation .m2 div a
{
	background: url(../images/menu_02.gif);
}
#navigation .m3 div a
{
	background: url(../images/menu_03.gif);
}
#navigation .m4 div a
{
	background: url(../images/menu_04.gif);
}
#navigation .m5 div a
{
	background: url(../images/menu_05.gif);
}
#navigation .m6 div a
{
	background: url(../images/menu_06.gif);
}
#navigation .m7 div a
{
	background: url(../images/menu_07.gif);
}
#navigation .m8 div a
{
	background: url(../images/menu_08.gif);
}
#navigation .m9 div a
{
	background: url(../images/menu_09.gif);
}
#navigation .m10 div a
{
	background: url(../images/menu_10.gif);
}
#navigation .m1 div a:hover
{
	border-right: 5px solid #c00;
}
#navigation .m2 div a:hover
{
	border-right: 5px solid #fc0;
}
#navigation .m3 div a:hover
{
	border-right: 5px solid #9c0;
}
#navigation .m4 div a:hover
{
	border-right: 5px solid #686DAC;
}
#navigation .m5 div a:hover
{
	border-right: 5px solid #8560A8;
}
#navigation .m6 div a:hover
{
	border-right: 5px solid #27B0DA;
}
#navigation .m7 div a:hover
{
	border-right: 5px solid #AF735F;
}
#navigation .m8 div a:hover
{
	border-right: 5px solid #459b92;
}
#navigation .m9 div a:hover
{
	border-right: 5px solid #2f559f;
}
#navigation .m10 div a:hover
{
	border-right: 5px solid #e87b92;
}


/*=========¿ï3æ?ü￥Ü®ÄªG================*/
#s1 .m1 div a
{
	border-right: 5px solid #c00;
}
#s2 .m2 div a
{
	border-right: 5px solid #fc0;
}
#s3 .m3 div a
{
	border-right: 5px solid #9c0;
}
#s4 .m4 div a
{
	border-right: 5px solid #686DAC;
}
#s5 .m5 div a
{
	border-right: 5px solid #8560A8;
}
#s6 .m6 div a
{
	border-right: 5px solid #27B0DA;
}
#s7 .m7 div a
{
	border-right: 5px solid #AF735F;
}
#s8 .m8 div a
{
	border-right: 5px solid #459b92;
}
#s9 .m9 div a
{
	border-right: 5px solid #2f559f;
}
#s10 .m10 div a
{
	border-right: 5px solid #e87b92;
}


/*=========¿ï3æ?ü￥Ü®ÄªG================*/
#navigation ul
{
	margin: 0;
	margin-right: 5px;
	padding: 0;
	border-top: 3px solid #ececec;
	border-bottom: 1px solid #ececec;
	display: none;
}
#s1 .m1 ul, #s2 .m2 ul, #s3 .m3 ul, #s4 .m4 ul, #s5 .m5 ul, #s6 .m6 ul, #s7 .m7 ul, #s8 .m8 ul, #s10 .m10 ul, #s9 .m9 ul
{
	display: block;
}
#navigation li li a
{
	display: block;
	background: #f2f2f2 url(../images/arr_navi.gif) no-repeat 18px center;
	text-indent: 32px;
	line-height: 23px;
	vertical-align: middle;
	width: 144px;
	height: 23px;
	border: 0;
	color: #000;
}
#navigation .m1 li a:hover
{
	background-color: #E7A9A9;
}
#navigation .m2 li a:hover
{
	background-color: #F6E7A9;
}
#navigation .m3 li a:hover
{
	background-color: #D7E7A9;
}
#navigation .m4 li a:hover
{
	background-color: #C8CADD;
}
#navigation .m5 li a:hover
{
	background-color: #D1C6DC;
}
#navigation .m6 li a:hover
{
	background-color: #B5DEEB;
}
#navigation .m7 li a:hover
{
	background-color: #D7B9AF;
}
#navigation .m8 li a:hover
{
	background-color: #D7B9AF;
}
#navigation .m9 li a:hover
{
	background-color: #D7B9AF;
}
#navigation .m10 li a:hover
{
	background-color: #e87b92;
}


/* content */
.indexColumn
{
	background: #f2f2f2 url(../images/index_h_right.gif) no-repeat top right;
	margin-bottom: 10px;
}
.indexColumn th
{
	background: url(../images/index_h_left.gif) no-repeat top left;
	text-align: left;
	text-indent: 11px;
	border-left: 7px solid #fff;
}
.indexColumn td
{
	border-right: 1px solid #d9d9d9;
	padding: 0 10px;
	border-left: 7px solid #fff;
}
.indexColumn .content
{
	height: 100%;
}
.indexColumn .tail
{
	padding: 0;
	height: 10px;
	border-right: 0;
	background: url(../images/index_t_right.gif) no-repeat bottom right;
}
.indexColumn ul
{
	padding: 0;
	margin: 0;
	border: 1px solid #cecece;
	background: #fff;
}
.sony-news-item .sony-news-title
{
	color: #000;
}
.indexColumn .sony-news-digest li
{
	list-style: none;
	border-bottom: 1px solid #ebebeb;
	padding: 6px 5px;
}
/*.indexColumn .date {
	font-weight:bold;
	color:#c00;
	}*/
.indexColumn .center
{
	padding: 6px;
}
.indexColumn .center li
{
	list-style: none;
	padding: 6px;
}
.indexColumn .center .ht td
{
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	border: 0;
	padding: 0;
	color: #fff;
	background: #666;
}
.indexBoard
{
	width: 250px;
	margin: 0 0 0 0px;
	border: 0px solid #e5e5e5;
}
.indexBoard .faq, .indexBoard .download
{
	padding: 0;
	margin: 0;
	width: 240px;
	border-top: 2px solid #cecece;
	border-bottom: 2px solid #cecece;
	background-color: #fafafa;
	height: 75px;
}
.indexBoard .faq li
{
	float: left;
	display: inline;
	width: 120px;
	list-style: none;
	text-indent: 25px;
	border-bottom: 1px solid #ebebeb;
	background: url(../images/index_h3_list.gif) no-repeat 5px top;
	padding-bottom: 3px;
}
.indexBoard .download li
{
	list-style: none;
	text-indent: 25px;
	border-bottom: 1px solid #ebebeb;
	background: url(../images/arr_dl.gif) no-repeat 9px 7px;
	padding-bottom: 3px;
}
.indexBoard li.hide
{
	display: none;
}
.indexBoard .dl
{
	border: 2px solid #cecece;
	border-width: 2px 0;
	background: #fafafa;
	padding: 3px 10px;
}


/* news subscribe */
#indexNewssubscribe
{
	border: 0px solid #d7d7d7;
	background: url(../images/footer_bg.gif);
	padding-left: 0px;
	height: 42px;
}
#indexNewssubscribe form
{
	margin: 0;
	padding: 0;
}
#yourMail
{
	border: 1px solid #d7d7d7;
	height: 16px;
}


/****/
em
{
	font-style: normal;
	color: #000;
}


/***/
.pageBtn
{
	margin: 5px 0;
	text-align: right;
}
.pageBtn img
{
	padding-left: 5px;
}
.cxtgray
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 22px;
	color: #666666;
	padding-top: 10px;
}
.selectbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
}
.none
{
	font-size: 10px;
	color: #959595;
	line-height: 16px;
}
.font9_h0
{
	font-size: 9pt;
	font-family: "Arial" , "Helvetica" , "sans-serif";
	font-weight: 500;
}


