@charset "utf-8";
/* CSS Document */


body{
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:14px;
line-height:20px;
color:#333333;
}

a{
text-decoration:underline;
color:#0066FF;
}

a:hover{
text-decoration:none;
color:#666666;
}

img{
border:none;
}

.font_xl{
font-size:20px;
line-height:26px;
}


.font_l{
font-size:16px;
line-height:22px;
}

.font_m{
font-size:14px;
line-height:20px;
}

.font_s{
font-size:12px;
line-height:18px;
}

.font_red{
color:#FF0000;
}

.font_blue{
color:#0033FF;
}

/*▼TOPページWhat's New*/
.font_date{
color:#000000;
font-size:12px;
}
/*▲TOPページWhat's New*/


#wrap{
width:900px;
margin:0px auto;
padding:10px 0px;
}


/****************▼ヘッダー▼******************/

#header{
width:895px;/*仮*/
margin:0px 5px auto 0px;
text-align:left;
}

#header #logo{
width:110px;/*仮*/
float:left;
}

#header #menu{
width:480px;
float:right;
color:CCCCCC;
text-align:right;
}

#header #menu #search{
height:32px;
background:url(../../img/bg_search_box.gif) repeat-x;
padding:5px;
float:right;
}

#header #menu #select{
white-space:nowrap;
float:right;
padding:0px;
}

#header #menu #select .small{
font-size:10px;
}

#header #menu #select .midium{
font-size:12px;
}

#header #menu #select .large{
font-size:14px;
}

#header #global{
width:895px;
height:28px;
margin:10px auto 0px;
}

#header #global ul{
margin:0px;
padding:0px;
}

#header #global ul li{
list-style:none;
float:left;
}


/****************▲ヘッダー▲******************/



/***************▼TOPメインビジュアル▼******************/

#main{
width:900px;
background:url(../../img/index/bg_main.gif) repeat-y;
}

#main #product_menu{
width:891px;
height:52px;
margin-left:2px;
}

#main #product_menu ul{
margin:0px;
padding:0px;
}

#main #product_menu li{
list-style:none;
float:left;
}

/***************▲TOPメインビジュアル▲******************/



/***************▼TOPコンテンツ▼******************/

#contents{
width:900px;
margin:10px auto;
}


#contents #top_left{
width:320px;
float:left;
}

#contents #top_left #news{
width:320px;
background:url(../../img/index/bg_whats_new.gif) repeat-y;
margin-bottom:10px;
margin-top:0px;
text-align:left;
}

#contents #top_left #news #news_scroll{
width:310px;
height:540px;
overflow-y:scroll;
overflow-x:hidden;
margin-right:7px;
margin-left:3px;
}

#contents #top_left #news .news_entry{
width:275px;
margin:10px 20px 10px 10px;
padding-bottom:10px;
border-bottom:1px dashed #CCCCCC;
}

#contents #top_left #news .news_entry .news_icon{
width:45px;
float:left;
text-align:left;
}

#contents #top_left #news .news_entry .news_text{
width:230px;
float:right;
text-align:left;
}

#contents #top_left #password{
width:313px;
background:url(../../img/index/bg_password.gif) repeat-y;
}

#contents #top_left #password #pw{
background:url(../../img/index/bg_password_head.gif) no-repeat top;
width:313px;
margin:auto;
padding:10px 0px 0px;
text-align:right;
}

#contents #top_left #password #pw #pw_btn{
margin-right:30px;
text-align:right;
}

#contents #top_left #password #pw #pw_intro{
width:290px;
margin:10px auto 0px;
text-align:left;
}

#contents #top_right_wrap{
width:570px;
float:right;
}

#contents #top_right_wrap #top_center{
width:386px;
float:left;
}

#contents #top_right_wrap #top_center img{
margin-bottom:24px;
}

#contents #top_right_wrap #top_center img.margin0{
margin-bottom:0px;
}

#contents #top_right_wrap #top_right{
width:178px;
background:url(../../img/index/bg_top_new_products.gif) repeat-y;
float:right;
text-align:left;
}

#contents #top_right_wrap #top_right .new_product{
margin:5px 10px;
border-bottom:1px solid #CCCCCC;
padding-bottom:2px;
}


/***************▲TOPコンテンツ▲******************/



/***************▼フッター▼******************/

#footer{
width:900px;
color:#999999;
text-align:center;
font-size:12px;
padding:10px 0px;
border-bottom:1px solid #0033FF;
border-top:1px solid #0033FF;
}


#copyrights{
text-align:center;
margin-top:10px;
color:#999999;
font-size:12px;
}


/***************▲フッター▲******************/