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

/* reset */

.one_column #contents{
margin-left:0;
width:auto;
}


/* flash */

#flash_area{
width:900px;
height:300px;
background:#ffffff url(../images/bg_flash.gif) no-repeat left top;
margin-bottom:15px;
}
#SwfColumn{
width:665px;
height:300px;
float:left;
display:inline;
}

dl#access{
position:relative;
width:235px;
float:left;
top:0;
left:0;
_margin-right:-1px;
}
dl#access dt{
background:url(../images/header_access.gif) no-repeat left top;
color:#ffffff;
text-align:center;
line-height:37px;
height:37px;
padding:0;
}
dl#access dd{
padding:5px;
font-size:70%;
}
dl#access dd img{
display:block;
position:absolute;
left:0;
top:120px;
}


#left_column{
float:left;
width:655px;
display:inline;
}

#right_column{
float:right;
width:225px;
display:inline;
}

/*--- recommend ---*/

#recommend{
float:left;
width:322px;
display:inline;
background:url(../images/bg_recommend.gif) left bottom no-repeat;
margin-bottom:15px;
min-height:410px;
_height:410px;
}
#recommend h2{
background:url(../images/header_recommend.jpg) no-repeat left top;
height:32px;
width:322px;
line-height:32px;
color:#ffffff;
padding:0;
margin:0;
padding-left:17px;
position:relative;
top:0;
left:0;
}
#recommend h2 img{
display:block;
}
#recommend h2 a{
position:absolute;
top:9px;
left:240px;
z-index:10;
}
#recommend dl{
width:312px;
margin:0 5px;
position:relative;
top:0;
left:0;
}
#recommend dl dt{
border-bottom:1px solid #CC6600;
border-top:1px solid #CC6600;
color:#CC6600;
background:#FFD9C0;
text-align:center;
padding:0;
line-height:1.8;
margin:10px 5px 5px;
}
#recommend dl dt img{
position:absolute;
left:230px;
top:-5px;
_top:0px;
}
#recommend dl dd p{
width:220px;
margin-bottom:5px;
}
#recommend dl dd ul{
list-style:none;
margin:0;
padding:0;
font-size:70%;
}
#recommend dl dd ul li{
width:146px;
float:left;
display:inline;
}
#recommend dl dd ul li.right{
float:right;
}
#recommend dl dd ul li a{
color:#333333;
text-decoration:none;
}
#recommend dl dd ul li a:hover,
#recommend dl dd ul li a:active{
color:#990000;
}
#recommend a.onlineshop{
font-size:80%;
float:right;
margin:0 10px 15px;
background:url(../common/images/icon_textlink.gif) 0 center no-repeat;
padding-left:12px;
}
#recommend a.onlineshop:hover,
#recommend a.onlineshop:active{
background:url(../common/images/icon_textlink.gif) -290px center no-repeat;
}

/*--- topics ---*/

#topics{
float:right;
width:322px;
display:inline;
/*background:url(../images/bg_topics.gif) left bottom no-repeat;*/
margin-bottom:15px;
min-height:410px;
_height:410px;
}
#topics h2{
background:url(../images/header_topics.jpg) no-repeat left top;
height:32px;
width:322px;
line-height:32px;
color:#ffffff;
padding:0;
margin:0;
padding-left:17px;
position:relative;
top:0;
left:0;
}
#topics h2 img{
display:block;
}
#topics h2 a{
position:absolute;
top:9px;
left:240px;
z-index:10;
}
#topics div{
width:302px;
margin:10px 10px;
overflow:auto;
font-size:90%;
line-height:1.3;
text-align:center;
}
#topics div img{
margin:0 auto 10px;
display:block;
}
#topics div p{
text-align:left;
font-size:85%;
}
#topics div p span,
#topics div p strong{
float:left;
width:50%;
display:inline;
*margin-right:-1px;
}
#topics div p strong{
color:#CC0000;
font-size:140%;
line-height:1.25;
}
#topics div p strong span{
float:none;
width:auto;
font-size:160%;
}
#topics dl{
margin:0;
padding:0;
width: 322px;
background:url(../images/bg_topics.gif) left bottom no-repeat;
}
#topics dl span{
color:#CC0000;
font-size:130%;
font-weight:bold;
}
#topics dt{
margin:0 10px;
padding:5px 0 0;
text-align:left;
font-size:70%;
}
#topics dd{
margin:0 10px 5px;
padding:0 0 5px;
font-size:80%;
}

#wifi{
	margin:0 0 10px;
	display:block;
}

