@charset "utf-8";
/*PC用*/

*{
	margin:0;
	padding:0;
	}

body {
	background-image:url(images/background.png);
	background-repeat: repeat;
	}
img {
    border-style:none;
	}
a img:hover {
    opacity: 0.5 ;
	}
span.sample1 {font-size: 13px;}
span.sample2 {font-size: 15px; }
span.sample3 {font-size: 20px; font-style:bold; }


/*大枠*/

#container {
	margin:0 auto;
	width:740px;
	height:auto;
	background-color:#FFF;
	border:1px solid #DDD;
	background-repeat: repeat;
	}

/*カスミ ロゴ*/

header {
	height:50px;
	background-image:url(images/banner_back.jpg);
	background-repeat: repeat-x;
	}

.logo{
	padding-top:10px;
	margin-left:10px;
	}

#midashi{
	float:left;
	height:24px;
	margin:15px 0px 15px 15px;
	padding:8px 0px 0px 20px;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	background-image:url(images/midashi.gif);
	}	

/*プレイヤー/レシピ/バナー*/

#player {
	margin:10px auto;
	width:720px;
	height:auto;
	border-radius:10px;
	}
#player img {
	margin:5px auto;
	}
	
video {
	width:720px;
	height:auto;
    }


/*フッター*/

#footer {
	margin:30px auto 30px auto;
	height:50px;
	color:#000;
	font-size:9px;
    text-align: center;
	}



/* -------------------------------スマフォに----------------------------------*/
@media only screen and (max-width:720px)
	{
	
	#screensize {display:none;}
	
/*大枠*/

#container {
	margin: 0;
	width:100%;
	height:auto;
	background-color:#FFF;
	border:1px solid #DDD;
	background-image:url(images/background.png);
	background-repeat: repeat;
	}


/*カスミ　ロゴ*/

header {
	height:50px;
	background-image:url(images/banner_back.jpg);
	background-repeat: repeat-x;
	}
.logo{
	padding-top:10px;
	margin-left:10px;
	background-image:none;
	}

#midashi{
	float:left;
	height:24px;
	margin:15px 0px 15px 15px;
	padding:8px 0px 0px 20px;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	background-image:url(images/midashi.gif);
	}

/*プレイヤー/レシピ/バナー*/

#player {
	margin: 0 auto;
	width:100%;
	height:auto;
	background-color:#fff;
	}
	
.movie {
	width:100%;
	height:auto;
	margin:2px auto;
	}


/*フッター*/

#footer {
	margin:20px auto 20px auto;
	height:50px;
	color:#000;
	font-size:9px;
    text-align: center;
	}
    }