@charset "utf-8";
@import url(base.css);

/* ----------------------------------------------------------
  Date : 2009.10.06
  URL : http://www.sonykigyo.jp/
  (c) Sony Enterprise Co., Ltd.
---------------------------------------------------------- */




/* floar解除(clearfix) */
.clrfix{
	zoom: 100%;
}
.clrfix:after{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

dl#globalNav dt,
dl#footNav dt,
dl#subMenu dt{
	position:absolute;
	overflow:hidden;
	width:0;
	height:0;
}



body{
	background:#fff url(/img/bg.gif) top center repeat-x;
	text-align:center;
}

.container{
	margin:0 auto;
}
.page{
	margin:0 auto;
	width:950px;
	background:#fff url(/img/header.gif) top center no-repeat;
	overflow:hidden;
}
.wrapper{
	padding:0px 0px;
	text-align:left;
	clear:both;
}

.nowrap{
	white-space:nowrap;
}
/* ----------------------------------------------------------
common
---------------------------------------------------------- */

.txtCenter{
	text-align:center;
}
.txtRight{
	text-align:right;
}
.txtLeft{
	text-align:left;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}

.txt1{
	font-size:77%; /* 10px相当 */
}
.txt2{
	font-size:85%; /* 11px相当 */
}
.txt3{
	font-size:93%; /* 12px相当 */
}
.txt4{
	font-size:108%; /* 14px相当 */
}
.txt5{
	font-size:123.1%; /* 16px相当 */
}
.txt6{
	font-size:138.5%; /* 18px相当 */
}

.clrRed{
	color:#f00;
}

/* PADDING */

.p0{ padding:0px; }
.p5{ padding:5px; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }
.p25{ padding:25px; }
.p30{ padding:30px; }
.pt0{ padding-top:0px; }
.pt3{ padding-top:3px; }
.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }
.pt40{ padding-top:40px; }
.pt45{ padding-top:45px; }
.pt50{ padding-top:50px; }
.pt55{ padding-top:55px; }
.pt60{ padding-top:60px; }
.pt65{ padding-top:65px; }
.pt70{ padding-top:70px; }
.pt75{ padding-top:75px; }
.pb0{ padding-bottom:0px; }
.pb3{ padding-bottom:3px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }
.pb50{ padding-bottom:50px; }
.pb55{ padding-bottom:55px; }
.pb60{ padding-bottom:60px; }
.pb65{ padding-bottom:65px; }
.pb70{ padding-bottom:70px; }
.pb75{ padding-bottom:75px; }
.pl0{ padding-left:0px; }
.pl3{ padding-left:3px; }
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }
.pl35{ padding-left:35px; }
.pl40{ padding-left:40px; }
.pl45{ padding-left:45px; }
.pl50{ padding-left:50px; }
.pl55{ padding-left:55px; }
.pl60{ padding-left:60px; }
.pl65{ padding-left:65px; }
.pl70{ padding-left:70px; }
.pl75{ padding-left:75px; }
.pr0{ padding-right:0px; }
.pr3{ padding-right:3px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr35{ padding-right:35px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }
.pr50{ padding-right:50px; }
.pr55{ padding-right:55px; }
.pr60{ padding-right:60px; }
.pr65{ padding-right:65px; }
.pr70{ padding-right:70px; }
.pr75{ padding-right:75px; }


/* MARGIN */

.m0{ margin:0px; }
.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }
.m25{ margin:25px; }
.m30{ margin:30px; }
.mt0{ margin-top:0px; }
.mt3{ margin-top:3px; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }
.mt55{ margin-top:55px; }
.mt60{ margin-top:60px; }
.mt65{ margin-top:65px; }
.mt70{ margin-top:70px; }
.mt75{ margin-top:75px; }
.mb0{ margin-bottom:0px; }
.mb3{ margin-bottom:3px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }
.mb55{ margin-bottom:55px; }
.mb60{ margin-bottom:60px; }
.mb65{ margin-bottom:65px; }
.mb70{ margin-bottom:70px; }
.mb75{ margin-bottom:75px; }
.ml0{ margin-left:0px; }
.ml3{ margin-left:3px; }
.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }
.ml45{ margin-left:45px; }
.ml50{ margin-left:50px; }
.ml55{ margin-left:55px; }
.ml60{ margin-left:60px; }
.ml65{ margin-left:65px; }
.ml70{ margin-left:70px; }
.ml75{ margin-left:75px; }
.mr0{ margin-right:0px; }
.mr3{ margin-right:3px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }
.mr40{ margin-right:40px; }
.mr45{ margin-right:45px; }
.mr50{ margin-right:50px; }
.mr55{ margin-right:55px; }
.mr60{ margin-right:60px; }
.mr65{ margin-right:65px; }
.mr70{ margin-right:70px; }
.mr75{ margin-right:75px; }


