@charset "utf-8";
html {
    overflow-x:hidden;
    }

#flash{
	position:absolute;
	width:1200px;
	height:560px; /*flashの横、縦幅*/
	left: 50%;
	margin-left: -600px; /*Flashの横幅の半分の値を-(マイナス)で指定*/
	overflow: auto;
    overflow-x:hidden;
    overflow-y:hidden;
}



#main{
	width:900px;
	clear:both;
	margin-top:560px;
    overflow-x:hidden;
    overflow-y:hidden;
}

h3{ /*text-indent:-9999px;*/}

#contents {
clear:both;
background:url(../images/bg_contents.jpg) repeat-x left top;
}


/****************** common style  *********************/
.ulStyle{
	/*padding:15px 5px;*/
	border-bottom:solid 1px #3b3b3b;
	border-top:solid 1px #3b3b3b;
	height:190px;
}

.contentsLeft{ float:left; width:530px;}
.contentsRight{
	float:left;
	width:342px;
	margin-left:15px;
	display:inline;
}
.contentsRight,.contentsLeft{  margin-top:25px;}
/**************  ttl  *********************/

#newsTtl{
behavior: url("iepngfix.htc");
background:url(../images/ttl_news.png) no-repeat left top;
width:530px;
height:40px;
text-indent:-9999px;
}

#blogTtl{
behavior: url("iepngfix.htc");
background:url(../images/ttl_blog.png) no-repeat left top;
width:342px;
height:40px;
}


#galleryTtl{
background:url(../images/ttl_gallery.png) no-repeat left top;
width:530px;
height:40px;
text-indent:-9999px;
behavior: url("iepngfix.htc");
}

#messageTtl{
behavior: url("iepngfix.htc");
background:url(../images/ttl_message.png) no-repeat left top;
width:342px;
height:40px;
text-indent:-9999px;
}

#shopTtl{
background:url(../images/ttl_shop.jpg) no-repeat left top;
width:900px;
height:35px;
}


*html #shop li a {behavior: url("iepngfix.htc");}

*html .swap{behavior: url("iepngfix.htc");}


/************************************************/


/************************* news***************************/

#news,#blog{padding:15px 5px;} /*#gallery{padding:15px 0 0 5px;}*/

/*#news,#blog,#gallery,#message{ height:190px;}*/

*html #news,#blog,#gallery,#message{ height:190px;}

#news li{
	color:#fcc7e5;
	margin-bottom:10px;
	padding-left:55px;
	height:30px;
}

#news li a{ color:#fcc7e5;}
#news li a:hover{
color:#ff0099;
text-decoration:underline;
}

#news dl{ float:right;}
#news dt{
	color:#c0c0c0;
	float:left;
	font-size: 84%;
}
#news dd{ float:left; width:380px; padding-left:10px}

.news_new{ background:url(../images/icon_new.gif) no-repeat left top; clear:both;}
.news_gravure{ background:url(../images/icon_gravure.gif) no-repeat left top; clear:both;}




/********************    blog ***************************************/

.btnStyle{
display:block;
width:53px;
float:right;
margin-top:20px;
}

#blog li{
	background:url(../images/bg_blog.gif) no-repeat left top;
	width:324px;
	height:50px;
	padding:5px;
	overflow:hidden;
	/*margin-top:5px;*/
margin-bottom:5px;
}
* html #blog li{margin-bottom:5px;height:50px;}


#blog li img{ float:left;}

.blogTxt{
padding-left:10px;
 float:left;
 width:250px;
 overflow:hidden;
 height:45px;
 }
h5 a{ color:#fcc7e5;}h5 a:hover{ text-decoration:underline;}
.blogTxt dt a{ color:#FFFFFF; text-decoration:underline;}
.blogTxt dd{
	color:#c0c0c0;
	font-size: 84%;
	padding-top: 3px;
}


/****************      gallery       **********************************/


/*#gallery li{
	float:left;
	display:inline;
	margin:15px 5px 1px 10px;
}
*/

#gallery li{
text-align:center;
vertical-align:middle;
float:left;
}


*html #gallery li { width:70px;}

*:first-child+html #gallery li {width:70px;margin:1px 8px 5px 8px;}






#gallery li a{
	float:left;
	width:65px;
	height:65px;
	border:solid 3px #818181;
	margin:15px 5px 1px 5px;
	display:inline;
}

* + html #gallery li a{
	margin:15px 5px 1px 5px;
}

*html #gallery li a{margin:15px 5px 1px 5px;}


#gallery li a:hover{border:solid 3px #ff0099}



/*
.borderRoll a img{ 
text-align:center;
display:block;
border:solid 3px #818181;
vertical-align:middle;
padding:2px;
  }

.borderRoll a:hover img{border:solid 3px #ff0099}

*/



/*

#gallery li a{ 
border:solid 3px #292929;
padding:1px;
width:68px;
height:68px;
display:block;
}

* html #gallery li a{ width:65px;} 


#gallery li a:hover{ 
border:solid 3px #ff0099;
}
*/
/**************  message  ******************/
/*#message{padding:15px 0 15px 5px;}*/
#message{ padding-left:5px; overflow:hidden;}
#message dt{
	margin-top:7px;
}
#message dt a{ color:#fcc7e5;}
#message dt a:hover{ text-decoration:underline} 
#message dd{
	color:#FFFFFF;
	margin-bottom:5px;
	font-size: 84%;
}
#message dd a{ color:#FFFFFF;}
#message dd a:hover{ text-decoration:underline;}


/***************** shop  **************************/
#shopDiv{
	padding-top:40px;
}

.areaBtn{ 
float:right;
margin:5px ;
}
#shop{ padding:20px 0;}
#shop li{
	float:left;
	margin:0 0 10px 8px;
	display:inline;
}
/*
*html #shop li{margin:0 0 10px 30px;} 
*/
/*.thumbDiv{
	position:relative;
	float:left;
	width:65px;
	height:65px;
	margin:15px 5px 1px 10px;
	display:inline;
}*/
.iconNew{
position:absolute;
top:-10px;
left:-10px;
}

#mb_open{ padding-top:25px;}




/*.borderRoll img{
padding:1px 2px 2px 2px;
}*/

#menu1 a{
background: url(../../images/menu.jpg) no-repeat -40px -188px;
}


*html .ieLogo{behavior: url("iepngfix.htc");}

.iepngfix {  
behavior: expression(IEPNGFIX.fix(this));  
}  
