/*@charset "<$MTPublishCharset$>";
name:003 Modern
designer:field
designer_url:http://fieldweb.co.jp/ 
layouts:layout-wt, layout-tw

/*---------- reset ---------- */

*
{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"CI", meiryo, Verdana, Arial, sans-serif;
}
#alpha,#beta
{
	width:100%;
	left:0;
	margin:0;
	padding:0;
}

#header-inner, #footer-inner,
#alpha #alpha-inner, #beta-inner, #gamma-inner {
    overflow:visible;
    margin:0px;
    padding:0px;
}
#beta-innerul li
{
   display:inline-block;
}

.layout-tw #beta #beta-inner
{
	padding:0;
}

a {
	text-decoration:none;
}

a:link, a:visited {
	text-decoration: none;
}
 
/*---------- modules ---------- */

div.clear
{
	clear:both;
	height:0;
}

div.clear hr
{
	display:none;
}

/*---------- body ---------- */

body
{
    color:#666666;
    text-align:center;
	background:#ffffff;
}

#container
{
	margin:10px auto 0;
   	
	
}


#container-inner,
#header,
#header2,
#footer{
    
	width:1030px;
	margin:0 auto;
	color:#666666;
	
	}
	
#header-left{
float:left;
background:url(logo1.gif) left top no-repeat;
}



#header-right{
float:right;
background:url(logo2.gif) left top no-repeat}


#store-nav1{
font-size:10px;
padding:2px 0 0 48px}
#store-nav1 ul{
margin:0 0 6px;}

#store-nav1 li{
display:inline;
margin-right:9px;
}

#store-nav1 a{
font-size:10px;
}



#main-navigation{
margin:0;
float:left;
height:75px;

}
#main-navigation-inner{
margin:0;
}
#main-navigation-inner ul{
list-style:none;
vertical-align:bottom;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700;
font-size:11px;

}
#main-navigation-inner ul li{
vertical-align:bottom;
display:inline;
}
#main-navigation-inner ul li a{
list-style:none;
font-family:Georgia, "Times New Roman", Times, serif;
margin-left:15px;
color:#666666;
}
#main-navigation-inner ul li a:hover{
color:#FF0000;
text-decoration:none;
}


#container-inner {
	height:auto;
    text-align:left;
	background:transparent;
	}
	
#content {
margin-bottom:5px;
z-index:4;
position:relative;
clear:both;

	}

.layout-wtt #content,
.layout-wttt #content {
margin:0 auto 5px;
position:relative;
clear:both;
height:100%;
width:750px;
}

#homepage-image{
background:#000000;

height:500px;
}
#content2{
margin:0 auto 5px ;
width:840px;
z-index:4;
position:relative;
clear:both;
}
	
#content-item {
height:auto;
margin-bottom:10px;
position:static;
	}
	
#content-detail{
height:490px;
margin-bottom:5px;
	}

#content-inner-item {
height:auto;
margin-bottom:5px;
position:static;
padding:0 20px;
	}
	
/*hack*/
.asset-header:after,
#header-profile-body:after,
#profile-content:after,
#profile-content:after,
#dealers-list:after,
.asset-body:after,
#alpha-inner:after,
#alpha:after,
#content-right:after,
#d-item-bottom:after,
#d-iteme-top:after,
#flesh-news:after,
#lineup:after,
#top-item:after,
#content-right:after,
#news-blog:after,
#staff-blog:after,
#fresh-news:after,
#content-item:after,
#content-inner-item:after,
#content:after,
#content-inner:after,
#header-content:after,
#menu:after,
#web2:after,
#menu:after,
#menu ul:after,
#header:after,
.baloon:after, 
.baloon ul li:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#content-inner-item,
#content-item,
#content-inner,#menu,
 { display: inline-block; }
/* exlude MacIE5 \*/

* html #content-inner-item,
* html #content-item,
* html #menu,
* html #content-inner { height: 1% }

#content-inner-item,
#content-item,
#menu,
#content-inner {display:block;}
/* end MacIE5 */	
/*hack end */

#content-inner:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
#content-inner { display: inline-block; }
/* exlude MacIE5 \*/
* html #content-inner { height: 1% }
#content-inner {display:block;}
/* end MacIE5 */	
/*hack end */

#content-top{
height:20px;
margin-bottom:5px;
text-align:right;
margin-right:0;
float:right;
font-size:12px;

}
	

#content-inner
{
	padding:0;
}
.layout-wtt #content-inner{
	padding:0;
	width:750px;
	float:left;
}
.layout-wttt #content-inner
{
	padding:0;
	width:750px;
	float:left;
}


