@charset "Shift_JIS";

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

	File name		:	base.css
	Last update : 2008/02/20
	
	//INDEX
		1 : Universal settings
		2 : Header
		3 : Main Visual
		4 : Topic Path
		5 : Main Column
		6 : Footer
		7 : Common Style
		8 : Clear Style
		9 : Error
	
=============================================*/


/*========================================
1 : Clear Style
========================================*/

.clearFix:after,
#mainClm .style .btnArea:after,
.digitalSignage #mainClm .category:after,
.digitalSignage #mainClm .group ul:after,
.digitalSignage #mainClm .case .caseList:after,
#popContainer .phArea:after,
#popContainer .popFooter:after,
#popContainer:after,
.sclTtlArea:after,
.digitalSignage #mainClm .sclColumn:after,
.digitalSignage .sslContainer .sslTtl:after,
.digitalSignage #mainClm .sslContainer .sslCtt:after,
.digitalSignage #mainClm .products .prdColumn:after,
body.category #mainClm pickupArea01:after,
body.category #mainClm .box dl:after{
content: '[.]';
visibility: hidden;
clear: both;
display: block;
height: 0;
}

.clearFix,
#mainClm .style .btnArea,
.digitalSignage #mainClm .category,
.digitalSignage #mainClm .group ul,
.digitalSignage #mainClm .case .caseList,
#popContainer .phArea,
#popContainer .popFooter,
#popContainer.
.sclTtlArea,
.digitalSignage #mainClm .sclColumn,
.digitalSignage .sslContainer .sslTtl,
.digitalSignage #mainClm .sslContainer .sslCtt,
.digitalSignage #mainClm .products .prdColumn,
body.category #mainClm pickupArea01,
body.category #mainClm .box dl{
zoom: 100%;
}

#popContainer .phArea:after{
content: '[.]';
visibility: hidden;
clear: both;
display: block;
height: 0;
}

#popContainer .phArea{
zoom: 100%;
}


/*========================================
2 : Digital Signage | Common Style
========================================*/

.digitalSignage{
}



/*========================================
2 : Digital Signage Top | Visual Area
========================================*/

.digitalSignage .topVisual{
margin:0 0 35px 0 !important;
}

/*========================================
2 : Digital Signage Top | Main Clumn
========================================*/

/*------------ Copy Area ------------*/
.digitalSignage #mainClm .copyArea{
margin:0 35px 35px 35px;
}

.digitalSignage #mainClm .copyAreaTop{
	margin:0 0 35px 22px;
	width:510px;
	float:left;
}

.digitalSignage #mainClm .copyAreaTopBnn{
	margin:0 0 0 0;
	width:286px;
	float:right;
}

.digitalSignage #mainClm .copyArea .copy{
margin-bottom:15px;
}

/*------------ Solution ------------*/
.digitalSignage #mainClm .solution{
text-align: center;
margin-bottom:30px;
}

.digitalSignage #mainClm .solution h3{
margin-bottom:10px;
}

.digitalSignage #mainClm .solution p{
margin: 0 auto;
}



/*------------ Products ------------*/
.digitalSignage #mainClm .products{
margin-bottom:30px;
}

.digitalSignage #mainClm .products h3{
margin-bottom:10px;
}

.digitalSignage #mainClm .products .prdColumn li{
float:left;
margin-left:35px;
_margin-left:17px;
}


/*------------ Category ------------*/
.digitalSignage #mainClm .category{
margin-bottom:10px;
}

.digitalSignage #mainClm .category h3{
margin-bottom:10px;
}

.digitalSignage #mainClm .category .copy{
margin:0 0 10px 25px;
}

.digitalSignage #mainClm .category .ctgList{
margin:0 25px;
}

.digitalSignage #mainClm .category .ctgList li{
width:220px;
float:left;
display:block;
margin:0 60px 25px 0;
position:relative;
background-color:#FBFBFB;
background:url(../../digital_signage/img/bg_ds_ctg.gif) 0 100% no-repeat;
}

.digitalSignage #mainClm .category .ctgList li.boxR{
margin-right:0;
}

.digitalSignage #mainClm .category .ctgList li .photo{
position:absolute;
left:0;
top:0;
}

