/*common
----------------------*/

html{font-size:12px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,p{font-size:1em;font-weight:normal;}
img{border:0;vertical-align:top;}
ul,li {list-style-type:none;}
a{color:#06C;text-decoration:none;cursor:pointer;outline:none;}
a:hover{color:#F36;text-decoration:underline;}
a:active{color:#F36;}
a:visited{color:#969;}
body{
line-height:1.4;
color:#333;
font-family: "lr oSVbN", Osaka, "qMmpS Pro W3", Arial, Helvetica;
background:url(../img/bg_body.gif) repeat left top;
padding-top:34px !important;
margin:0;
}

/* hide from Mac IE \*/
* html body { padding-top:0px !important; }
/* */

.right{
float:right;
}



.naviBtn table{
text-align:center;
padding:3px;
}

.naviBtn table img{
border:1px solid #CCCCCC;
}

.naviBtn th {
background:#CCCCCC;
margin:1px;
}

.naviBtn table td{
font-size:1.1em;
padding:3px;
}

/* Spec */
.spec td{
width:50%;
vertical-align:top;
}

.spec h3{
font-size:1.2em;
border-bottom:1px solid #dddddd;
margin-bottom:5px;
font-weight:bold;
}

.spec h3.subtitle {
font-size:1em;
border-bottom:1px solid #dddddd;
margin-bottom:5px;
font-weight:bold;
color:#666;
}




/*clearFix
----------------------*/
.clearFix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearFix{
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */


/* AmebaShop
----------------------*/
#wrap{
background:transparent url(../img/bg_wrapcontent.gif) repeat-y scroll 0 0;
margin:0px auto 20px;
width:950px;
}

/* hide from Mac IE \*/
* html #wrap { margin:10px auto 20px; }
/* */ 


#wrap #subWrap{
background:transparent url(../img/bg_wrapbottom.gif) no-repeat left bottom;
width:950px;
}

#wrap #content{
background:transparent url(../img/bg_wraptop.gif) no-repeat left top;
width:950px;
padding-bottom:10px;
}

/* header
------------------------------ */
#header h1{
float:left;
padding:15px 0px 19px 68px;
}
#header h2{
float:right;
padding:28px 19px 0 0;
}

#header_info a {
float:right;
margin:-10px 5px 5px 0px;
font-size:13px;
color:#060;
}

/*headerNews
--------------------------------------------*/
#headerNews { width:920px; margin:5px auto 0; text-align:center; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#headerNews li { display:inline; padding-left:10px;}
#headerNews li a { padding:0 0 0 10px; background:url(../img/arrow2.gif) no-repeat 0 3px; }



/* shop
---------------------------- */
#shopWrap{
margin-left:6px;
padding-top:14px;
width:943px;
}
#shopSubWrap{
background:transparent url(../img/bg_shopbottom.gif) no-repeat scroll left bottom;
padding-bottom:12px;
width:938px;
}
#shopSubSubWrap{
background:transparent url(../img/bg_shopcontent.gif) repeat-y;
}
#shopContent{
background:transparent url(../img/bg_shoptop.gif) no-repeat scroll left top;
padding:27px 27px 10px;
}

#shopLeft{
float:left;
/*padding-top:34px;*/
width:450px;
}
#shopRight{
float:right;
padding-left:22px;
/*padding-top:34px;*/
width:412px;
}

#shopRight #itemTitle{
background:transparent url(../img/bg_itemtitle.gif) no-repeat scroll left bottom;
padding-bottom:3px;
margin-bottom:8px;
}
#shopRight #itemTitle h3{
font-size:1.5em;
padding:3px 10px 0 20px;
font-weight:bold;
}

#shopRight #itemTitleContent{
background:transparent url(../img/bg_itemtitle.gif) no-repeat left top;
}


#shopRight #movie{
width:250px;
float:right;
color:#EC0000;
text-align:center;
margin:10px 0px 10px 10px;
}

#shopRight .hanbai{
padding:10px 0;
font-size:1.2em;
font-weight:bold;
}

/* price
----------------------*/
#price img{
vertical-align:middle;
}
#price{
padding:15px 0 10px;
text-align:right;
}
#price_nopadding{
padding:0 0 10px;
text-align:right;
}

.tax{
font-size:0.8em;
padding:0 0 0 5px;
}
.daibiki{
width:420px;
text-align:left;
}
.bomb {
height:27px;
font-size:1.2em;
font-weight:bold;
color:#C00;
}