a
{
	text-decoration:none;
	color:#990000;
}

a:hover
{
	text-decoration:underline;
}

/* ---------- header ---------- */

#header {
	margin:0 0 0px;
	text-align:left;
	z-index:4;
	position:relative;
	
	
	
}
#header2 {
	margin:0 auto 0px;
	text-align:left;
	height:110px;
	
}

#header2 h1,
#header h1,

#header-name
{
	text-align:left;
	font-size:45px;
	font-weight:500;
	position:relative;
	letter-spacing:0.1em;
	color:#000;
	font-family:"Times New Roman", Times, serif;
	margin:0 auto 12px 0;
	display:inline;	
}

#header2 h1 a,
#header h1 a,
#header-name a
{
	color:#000;
	background-color:transparent;
	text-decoration:none;
	font-weight:500;
	font-family:"Times New Roman", Times, serif;
}

#search{
    margin-top:-5px;
	margin-left:170px;
	display:inline;
	}

#search2{
    margin:-50px 0 10px 520px;
	}
	
#header2 h1 a:hover,
#header h1 a:hover,
#header-name a:hover
{
	
}

#header2 h2,
#header h2,
#header-description
{
	color:#590c24;
	text-align:left;
	font-size:12px;
	font-weight:normal;
	position:relative;
	top:45px;
	left:25px;
	background-color:transparent;
	display:inline;
}

#header2 h2 a,
#header h2 a
{
	color:#590c24;
	background-color:transparent;
	text-decoration:none;
}

#header2 h2 a:hover,
#header h2 a:hover
{
	text-decoration:underline;
}

.widget-sign-in{
position:absolute;
top:2px;left:940px;
font-size:7px;
}

/*------menu-----*/

#detail-left{

float:left;
margin-left:30px;
width:330px;
padding:0 auto;

}
#detail-right{
float:left;
width:330px;
padding-top:40px;
font-size:12px;
font-weight:600;
margin-left:50px;
}


#detail-left{
margin-top:15px;
}

.detail-jack1{
width:303px;
height:300px;
margin:0px auto 10px;
padding-top:30px;
text-align:center;
display:block;
background:url("http://www.will-co.net/bestsound/bsr/img/detail-bg.jpg") no-repeat ;
font-size:12px;
font-weight:600;
}
.detail-jack1 p{
margin-top:30px;
margin-left:20px;
text-align:left;
}
.button-cart{
margin-left:30px;
}
.detail-text{
font-weight:500;
display:block;
margin-top:20px;

}



#shop-menu{
color:#333333;
font-size:14px;
font-weight:600;
}
 
#shop-menu a{
color:#333333;
}

#shop-menu li{
display:inline;
margin-left:10px;
}

#menu{
font-size:12px;
color:#000000;
disply:block;
font-weight:800;
padding-left:23x;
margin:0 auto 5px 20px;
width:100%;
z-index:6;
position:relative;

}

#menu2{
font-size:12px;
color:#000000;
disply:block;
font-weight:800;
padding-left:23x;
margin:0 auto 10px;
text-align:right;
}

#menu2 a,
#menu a{
color:#999999;
text-decoration:none;
font-size:12px;
}

#menu2 a:hover,
#menu a:hover{
color:#000000;
text-decoration:underline;

}



.midashi{
list-style:none;
color:#000000;
font-size:15px;
}

#menu ul{


}

#menu2 li,
#menu li{
color:#666666;
font-size:12px;
list-style-position:outside;
display:inline;
margin-right:30px;
}

#menu2 li a:hover,
#menu li a:hover{
color:#000000;
text-decoration:underline;

}



/* ---------- main ---------- */

.layout-tw div#alpha
{
    clear:both;
	left:0px;
	width:534px;
	height:534px;
	padding:0;
    margin:0;
	border:#666666 solid ;
    border-width:1px;
}

.layout-tw div#beta
{
	float:left;
	width:210px;
	left:0px;
}

.layout-wt div#alpha
{
	clear:both;
	width:100%;
	height:100%;
	border:#666666 solid ;
    border-width:1px;
	float:none;

}

.layout-wt div#beta
{
	float:right;
	width:210px;
	left:0px;
}

.layout-tw div#alpha div#alpha-inner
{
	padding:0 0 0 0;
}

.layout-tw div#beta div#beta-inner
{
	padding:0 0 0 15px;
}

.layout-wt div#alpha div#alpha-inner
{
	padding:0 0 0 0;
}



