@charset "EUC-JP";
/* CSS Document */


/* base */
body {
color:#4d4d4d;
margin:0px;
padding:0px;
font-family: Arial, Helvetica;
background-color: #FFF;
text-align: center;
}
#index-contents {
padding: 0px;
height: auto;
width: 100%;
margin: 0px auto;
background-color: #F6E8CE;
background-image: url(../images/bg_header.gif);
background-repeat: repeat-x;
background-position: left top;
}
#index-contents #wrap {
text-align: left;
padding: 15px 0 0 0;
height: 260px;
;
width: 960px;
margin: 0px auto;
}
/* コンテンツ左 */
#index-contents #wrap .leftblock {
display: block;
margin: 0px;
padding: 0px;
float: left;
height: 260px;
width: 200px;
position: relative;
}
.leftblock h1 {
background-image: url(../images/logo.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
margin: 0px;
padding: 0px;
height: 85px;
width: 200px;
text-indent: -1000em;
}
.leftblock p{
font-size: 12px;
line-height: normal;
font-weight: bold;
color: #FFF;
}

/* コンテンツ中央 */

/* コンテンツ右 */
#index-contents #wrap .rightblock {
margin: 0 0 0 20px;
padding: 0px;
float: left;
height: 240px;
width: 740px;
}

/* 更新履歴、他 */
#index-contents #separate {
width:100%;
height:50px;
background-color: #F6E8CE;
padding:10px 0;
}
#index-contents #separate .infonow {
margin: 0px auto;
padding: 0px;
width: 960px;
color: #A79884;
}
#index-contents #separate .infonow span {
text-align:left;
width:380px;
float:right;
padding: 0px;
display:block;
}
/* 情報エリア */
#index-contents #information {
background-color: #FFF;
background-image: url(../images/bg_info.gif);
background-repeat: repeat-x;
background-position: center top;
height: auto;
width: 100%;
padding: 20px 0 40px 0;
margin: 0px;
}
#information h3, #information h4 {
font-size: 1px;
line-height: 1px;
background-repeat: no-repeat;
background-position: left top;
height: 35px;
text-indent: -1000em;
display: block;
overflow: hidden;
margin:0px;
}
#information h3.body-pickup {
background-image: url(../images/body_pickup.gif);
width: 159px;
}
#information h3.body-info {
background-image: url(../images/body_info.gif);
width: 159px;
}
#information h3.body-newinfo {
background-image: url(../images/body_newinfo.gif);
width: 159px;
}
#information h3.body-topics {
background-image: url(../images/body_topics.gif);
background-position: left top;
width: 160px;
height:35px;
}
#information h3.body-brands {
background-image: url(../images/body_brands.gif);
width: 90px;
}
#information h3.body-ad {
background-image: url(../images/body_ad.gif);
width: 158px;
}
#information a, #information a:visited {
color: #C03;
text-decoration: underline;
}
#information a:hover, #information a:active {
color: #F9C;
text-decoration: underline;
}
#information #wrap {
color: #4C4C4C;
text-align: left;
height: auto;
width: 960px;
padding: 0px;
margin: 0px auto;
}
/* leftinfo */
#leftinfo {
float: left;
height: auto;
width: 210px;
padding: 0px;
margin: 0px;
}
#leftinfo dl {
margin: 0 0 20px 0;
padding: 0px;
}
#leftinfo dt {
margin: 0 0 5px 0;
padding: 0px;
}
#leftinfo dd { }
/* mobile */
#leftinfo h4.bar-mobile {
background-image: url(../images/bar_mobile.gif);
width: 210px;
height:40px;
}
#leftinfo .mobi-qr {
float: left;
height: 84px;
width: 84px;
}
#leftinfo input.mb-txtbox {
padding: 3px 0;
margin:0 auto 5px auto;
height: auto;
width: 98%;
}
#leftinfo input.mb-btn {
margin: 0px;
padding: 0px;
height: 25px;
width: 210px;
background-image: url(../images/btn_sendurl.gif);
background-repeat: no-repeat;
background-position: left top;
overflow:hidden;
}
#leftinfo input.mb-btn:hover { background-position: left bottom; }
/* centerinfo */
#centerinfo {
float: left;
height: auto;
width: 436px;
padding: 0px;
margin: 0 0 0 40px;
}
#centerinfo a, #centerinfo a:visited {
display: block;
margin: 0 0 10px 0;
padding: 0px;
height: auto;
width: auto;
line-height: normal;
color: #4C4C4C;
text-decoration: underline;
}
#centerinfo a:hover, #centerinfo a:active {
color: #DF1746;
text-decoration: underline;
}
#centerinfo a dl {
width: 436px;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#centerinfo a dt {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 80px;
}
#centerinfo a dd {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 436px;
}
#centerinfo a dd span{
color: #DE1646;
text-decoration: underline;
display: block;
margin: 0 0 3px 0;
padding: 0 0 0 50px;
height: auto;
width: auto;
background-repeat: no-repeat;
background-position: left center;
}
#centerinfo a dd span.kanto{
background-image: url(../images/icon_kanto.gif);
}
#centerinfo a dd span.kansai{
background-image: url(../images/icon_kansai.gif);
}
/* btn-more */
#centerinfo .block-more{
padding:5px 0;
height:auto;