/* ----------------------------------------------------------
ヘッダー
---------------------------------------------------------- */
.header{
	position:relative;
	text-align:left;
	padding:36px 0 0;
}
.header .logo{
	position:relative;
	text-align:left;
	padding:20px 0;
}
.header dl.globalNav{
	width:950px;
	padding:0 0 20px;
	background:#fff url(/img/gnavi.jpg) top left no-repeat;
}

.header dl.globalNav dd{
	zoom: 100%;
}
.header dl.globalNav dd:after{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}


.header dl.globalNav li,
.header dl.globalNav li a{
	width:190px;
	height:50px;
	display:block;
	float:left;
	text-indent:-9999px;
}
.header dl.globalNav li.gn01 a{
	background:url(/img/gnavi.jpg) 0px 0px no-repeat;
}
.header dl.globalNav li.gn01 a:hover{
	background:url(/img/gnavi.jpg) 0px -200px no-repeat;
}
#home .header dl.globalNav li.gn01 a{
	background:url(/img/gnavi.jpg) 0px -100px no-repeat;
}
.header dl.globalNav li.gn02 a{
	background:url(/img/gnavi.jpg) -190px 0px no-repeat;
}
.header dl.globalNav li.gn02 a:hover{
	background:url(/img/gnavi.jpg) -190px -200px no-repeat;
}
#company .header dl.globalNav li.gn02 a{
	background:url(/img/gnavi.jpg) -190px -100px no-repeat;
}
.header dl.globalNav li.gn03 a{
	background:url(/img/gnavi.jpg) -380px 0px no-repeat;
}
.header dl.globalNav li.gn03 a:hover{
	background:url(/img/gnavi.jpg) -380px -200px no-repeat;
}
#business .header dl.globalNav li.gn03 a{
	background:url(/img/gnavi.jpg) -380px -100px no-repeat;
}
.header dl.globalNav li.gn04 a{
	background:url(/img/gnavi.jpg) -570px 0px no-repeat;
}
.header dl.globalNav li.gn04 a:hover{
	background:url(/img/gnavi.jpg) -570px -200px no-repeat;
}
#recruit .header dl.globalNav li.gn04 a{
	background:url(/img/gnavi.jpg) -570px -100px no-repeat;
}
.header dl.globalNav li.gn05 a{
	background:url(/img/gnavi.jpg) -760px 0px no-repeat;
}
.header dl.globalNav li.gn05 a:hover{
	background:url(/img/gnavi.jpg) -760px -200px no-repeat;
}
#csr .header dl.globalNav li.gn05 a{
	background:url(/img/gnavi.jpg) -760px -100px no-repeat;
}


/* ----------------------------------------------------------
フッター
---------------------------------------------------------- */
.footer{
	position:relative;
	text-align:left;
	padding:18px 0 0;
}
.footer dl.footNav{
	width:458px;
	padding:0 0 20px;
	background:#fff url(/img/fnavi.gif) 0px 0px no-repeat;
}

