@charset "euc-jp";

html,body,div,p,li,ul,ol,span,img,dl,dt,dd,h1,h2,h3,h4,h5,h6,a,form,table,tr,th,td,form{ 
	font-size:100%;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
}

body{
	font-size:100.01%;
}

#htbdfwp_contents{
	background:url(../images/bg.jpg) center top no-repeat #f1f2f2;
}

#wrap ul,#wrap ol{
	list-style:none;
}

#wrap img{
	/*IE6*/
	vertical-align:top;
	vertical-align:bottom;
}

#wrap{
	color:#000;
	font-size:80%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック','メイリオ',Meiryo,sans-serif;
	line-height:1;
	margin:10px auto 0;
	padding:0 0 20px;
	text-align:center;
	width:750px;
}

* html #wrap{
    font-family:'MS Pゴシック',sans-serif;
}

*:first-child+html #wrap{
    font-family:'メイリオ','MS Pゴシック',sans-serif;
}

/*----*/

#wrap p{
	line-height:1.6;
	text-align:left;
}

#wrap a,
#wrap a:visited,
#wrap a:active{
	background-color:transparent;
	color:#000;
	text-decoration:underline;
}

#wrap a:hover{
	background-color:transparent;
	color:#DDD;
	text-decoration:underline;
}

/*--[section]--*/

#section{
	background:url(../images/sectionOther.gif) 0 0 no-repeat #FFF;
	margin:0 auto;
	padding:20px 40px;
	width:670px;
	/zoom:1;
}

#index #section{
	background:url(../images/section.gif) 0 0 no-repeat #FFF;
	padding:40px 20px 20px;
	width:710px;
}

#index_3column #section{
	background:url(../images/section.gif) 0 0 no-repeat #FFF;
	padding:40px 30px 20px;
	width:690px;
}

#section:after{
	content:'';
	clear:both;
	display:block;
}

/*--[h]--*/

#wrap h1,#wrap h2{
	font-size:10px;
	height:26px;
	text-align:left;
}

#wrap h1{
	background:url(../images/h1.png) 0 0 no-repeat;
	height:120px;
	margin:0 auto;
	text-indent:-9999px;
	width:750px;
}

#wrap h1 a{
	display:block;
	height:100px;
	width:430px;
	margin:0 310px 20px 10px;
	/*\*/
	overflow:hidden;
	/**/
}

#index #wrap h1,
#index_3column #wrap h1{
	background:url(../images/h1index.png) 0 0 no-repeat;
	height:220px;
	display:block;
}

#wrap h2{
	background-position:0 0;
	background-repeat:no-repeat;
	height:90px;
	margin:0 auto 20px 0;
	text-indent:-9999px;
	width:400px;
}

#figure #wrap h2{background-image:url(../images/h2/figure.gif);}
#ustream #wrap h2{background-image:url(../images/h2/ustream.gif);}
#machiuke #wrap h2{background-image:url(../images/h2/machiuke.gif);}
#collabo #wrap h2{background-image:url(../images/h2/collabo.gif);}

/*--[back]--*/

#wrap div.back{
	display:inline;
	font-size:10px;
	height:20px;
	text-indent:-9999px;
	width:64px;
}

#wrap div.back a{
	background:url(../images/back.gif) 0 0 no-repeat;
	display:block;
	height:20px;
	margin:0 0 0 auto;
	width:64px;
	/*\*/
	overflow:hidden;
	/**/
}

#wrap div.back a:hover{background:url(../images/back.gif) 0 -20px no-repeat;}

/*--[officialBack]--*/

#wrap div#officialBack{
	display:inline;
	font-size:10px;
	height:15px;
	text-indent:-9999px;
	width:233px;
}

#wrap div#officialBack a#suidou{
	background:url(../images/officialBack_on.png) 0 0 no-repeat;
	display:block;
	height:15px;
	margin:20px 0 0 auto;
	width:233px;
	/*\*/
	overflow:hidden;
	/**/
}

#wrap div#officialBack a#suidou:hover{background:url(../images/officialBack_off.png) 0 0 no-repeat;}

/*--[index]--*/

#wrap #navi{
	margin:0 auto;
	/zoom:1;
}

#wrap #navi:after{
	content:'';
	clear:both;
	display:block;
}

#wrap div.corner,
#index_3column #wrap div.corner{
	display:inline;
	float:left;
	font-size:12px;
	margin:0 20px;
	padding:0;
	width:315px;
}

#wrap div.corner{
	min-height:315px;
	height:auto !important;
	height:315px;
}

#index_3column #wrap div.corner{
	margin:0 10px;
	padding-bottom:40px;
	width:210px;
}

#wrap div.corner p,
#index_3column #wrap div.corner p{
	padding:10px 0 0;
}

#wrap div#c01,
#wrap div#c02,
#wrap div#c03,
#wrap div#c04{
	display:inline;
	font-size:10px;
	height:194px;
	text-indent:-9999px;
	width:315px;
}

#index_3column #wrap div.corner div#c01,
#index_3column #wrap div.corner div#c03,
#index_3column #wrap div.corner div#c04{
	height:190px;
	width:210px;
}