.digitalSignage #mainClm .category .ctgList li h4{
position:absolute;
left:0;
top:65px;
}

.digitalSignage #mainClm .category .ctgList li .text{
margin:100px 20px 10px 20px;
}


/*------------ Group ------------*/
.digitalSignage #mainClm .group{
margin-bottom:40px;
}

.digitalSignage #mainClm .group h3{
margin-bottom:10px;
}

.digitalSignage #mainClm .group .copy{
margin:0 0 20px 25px;
}

.digitalSignage #mainClm .group ul{
display:block;
margin:0 0 0 0;
}

.digitalSignage #mainClm .group li{
background:url(../img/icon_popup.gif) 0 5px no-repeat;
padding-left:15px;
float:left;
margin-left:25px;
}

.digitalSignage #mainClm .group li.listL{
_margin-left:12px;
}

/*.digitalSignage #mainClm .group li.listL{
_margin-left:45px;
}*/



/*========================================
2 : Digital Signage 2nd | Common Style
========================================*/

/*------------ Copy Area ------------*/
.digitalSignage #mainClm .copyArea2nd{
margin:0 35px 20px 35px;
}

/*------------ Case ------------*/
.digitalSignage #mainClm .case{
margin-bottom:35px;
}

.digitalSignage #mainClm .case h3{
margin-bottom:15px;
}

.digitalSignage #mainClm .case .caseList{
margin:0 25px;
}

.digitalSignage #mainClm .case .caseListS{
	margin-right:-20px;	
}

.digitalSignage #mainClm .case .caseListSS{
	margin:0 -50px 0 10px;
}

.digitalSignage #mainClm .case .caseList li{
	float:left;
	display:block;
	margin-right:20px;
	margin-bottom:10px;
}

.digitalSignage #mainClm .case .caseList li.boxR{
margin-right:0;
}

.digitalSignage #mainClm .case .caseList li .photo{
margin-bottom:5px;
}

.digitalSignage #mainClm .case .caseList li .name{
text-align:center;
}

.digitalSignage #mainClm .case .caseList li .name a{
	background:url(../img/icon_popup.gif) 0 5px no-repeat;
	_background:url(../img/icon_popup.gif) 0 3px no-repeat;
	padding-left:11px;
}


/*========================================
2 : Digital Signage Popup | Common Style
========================================*/

#popContainer{
width:550px;
margin:0 auto;
}

#popContainer h1{
margin-bottom:10px;
}

#popContainer h2{
margin-bottom:15px;
}

#popContainer h3{
margin:0 10px 10px 10px;
text-align:center;
}

#popContainer .phArea{
margin:0 10px 20px 10px;
padding-top:15px;
background-color:#EFEFEF;
text-align:center;
}

#popContainer .phArea ul{
display:block;
margin:0 20px;
}

#popContainer .phArea li{
float:left;
display:block;
margin-bottom:5px;
padding-bottom:5px;
}

#popContainer .phArea li .photo{
margin-bottom:5px;
}

#popContainer .phArea2{
margin:0 10px 20px 10px;
padding-top:15px;
background-color:#EFEFEF;
text-align:center;
}

#popContainer .phArea2 ul{
display:block;
margin:0 20px;
}

#popContainer .phArea2 li{
float:left;
display:block;
margin-bottom:5px;
padding-bottom:5px;
_padding-bottom:0px;

}

#popContainer .phArea li .photo{
margin-bottom:5px;
_margin-bottom:0;
}

#popContainer .spec{
margin-bottom:15px;
}

#popContainer .spec table{
border-collapse:collapse;
width:550px;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
margin-bottom:10px;
}

#popContainer .spec table th{
padding:7px;
vertical-align:top;
text-align:left;
background:url(../img/cmn_bar_dot01.gif) 0 100% repeat-x;
white-space:nowrap;
}

#popContainer .spec table th.solid{
padding:7px;
vertical-align:top;
text-align:left;
background:url(../img/cmn_bar_sld01.gif) 0 100% repeat-x;
white-space:nowrap;
}


#popContainer .spec table th span{
display:block;
padding-left:25px;
}

