@charset "utf-8";

/*-----------------------------------------------------
Main
-------------------------------------------------------*/
#Main{
	margin:0 0 10px 0;
	border-bottom:1px solid #333;
}

/*-------------------------------------
visual
---------------------------------------*/
#Main div.visual{
	width:100%;
	overflow:hidden;
	
	background-image:url("../images/main_bg.gif");
	background-position:0 0;
	background-repeat:repeat;
	background-color:#F0F0F0;
	-webkit-background-size:87px 87px;
	-moz-background-size:87px 87px;
	-ms-background-size:87px 87px;
	-o-background-size:87px 87px;
	background-size:87px 87px;
}

/* img
---------------------*/
#Main div.visual p.img{}


/* navi
---------------------*/
#Main div.visual ul.navi{
	width:300px;
	overflow:hidden;
	position:relative;
	margin:-12px auto 10px;
}
#Main div.visual ul.navi li{
	float:left;
	display:inline;
	margin:0 0 10px 0;
}


/* news
---------------------*/
#Main dl.news{
	width:300px;
	margin:0 auto 25px;
	padding:0 0 6px 0;
	background-image:url("../images/news_bg_bottom.png");
	background-repeat:no-repeat;
	background-position:0 100%;
	-o-background-size:300px 6px;
	-ms-background-size:300px 6px;
	-moz-background-size:300px 6px;
	-webkit-background-size:300px 6px;
	background-size:300px 6px;
}
#Main dl.news dd{
	padding:2px 12px 0 12px;
	background-image:url("../images/news_bg.png");
	background-repeat:repeat-y;
	background-position:0 0;
	-o-background-size:300px 1px;
	-ms-background-size:300px 1px;
	-moz-background-size:300px 1px;
	-webkit-background-size:300px 1px;
	background-size:300px 1px;
}
#Main dl.news dd span{
	width:100%;
	display:block;
	color:#666666;
}
#Main dl.news dd a{color:#111;}




/* other
---------------------*/
#Main div.visual ul.other{
	width:310px;
	overflow:hidden;
	margin:0 auto;
	padding:0 5px 18px 5px;
}
#Main div.visual ul.other li{display:inline;}
#Main div.visual ul.other li.img01{
	float:left;
}
#Main div.visual ul.other li.img02{
	float:right;
	padding-top:10px;
}


/* ttl
---------------------*/
#Main div.visual p.ttl{
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
}

/* lead
---------------------*/
#Main div.visual p.lead{
	width:100%;
	margin:0 0 15px 0;
	text-align:center;
}


/*-------------------------------------
movie
---------------------------------------*/
#Main div.movie{
	width:100%;
	overflow:hidden;
	border-top:1px solid #7c7a78;
	border-bottom:1px solid #333333;
	background-image:url("../images/movie_bg.gif");
	background-position:0 0;
	background-repeat:repeat;
	-webkit-background-size:3px 2px;
	-moz-background-size:3px 2px;
	-ms-background-size:3px 2px;
	-o-background-size:3px 2px;
	background-size:3px 2px;
	
	
}

/* ul
---------------------*/
#Main div.movie ul{
	width:310px;
	overflow:hidden;
	margin:0 auto;
	padding:20px 5px 20px 5px;
}
#Main div.movie ul li{
	float:left;
	display:inline;
	padding:0 5px 10px 5px;
}

/* p
---------------------*/
#Main div.movie p{
	margin:0 0 30px 0;
	text-align:center;
}


/*-------------------------------------
info
---------------------------------------*/
#Main div.info{
	padding:16px 0 20px 0;
	border-top:2px solid #333;
	border-bottom:4px solid #acabab;
	background-image:url("../images/info_bg.jpg");
	background-position:0 0;
	background-repeat:repeat;
	-webkit-background-size:9px 5px;
	-moz-background-size:9px 5px;
	-ms-background-size:9px 5px;
	-o-background-size:9px 5px;
	background-size:9px 5px;
}
#Main div.info div.info_inline{
	width:320px;
	overflow:hidden;
	margin:0 auto;
}


/* img01
---------------------*/
#Main div.info p.img01{
	margin:0 0 15px 0;
	text-align:center;
}

/* txt01
---------------------*/
#Main div.info p.txt01{
	margin:0 0 7px 0;
	text-align:center;
}

/* txt02
---------------------*/
#Main div.info p.txt02{
	float:left;
	display:inline;
	margin:0 0 10px 20px;
	text-align:center;
}

/* img02
---------------------*/
#Main div.info p.img02{
	float:right;
	display:inline;
	margin:0 17px 2px 0;
}

/* img03
---------------------*/
#Main div.info p.img03{
	float:right;
	display:inline;
	margin:0 17px 10px 0;
}

/* btn01
---------------------*/
#Main div.info p.btn01{
	width:168px;
	margin:0 auto 0 auto;
}

/* btn02
---------------------*/
#Main div.info p.btn02{
	float:right;
	display:inline;
	margin:0 20px 0 0;
}



/*-----------------------------------------------------
detail_btn
-------------------------------------------------------*/
p.detail_btn{
	margin:0 0 17px 0;
	text-align:center;
}



/*-----------------------------------------------------
social
-------------------------------------------------------*/
ul.social{
	width:320px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 10px 0;
	/* text-align:center; */
}
body.Nds ul.social{display:none;}
ul.social li{
	width:50%;
	height:20px;
	display:inline;
	float:left;
	padding:0 0 0 10%;
	margin:0 0 10px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:top;
}