#price .date{
color:#EC0000;
}

#price .finish{
padding:10px 0;
color:#EC0000;
font-size:2.2em;
}

/* Profile
--------------------------- */
#profileWrap{
background:transparent url(../img/bg_profile.gif) no-repeat scroll left top;
margin-top:30px;
padding-top:44px;
width:411px;
}

.profileContent{
background:transparent url(../img/bg_profile.gif) no-repeat scroll left bottom;
padding:0 0 1px 11px;
width:411px;
}
.profileContent dt img{
border:1px solid #cccccc;
padding:1px;
}

.profileContent h4{
border-bottom:1px solid #dddddd;
font-weight:bold;
}

.profileContent dl{
padding-bottom:10px;
}


.profileContent dt{
width:100px;
float:left;
}

.profileContent dd{
float:left;
padding-left:10px;
width:279px;
}

.profileContent .profile{
float:left;
}

.profileContent .btnOfficial01{
float:left;
}
.profileContent .btnOfficial02{
float:right;
}

.profileContent .noborder{
border:none;
}





/* Collabo
--------------------------- */
#collaboWrap{
background:transparent url(../img/bg_collabo.gif) no-repeat scroll left top;
margin-top:30px;
padding-top:44px;
width:411px;
}

.collaboContent{
background:transparent url(../img/bg_collabo.gif) no-repeat scroll left bottom;
padding:0 0 1px 11px;
width:411px;
}
.collaboContent dt img{
border:1px solid #cccccc;
padding:1px;
}

.collaboContent h4{
border-bottom:1px solid #dddddd;
font-weight:bold;
}

.collaboContent dl{
padding-bottom:10px;
}


.collaboContent dt{
width:100px;
float:left;
}

.collaboContent dd{
float:left;
padding-left:10px;
width:279px;
}

.collaboContent .profile{
float:left;
}

.collaboContent .btnOfficial01{
float:left;
}
.collaboContent .btnOfficial02{
float:right;
}

.collaboContent .noborder{
border:none;
}





/* buy */
.buy{
margin-bottom:2px;
}



.buy dt.img{
width:70px;
float:left;
clear:both;
}

.buy dt.btn{
width:200px;
float:left;
clear:both;
}

.buy dd.name{
float:left;
padding:0px 0 0 15px;
text-align:left;
width:300px;
font-size:1.2em;
font-weight:bold;
}
.buy dd a{
display:block;
text-align:right;
padding-top:15px;
}
.buy dd.buyBtn{
float:right;
height:37px;
width:157px;
}

.haisou{
text-align:right;
padding-bottom:5px;
}


/* ntvPR */
#ntvPR {
margin:7px auto;

width:411px;
padding-top:11px;
}
#ntvPR .img{
width:110px;
float:left;
padding-left:11px;
}

#ntvPR .title{
float:right;
width:290px;
font-size:1.1em;
line-height:2em;
font-weight:bold;
margin-bottom:15px;
}

#ntvPR .title .txt{
font-size:1em;
line-height:1.3em;
font-weight:normal;
margin-top:5px;}

#ntvPR .title h4{
font-size:1.5em;}

#ntvPR .summary{
padding-left:11px;
margin:10px auto;
clear:both;}

/* gallery
---------------------------------*/

.goods{
position:relative;
}
.gallery{
float:left;
margin-top:5px;
padding-left:4px;
width:450px;
}

.gallery li{
cursor:pointer;
float:left;
margin:5px 2px;
padding:0;
width:70px;
}
.gallery li div{
}

#main_image{
border:1px solid #CCCCCC;
cursor:pointer;
float:left;
margin:0;
padding:0px;
position:relative;
width:450px;
height:450px;
}

#main_image a{

text-indent:-9999px;


}

.nav{
left:10px;
position:absolute;
top:415px;
}

/* otherGoods */
#otherGoods{
padding:10px 0;
}
#otherGoods dl{
float:left;
padding-right:7px;
width:70px;
}
#otherGoods dt{
width:70px;
}

#otherGoods dd{
width:70px;
font-size:0.8em;
text-align:center;
}

#otherGoods dt#black a{
display:block;
width:70px;
height:70px;
background:url(../../../mell-miki/01/img/goods_rollover.gif) 0px 70px;
text-indent:-9999px;
}
#otherGoods dt#black a:hover{
background:url(../../../mell-miki/01/img/goods_rollover.gif) 0px 0px;
}