/* ---------- entry ---------- */

div#alpha-inner div.asset
{
	width:100%;
	/*background:#666666 url(entry-footer.gif) repeat-x left bottom;*/
}

.entry-asset asset hentry{display:inline;}

div#alpha-inner div.entry-asset
{
	padding-bottom:0px;
	margin-bottom:2.0em;
	
}


h1.asset-name,
h2.asset-name
{
	margin-top:;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	width:auto;
	display:inline;
	margin-left:5px;
	float:left;
	
}
h1.asset-name a,
h2.asset-name a,
{
	margin-top:;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	width:auto;
	
}

h1.item-price{
	margin-top:;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	width:auto;
}


h2.item-price{
	margin-top:;
	color:#666666;
	font-size:12px;
	font-weight:bold;
	width:auto;
}



h2.asset-name a
{
	color:#006600;
	background-color:transparent;
	text-decoration:none;
	font-size:12px;
	font-weight:bold
}

h2.asset-name a:hover
{
	text-decoration:underline;
	color:#990000;
}

.asset-meta
{
	
	font-size:10px;
	width:100%;
	text-align:right
}
.asset-meta .byline vcard{
font-size:10px;
}

.asset-header,

.asset-footer{
width:100%;

}


.asset-header{
color:#666666;
padding:3px 3px 5px 3px;
border-bottom:dotted 1px;
width:100%;
margin-bottom:0;
}

.asset-header-store{
color:#666666;
font-size:20px;
padding:3px 0px 1px;
font-weight:700;
height:20px;
}