#popContainer .spec table td.solid{
padding:7px 15px 7px 7px;
vertical-align:top;
background:url(../img/cmn_bar_sld01.gif) 0 100% repeat-x;
}

#popContainer .spec table td{
padding:7px 15px 7px 7px;
vertical-align:top;
background:url(../img/cmn_bar_dot01.gif) 0 100% repeat-x;
}


#popContainer .spec table th.last,
#popContainer .spec table td.last{
background:none;
}

#popContainer .spec .pageCaption{
text-align:right;
}

#popContainer .popFooter{
}

#popContainer .popFooter .popCopyright{
float:left;
display:block;
width:255px;
margin:8px 0 0 5px;
}

#popContainer .popFooter .btnClose{
float:right;
}


/*========================================
2 : Digital Signage Popup | Original Style
========================================*/

/*--------------------------------------*/
/*----- Finance | Table Style -----*/
/*--------------------------------------*/

#popContainer .finance th span{
background:url(../../digital_signage/finance/img/bg_pop_th.gif) 15px 4px no-repeat;
}


/*----- Finance | Tokaitokyo -----*/

#popContainer .tokaiTokyo .ph01{
width:215px;
margin-right:20px;
}

#popContainer .tokaiTokyo .ph02{
width:255px;
}

#popContainer .tokaiTokyo .ph03{
width:255px;
margin-right:20px;
}

#popContainer .tokaiTokyo .ph04{
width:215px;
}

/*----- Finance | TSE / Shinko sce -----*/

#popContainer .tse .ph01,
#popContainer .shinkoSce .ph01{
/*margin-left:95px;
_margin-left:47px;*/
width:100%;
}


/*----- Finance | Shinsei Bank -----*/

#popContainer .shinseiBank .ph01{
width:215px;
margin:0 30px 0 15px;
_margin:0 30px 0 7px;
}

#popContainer .shinseiBank .ph02{
width:215px;
}

/*----- trafic |  intArp -----*/

#popContainer .intArp .ph01{
width:160px;
margin:0 5px 0 0;
}

#popContainer .intArp .ph02{
width:160px;
}

#popContainer .intArp li.intArpTxt{
width:490px;
font-size:10px;
display:block;
margin:0;
padding:0;
margin-top:-10px;
padding-bottom:10px;
}

ul.dsTrfUl{
_margin-top:-10px;
}

*:first-child+html ul.dsTrfUl{
margin-top:-10px;
}

li.dsTrf{
clear:both;
margin:0;
padding:0;
}

li.dsTrf2{
clear:both;
margin:0;
padding:0;
_margin-top:-10px;
}

*:first-child+html li.dsTrf2{
clear:both;
margin:0;
padding:0;
margin-top:-10px;
}

dt.dsTrfDt{
float:left;
width:15px;
margin:0;
padding:0;
}

dd.dsTrfDd{
float:left;
width:370px;
margin:0;
padding:0;
}

.kiaTxt{
margin:0;
padding:0;
width:490px;
margin:0 auto;
margin-bottom:10px;
_margin-top:-15px;
}

.kiaTxt p.kiaTxt01{
margin:0;
padding:0;
float:left;
width:320px;
font-size:10px;
margin-top:-10px;
_margin-top:0px;

}

.kiaTxt p.kiaTxt02{
margin:0;
padding:0;
float:right;
width:160px;
font-size:10px;
margin-top:-10px;
_margin-top:0px;
}


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

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

.digitalSignage .sclVisual{
position:relative;
width:830px;
height:180px;
}
.digitalSignage .sclVisual .main{
position:absolute;
left:0;
top:0;
width:830px;
height:180px;
z-index:0;
}
.digitalSignage .sclVisual .btnScl{
position:absolute;
left:650px;
top:145px;
width:168px;
height:26px;
z-index:1;
}

.digitalSignage #mainClm .sclTtlArea{
background:url(../../digital_signage/img/bg_ttl_prd.gif) 0 0 no-repeat;
width:830px;
height:50px;
margin-bottom:25px;
}

.digitalSignage #mainClm .sclTtlArea h3{
margin-left:10px;
float:left;
width:200px;
height:50px;
}