overflow:hidden;
}
#centerinfo .block-more a{
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_more.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
float: right;
height: 21px;
width: 150px;
overflow: hidden;
margin:0px;
}
#centerinfo .block-more a:hover{
background-position: left bottom;
}

/* topics */
#centerinfo #box-topics dl {
width: 436px;
margin: 0 0 10px 0;
padding: 0px;
display:block;
overflow: hidden;
}
#centerinfo #box-topics dt {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 80px;
}
#centerinfo #box-topics dd {
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 436px;
}
#centerinfo #box-topics a, #centerinfo #box-topics a:visited {
display: inline;
margin: 0;
padding: 0px;
line-height: normal;
text-decoration: underline;
}
#centerinfo #box-topics a:hover, #centerinfo #box-topics a:active {
color: #DF1746;
text-decoration: underline;
}
#centerinfo #box-topics dd span {
color: #DE1646;
text-decoration: none;
display: block;
margin: 0 0 3px 0;
padding: 0px;
height: auto;
width: auto;
}
/* rightinfo */
#rightinfo {
float: left;
padding: 0px;
height: auto;
width: 234px;
margin: 0 0 0 40px;
}
#rightinfo p { margin-bottom: 5px; }
#rightinfo .banner { margin-bottom: 20px; }
/* ad */
#rightinfo .ad { margin:0 0 20px 0; }
#rightinfo .ad iframe { margin:0 0 5px 0; }
#rightinfo .pmark {
font-size: 10px;
color: #808080;
}
#rightinfo .pmark a.imglink {
margin: 0 0 5px 10px;
padding: 0px;
float: right;
width: auto;
}
/* index footer */

#index-ft {
text-align:center;
background-color:#FFF;
background-image: url(../images/bg_footer.gif);
background-repeat: no-repeat;
background-position: center top;
margin: 0px;
padding: 20px 0 0 0;
height: auto;
width: 100%;
}
#index-ft #fwrap {
text-align:left;
margin: 0px auto;
padding: 0px;
height: 120px;
width: 960px;
}
#index-ft #fwrap a, #index-ft #fwrap a:visited {
color: #4C4C4C;
text-decoration: none;
}
#index-ft #fwrap a:hover, #index-ft #fwrap a:active {
color: #FF0032;
text-decoration: underline;
}
#index-ft #fwrap .logo {
font-size: 1px;
line-height: 1px;
background-image: url(../images/logo_footer.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
height: 25px;
width: 110px;
overflow: hidden;
float:left;
}
#index-ft #fwrap .logo a {
display: block;
height: 25px;
width: 100px;
}
#index-ft #fwrap .fmenu {
float: left;
width: auto;
}
#index-ft #fwrap .fmenu span {
font-size: 1px;
line-height: 1px;
background-image: url(../images/index_cp.gif);
background-repeat: no-repeat;
background-position: left bottom;
text-indent: -1000em;
display: block;
height: 15px;
width: 128px;
overflow: hidden;
}
#index-ft #fwrap .pgtop {
margin: 0px;
padding: 3px 0 0 0;
float: right;
height: auto;
width: 58px;
}
#index-ft #fwrap .pgtop a {
font-size: 1px;
line-height: 1px;
background-image: url(../images/btn_pgtop.gif);
background-repeat: no-repeat;
background-position: left top;
text-indent: -1000em;
display: block;
height: 10px;
width: 58px;
overflow: hidden;
}
#index-ft #fwrap .pgtop a:hover { background-position: left bottom; }