.asset-header a{
color:#666666;}


.asset-body,
.asset-more {
padding:0 10px 0px 0;
	font-size:10px;
	line-height:1.5em;
}

.asset-body p {
	margin-bottom:5px;
}

.asset-body img {
	margin-bottom:5px;
}

.asset-more-link {
	margin:0 15px;
	font-weight:bold;
	text-align:right
}
.asset-more-link a:hover{
text-decoration:underline;}

.date-header
{
	margin-top:0;
	font-size:70%;
	font-weight:bold;
	text-transform:uppercase;
	
}

.entry-header
{
	margin-top:0;
	border-left:5px solid #d8d6dc;
	padding:0 0 0 10px;
	color:#666;
	font-size:18px;
}

.entry-categories {
	margin:0 15px 15px;
	font-size:80%;
}

.entry-categories h4.entry-categories-header
{
	padding:0 0 5px 5px;
	margin:0;
	color:#990000;
	font-weight:bold;
	list-style-type:none;
	list-style-position:outside;
	background:url(arrow2.gif) no-repeat 0 3px;
	font-size:12px;
}

div#alpha div#alpha-inner blockquote
{
	padding:10px;
	margin:0 0 15px 0;
	border: 1px solid #cccccc;
	background-color:#fff;
}

body.mt-search-results div#alpha div#alpha-inner p,
div#alpha div#alpha-inner blockquote p
{
	color:#555;
	font-size:80%;
}

div#alpha div#alpha-inner h1.search-results-header,
h2.archive-header
{
	background-color:#666666;
	color:#666666;
	font-weight:normal;
	font-size:70%;
	padding:3px 0 3px 3px;
	margin-bottom:10px;
}

div.archive-content
{
	font-size:80%;
	line-height:1.5em;
}

div#alpha div#alpha-inner h1.archive-title
{
	color:#666666;
	font-size:11px;
	font-weight:bold;
}

/* ---------- comment trackback ---------- */

div#comments h2.comments-header,
div#trackbacks h2.trackbacks-header
{
	background-color:;
	color:#666666;
	font-weight:normal;
	font-size:70%;
	padding:3px 0 3px 3px;
	margin-bottom:10px;
}

div#comments div.comment-header
{
	color:#590c24;
	font-size:80%;
	font-weight:bold;
}

div.comments-open h2.comments-open-header
{
	color:#590c24;
	font-weight:bold;
	margin:0 0 5px 0;
}

.entry-content,
.comment-content,
.trackbacks-content,
.trackbacks-header,
.trackbacks-info
{
	margin:0;
	font-size:70%;
}

.trackback-header
{
	margin-bottom:5px;
}

.comment-footer,
.trackback-footer
{
	margin:0 0 20px 0;
	border-top:1px solid #cccccc;
	padding-top:3px;
	color:#666;
	font-size:10px;
	text-align:right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
	margin-left:10px;
}

.content-nav
{
	font-size:80%;
	text-align:right;
	color:#590c24;
	margin-bottom:20px;
	clear:both;
}

.content-nav a
{
	padding:0;
	margin:0 0 5px 0;
	color:#590c24;
}

div#comments-open-data input#comment-author,
div#comments-open-data input#comment-email,
div#comments-open-data input#comment-url
{
	width:400px;
	color:#555555;
	border: 1px solid #cccccc;
	padding:1px;
	background-color:#666666;
}
div#comments-open-text textarea#comment-text
{
	width:400px;
	color:#555555;
	border: 1px solid #cccccc;
	padding:1px;
}

.trackbacks-info p span#trackbacks-link
{
	display:block;

	margin:5px 0;
	padding: 0 1px ;
	text-align:left;
	display:inline;
}

.comments-open
{
	font-size:80%;
	line-height:1.5em;
}

.comments-open-footer
{
	margin:10px 0;
}

/* ---------- menu ---------- */

ul.widget-list li,
ul.archive-list li.archive-list-item
{
	padding-left:10px;
	color:#666666;
	font-size:12px;
	list-style-image:url(staff-blog/allow.jpg);
	background:url(staff-blog/allow.jpg) no-repeat 0 4px;
}



ul.widget-list li a,
ul.archive-list li.archive-list-item a
{
	color:#009933;
	text-decoration:none;
	background-color:inherit;
	font-size:12px
}

.month-list
{
	padding-left:10px;
	color:#666666;
	font-size:12px;
	list-style-image:url(staff-blog/allow.jpg);
	background:url(staff-blog/allow.jpg) no-repeat 0 4px;
	display:block;
}



.month-list a
{
	color:#009933;
	text-decoration:none;
	background-color:inherit;
	font-size:12px
}

ul.widget-list li a:hover,
ul.archive-list li.archive-list-item a:hover
{
	text-decoration:underline;
}

h3.widget-header
{
	color:#666666;
	font-size:80%;
	font-weight:bold;
	background:url(h3bg.gif) no-repeat left bottom;
	margin-bottom:10px;
	border-bottom: solid 1px #666666;
	padding-bottom:4px;
	
}

h3.widget-header2
{
	color:#666666;
	font-size:10px;
	letter-spacing:0.05em;
	font-weight:bold;
	margin:0 0 5px 0;
	text-align:center;
}

h3.widget-header2 a{
font-size:8px;
color:#006600}



h3.widget-header a
{
	color:#666666;
	text-decoration:none;
	background-color:inherit;
}

h3.widget-header a:hover
{
	text-decoration:none;
}

/* ---------- search ---------- */

div.widget-content input#search,
div#technorati input#ts_search
{
	width:60%;
	color:#555555;
	border: 1px solid #cccccc;
	padding:1px;
	background-color:#666666;
}

div.search-form
{
	width:100%;
}

div.search-form div.search-form-header
{
	margin:0 0 5px 0;
	font-size:80%;
	font-weight:bold;
}

div.search-form div.search-form-content
{
	margin:0 0 5px 0;
	font-size:80%;
}

div.search-form-content input#search
{
	width:60%;
	color:#555555;
	border: 1px solid #cccccc;
	padding:1px;
	background-color:#666666;
}



#news2{
font-size:12px;
width:580;
padding:0 3px;
margin-left:250px;
margin-top:-110px;
color:#000000;
position:absolute;
}
#news{
font-size:12px;
width:580;
padding:0 3px;
margin-left:15px;
margin-top:458px;
color:#000000;
position:absolute;
}
.news1{
width:45px;
float:left;
font-weight:600;
}
.news2{
width:525px;
float:left;
border:1px #999999 solid;
}

.item-jack{
float:left;
margin:10px;
}
.item-text{
clear:both;
margin:0px;
display:block;
font-size:12px;
font-weight:700;
margin-bottom:5px;
}
.item-text a{
color:#666666;
}
.item-text a:hover{
color:#000000;
}

.item-text li{
list-style-type:disc;
}

/* ---------- footer ---------- */

div#container-inner div#footer
{
	width:100%;
	clear:both;
	position:static;
	
}

div#footer div#footer-inner
{
	padding:0 0 40px;
	color:#666666;
	text-align:left;
	font-size:70%;
	line-height:1.3em;
	padding:5px;
}

div#footer div#footer-inner a
{
	color:#666666;
	text-decoration:none;
	background-color:inherit;
}

div#footer div#footer-inner a:hover
{
	text-decoration:none;
}

#footer-text{
float:left;

}

#footer-text2{
float:right;
font-weight:600;
color:#000000;
}