#otherGoods dt#blue a{
display:block;
width:70px;
height:70px;
background:url(../../../mell-miki/01/img/goods_rollover.gif) 70px 70px;
text-indent:-9999px;
}

#otherGoods dt#blue a:hover{
background:url(../../../mell-miki/01/img/goods_rollover.gif) 70px 0px;
}

#otherGoods dt#pink a{
display:block;
width:70px;
height:70px;
background:url(../../../mell-miki/01/img/goods_rollover.gif) 140px 70px;
text-indent:-9999px;
}
#otherGoods dt#pink a:hover{
background:url(../../../mell-miki/01/img/goods_rollover.gif) 140px 0px;
}

/* catch */

#catch{
margin-bottom:15px;
padding-top:15px;
}

#catch ul{
padding-bottom:15px;
}

#catch ul li{
font-weight:bold;
color:#EC0000;
}


/* scene */

#scene li.s{
float:left;
width:201px;
height:170px;
margin-bottom:7px;
cursor:pointer;
}

#scene li.s_right{
float:right;
width:201px;
height:170px;
margin-bottom:7px;
cursor:pointer;
}

#scene li{
float:left;
width:201px;
height:200px;
margin-bottom:7px;
cursor:pointer;
}

#scene li.right{
float:right;
width:201px;
height:200px;
margin-bottom:7px;
cursor:pointer;
}

#scene li.b{
float:left;
width:201px;
height:230px;
margin-bottom:7px;
cursor:pointer;
}

#scene li.b_right{
float:right;
width:201px;
height:230px;
margin-bottom:7px;
cursor:pointer;
}

#scene li img{
border:1px solid #CCCCCC;
}

#scene li img.noborder{
border:none;
}

#scene p{
text-align:right;
}


.gallery_unstyled img{
/*border:1px #CCCCCC solid;*/
}

/* banner */
#banner{
padding-top:15px;
text-align:center;
}

/* tokutei */
#tokutei{
width:938px;
background:url(../img/bg_tokutei.gif) no-repeat left bottom;
margin:15px 0 10px;
}
#tokutei #left{
width:468px;
float:left;
}
#tokutei #left p,#tokutei #right p{
padding:10px;
}
#tokutei #right{
width:470px;
float:right;
}

.foottext{
text-align:right;
width:927px;
}

/* footer */

#footerArea{
margin:0 0 0;
}



/*--w・g--*/

table td.img{
width:70px;
}

table td.member{
font-weight:bold;
text-indent:0;
width:300px;
}

#shopping .contents{
border-top:#CCCCCC 1px solid;
padding:10px 0;
}

#shopping table{
width:410px;
}

/*--ameba_member--*/

#ameba_member{
margin-bottom:15px;
}
#ameba_member span{
display:block;
text-align:right;
}



.toiawase{
display:block;
text-align:right;
}

.small{
display:block;
font-size:0.9em;
}


/*--テスト用に追加--*/
/*header
--------------------------------------------*/
#header_test.idx { margin-bottom:10px; background:url(../img/bg_wraptop.gif) no-repeat left top #99cc00; }
#header_test.idx h1 { float:left;padding:15px 0px 19px 68px; }
#header_test.idx #srchBox { float:none; width:697px; padding:0 0 12px 253px; background-color:#99cc00; }
#header_test.idx #txtBox { width:376px; }
#header_test.idx p { clear:both; width:7em; background-color:#99cc00; }

/*floating box clear*/
.clr:after { content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display:block; }
/* End Hide from mac IE5 */


#attention_blue{
border:#30C 1px solid;
margin-top:15px;
padding:10px;
width:389px;
text-align:center;
}

#attention_blue p{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#30C 1px solid;
	font:large bold;
	color:#30C;
}

#attention_pink{
border:#F09 1px solid;
margin-top:15px;
padding:10px;
width:389px;
text-align:center;
}

#attention_pink p{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#F09 1px solid;
	font:large bold;
	color:#F09;
}

#attention_pink_left{
border:#F09 1px solid;
margin-top:15px;
padding:10px;
width:420px;
text-align:center;
}


#attention_pink_left .color_bold {
	font-weight:bold;
	font-size:14px;
	color:#F09;
	padding-bottom:7px;
}


