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



img  {
border-style:none;
}

a {
border-style:none;
}



/*ヘッダーの中身開始*/
.header {
width:960px;
height:70px;
margin-bottom:5px;
background-image:url(../img/top/header.jpg);
}

.hr_link {
width:250px;
height:16px;
float:right;
color:#CCCCCC;
font:normal 15px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

.hr_link a:link {
color:#CCCCCC;
text-decoration:none;
}

.hr_link a:visited {
color:#CCCCCC;
text-decoration:none;
}


.hr_link a:hover {
color:#00FFFF;
text-decoration:none;
}

.logo {
width:176px;
height:32px;
padding-left:30px;
padding-top:17px;
}

.logo a{
width:176px;
height:32px;
display:block;
}

/*メインエリアの中身開始*/
.main_area {
width:960px;
height:850px;
}

/*タブの中身開始*/
.tab {
width:160px;
height:713px;
float:left;
}

.menu {
width:160px;
height:30px;
margin-bottom:10px;
background-image:url(../img/top/menu.jpg);
}

.category {
width:160px;
height:30px;
margin-bottom:10px;
background-image:url(../img/item/category.jpg);
}

/*ボタン1開始*/

.button1 {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/item/cube_button2.jpg);
background-repeat:no-repeat;
}

.button1 a {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/item/cube_button1.jpg);
background-repeat:no-repeat;
display:block;
}

.button1 a:hover {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/item/cube_button2.jpg);
background-repeat:no-repeat;
display:block;
}

/*ボタン1終了*/

/*ボタン2開始*/

.button2 {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/item/og_button1.jpg);
background-repeat:no-repeat;
}

.button2 a {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/item/og_button1.jpg);
background-repeat:no-repeat;
display:block;
}

.button2 a:hover {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/item/og_button2.jpg);
background-repeat:no-repeat;
display:block;
}

/*ボタン2終了*/
.space_button {
width:160px;
height:600px;
border-left:thin #999999 dotted;
border-right:thin #999999 dotted;
margin-bottom:10px;
display:block;
}

/*ボタン3開始*/

.button3 {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/top/catalogue1.gif);
background-repeat:no-repeat;
}

.button3 a {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/top/catalogue1.gif);
background-repeat:no-repeat;
display:block;
}

.button3 a:hover {
width:160px;
height:60px;
margin-bottom:10px;
background-image:url(../img/top/catalogue2.gif);
background-repeat:no-repeat;
display:block;
}

/*ボタン3終了*/

/*ボタン4開始*/

.button4 {
width:160px;
height:60px;
margin-top:10px;
}



/*タブの中身終了*/

/*コンテンツエリア開始*/
.contents_area {
width:790px;
height:691px;
margin-left:10px;
float:left;
}

.headline {
width:790px;
height:410px;
margin-bottom:10px;
background-image:url(../img/top/headline_img.jpg);
}

.cube_link {
width:214px;
height:16px;
position:relative;
left:567px;
top:373px;
background-image:url(../img/top/cube_link1.jpg);
}

.cube_link a {
width:214px;
height:16px;
background-image:url(../img/top/cube_link1.jpg);
display:block;
}

.cube_link a:hover {
width:214px;
height:16px;
background-image:url(../img/top/cube_link2.jpg);
display:block;
}


.main_contents {
width:790px;
height:auto;
overflow:hidden;/*フロート対策　MacIE*/
}

/*検索部コンテンツ*/
/*フロート対策 モダンブラウザ*/
.main_contents:after{
content:"";
display:block;
clear:both;
height:1px;
}

/*フロート対策 WinIE*/
/*\*/
* html .main_contents{
height:1px;
overflow:visible;
}
/**/

/*トピックスの中身開始*/
.topics {
width:395px;
height:293px;
float:left;
background-image:url(../img/top/topics.jpg);
}

.topics_area {
width:390px;
height:268px;
margin-top:25px;
margin-left:5px;
overflow:auto;
}

.topics_contents {
width:370px;
height:auto;
margin-bottom:5px;
overflow:hidden;/*フロート対策　MacIE*/
}

