@charset "utf-8";

/*----------------------------------------------------
mainImage
----------------------------------------------------*/
div#mainImage {
width:832px;
height:260px;
margin:0 auto;
padding:0 0 20px 0;
background:url(../../img_common/bg_shadow.gif) repeat-y;
clear:both;
}

/*----------------------------------------------------
left
----------------------------------------------------*/
div#left{
float:left;
width:540px;
}

/*----------------------------------------------------
right
----------------------------------------------------*/
div#right{
float:right;
width:220px;
}

/*----------------------------------------------------
pickup
----------------------------------------------------*/
div#pickup{
margin:15px 0 20px 0;
padding:0 0 15px 0;
background:url(../../img_top/bg_pickup.gif) no-repeat left bottom;
}

div#pickup dl{
float:left;
width:178px;
}

div#pickup dd{
padding:2px 7px 7px;
}

/*----------------------------------------------------
event calendar
----------------------------------------------------*/
div#event{
position:relative;
padding:0 0 6px 0;
margin:3px 0 20px 0;
background:url(../../img_top/btm_event.gif) no-repeat center bottom;
text-align:center;
}

div#event p{
position:absolute;
top:18px;
right:11px;
}

div#eventInner{
overflow:auto;
margin:0 auto;
height:120px;
width:520px;
text-align:left;
}

div#eventInner dl{
padding:4px 0;
background:url(../../img_top/line_event.gif) no-repeat left bottom;
}

div#eventInner dl:hover,div#eventInner dl.last:hover{
background:#eeeeee url(../../img_top/line_event.gif) no-repeat left bottom;
}

div#eventInner dl.last{
background:none;
}

div#eventInner dt{
float:left;
padding:0 0 0 36px;
width:140px;
color:#637881;
background:url(../../img_top/arrow01.gif) no-repeat 5px center;
}

* html div#eventInner dt{
width:176px;
}

div#eventInner dd{
float:left;
width:300px;
}

div#eventInner dd a{
color:#333333;
}

div#eventInner dd a:hover{
color:#2B74A7;
text-decoration:none;
}

/*----------------------------------------------------
product lineup
----------------------------------------------------*/
div#lineup{
margin:0 0 20px 0;
padding:8px 0 25px;
background:url(../../img_top/bg_lineup.gif) no-repeat left bottom;
text-align:center;
}

div#lineup table{
margin:0 auto;
padding:20px 0 0 0;
width:496px;
}

div#lineup table td{
padding:5px 10px 5px 15px;
width:25%;
background:url(../../img_top/arrow02.gif) no-repeat left 7px;
text-align:left;
vertical-align:top;
}

div#lineup table td.blank{
background:none;
}

div#lineup table td a{
color:#333333;
}

div#lineup table td a:hover{
color:#999999;
text-decoration:none;
}

/*----------------------------------------------------
list
----------------------------------------------------*/
div#list{
margin:0 0 20px 0;
padding:8px 0 25px;
background:url(../../img_top/bg_list.gif) no-repeat left bottom;
text-align:center;
}

div#list table{
margin:0 auto;
padding:20px 0 0 0;
width:496px;
}

div#list table td{
padding:5px 10px 5px 10px;
width:25%;
background:url(../../img_top/point_list.gif) no-repeat left 9px;
text-align:left;
vertical-align:top;
}

div#list table td.blank{
background:none;
}

div#list table td.w28{
width:28%;
}

div#list table td.w24{
width:24%;
}

/*----------------------------------------------------
support
----------------------------------------------------*/
ul#support{
margin:0 0 12px 0;
padding:1px 2px 8px 2px;
background:url(../../img_top/bg_support.gif) no-repeat left bottom;
}

/*----------------------------------------------------
headline
----------------------------------------------------*/
div#headline{
margin:0 0 12px 0;
padding:0 5px 5px 5px;
background:#f1f1f1;
}

div#headline ul{
padding:6px;
background:#ffffff;
}

div#headline ul li{
margin:0 0 4px 0;
padding:0 0 4px 18px;
color:#cc6600;
border-bottom:1px solid #e7e7e7;
background:url(../../img_top/point_headline.gif) no-repeat left 6px;
}

div#headline ul li.last{
margin:0 0 0 0;
padding:0 0 0 18px;
border-bottom:none;
}

div#headline ul li a{
color:#cc6600;
}

div#headline ul li a:hover{
color:#cc9900;
text-decoration:none;
}

div#headline ul li span{
color:#999999;
}

/*----------------------------------------------------
banner area
----------------------------------------------------*/
ul#bnrArea{
padding:5px 5px 1px 5px;
background:url(../../img_top/bg_banner.gif);
}

ul#bnrArea li{
margin:0 0 1px 0;
}




/*----------------------------------------------------
common setting
----------------------------------------------------*/
.mgr3{margin-right:3px;}