@charset "UTF-8";

/*************************
トップページ専用スタイル
**************************/
#Topcontent{
width:732px;
margin:0 auto;
padding:0;
text-align:center;
}

#Topcontent:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*******************************
 トップエリア
********************************/
#Topcontent #TopErea{
width:732px;
height:213px;
margin:10px auto 20px auto;
padding:0;
text-align:center;
}

#Topcontent #TopErea:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/** メインフラッシュ **/
#Topcontent #TopErea .topMainflash{
width:598px;
height:213px;
margin:0 8px 0 0;
padding:0;
text-align:left;
float:left;
}

#Topcontent #TopErea .topMainflash:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/** メインバナー **/
#Topcontent #TopErea .topInformation{
width:123px;
height:213px;
margin:0;
padding:0;
text-align:left;
float:left;
}

#Topcontent #TopErea .topInformation:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #TopErea .topMainBanner img{
margin:0;
padding:0;
line-height:1;
display:block;
}

/*************************
ミドルエリア
**************************/

#Topcontent #MiddleErea {
width:732px;
margin:0 auto;
padding:0;
text-align:center;
clear:both;
}

#Topcontent #MiddleErea:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/** ニュス **/
#Topcontent #MiddleErea .topNews{
width:415px;
height:100px;
margin:0 18px 0 0;
padding:0;
text-align:left;
float:left;
clear:both;
}

#Topcontent #MiddleErea .topNews:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #MiddleErea .topNews h2{
width:415px;
height:15px;
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-9999px;
background-image:url(../../../img/top/ttl_top_news.jpg);
background-repeat:no-repeat;
}

#Topcontent #MiddleErea .topNewsTxt{
width:415px;
height:85px;
text-align:left;
margin:0;
padding:0;
overflow:hidden;
}

#Topcontent #MiddleErea .topNewsTxt dl{
width:415px;
margin:8px auto;
padding:0;
display:block;
border-bottom:dotted #bdbcbc 1px;
}

#Topcontent #MiddleErea .topNewsTxt dl:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #MiddleErea .topNewsTxt dl dd{
margin:0 10px 0 0;
padding:0;
font-size:12px;
color:#131313;
line-height:140%;
float:left;
}

#Topcontent #MiddleErea .topNewsTxt dl dd:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #MiddleErea .topNewsTxt dl dt{
margin:0 auto;
padding:2px 0 0 15px;
background-image:url(../../../img/common/img_link_allow.gif);
background-repeat:no-repeat;
font-size:12px;
color:#131313;
line-height:1;
float:left;
}

#Topcontent #MiddleErea .topNewsTxt dl dt:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/** バナー **/
#Topcontent #MiddleErea .topBanner{
width:299px;
height:100px;
margin:0;
padding:0;
text-align:left;
float:left;
}

#Topcontent #MiddleErea .topBanner:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #MiddleErea .topBanner img{
margin:0;
padding:0;
display:block;
}

/** フェアバナー **/
#Topcontent #MiddleErea .topFeBanner{
width:732px;
height:100px;
margin:0 auto;
padding:17px 0 0 0;
text-align:center;
clear:both;
}

#Topcontent #MiddleErea .topFeBanner:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #MiddleErea .topFeBanner img{
margin:0;
padding:0;
display:block;
}


/*************************
ボトムエリア
**************************/
#Topcontent #BottomErea{
width:732px;
margin:20px 0 0 0;
padding:0;
text-align:left;
}

#Topcontent #BottomErea:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/** New Item **/

#Topcontent #BottomErea .topNewitem{
width:732px;
margin:0 auto 30px auto;
padding:0;
text-align:center;
}

#Topcontent #BottomErea .topNewitem:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #BottomErea .topNewitem h2{
width:732px;
height:15px;
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-9999px;
background-image:url(../../../img/top/ttl_top_newitem.jpg);
background-repeat:no-repeat;
}

#Topcontent #BottomErea .topNewitemBox{
width:710px;
margin:0 auto;
padding:0;
text-align:center;
}

#Topcontent #BottomErea .topNewitemBox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}


#Topcontent #BottomErea .topNewitemOneline{
width:710px;
margin:20px auto;
padding:0;
clear:both;
}

#Topcontent #BottomErea .topNewitemOneline:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #BottomErea .topNewitembox{
width:122px;
float:left;
margin:0 25px 0 0;
padding:0;
overflow:hidden;
}

#Topcontent #BottomErea .topNewitembox:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #BottomErea .topNewitembox-last{
width:122px;
float:left;
margin:0;
padding:0;
overflow:hidden;
}

#Topcontent #BottomErea .topNewitembox-last:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #BottomErea .topNewitembox-in{
width:120px;
text-align:center;
margin:0 auto 5px auto;
padding:0;
border:1px solid #666666;
}

#Topcontent #BottomErea .topNewitembox-in:after{
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

#Topcontent #BottomErea p{
width:122px;
margin:0 auto;
padding:0;
font-size:10px;
text-align:left;
clear:both;
}