/*検索部コンテンツ*/
/*フロート対策 モダンブラウザ*/
.topics_contents:after{
content:"";
display:block;
clear:both;
height:1px;
}

/*フロート対策 WinIE*/
/*\*/
* html .topics_contents{
height:1px;
overflow:visible;
}
/**/

.topics_date {
width:75px;
height:30px;
float:left;
}

.topics_element {
width:285px;
height:auto;
margin-left:10px;
float:left;
}

/*トピックスの中身終了*/

/*新商品の中身開始*/

.new_item {
width:395px;
height:293px;
float:left;
background-image:url(../img/top/new_item.jpg);
}

.new_item_area {
width:390px;
height:268px;
margin-top:25px;
margin-left:5px;
overflow:auto;
}

.new_item_contents {
width:370px;
height:auto;
margin-bottom:5px;
overflow:hidden;/*フロート対策　MacIE*/
}

/*検索部コンテンツ*/
/*フロート対策 モダンブラウザ*/
.new_item_contents:after{
content:"";
display:block;
clear:both;
height:1px;
}

/*フロート対策 WinIE*/
/*\*/
* html .new_item{
height:1px;
overflow:visible;
}
/**/

.new_item_left {
width:180px;
height:123px;
float:left;
}

.new_item_right {
width:180px;
height:123px;
margin-left:10px;
float:left;
}

/*新商品の中身終了*/

/*新商品の中身終了*/

/*コンテンツエリア終了*/
/*メインエリア終了*/

.footer {
width:960px;
height:39px;
margin-top:10px;
background-image:url(../img/top/footer.jpg);
}

.cube1 a{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/1a.jpg);
}

.cube1 a:hover{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/1b.jpg);
}

.cube2 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/2a.jpg);
}

.cube2 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/2b.jpg);
}


.cube3 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/1_2a.jpg);
}

.cube3 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/1_2b.jpg);
}

.cube4 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/1_3a.jpg);
}

.cube4 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/1_3b.jpg);
}

.cube5 a{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/4a.jpg);
}

.cube5 a:hover{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/4b.jpg);
}

.cube6 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/5a.jpg);
}

.cube6 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/5b.jpg);
}

.cube7 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/6a.jpg);
}

.cube7 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/6b.jpg);
}

.cube8 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/7a.jpg);
}

.cube8 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/7b.jpg);
}


.cube9 a{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/8a.jpg);
}

.cube9 a:hover{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/8b.jpg);
}

.cube10 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/9a.jpg);
}

.cube10 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/9b.jpg);
}

.cube11 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/10a.jpg);
}

.cube11 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/10b.jpg);
}

.cube12 a{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/11a.jpg);
}

.cube12 a:hover{
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/11b.jpg);
}


.cube13 a{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/12a.jpg)

}
.cube13 {
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/12a.jpg)

}

.cube13 a:hover{
width:190px;
height:130px;
float:left;
background-image:url(../img/icon/cube/12a.jpg);
}


.cube14 {
width:190px;
height:130px;
margin-left:10px;
float:left;
background-image:url(../img/icon/cube/12a.jpg);
}

.item_line1 {
width:790px;
height:130px;
overflow:hidden;/*フロート対策　MacIE*/
}

/*検索部コンテンツ*/
/*フロート対策 モダンブラウザ*/
.item_line1:after{
content:"";
display:block;
clear:both;
height:1px;
}

/*フロート対策 WinIE*/
/*\*/
* html .item_line1{
height:1px;
overflow:visible;
}
/**/

.item_line2_3 {
width:790px;
height:130px;
margin-top:10px;
overflow:hidden;/*フロート対策　MacIE*/
}

/*検索部コンテンツ*/
/*フロート対策 モダンブラウザ*/
.item_line2_3:after{
content:"";
display:block;
clear:both;
height:1px;
}

/*フロート対策 WinIE*/
/*\*/
* html .item_line2_3{
height:1px;
overflow:visible;
}
/**/