div#footer-content li{
color:#666666;
font-size:12px;
list-style-position:outside;
display:inline;
margin-right:30px;
font-weight:600;

}

.footer-rss{
color:#666666;
font-size:12px;
list-style-position:outside;
display:inline;
margin-right:30px;
font-weight:600;
text-align:left;
}

div#footer-content a:hover{
color:#000000;
text-decoration:underline;

}

/* ---------- widget ---------- */

div#beta div.widget-content{
	font-size:60%;
	margin: 5px 0 20px;
}

div#beta div#beta-inner div.widget,
div#footer div#footer-inner div#footer-content div.widget
{
	position:static;
	margin:0;
	padding:0;
	clear:both;
}

div.widget-content {
    position:static;
	padding:0;
}
/*¿·¥«¥??À¡¼*/

#calendar {
    margin: 5px 0 10px;;
    color: #666666;
	height:180px;
}
.calendarhead {
    padding-bottom: 5px;
    font-size: 9px;
    letter-spacing: 0.2em;
}
#calendar table {
    padding: 0;
    border-collapse: collapse;
}
#beta-inner #calendar th {
    padding-bottom: 3px;
    text-align: center;
    font-size: 9px;
    width: 23px;
}
#calendar td {
    padding: 4px 0;
    text-align: center;
    font-size: 9px;
    line-height: 120%;
}

#calendar td span{
font-size:10px;}
#calendar td span a{
font-size:10px;
color:#006600;
font-weight:bold}

.today {
    display: block;
    border: 1px solid #444444;
}
.sunday,
.holiday,
.holiday a:link,
.holiday a:visited {
    color: #e50003;
}
.saturday,
.saturday a:link,
.saturday a:visited {
    color: #0000ff;
}

/*¿·¥«¥??À¡¼FINISH*/


/* µ?«¥??À¡¼*/
div.widget-calendar table
{
	width:90%;
}

div.widget-calendar table td,
div.widget-calendar table tr
{
	padding:3px;
	font-size:10px;
	text-align:right;
}

/* µ?«¥??À¡¼FINISH */
div#footer div#footer-inner div#footer-content widget-powered
{
	position:static;
}

#footer-content {
padding:10px 5px  ;
margin-bottom:15px;
text-align:right;
width:100%;
}
#footer-content a{
color:#999999;
text-decoration:none;
}


#pro-left{
width:60%;
float:left;
}

#pro-left:after{
width:60%;
float:left;
}

#pro-right{
width:35%;
float:right;
border:#666666 solid;
border-width:1px;
padding:10px;
}

#rec{
font-size:10px;
font-weight:600;
width:105px;
height:105px;
margin:10px;
float:left;
}



#toppage-l{
width:30%;
background-color:#666666;
float:left;
display:inline;
height:534px;
font-family:Georgia, "Times New Roman", Times, serif;

}
#toppage-r{
width:70%;
background:url(image1.jpg);
float:left;
display:inline;
height:534px;
border:#666666 solid;
border-width:1px;

}

#toppage-r2{
width:70%;
background:url(top2c.png) no-repeat right bottom;
float:left;
display:inline;
height:534px;
}

#toppage-c{
width:100%;
background:url(top3.jpg) no-repeat left bottom;
float:left;
display:inline;
height:534px;
}


.toppage-text{
margin:170px 15px 0;
font-family:Georgia, "Times New Roman", Times, serif;


}

.toppage-midashi{
font-size:18px;
font-weight:500;
margin-bottom:15px;
font-family:Georgia, "Times New Roman", Times, serif;
}



.layout-wm #alpha{
width:730px;
margin:0;
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN',sans-serif
}
.layout-wtt #alpha{
width:100%;
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN',sans-serif

}
.layout-wttt #alpha{
width:550px;
margin-top:15px;
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','qMmpS Pro W3','lr oSVbN',sans-serif

}



.layout-wt div#beta div#beta-inner
{
	padding:0 15px 0 0;
}
.layout-wm div#beta
{float:right;
width:150px;
height:500px;
margin:0;
}

.layout-wtt div#beta{
float:right;
left:0;
width:150px;
padding:0 0;
}

.layout-wttt div#beta{
float:left;
width:150px;
left:32px;
margin-top:15px;
padding:0 0;
}

#beta-store{
float:right;
width:200px;
height:520px;
}


.entry-category{
color:#990000;
}

.entry-category a{
color:#990000;
font-size:12px
}



/*news*/

#news-link-blank,
#news-link,
#news-link1,
#news-link2,
#news-link3{
width:104px;
height:146px;
float:left;
text-align:center;
font-size:10px;
font-weight:500;
margin:70px 35px 0 0;
}

