/* kouchan "Screen" CSS */


/* element*/

body {
	font-size: 91.6%;
	text-align: center;
	margin: 0px;
	color: #333333;
	background-color: #EDD50B;
	padding-top: 30px;
	padding-bottom: 30px;
}
h1 {
	margin: 0px;
}
h2 {
	font-size: 81.8%;
	padding-bottom: 4px;
	margin-bottom: 0px;
}
h3 {
	font-size: 81.8%;
	color: #464646;
	background-color: #FBF7CE;
	padding: 4px;
	margin-top: 0px;
}


img {
	border: none;
}
em {
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}

hr {
	border: 0;
	color: #CCC;
	background-color: #CCC;
	height: 1px;
}


/* links */
a:link {
	color: #FD2CA7;
	background-color: transparent;
	text-decoration: underline;
}
a:visited {
	color: #A93171;
	background-color: transparent;
	text-decoration: underline;
}
a:hover {
	color: #FF50E1;
	background-color: transparent;
	text-decoration: underline;
}
a:active {
	color: #27F3FF;
	background-color: transparent;
	text-decoration: none;
}

/* id */

#layout {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(../images/layout_bg.gif);
	background-repeat: repeat-y;
	text-align: left;
}

#content {
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
}

#header {
	margin: 0px;
}
#header p {
	margin: 0px;
}

#copyright {
	clear: left;
	font-size: 72.7%;
	margin: 0px;
	padding: 0px;
}

#navi{
margin:0px 30px
}
/* class */

.text {
	font-size: 81.8%;
	line-height: 180%;
}

.textcenter {
	font-size: 81.8%;
	line-height: 180%;
	text-align: center;
}
.textright {
	font-size: 81.8%;
	line-height: 180%;
	text-align: right;
}

.inlineSupplement {
	font-size: 90.9%;
	line-height: 150%;
	color: #666;
	background-color: #FFF;
}
.supplement {
	font-size: 72.7%;
	line-height: 150%;
	color: #666;
	background-color: #FFF;
}
.supplement2 {
	font-size: 72.7%;
	text-align: center;
	line-height: 150%;
	color: #666;
	background-color: #FFF;
}
.list {
	font-size: 81.8%;
	line-height: 180%;
	color: #4D4D4D;
	background-color: #FFF;
	list-style-image: url(../images/listmark.gif);
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 0px;
	padding-left: 30px;
}
.list li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.list2 {
	font-size: 81.8%;
	line-height: 180%;
	color: #4D4D4D;
	background-color: #FFF;
	list-style-image: url(../images/listmark.gif);
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 20px;
	margin-left: 0px;
	padding-left: 30px;
}
.list2 li {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.center {
	text-align: center;
}
.clear {
	clear: both;
}
.hide {
	display: none;
}

.border {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #EDD50B;
}

.col700 {
	width: 700px;
	margin:15px 30px 15px 30px;
}
.col800{
	/*width: 700px;
	margin-top: 15px;*/
	font-size: 150%;
}

#left{
　　　width: 280px;
      height:auto;
　　　padding: 0px 0px 0px 0px;
　　　float: left;
}

#colwhat {
	float: left;
	width: 280px;
	background-image: url(../images/index_whats_bg.gif);
	background-repeat: repeat-y;
}
#colwhat h2 {
	margin-bottom: 4px;
	margin-top: 0px;
}
#colwhat p {
	font-size: 81.8%;
	line-height: 160%;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#colbana {
	width: 280px;
	height:90px;
	margin-top:5px;
}

#right{
	　　　width: 405px;
	　　　padding: 0px 0px 0px 0px;
	　　　float: left;
	text-align: right;
}

.col15 {
	float: left;
	width: 15px;
	height:auto;
}
.col10 {
	float: left;
	width: 10px;
	height:auto;
	margin-top: 0px;
}
.col405 {
	float: left;
	width: 405px;
}


.col510 {
	float: left;
	width: 510px;
}
.col175 {
	float: left;
	width: 175px;
}
.photo {
	margin-top: 0px;
}
.col100 {
	float: left;
	width: 100px;
}
.col395 {
	float: left;
	width: 395px;
}.profile {
	width: 510px;
	margin-bottom: 30px;
}
fieldset {
	padding: 4px;
}
legend {
	color: #FF00FF;
}


/* recipe */
.recipeFrame {
	width: 510px;
	height: 350px;
}


/*トップ新番組予告*/
#outline_box{
	float:left;
	width:405px;
	margin-left:15px;
}
#outline_header{
	background-image:url(../images/outline_header.gif);
	width:405px;
	height:20px;
}
#outline_body{
	background-image:url(../images/outline_body.gif);
	background-repeat:repeat-y;
	width:405;
	height:auto;
	font-size:12px;
	line-height:19px;
}