.digitalSignage #mainClm .sclTtlArea ul.lsTop{
display:block;
float:right;
margin-right:10px;
margin-top:17px;
}

.digitalSignage #mainClm .sclTtlArea ul li{
float:left;
display:inline;
margin-right:10px;
}

.digitalSignage #mainClm .sclColumn{
width:800px;
margin-left:25px;
margin-bottom:20px;
background:url(../../digital_signage/l_scale/img/ln_gr.gif) 0 100% no-repeat;
}

.digitalSignage #mainClm .no-border{
background:none;
}

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

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

table.lscTbl{
border-collapse:collapse;
width:780px;
font-size:12px;
border:#D8D8D8 solid 1px;
}

table.lscTbl th{
border:#D8D8D8 solid 1px;
padding:6px 10px;
background-color:#F7F7F7;
white-space:nowrap;
}

table.lscTbl td.lscTblTd{
width:14em;
}

table.lscTbl td{
border:#D8D8D8 solid 1px;
padding:6px 10px;
}

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

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

.digitalSignage #mainClm .sslContainer{
width:830px;
margin-bottom:20px;
}

.digitalSignage #mainClm .sslContainer .sslTtl{
background:url(../../digital_signage/img/bg_ttl_prd.gif) 0 0 no-repeat;
width:830px;
height:50px;
margin-bottom:20px;
}

.digitalSignage #mainClm .sslContainer .sslCtt{
width:800px;
margin-left:25px;
}

.digitalSignage #mainClm .sslContainer .sslTtl .sslTtlImg{
float:left;
margin-left:10px;
}

.digitalSignage #mainClm .sslContainer .sslTtl .sslBtn{
float:right;
margin-top:17px;
margin-right:10px;
}

.digitalSignage #mainClm .sslContainer .sslTxt{
width:540px;
float:left;
}

.digitalSignage #mainClm .sslContainer .sslImg{
width:200px;
float:right;
}


div#global_footer *{
	line-height:1.25em;
}
div#global_footer {
	margin:0 0 0 0;
	padding:3px 0 3px 0;
}



/*category
/*========================================

========================================*/
/*------------ pickupArea ------------*/
body.category #pickupArea{
}

body.category #pickupArea .wBox{
clear: both;
margin-top: 15px;
padding-bottom: 25px;
}

body.category #pickupArea .box{
background: url(../img/line_bdr_y.gif) repeat-y right top;
float:left;
display: inline;
width: 268px;
padding:0 6px 28px;
}
*html body.category #pickupArea .box{width:267px;padding:0 5px 28px 5px;}

body.category #pickupArea .start{
padding-left: 0;
}

body.category #pickupArea .end{
background: none;
width: 268px;
padding: 0 0 28px 6px !important;
}
*html body.category #pickupArea .end{width:262px;margin-right:-10px; }


body.category #pickupArea .box h3{
background: url(../../category/img/ttl_cat_bg_02.jpg) repeat-x left top;
clear:both;
height: 45px;
padding: 6px 7px 0 10px;
}
*html body.category #pickupArea .box h3{height: 51px;}



body.category #pickupArea .box p.visual{
text-align: center;
padding: 8px 0;
margin: 0 auto;
}
body.category #pickupArea .box p.visual img{
margin:0 auto;
}

body.category #mainClm .box p.description{
font-size: 80%;
clear: both;
margin: 0 15px 8px;
}

body.category #pickupArea .box p.mTop10{
margin-top:15px;
}

body.category #pickupArea .box dl{
margin: 10px 13px;
}

body.category #pickupArea .box dl dt{
vertical-align: super;
float: left;
clear: left;
width:62px;
}

body.category #pickupArea .box dl dt img{
vertical-align: middle;
}
*html body.category #pickupArea .box dl dt img{
	position:relative; top:3px;
}

body.category #pickupArea .box dl dd{
vertical-align:text-bottom;
display: inline-block;
float: left;
}

body.category #pickupArea .box ul{
font-size: 80%;
width: 166px;
margin: 5px 7px;
}

body.category #pickupArea .box ul li{
margin-bottom:5px;
}


/* popup icon */
body.category a.popup {
background:url(../img/icon_popup.gif) no-repeat left 5px;
padding-left:12px;
}