#news-link-box{
padding:0 0 0 100px;}


#news-link img,
#news-link1 img,
#news-link2 img,
#news-link3 img{
margin-top:30px;
margin-bottom:5px;
}

#news-link ul,
#news-link1 ul,
#news-link2 ul,
#news-link3 ul{
margin-top:8px;
height:15px;
font-size:10px;

}

div#staff-blog #news-link ul,
div#staff-blog #news-link1 ul,
div#staff-blog #news-link2 ul,
div#staff-blog #news-link3 ul{
margin-top:23px;
height:15px;
font-size:10px;

}


#news-link{
background:url(new.jpg) no-repeat
}
#news-link1{
background:url(1day.jpg) no-repeat
}
#news-link2{
background:url(2day.jpg) no-repeat
}
#news-link3{
background:url(3day.jpg) no-repeat
}
#news-link-blank{
background:url(waku.jpg) no-repeat
}

div#staff-blog #news-link{
background:url(staff-new.gif) no-repeat
}
div#staff-blog #news-link1{
background:url(1day.jpg) no-repeat
}
div#staff-blog #news-link2{
background:url(staff-2day.gif) no-repeat
}
div#staff-blog #news-link3{
background:url(staff-3day.gif) no-repeat
}
div#staff-blog #news-link-blank{
background:url(waku.jpg) no-repeat
}

comments-open-content{
font-size:14px;
font-weight:700;
}

#freshimg,
#blogimg{
float:left;
}


#freshtext{
float:left;
margin-left:8px;
padding-left:12px;
padding-top:5px;
font-size:18px;
background:url(freshnews.gif) top left no-repeat;
width:560px;
height:100px;
}

#freshtext ul{
margin-top:21px;
margin-left:15px;
}

#freshtext ul a{
color:#666666;
}


#blogtext{
float:left;
margin-left:10px;
padding-left:12px;
padding-top:5px;
font-size:18px;
background:url(bloger-bg.gif) top left no-repeat;
width:425px;
height:71px;
}



.job{
font-size:10px;
font-weight:500;
}

#blogtext ul{
list-style:inside disc;
margin-top:38px;
margin-left:3px;
font-size:13px;
color:#666666;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
}

#blogtext ul a{
list-style:inside disc;
margin-top:58px;
margin-left:5px;
font-size:25px;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700
}

#news-blog,
#staff-blog{
clear:both;
margin-top:20px;
}

#news-blog a,
#staff-blog a{
color:#666666;
font-weight:600;}
#news-blog a:hover,
#staff-blog a:hover{
color:#990000;
text-decoration:none}

#sidebar{
float:left;
width:150px;
padding:0 20px;
}

#newsline {
margin:10px 0;
padding:3px 0 3px 5px;
width:690px}

#pr-box{
float:left;
}
#pr-box2{
float:left;
text-align:right;
margin-top:-79px;
z-index:5;
width:150px;
}

.staffname{
fontsize:15px;
font-weight:600;
display:block;
}

.staffname1{
fontsize:15px;
font-weight:600;
width:103px;
display:block;
text-indent:-9999px;

background:url(http://yoohoo.heteml.jp/site/css/yonho-name2.gif) no-repeat left top;
}

.staffname1 a{
background:url(http://yoohoo.heteml.jp/site/css/yonho-name2.gif) no-repeat left top;
}

.staffname1 a:hover{
background-position:right top;
}


.staffname2{
fontsize:7px;
display:block;
}
.newstime{
margin-top:138px;
}

.comments-open-content{
font-size:12px;
font-weight:600;
margin:30px 20px;
}

#logo2{
margin-top:-75px;
}

/*web store*/

#content-left{
width:120px;
float:left;
text-align:center;
margin-top:10px;
}

#content-right{
width:620px;
height:500px;
float:left;
margin-left:10px;
}


#lineup{
margin-top:30px;
}

#top-item{
width:88px;
height:180px;
float:left;
overflow:hidden;
pading-right:6px;
}
.top-item-inner
{
width:82px;
}

.top-item-inner a
{
color:#666666;
}

.top-item-inner a:hover
{
color:#666666;
text-decoration:underline;
}


.top-item-inner p{
margin:0;
font-size:8px}

#page-list{
width:100%;
text-align:center;
color:#666
;
}

#page-list a{
color:#990000;
text-decoration:underline}

#page-list a:hover{
text-decoration:none}

#top-item img{
margin-bottom:3px;
}