#wrap div#c01 a,
#wrap div#c02 a,
#wrap div#c03 a,
#wrap div#c04 a{
	background-repeat:no-repeat;
	background-position:0 0;
	display:block;
	height:194px;
	width:315px;
	/*\*/
	overflow:hidden;
	/**/
}

#index_3column #wrap div.corner div#c01 a,
#index_3column #wrap div.corner div#c03 a,
#index_3column #wrap div.corner div#c04 a{
	height:190px;
	width:210px;
}

#wrap div#c01 a{background-image:url(../images/index/figure.gif);}
#wrap div#c02 a{background-image:url(../images/index/ustream.gif);}
#wrap div#c03 a{background-image:url(../images/index/machiuke.gif);}
#wrap div#c04 a{background-image:url(../images/index/collabo.gif);}

#index_3column #wrap div.corner div#c01 a{background-image:url(../images/index/figure3column.gif);}
#index_3column #wrap div.corner div#c03 a{background-image:url(../images/index/machiuke3column.gif);}
#index_3column #wrap div.corner div#c04 a{background-image:url(../images/index/collabo3column.gif);}

#wrap div#c01 a:hover,
#wrap div#c02 a:hover,
#wrap div#c03 a:hover,
#wrap div#c04 a:hover{
	background-position:0 -194px;
}

#index_3column #wrap div.corner div#c01 a:hover,
#index_3column #wrap div.corner div#c03 a:hover,
#index_3column #wrap div.corner div#c04 a:hover{
	background-position:0 -190px;
}

/*--[index>#dvd]--*/

#wrap #dvd{
	background:url(../images/index/dvd.gif) 0 0 no-repeat;
	margin:0 auto;
	padding:28px 28px 8px;
	width:614px;
	/zoom:1;
}

#wrap #dvd:after{
	content:'';
	clear:both;
	display:block;
}

#wrap #dvd img{
	clear:left;
	display:inline;
	float:left;
	width:180px;
}

#wrap #dvd div.text{
	clear:right;
	display:inline;
	float:right;
	width:414px;
}

#index #wrap h2,
#index_3column #wrap h2{
	background:url(../images/h2/index.gif) 0 0 no-repeat;
	display:block;
	height:96px;
	margin:0 auto 10px;
	text-indent:-9999px;
	width:414px;
}

#wrap #dvd div.text span{
	color:#c91a18;
	font-size:120%;
	font-weight:bold;
}

#wrap #dvdFoot{
	background:url(../images/index/dvdFoot.gif) 0 0 no-repeat;
	margin:0 auto;
	height:20px;
	text-indent:-9999px;
	width:670px;
}

/*--[index]--*/
/*--[index>#goodsEnter]--*/

#wrap div#goodsEnter{
	display:inline;
	font-size:10px;
	height:15px;
	text-indent:-9999px;
	width:105px;
}

#wrap div#goodsEnter a{
	background:url(../images/index/goods.gif) 0 0 no-repeat;
	display:block;
	height:15px;
	margin:10px 0 0 auto;
	width:105px;
	/*\*/
	overflow:hidden;
	/**/
}

#wrap div#goodsEnter a:hover{background:url(../images/index/goods.gif) 0 -15px no-repeat;}

/*--[figure]--*/

#figure #wrap h3{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:30px;
	margin:20px auto;
	text-indent:-9999px;
	width:670px;
}

#figure #wrap h3#shop{background-image:url(../images/figure/h3_01.gif);}
#figure #wrap h3#reserve{background-image:url(../images/figure/h3_02.gif);}

/*--[figure>dl]--*/

#wrap dl{
	font-size:12px;
	margin:20px auto;
	text-align:left;
	/zoom:1;
}

#wrap dl:after{
	content:'';
	clear:both;
	display:block;
}

#wrap dl dt{
	background:url(../images/figure/dt.gif) 0 0 no-repeat;
	clear:left;
	color:#FFF;
	display:inline;
	float:left;
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin:0 15px 5px 0;
	padding-right:5px;
	text-align:center;
	width:110px;
}

#wrap dl dd{
	line-height:26px;
	margin:0 0 5px;
}

#wrap dl dt.last,
#wrap dl dd.last{
	margin-bottom:0;
}

/*--[figure>comment]--*/

#wrap div.detail,
#wrap div.detailLast{
	background:url(../images/figure/comment.gif) 0 0 no-repeat;
	margin:0 auto 10px;
	padding-top:18px;
	/zoom:1;
}

#wrap div.detailLast{margin-bottom:0;}

#wrap div.detail:after,
#wrap div.detailLast:after{
	content:'';
	clear:both;
	display:block;
}

#wrap div.detail img,
#wrap div.detailLast img{
	clear:left;
	display:inline;
	float:left;
	margin:5px 0 0;
	width:110px;
}

#wrap div.comment{
	clear:right;
	display:inline;
	float:right;
	margin:0;
	width:540px;
}

#figure #wrap h4{
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:24px;
	margin:10px 0;
	text-indent:-9999px;
	width:540px;
}

