@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 .chart .box02 .category:after,
#mainClm .information li:after,
#mainClm .lineup:after,
#mainClm .scene:after,
#mainClm .style:after,
#mainClm .scene .btnArea:after,
#mainClm .style .btnArea:after,
#mainClm .information .newsTitleArea:after{
content: '[.]';
visibility: hidden;
clear: both;
display: block;
height: 0;
}

.clearFix,
#mainClm .chart .box02 .category,
#mainClm .information li,
#mainClm .lineup,
#mainClm .scene,
#mainClm .style,
#mainClm .scene .btnArea,
#mainClm .style .btnArea,
#mainClm .information .newsTitleArea{
zoom: 100%;
}



/*========================================
2 : Top Page
========================================*/

#visualTop #visualArea {
margin-bottom: 4px !important;
}
/*------------ visualArea ------------*/

#visualTop #visualArea {
}
#visualArea #mainVisual{
}

#visualArea #description{
	font-size: 80%;
	float:left;
	clear: left;
	display: inline;
	width: 584px;
	padding: 8px;
}

#visualArea #Read{
	font-size: 80%;
	float:left;
	clear: left;
	display: inline;
	width: 820px;
	padding: 8px;
	margin: 15px 5px;
}


#visualArea #flv{
float:right;
display: inline;
}

#visualArea #flvBtn{
float:right;
display: inline;
margin-bottom: 8px;
}



/*------------ categoryArea ------------*/
#mainClm #categoryArea{
display: inline;
}

#mainClm #categoryArea .ttl01{
background:url(../img/ttl_cat_bg_02.jpg) repeat-x left top;
}
#mainClm #categoryArea .ttl01 img{
margin: 7px 0 5px 10px;
}

#mainClm #categoryArea .lead{
font-size: 80%;
margin: 10px;
}


#mainClm #categoryArea .wBox{
clear: both;
padding-bottom: 15px;
}
/* ボックス末尾の文字が繰り返し表示されるバグを解消 */
*html #mainClm #categoryArea .wBox{width:101%;}


#mainClm #categoryArea .box{
float:left;
display: inline;
width: 272px;
margin:0 0 0 7px;
}

#mainClm #categoryArea .start{
float:left;
display: inline;
margin-left: 0;
}

#mainClm #categoryArea .box h4{
	background: url(../img/ttl_cat_bg_01.jpg) repeat-x left top;
	margin-bottom: 4px;
	padding: 12px 0 12px 14px;
}


#mainClm #categoryArea .box p{
}

#mainClm #categoryArea .box .visual{
display: inline;
float: left;
margin: 0 5px 0;
}

#mainClm #categoryArea .box ul{
font-size: 65%;
display: inline;
float: left;
margin: 0 0 0 0px;
}

#mainClm #categoryArea .box ul li{
margin: 0 0 0 20px;
list-style-type: disc;
}
*html #mainClm #categoryArea .box ul li{
margin: 0 0 0 5px;
}
*:first-child+html #mainClm #categoryArea .box ul li{
margin: 0 0 0 5px;
}



/*------------ Information ------------*/
#mainClm .information{
width: 600px;
display: inline;
float: left;
clear: both;
margin-bottom:15px;
}

#mainClm .information h3{
margin-bottom:8px;
}

#mainClm .information ul{
display:block;
margin-bottom:10px;
}

#mainClm .information li{
margin:0 0 0 15px;
background:url(../img/cmn_bar_dot01.gif) 0 100% repeat-x;
display:block;
margin-bottom:5px;
padding-bottom:5px;
}

#mainClm .information li.last{
background:none;
}

#mainClm .information li span{
display:block;
margin-right:10px;
}

#mainClm .information li .date{
display:block;
margin-right:0;
background:url(../img/icon_arw.gif) 0 7px no-repeat;
padding-left:10px;
}

#mainClm .bannerArea{
float: right;
width: 215px;
margin-bottom:15px;
}

#mainClm .bannerArea li{
margin-bottom:5px;
}

#mainClm .bannerArea li.bnrDgt{
margin-right:10px;
}

#mainClm .information .newsTitleArea{
height:30px;
position:relative;
margin-bottom:8px;
}

#mainClm .information .newsTitleArea h3{
position:absolute;
left:0;
top:0;
margin-bottom:0;
}

#mainClm .information .newsTitleArea p{
position:absolute;
top:6px;
right: 7px;
}



/*------------ Solution ------------*/

#degtalSignage{
float:left;
display: block;
height:282px;
width:340px;
background:url(../../images/top/bg_solution.jpg) 0 0 no-repeat;
margin:0 auto;
margin-bottom:15px;
}
#degtalSignage h3{
margin:7px 0 5px 14px;
}
#degtalSignageBanner{
margin-top: 15px;
margin-left: 15px;
}

/*------------ Lineup ------------*/

#lineup{
float:right;
display: block;
height:282px;
width:480px;
background:url(../../images/top/bg_lineup.jpg) 0 0 no-repeat;
margin:0 auto;
margin-bottom:15px;
}

#lineup h3{
margin:7px 0 5px 14px;
}

#lineup ul{
margin-top: 15px;
margin-left:2px;
}

#lineup ul li{
float:left;
margin-left: 10px;
padding-bottom: 0px!important;
height: 77px!important;
}


/*------------ Scene / Style ------------*/
#mainClm .scene,
#mainClm .style{
width:405px;
float:left;
margin-bottom:10px;
}

#mainClm .style{
float:right;
}

#mainClm .scene h3,
#mainClm .style h3{
margin-bottom:10px;
}

#mainClm .scene .photo,
#mainClm .style .photo{
width:150px;
float:left;
margin:0 0 0 25px;
_margin:0 0 0 12px;
}

#mainClm .scene .text,
#mainClm .style .text{
width:190px;
float:right;
margin:0 15px 0 0;
_margin:0 7px 0 0;
}

#mainClm .scene .btnArea,
#mainClm .style .btnArea{
height:35px;
background:url(../../images/top/bg_scn_btn.gif) 0 0 repeat-x;
margin-top:10px;
}

#mainClm .scene .btnArea li,
#mainClm .style .btnArea li{
margin:5px 0 0 20px;
_margin:5px 0 0 10px;
float:left;
width:180px;
}

#mainClm .style .btnArea li.barR{
background:url(../../images/top/bar_sty_double.gif) 100% 0 repeat-y;
margin-right:5px;
}


/*------------ Ohers ------------*/
#mainClm .pageCaption{
text-align:right;
margin-bottom:20px;
}