#store-title{
float:left;
margin-left:10px;
padding-left:12px;
padding-top:5px;
font-size:18px;
background:url(title-bg-.gif) top left no-repeat;
width:80%;
height:77px;
}

#store-title p{
list-style:inside disc;
margin-top:20px;
margin-left:5px;
font-size:10px;
color:#666666;
font-family:Arial, Helvetica, sans-serif
}

#store-title ul a{
list-style:inside disc;
margin-top:58px;
margin-left:5px;
font-size:25px;
color:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:700
}


#content-left img{
margin-bottom:30px;
}
#content-left a{
display:block;
margin:6px 0;


color:#666666;
}

#content-left a:hover{
color:#990000;
}

#content-left li{
margin-bottom:30px;
list-style:none;
}
#content-right{
float:left;
width:600px;
}

.store-top{
margin-bottom:20px;
}

#d-left{
width:348px;
height:348px;
float:left;
margin-bottom:10px;
}

#d-right{
float:left;
}


#d-iteme-top{
width:270px;
}

#d-iteme{
width:80px;
height:80px;
float:left;
margin:0 0 8px 8px;
}
* html #d-iteme{
width:80px;
height:80px;
float:left;
margin:0 0 6px 6px;
}

#d-item-bottom{
clear:both;
height:127px;
}

#item-comment{
width:360px;
height:143px;
float:left;
border:solid 1px #666666;
padding:0 10px;
}

#item-size{
width:90px;
height:135px;
float:right;
border:solid 1px #666666;
padding:8px 8px 0;
margin-right:8px;

}

#mail_preview{
background-color:#000000;
background-image:url(kakunin.gif);
background-position:top;
border: 0pt none;
color:#666666;
font-weight:600;
padding:0px;
width:36px;
height:18px;
text-indent:-9999px;
}

#mail_preview:hover{
background-position:bottom;
}

#mail_post{
background-color:#000000;
background-image:url(sousin.gif);
background-position:top;
border: 0pt none;
color:#666666;
font-weight:600;
padding:0px;
width:36px;
height:18px;
text-indent:-9999px;
}

#mail_post:hover{
background-position:bottom;
}

#magazine-botton{
width:120px;
height:18px;
text-indent:-9999px;

background:url(mailmagazine.gif) no-repeat;
background-position:top center;
margin:20px 0 10px 570px;
}

#magazine-botton:hover{
background-position:bottom;
}


/*NAVI*/
#TOP{
background:url(NAVI/top.gif) no-repeat; 
background-position:top center; 
text-indent:-9999px;
height:13px;
float:left;
width:28px;
}
#NEWSBLOG{
background:url(NAVI/newsblog.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:93px;
}
#CATALOG{
background:url(NAVI/catalog.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:64px;}
#STORE{
background:url(NAVI/store.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:46px;}
#DEALERS{
background:url(NAVI/dealers.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:61px;}
#ABOUT{
background:url(NAVI/about.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:70px;}
#DOWNLOAD{
background:url(NAVI/download.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:80px;}
#CONTACT{
background:url(NAVI/contact.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:66px;}
#LINK{
background:url(NAVI/link.gif) no-repeat;
background-position:top center;
text-indent:-9999px;
float:left;
width:31px;}


#NEWSBLOG,
#CATALOG,
#STORE,
#DEALERS,
#ABOUT,
#DOWNLOAD,
#CONTACT,
#LINK{
margin-top:5px;
margin-left:20px;
height:10px;
}
#TOP{
margin-top:5px;
margin-left:8px;
height:10px;
}


#TOP:hover{background-position:bottom;}
#NEWSBLOG:hover{background-position:bottom;}
#CATALOG:hover{background-position:bottom;}
#STORE:hover{background-position:bottom;}
#DEALERS:hover{background-position:bottom;}
#ABOUT:hover{background-position:bottom;}
#DOWNLOAD:hover{background-position:bottom;}
#CONTACT:hover{background-position:bottom;}
#LINK:hover{background-position:bottom;}



/*NAVI2*/


#magazine-botton2{
width:120px;
height:18px;
overflow:hidden;
margin:20px 0 10px 570px;
}




#TOP2{
background:url(NAVI/top.gif) no-repeat; 
background-position:top center;
overflow:hidden; 
height:13px;
float:left;
width:28px;
}