#wrap div.comment h4#f01{background-image:url(../images/figure/f01.gif);}
#wrap div.comment h4#f02{background-image:url(../images/figure/f02.gif);}
#wrap div.comment h4#f03{background-image:url(../images/figure/f03.gif);}
#wrap div.comment h4#f04{background-image:url(../images/figure/f04.gif);}
#wrap div.comment h4#f05{background-image:url(../images/figure/f05.gif);}

#figure #wrap h4#cannotbuy{
	background:url(../images/figure/cannotbuy.gif) 0 0 no-repeat;
	height:17px;
	margin:10px 0;
}

/*--[figure>caution]--*/

#figure #caution{
	background:url(../images/figure/caution.gif) 0 0 no-repeat;
	color:#c91a18;
	font-weight:bold;
	height:26px;
	line-height:26px;
	margin:20px auto 40px;
	padding-left:130px;
	text-align:left;
}

#figure #wrap .stock,
#figure #wrap .contact,
#machiuke #wrap div.attention{
	border:1px solid #c91a18;
	color:#c91a18;
	margin:0 auto 20px;
	padding:10px;
}

#figure #wrap .stock{margin:20px auto;}


#figure #wrap .stock p,
#figure #wrap .contact p,
#machiuke #wrap div.attention p{
	padding:0;
}

#figure #wrap .contact h5{
	background:url(../images/figure/h5.gif) 0 0 no-repeat;
	display:block;
	height:16px;
	margin:0 0 10px;
	text-indent:-9999px;
}

/*--[ustream]--*/

#wrap #ustArea{
	margin:0 auto;
	width:670px;
	/zoom:1;
}

#wrap #ustArea:after{
	content:'';
	clear:both;
	display:block;
}

#wrap div.ustlive{margin:20px auto;}
#wrap div.socialstream{margin:0 auto 20px;}

/*--[machiuke]--*/

#machiuke #wrap #read{
	background:url(../images/machiuke/read.gif) 0 0 no-repeat;
	height:110px;
	margin:0 auto;
	text-indent:-9999px;
	width:670px;
}

#wrap #flowchart{
	margin:40px auto 0;
}

#wrap #flowchart h3{
	background:url(../images/machiuke/h3.gif) 0 0 no-repeat;
	display:block;
	height:30px;
	margin:0 auto 20px;
	text-indent:-9999px;
	width:670px;
}

#wrap div.flow01,
#wrap div.flow02,
#wrap div.flow03,
#wrap div.flow04,
#wrap div.flow05,
#wrap div.flow06{
	background-position:0 0;
	background-repeat:no-repeat;
	height:148px;
	margin:0 auto 10px;
	text-indent:-9999px;
	width:670px;
}

#wrap div.flow01{background-image:url(../images/machiuke/flow01.gif);}
#wrap div.flow02{background-image:url(../images/machiuke/flow02.gif);}
#wrap div.flow03{background-image:url(../images/machiuke/flow03.gif);}
#wrap div.flow04{background-image:url(../images/machiuke/flow04.gif);}
#wrap div.flow05{background-image:url(../images/machiuke/flow05.gif);}
#wrap div.flow06{background-image:url(../images/machiuke/flow06.gif);margin-bottom:20px;}


/*--[collabo]--*/

#wrap #twitter{
	background:url(../images/collabo/twitter.gif) center bottom no-repeat;
	margin:0 auto;
	height:414px;
	width:670px;
}

#wrap #twitter #twitterDetail{
	padding:40px 115px 0;
	width:440px;
}

#wrap #tweet{
	margin:20px auto 10px;
	text-align:left;
}

#wrap #followMe{
	margin:10px auto 0;
	padding:0 0 20px;
	/zoom:1;
}

#wrap #followMe:after{
	content:'';
	clear:both;
	display:block;
}

#wrap #followMe img.on,
#wrap #followMe img.akiko{
	display:inline;
}

#wrap #followMe img.on{
	clear:left;
	float:left;
}

#wrap #followMe img.akiko{
	clear:right;
	float:right;
}

/*--[footer]--*/

#footer{
	background:url(../images/footer.gif) 0 0 repeat;
	color:#FFF;
	font-size:12px;
	text-align:center;
	padding:30px 30px 0;
}

#footer ul{
	padding:0 0 10px;
	/zoom:1;
}

#footer ul:after{
	content:'';
	clear:both;
	display:block;
}

#footer ul li{
	background:url(../images/footerlist.gif) 0 0 no-repeat;
	display:inline;
	float:left;
	height:15px;
	line-height:15px;
	margin:0 15px 0 0;
	padding:0 0 0 18px;
}

#footerFoot{
	background:url(../images/footerFoot.gif) 0 0 no-repeat;
	font-size:10px;
	height:20px;
	text-indent:-9999px;
	width:750px;
}

#index #footerFoot,
#index_3column #footerFoot{
	background:url(../images/footerFoot.png) 0 0 no-repeat;
}

#wrap #footer a,
#wrap #footer a:visited,
#wrap #footer a:active{
	color:#FFF;
	text-decoration:none;
}

#wrap #footer a:hover{
	color:#40b6ff;
	text-decoration:none;
}