@charset "UTF-8";


/*************************
お知らせCSS
**************************/
#infoBox{
width:700px;
margin:0 auto;
padding:0;
}

#qualityBox:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#infoBox h3{
width:680px;
height:110px;
margin:0 auto;
padding:0 0 15px 0;
background-image:url(../../img/info/ttl_main.jpg);
background-repeat:no-repeat;
background-position:top;
overflow:hidden;
text-indent:-9999px;
}

/*************************
お知らせ
**************************/
#infoBox .infoListBox{
width:700px;
margin:0 auto;
padding:0 0 25px 0;
position:relative;
}

#infoBox .infoListBox:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#infoBox .infoListBox .infoF{
display:block;
width:150px;
height:20px;
position:absolute;
top:2px;
right:43px;
}

#infoBox .infoListBox .ttlinfo2012{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/info/ttl_info_2012.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#infoBox .infoListBox .ttlinfo2011{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/info/ttl_info_2011.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#infoBox .infoListBox .ttlinfo2010{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/info/ttl_info_2010.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#infoBox .infoListBox .ttlinfo2009{
width:680px;
height:40px;
margin:0 auto;
padding:0;
background-image:url(../../img/info/ttl_info_2009.png);
background-repeat:no-repeat;
background-position:top;
text-align:left;
overflow:hidden;
text-indent:-9999px;
}

#infoBox .infoListBox .infoListBoxin{
width:660px;
margin:0 auto;
padding:10px;
background-image:url(../../img/shop/bg_whitecontents.png);
background-repeat:repeat;
}

#infoBox .infoListBox .infoListBoxin:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}


#infoBox .infoListBox .infoListBoxin dl{
width:590px;
margin:0 auto 10px auto;
padding:0px 0 8px 70px;
border-bottom:1px dotted #CCCCCC;
overflow:hidden;
position:relative;
background-repeat:no-repeat;
background-position:left top;
}

#infoBox .infoListBox .infoListBoxin dl:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#infoBox .infoListBox .infoListBoxin dl.infoCompany{background-image:url(../../img/info/img_wappen_company.png);}
#infoBox .infoListBox .infoListBoxin dl.infoOther{background-image:url(../../img/info/img_wappen_other.png);}
#infoBox .infoListBox .infoListBoxin dl.infoProducts{background-image:url(../../img/info/img_wappen_products.png);}
#infoBox .infoListBox .infoListBoxin dl.infoShop{background-image:url(../../img/info/img_wappen_shop.png);}


#infoBox .infoListBox .infoListBoxin dl dt{
display:block;
width:90px;
margin:0;
padding:0;
float:left;
text-align:left;
line-height:160%;
}


#infoBox .infoListBox .infoListBoxin dl dd.infoTxt{
display:block;
width:370px;
margin:0 auto;
padding:0;
text-align:left;
float:left;
}

#infoBox .infoListBox .infoListBoxin dl dd.infoTxt a{
display:block;
width:350px;
padding:0 0 0 20px;
background-image:url(../../img/common/bg_common_arrow2.png);
background-position:left 5px;
background-repeat:no-repeat;
line-height:160%;
}


#infoBox .infoListBox .infoListBoxin dl dd.infoBtn{
display:block;
float:left;
width:120px;
height:18px;
margin:0 auto;
padding:0;
overflow:hidden;
}

#infoBox .infoListBox .infoListBoxin dl dd.infoBtn a,#infoBox .infoListBox .infoListBoxin dl dd.infoBtn a:visited{
display:block;
width:120px;
height:18px;
overflow:hidden;
background-image:url(../../img/shop/btn_shop_goinfo.png);
background-repeat:no-repeat;
background-position:top;
text-indent:-9999px;
padding:0;
position:absolute;
bottom:10px;
right:0;
}

#infoBox .infoListBox .infoListBoxin dl dd.infoBtn a:hover{background-position:bottom;}

/*************************
お知らせ詳細
**************************/
#infoBox .infoDetailBox{
width:660px;
padding:10px;
margin:0 auto 40px auto;
background-color:#FFFFFF;
}

#infoBox .infoDetailBox:after {
font-size:1px;
content: ".";
display: block;
clear: both;
height: 0;
}

#infoBox .infoDetailBox .infoDetailDate{
width:590px;
padding:0 0 10px 70px;
text-align:left;
background-repeat:no-repeat;
background-position:left top;
color:#676767;
line-height:140%;
font-size:12px;
border:none;
}

#infoBox .infoDetailBox .wappenCompany{background-image:url(../../img/info/img_wappen_company.png);}
#infoBox .infoDetailBox .wappenOther{background-image:url(../../img/info/img_wappen_other.png);}
#infoBox .infoDetailBox .wappenProducts{background-image:url(../../img/info/img_wappen_products.png);}
#infoBox .infoDetailBox .wappenShop{background-image:url(../../img/info/img_wappen_shop.png);}


#infoBox .infoDetailBox h3{
width:660px;
height:auto;
padding:5px 0 10px 0;
margin:0 auto;
font-size:18px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #676767;
color:#676767;
text-indent:0;
background-image:none;
}

#infoBox .infoDetailBox p{
width:648px;
margin:0 auto;
padding:20px 4px;
text-align:left;
font-size:14px;
line-height:180%;
border-bottom:1px dotted #676767;
}

#infoBox .infoDetailBox p.spaceM{
padding-bottom:100px;
}

#infoBox .infoDetailBox .infoDetailback{
width:660px;
margin:0 auto;
padding:10px 0 0 0;
}


#infoBox .infoDetailBox .infoDetailback a,#infoBox .infoDetailBox .infoDetailback a:visited{
display:block;
width:101px;
height:15px;
overflow:hidden;
background-image:url(../../img/shop/btn_back.png);
background-repeat:no-repeat;
background-position:top;
text-indent:-9999px;
padding:0;
float:right;
}

#infoBox .infoDetailBox .infoDetailback a:hover{background-position:bottom;}

/*************************
お知らせテーブル
**************************/
.newsTable{
width:648px;
margin:0 auto;
padding:20px 4px;
}

.newsTable table{
width:100%;
margin:0 auto 15px auto;
padding:0;
background-color:#CCCCCC;
border-collapse:collapse; border-spacing:0;
}

.newsTable table th{
background-color:#666666;
color:#FFFFFF;
font-weight:normal;
padding:5px 0 5px 0;
text-align:center;
border:1px solid #FFFFFFF;
}

.newsTable table td{
background-color:#FFFFFF;
padding:5px 0;
text-align:center;
border:1px solid #666666;
}