@charset "UTF-8";
/* COCOmag */

body {
	font:14px/21px Helvetica, Arial, sans-serif;
	color: #333;
	width : 100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	overflow: hidden;
}

a {
	color:#09C;
	text-decoration:none;
}

a:hover {
	color:#3CF;
	text-decoration:underline;
}

a:visited {
	color:#069;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
	padding-top: 48px;
}
#main {
	width:300px;
	float: right;
	margin-right: 50px;
}
#video-controls {
	width: 333px;
}
#video-controls a {
	color: #ddd;
	text-decoration: underline;
}
#base {
	margin: 0px;
	padding: 0px;
}
#topcontents {
	margin: 0px;
	padding: 0px;
}
#video-cover {
	background-image:url(../img/dot.png);
}
#yt-container {
	background-color:#FFF;
}
#myytplayer {
	background-color:#FFF;
}
#colortitle {
	text-align: center;
	padding: 0px;
	margin-top: 60px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#colorpink, #coloryellow, #colorgreen, #colorblue, #colorblack, #colorborder {
	margin: 0px;
	clear:both;
	text-align: center;
	padding: 10px;
}
#colorpink2, #coloryellow2, #colorgreen2, #colorblue2, #colorblack2, #colorborder2 {
	padding:10;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
	clear: left;
}
#colorpink img, #coloryellow img, #colorgreen img, #colorblue img, #colorblack img, #colorborder img {
	padding:10px;
	background-color: #FFF;
	margin:0px;
	overflow:hidden;
}
#colorpink:hover {
	background-color:#F69;
}
#coloryellow:hover {
	background-color:#FF0;
}
#colorgreen:hover {
	background-color:#0C0;
}
#colorblue:hover {
	background-color:#39F;
}
#colorblack:hover {
	background-color:#333;
}
#colorborder:hover {
	background-image:url(../img/border.png);
}
#topcontents a, a:link, a:hover, a:visited, a:active {
	text-decoration: none;
}
/* COCOmag */
#contents {
	padding: 0px;
	width: 722px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	line-height: 1.7;
	color: #666;
}
#itemarea1 {
	width:720px;
	float:left;
	clear:both;
	margin-top: 20px;
	margin-bottom: 10px;
}
.itemarea2 {
	float: left;
	width: 200px;
	margin-left: 15px;
}
.itemarea3 {
	width: 450px;
	margin-left: 245px;
	padding: 10px;
	letter-spacing: 0.15em;
}
#titlearea {
	margin-top: 35px;
	margin-bottom: 5px;
}
#moviearea {
	border: 1px dotted #CCC;
	margin-bottom: 20px;
	clear: left;
	float: left;
}
.itemarea2 .lightBox img {
	background-color: #FFF;
	padding: 10px;
	border: 1px dotted #DADADA;
}
.itemarea2 .lightBox img:hover {
	-ms-filter: "alpha( opacity=50 )";
	filter: alpha( opacity=50 );
	opacity: 0.5;
	background-color: #39F;
}
.itemarea3 p {
	margin-bottom:1.5em;
}
.itemarea3 p strong {
	font-weight: bold;
	color: #333;
}
#navi {
	width: 802px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	text-align:center;
}
#navi ul {
	margin-bottom: 10px;
	clear: both;
	float: left;
	margin-top: 5px;
}
#navi li {
	display:inline;
	text-align: center;
	padding:5px;
	float:left;
	margin-left: 3px;
	margin-right: 15px;
}
#navi li a{
	display:block;
	color:#666;
	font-size:14px;
	letter-spacing: 0.2em;
}
#navi li a:hover {
	color:#3CF;
	
}
.kei01 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	clear: both;
	float: left;
	width: 720px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
}
.pagetop {
	clear: left;
	float: right;
	padding: 10px;
}