/*
#topics dl{
width:312px;
margin:0 5px;
overflow:auto;
}
#topics dl dt{
border-bottom:1px solid #669900;
border-top:1px solid #669900;
color:#669900;
background:#EAFFC5;
text-align:center;
padding:0;
line-height:1.8;
margin:10px 5px 5px;
}
#topics dl dt.double{
line-height:1.4;
}
#topics dl dd img#mascot{
float:left;
margin:0;
display:inline;
}
#topics dl dd p{
font-size:70%;
}
#topics dl dd p.summary{
overflow:hidden;
float:left;
}
#topics dl dd ul{
margin:0 0 5px;
padding:0;
list-style:none;
color:#990000;
}
#topics dl dd ul li{
margin-bottom:0;
line-height:1.2;
}

#topics dl dl.info{
width:auto;
height:auto;
margin:3px auto;
font-size:65%;
overflow:visible;
background:url(../images/frame_topics.gif);
padding:3px;
zoom:1;
}
#topics dl dl.info dt{
color:#669900;
padding:0;
border:none;
margin:0;
background:none;
text-align:left;
}

#topics dl dl.info dd{
background:none;
padding:0 3px;
margin-bottom:3px;
}
*/

/*#topics dl dd ul{
list-style:none;
margin:20px 0 10px;
padding:0;
font-size:80%;
}
#topics dl dd ul li span.header{
color:#006633;
font-weight:bold;
margin-right:1em;
}*/

/*--- topics ---*/

#group{
background:url(../images/bottom_group.jpg) no-repeat left bottom;
padding-bottom:8px;
margin-bottom:10px;
}
#group dt{
padding:0;
}
#group dd{
padding:0;
background:url(../images/bg_group.jpg) no-repeat left top;
text-align:center;
}
#group dd p{
padding:5px 8px 10px;
text-align:left;
zoom:1;
}

/* hiroden_nice_pack */

#hiroden-nice-pack{
display:block;
margin-bottom:10px;
height:92px;
overflow:hidden;
}
#hiroden-nice-pack img{
vertical-align:bottom;
display:block;
}

/*--- onlineshop ---*/

#onlineshop{
background:url(../images/bottom_onlineshop.jpg) no-repeat left bottom;
padding-bottom:8px;
margin-bottom:10px;
}
#onlineshop dt{
padding:0;
}
#onlineshop dd{
padding:0;
background:url(../images/bg_onlineshop.jpg) no-repeat left top;
text-align:center;
zoom:1;
}
#onlineshop dd p{
padding:5px 8px 10px;
text-align:left;
}
#onlineshop ul{
list-style:none;
margin:0  0 0 10px;
padding:0;
font-size:70%;
}
#onlineshop ul li{
width:100px;
float:left;
display:inline;
margin-right:5px;
line-height:1.2;
text-align:left;
min-height:110px;
_height:110px;
}
#onlineshop ul li a{
color:#333333;
text-decoration:none;
}
#onlineshop ul li a:hover,
#onlineshop ul li a:active{
color:#990000;
}

#onlineshop #pc{
margin-bottom:15px;
}
#onlineshop #pc img{
display:block;
margin:0 auto 8px;
}
#onlineshop #mobile{
text-align:left;
margin:0 10px;
font-size:80%;
}
#mobile img{
float:right;
display:inline;
padding:0 0 0 5px;
}
#mobile span{
display:block;
margin-top:5px;
color:#336600;
font-weight:bold;
font-size:105%;
}

/*//////////////////////////

           news

//////////////////////////*/

iframe#digest{
background:#FFF2E9;
padding:0;
font-size:100%;
margin-bottom:20px;
width:655px;
height:355px;
}


/*--- news ---*/

#news{
position:relative;
top:0;
left:0;
margin-top:0;
margin-bottom:20px;
width:655px;
}
#news dt{
background:url(../images/header_news.jpg) no-repeat left top;
height:30px;
width:655px;
line-height:30px;
color:#ffffff;
padding:0;
padding-left:17px;
}
#news dt img{
display:block;
}
#news dt a{
position:absolute;
top:6px;
left:573px;
z-index:10;
}
#news dd{
height:310px;
padding:0;
overflow:auto;
}
#news dd ul{
list-style:none;
margin-left:0;
padding-left:0;
font-size:80%;
}
#news dd ul li{
border-bottom:1px solid #cccccc;
padding:2px 0;
}
#news dd ul li span.date{
color:#990000;
float:left;
width:10em;
display:inline;
margin-right:-10em;
}
#news dd ul li span.text{
margin-left:10.1em;
display:block;
}

#news dd ul li{
	/*\*/
	min-height: 1px;
	_height: 1%;
	/* */

	/*\*//*/
	overflow: hidden;
	/**/
}

#news dd ul li:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}