@charset "utf-8";
/*
File Name   : content.css
Author      : Kensuke Takahashi
Description : コンテンツエリア関係 他
*/

.align1 {
text-align: right;
}

.align2 {
text-align: center;
}

div#indexInfo {
position: relative;
background-color: #f5f5f5;
text-align: left;
padding-top: 10px;
display: block;
width: 652px;
}

/*リンク */
#indexInfo a:link {
text-decoration: underline;
color: #333;
}

#indexInfo a:visited {
text-decoration: none;
color: #333;
}

#indexInfo a:hover {
text-decoration: underline;
color: #9c0;
}

#indexInfo h2{
color: #ffffff;
height: 12px;
font-size: 12px;
line-height: 12px; 
width: 628px;
height: 12px;
text-align: left;
margin-left: 11px;
padding-top: 12px;
padding-bottom: 12px;
text-indent: 20px;
background: url(../images/infoh2.png) top left no-repeat;
}

/*新着情報一覧ボタン*/
div#indexInfo p {
position: absolute;
top: 18px;
right: 24px;
margin: 0;
}

div.indexProducts {
clear: both;
padding-top: 1em;
}

div.indexProducts p {
margin: 0;
}


/* List
----------------------------------------------------------- */
ul#productsNavi {
height: 44px;
margin-bottom: 8px;/* もと20px */
background: url(../images/navi_bg.png) no-repeat 0 0;
}

ul#productsNavi li {
float: left;
}

ul#productsNavi li a {
display: block;
float: left;
}

ul#productsNavi li a:hover {
background-color: transparent;
}

ul#productsNavi li a:hover img {
visibility: hidden;
}

div#indexInfo dl {
float: left;
padding: 10px 15px;
}

div#indexInfo dl dt {
padding-left: 10px;
color: #5182d0;
background: url(../images/info_icon.gif) no-repeat 0 50%;
}

div#indexInfo dl dd {
margin: -1.5em 0 5px 8.5em;
}

/*--NEW!--*/
div#indexInfo dd span {
color:red;font-weight:bold;
}

div.indexProducts dl {
float: right;
width: 465px;
}

div.indexProducts dd {
padding: 5px 0 0 10px;
background: url(../images/product_icon.png) no-repeat 0 11px;
}


div.indexProducts dd img {
margin-top: 5px;
}


/* Link
----------------------------------------------------------- */
div#indexInfo dl dd a,
div.indexProducts dl dd a {
color: #333;
}


/* Clearfix
----------------------------------------------------------- */
div#indexInfo:after,
div.indexProducts:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

div#indexInfo,
div.indexProducts {
display: inline-block;
}

/* Hides from IE-mac \*/
* html div#indexInfo,
* html div.indexProducts {
height: 1%;
}

div#indexInfo,
div.indexProducts {
display: block;
}
/* End hide from IE-mac */