.footer dl.footNav dd{
	zoom: 100%;
}
.footer dl.footNav dd:after{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

.footer dl.footNav li,
.footer dl.footNav li a{
	float:left;
	text-indent:-9999px;
}

.footer dl.footNav li a:hover{
	border-bottom:1px solid #3b6385;
}

.footer dl.footNav li.fn01{
	width:95px;
	height:14px;
	background:url(/img/fnavi.gif) 0px 0px no-repeat;
}
.footer dl.footNav li.fn01 a{
	width:65px;
	height:14px;
	display:block;
}
.footer dl.footNav li.fn02{
	width:104px;
	height:14px;
	background:url(/img/fnavi.gif) 0px -95px no-repeat;
}
.footer dl.footNav li.fn02 a{
	width:75px;
	height:14px;
	display:block;
}

.footer dl.footNav li.fn03{
	width:131px;
	height:14px;
	background:url(/img/fnavi.gif) 0px -199px no-repeat;
}
.footer dl.footNav li.fn03 a{
	width:104px;
	height:14px;
	display:block;
}

.footer dl.footNav li.fn04{
	width:127px;
	height:14px;
	background:url(/img/fnavi.gif) 0px -331px no-repeat;
}
.footer dl.footNav li.fn04 a{
	width:113px;
	height:14px;
	display:block;
}

.footer .copyright{
	position:absolute;
	top:18px;
	left:526px;
}
.footer .sony-j{
	position:absolute;
	top:18px;
	left:879px;
}

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

---------------------------------------------------------- */
.pan{
	height:40px;
	padding-right:20px;
	text-align:right;
}
.main{
	position:relative;
	background:url(/img/main_bg_01.gif) 0px 0px repeat-y;
}
.main{
	zoom: 100%;
}
.main:after{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}

.mainBody{
	position:relative;
	float:right;
	width:660px;
	padding-top:30px;
	padding-right:40px;
	padding-bottom:40px;
	background:url(/img/main_bg_02.jpg) 0px 0px no-repeat;
}

.mainBody h2{
	padding-bottom:22px;
	border-bottom:4px solid #e5e5e5;
}

.mainBody h3{
	margin-bottom:15px;
}


.marklink{
	clear:both;
}
.marklink ul{
	zoom: 100%;
}
.marklink ul:after{
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}
.marklink li{
	float:left;
	padding-right:20px;
}

.totop{
	clear:both;
	text-align:right;
	padding-right:40px;
}

.linkout{
	padding:2px 2px 2px 20px;
	background:url(/img/icon_linkout.gif) left center no-repeat;
}

.linkpdf{
	padding:2px 2px 2px 20px;
	background:url(/img/icon_linkpdf.gif) left center no-repeat;
}

.arrowR{
	padding:2px 2px 2px 12px;
	background:url(/img/icon_arrow_r2.gif) left center no-repeat;
}


/* ----------------------------------------------------------
footerメニューサイドナビ
---------------------------------------------------------- */

#other .subMenu{
	position:relative;
	float:left;
	width:190px;
	padding-bottom:40px;
	background:url(/img/footer_snavi.jpg) 0px 0px no-repeat;
}
#other .subMenu dt{
	height:1px;
	overflow:hidden;
	text-indent:-9999px;
}

#other .subMenu li a{
	width:190px;
	height:42px;
	display:block;
	text-indent:-9999px;
}

#other .subMenu li.sn01 a{
	background:url(/img/footer_snavi.jpg) 0px -1px no-repeat;
}
#other .subMenu li.sn01 a:hover{
	background:url(/img/footer_snavi.jpg) -400px -1px no-repeat;
}
#other .sitemap .subMenu li.sn01 a,
#other .sitemap .subMenu li.sn01 a:hover{
	background:url(/img/footer_snavi.jpg) -200px -1px no-repeat;
}

#other .subMenu li.sn02 a{
	background:url(/img/footer_snavi.jpg) 0px -43px no-repeat;
}
#other .subMenu li.sn02 a:hover{
	background:url(/img/footer_snavi.jpg) -400px -43px no-repeat;
}
#other .contact .subMenu li.sn02 a,
#other .contact .subMenu li.sn02 a:hover{
	background:url(/img/footer_snavi.jpg) -200px -43px no-repeat;
}

#other .subMenu li.sn03 a{
	background:url(/img/footer_snavi.jpg) 0px -85px no-repeat;
}
#other .subMenu li.sn03 a:hover{
	background:url(/img/footer_snavi.jpg) -400px -85px no-repeat;
}
#other .aboutsite .subMenu li.sn03 a,
#other .aboutsite .subMenu li.sn03 a:hover{
	background:url(/img/footer_snavi.jpg) -200px -85px no-repeat;
}

#other .subMenu li.sn04 a{
	background:url(/img/footer_snavi.jpg) 0px -127px no-repeat;
}
#other .subMenu li.sn04 a:hover{
	background:url(/img/footer_snavi.jpg) -400px -127px no-repeat;
}
#other .privacy .subMenu li.sn04 a,
#other .privacy .subMenu li.sn04 a:hover{
	background:url(/img/footer_snavi.jpg) -200px -127px no-repeat;
}