#NEWSBLOG2{
background:url(NAVI/top.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:93px;
}
#CATALOG2{
background:url(NAVI/catalog.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:64px;}
#STORE2{
background:url(NAVI/store.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:46px;}
#DEALERS2{
background:url(NAVI/dealers.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:61px;}
#ABOUT2{
background:url(NAVI/about.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:70px;}
#DOWNLOAD2{
background:url(NAVI/download.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:80px;}
#CONTACT2{
background:url(NAVI/contact.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:66px;}
#LINK2{
background:url(NAVI/link.gif) no-repeat;
background-position:top center;
overflow:hidden;
height:13px;
float:left;
width:31px;}

#magazine-botton2 img:hover{
margin-top:-19px;
}

#NEWSBLOG2 img:hover,
#CATALOG2 img:hover,
#STORE2 img:hover,
#DEALERS2 img:hover,
#ABOUT2 img:hover,
#DOWNLOAD2 img:hover,
#CONTACT2 img:hover,
#LINK2 img:hover,
#TOP2 img:hover{
margin-top:-23px;
}

#NEWSBLOG2,
#CATALOG2,
#STORE2,
#DEALERS2,
#ABOUT2,
#DOWNLOAD2,
#CONTACT2,
#LINK2{
margin-top:5px;
margin-left:20px;

}



#TOP2{
margin-top:5px;
margin-left:8px;
height:10px;
}






/* */

.storetext{
font-size:10px;
}

#mail-select{
margin:160px 0 0 0;
}


#contact-form{
background:url(contact-form.jpg) no-repeat;
background-position:top center;
text-indent:-9999px;
}
#or{
background:url(form-or.jpg) no-repeat;
background-position:bottom center;
text-indent:-9999px;
}
#present-form{
background:url(catalog-present.jpg) no-repeat;
background-position:top center;
text-indent:-9999px;
}


#contact-form,
#or,
#present-form{
height:16px;
margin-right:53px;
}

#contact-form:hover,
#or:hover,
#present-form:hover
{background-position:bottom;}

#dealers-list a{
color:#666666;
text-align:left;
}

#dealers-list a:hover{
color:#990000;
}
#dealers-list li
{
float:left;
list-style:none;
width:80px;
margin:0 0 10px 0;
padding-left:150px;
}
#dealers-list{
}
.asset-content{
overflow:hidden;
}

/*  STAFF BLOG */
#profile-body{
clear:both;
margin-bottom:15px;
}

#plofile-content{
margin-bottom:3px;}
#profile-img,
#profile-element{
float:left;}

#profile-img{
width:65px;
height:50px;
overflow:hidden}

#profile-element{
font-size:9px;
width:85px;}

#profile-header{}

.profile-bloger{
font-weight:bold;
color:#006600;
line-height:20px;
display:block;}

.profile-bloger a{
font-weight:bold;
color:#006600;
line-height:20px;
display:block;}
.profile-name a{
font-size:80%;
line-height:10px;
color:#333333;
font-weight:bold;}

#profile-footer{
clear:both;
font-size:9px;
line-height:10px;
}



/*STAFF BLOG HEADER*/
#header-profile-body{
clear:both;
margin-bottom:25px;
margin-top:10px;
}


#fresh-news{
clear:both;
height:95px;
padding-top:35px;
margin-top:10px;
}



#header-profile-body #plofile-content{
margin-bottom:3px;}
#header-profile-body #profile-img,
#header-profile-body #profile-element{
float:left;}

#header-profile-body #profile-img{
width:145px;
height:100px;}

#header-profile-body #profile-element{
font-size:9px;
width:380px;}

#header-profile-body #profile-header{}
#header-profile-body #profile-element .profile-bloger h1 {
font-weight:bold;
color:#000;
font-size:24px;
margin:0;
display:inline}
#header-profile-body #profile-element .profile-bloger{
display:inline;}

#header-profile-body .profile-name{
font-size:11px;
margin-left:20px;
color:#333333;
display:inline;}

#header-profile-body .profile-element{
font-size:10px;
font-weight:500;
color:#666666;
display:block;
padding-top:7px;}


#header-profile-body #profile-footer{
clear:both;
font-size:9px;
margin-top:5px;
line-height:10px;
}

#fresh-news{
width:237px;
padding-left:290px;
background:url(staff-blog/staff-blog-header.jpg) no-repeat;
}

#header-name-staff{
text-align:center;
font-size:15px;
font-weight:bold;
color:#666666;
margin-bottom:5px;}
#header-description-staff{
font-size:10px;
color:#666666;
text-align:center;
}

.head-blog{
font-size:10px;
color:#006600;
display:inline;
float:right;
margin-right:5px;
}

.head-blog a{
color:#006600;
}

.head-blog a:hover{
color:#990000}
