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

p,strong,div,form{
margin: 0px;
padding: 0px;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* link */
a:link {
color:#CC0000;
text-decoration:none;
}

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

a:hover {
color:#FFCC00;
text-decoration:underline;
}

/* Margin Style */
.mt5{
margin-top: 5px;
}
.mt10{
margin-top: 10px;
}
.mt20{
margin-top: 20px;
}
.mt30{
margin-top: 30px;
}
.mt40{
margin-top: 40px;
}
.mt50{
margin-top: 50px;
}
.mb5{
margin-bottom: 5px;
}
.mb10{
margin-bottom: 10px;
}
.mb20{
margin-bottom: 20px;
}
.mb30{
margin-bottom: 30px;
}
.mb40{
margin-bottom: 40px;
}
.mb50{
margin-bottom: 50px;
}

/* container */
#quanto{
text-align: center;
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/bg.gif);
background-repeat: repeat-x;
background-position: center top;
background-color: #FFFFFF;
margin: 20px 0px;
padding: 0px;
height: auto;
width: 100%;
}
#quanto img{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}


/* contents style */
#container{
padding: 0px;
height: auto;
width: 770px;
margin-right: auto;
margin-left: auto;
}
#container th{
width: 15px;
}
#container td{
background-color: #FFFFFF;
text-align: left;
vertical-align: top;
}
#container .left-f{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/frame_l_bg.gif);
background-repeat: repeat-y;
}
#container .right-f{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/frame_r_bg.gif);
background-repeat: repeat-y;
}

/* footer */
#quanto .pgtop,#quanto .contact{
text-indent: -1000em;
display: block;
margin: 0px;
padding: 0px;
height: 10px;
width: 60px;
font-size: 5px;
}
#quanto .contact{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/btn_contact.gif);
background-repeat: no-repeat;
background-position: left top;
}
#quanto .pgtop{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/btn_pgtop.gif);
background-repeat: no-repeat;
background-position: left top;
}
#quanto .contact:hover,#quanto .pgtop:hover{
background-position: left -15px;
}


/* regularmenu */
#container #menu{
background-color: #25348E;
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_head.gif);
background-repeat: repeat-x;
background-position: left top;
width: 190px;
}
#container #menu dl{
font-size: 1px;
padding: 0px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
}
#container #menu dt{
margin: 0px;
padding: 0px;
}
#container #menu dt a{
display: block;
height: 30px;
width: 190px;
text-indent: -1000em;
}
#container #menu .menuhead{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/txt_regular.gif);
background-repeat: no-repeat;
display: block;
height: 56px;
width: 190px;
}
#container #menu .menu1 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_reg.gif);
background-position: left top;
}
#container #menu .menu2 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_cal.gif);
background-position: left top;
}
#container #menu .menu3 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_catalog.gif);
background-position: left top;
}
#container #menu .menu4 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_colum.gif);
background-position: left top;
}
#container #menu .menu5 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_blog.gif);
background-position: left top;
}
#container #menu .menu6 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_present.gif);
background-position: left top;
}
#container #menu .menu7 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_dictionary.gif);
background-position: left top;
}
#container #menu .menu8 a{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/menu_contact.gif);
background-position: left top;
}
#container #menu dt a:hover{
background-position: left -35px;
}
#container #menu p{
display: block;
padding: 0px;
height: 60px;
width: 170px;
margin-top: 5px;
margin-bottom: 0px;
margin-left: 10px;
}
/* shopsearch */
#container #menu #shop{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/txt_shop.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
height: auto;
width: 190px;
padding-top: 50px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #111945;
}
#container #menu #shop form{
height: auto;
width: 170px;
}
#container #menu #shop h3{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/txt_itemsearch.gif);
background-repeat: no-repeat;
text-indent: -1000em;
display: block;
padding: 0px;
height: 15px;
width: 80px;
margin-top: 10px;
margin-bottom: 0px;
margin-left: 10px;
}
#container #menu #shop .box{
font-size: 10px;
line-height: 200%;
color: #333333;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
padding: 0px;
height: 20px;
width: 170px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#container #menu #shop .btn{
font-size: 10px;
line-height: 200%;
color: #FFFFFF;
margin-bottom: 15px;
margin-left: 10px;
padding: 0px;
height: 18px;
width: 170px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
background-color: #25348E;
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/btn_bg.gif);
background-repeat: no-repeat;
}

/* closeupmenu */
#container #menu #closeup{
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/txt_infocloseup.gif);
background-repeat: no-repeat;
background-position: left top;
margin: 0px 0px 20px;
height: auto;
width: 190px;
padding-top: 57px;
}
#container #menu #closeup dl{
margin: 0px;
padding: 0px;
}
#container #menu #closeup dt{
text-indent: -1000em;
margin: 0px;
padding: 0px;
}
#container #menu #closeup dd{
	padding: 0px;
	margin-left: 30px;
}
#container #menu #closeup dd a{
	font-size: 10px;
	line-height: 100%;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 11px;
	background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/icon_yaji.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
}
#container #menu #closeup dd a:visited{
color: #F8FDFE;
text-decoration: none;
}
#container #menu #closeup dd a:hover{
color: #FFCC00;
text-decoration: underline;
background-position: left -33px;
}
#container #menu #closeup dd a:active{
color: #FFCC00;
text-decoration: none;
}
#container #menu #closeup .rmenu1 a{
display: block;
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/closeup_menu1.gif);
background-repeat: repeat-y;
background-position: left top;
height: 34px;
width: 190px;
}
#container #menu #closeup .rmenu2 a{
display: block;
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/closeup_menu2.gif);
background-repeat: repeat-y;
background-position: left top;
height: 34px;
width: 190px;
}
#container #menu #closeup .rmenu3{
display: block;
background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/closeup_menu3.gif);
background-repeat: no-repeat;
background-position: left top;
height: 34px;
width: 190px;
margin-bottom: 10px;
}
#container #menu #closeup dt a:hover{
background-position: left -39px;
}

/* lineclasses */
.dotline{
	background-image: url(http://www.hobidas.com/blog/quanto/staff/common/images/dotline.gif);
	background-repeat: repeat-x;
	background-position: left center;
	display: block;
	height: 31px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}