@charset "utf-8";
/*  -----  /magpie/css/index.css ------   */

/*  -------------
     index
-----------------  */

/*
.mgBox01 {
	width: 614px;
	padding: 10px;
	margin: 20px 0 20px;
	border: solid 1px #555;
	background-color: #fff;
	overflow: hidden;
}
.html .mgBox01 {
	width: 636px;
}

.mgBox01l {
	width: 173px;
	float: left;
	margin: 10px 0 0 5px;
}

.mgBox01l p {
	font-size: 84%;
	line-height: 1.4;
}


.mgBox01r {
	width: 400px;
	float: left;
	margin: 10px 0 0 15px;
}

.mgBox01r ul li {
	font-size: 84%;
}

.mgBox01r ul li a {
	line-height: 2.0;
	color: #4b47dc;
}

.mgBox01r ul li a:hover {
	color: #FF6600;
	text-decoration: none;	
}
*/

.magpie .flBox06 {
	margin: 10px;
	clear: both;
	overflow: hidden;
	zoom: 1;
	background-color: #FFFFFF;
	border-color: #A7B832;
	border-style: solid;
	border-width: 1px;
}

.magpie .flBox06 h3 {
	margin-top: 10px;
	margin-left: 5px;
}

.magpie .flBox06_01 {
	float: left;
	margin: 10px 5px;
	width: 360px;
}


.magpie .flBox06_01 img {
	margin-bottom: 20px;
}

.magpie .flBox06_02 {
	float: left;
	width: 230px;
	margin-top: 10px;
	font-size: 96%;
}
/*
.magpie .flBox02_02 p {
	font-size: 86%;
	margin-bottom: 10px;
	line-height: 1.5;
}
*/

.magpie .flBox06_02 img {
	margin-top: 5px;
}
.magpie .flBox06_03 {
	clear: both;
	overflow: hidden;
	margin: 10px;
}

.magpie .flBox06_03 ul {
	font-size: 78%;
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 1.5;
}



.magpie .flBox01 {
	margin: 10px;
	clear: both;
	overflow: hidden;
	zoom: 1;
	background-color: #FFFFFF;
	border-color: #A7B832;
	border-style: solid;
	border-width: 1px;
}

.magpie .flBox01_01 {
	float: left;
	margin: 10px 5px;
	text-align: center;
}


.magpie .flBox01_01 img {
	margin-bottom: 20px;
}

.magpie .flBox01_02 {
	float: left;
	width: 393px;
	margin-top: 10px;
	font-size: 96%;
}

.magpie .flBox01_02 p {
	font-size: 86%;
	margin-bottom: 10px;
	line-height: 1.5;
}

.magpie .flBox01_02 img {
	margin-top: 5px;
}

.magpie .flBox01_02 ul {
	font-size: 78%;
	margin-bottom: 10px;
	line-height: 1.5;
}

.magpie .flBox02 {
	clear: both;
	overflow: hidden;
	zoom: 1;
}
.mgBox01r {
	width: 400px;
	float: left;
	margin: 10px 0 0 15px;
}

.mgBox01r ul li {
	font-size: 84%;
}

.mgBox01r ul li a {
	line-height: 2.0;
	color: #333333;
}

.mgBox01r ul li a:hover {
	color: #FF6600;
	text-decoration: none;	
}

.magpie .flBox03 {
	float: left;
	margin-top: 15px;
	overflow: hidden;
	zoom: 1;
}

.magpie .flBox04 {
	float: left;
	width: 300px;
	margin-top: 15px;
	margin-left: 10px;
	font-size: 84%;
}

.magpie .red01 {
	color: #CC0000;
	font-size: 110%;
}

.magpie .yel01 {
	color: #D3AF05;
	font-size: 110%;
}

.magpie .pk {
	color: #CC3366;
	font-size: 110%;
}

.magpie .mg01 {
	width: 590px;
	margin-left: 10px;
	font-size: 86%;
	line-height: 1.5;
	background-color: #FFFFFF;
	padding: 10px;
	border: solid 1px #99cc00;
}



/*  -------------
     viewer(test)
-----------------  */

#channel h2 {
	margin-top: 10px;
	font-size: 100%;
}

#channel .h2_mp {
	margin-top: 30px;
}

#channel .mpcom {
	float: right;
	width: 400px;
}

#channel .mpmov {
	float: left; 
	width: 140px;
}

#channel .mpcom h3 {
	font-size: 100%;
	line-height: 1.5;
	color: #0000FF;
	border-bottom: solid 3px #99cc00;
	width: 400px;
}

#channel .mpcom p {
	font-size: 92%;
	line-height: 1.5;
}


#channel .mpnews,
#channel .mpreport,
#channel .mpexpress,
#channel .mptanken,
#channel .mpdrive,
#channel .ogoriko,
#channel .happy,
#channel .circle {
	width: 570px;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
	overflow: hidden;
	clear: both;
	zoom: 1;
	background-color: #FFFFFF;
}

#channel .mpnews {
	border: #88c4ff solid 1px; 
	border-left: #88c4ff solid 20px;
	background-color: #FFFFFF;
}

#channel .mpreport {
	border: #ff0000 solid 1px; 
	border-left: #ff0000 solid 20px;
	background-color: #FFFFFF;
}

#channel .mpexpress {
	border: #99cc00 solid 1px; 
	border-left: #99cc00 solid 20px;
	background-color: #FFFFFF;
}

#channel .mptanken {
	border: #ffcc00 solid 1px; 
	border-left: #ffcc00 solid 20px;
	background-color: #FFFFFF;
}

#channel .mpdrive {
	border: #ff66cc solid 1px; 
	border-left: #ff66cc solid 20px;
	background-color: #FFFFFF;
}

#channel .ogoriko {
	border: #FF6600 solid 1px; 
	border-left: #ff6600 solid 20px;
	background-color: #FFFFFF;
}

#channel .happy {
	border: #339900 solid 1px; 
	border-left: #339900 solid 20px;
	background-color: #FFFFFF;
}

#channel .circle {
	border: #0033ff solid 1px; 
	border-left: #0033ff solid 20px;
}

.dvdp {
	width: 506px;
	margin: 50px 0 0 0;
	padding: 10px;
	border: solid 2px #ff6600;
	background-color: #fff;
	clear: both;
	overflow: hidden;
	zoom: 1;
} 

.spbic {
	font-size: 140%;
	font-weight: bold;
	color: #0066FF;
}

.spbic2 {
	font-size: 120%;
	font-weight: bold;
	color: #FF3300;
}
.spnew {
	border: #CC0000 solid 1px;
	background-color: #CC0000;
	color: #FFFFFF;
}

/*---------  TV番組CM制作   ---------*/

#tvcm .flBox05 {
	clear: both;
	overflow: hidden;
	zoom: 1;
	line-height: 1.5;
}

#tvcm .flBox05_01 {
	float: left;
	margin: 10px 0;
}

#tvcm .flBox05_02 {
	float: left;
	margin-top: 10px;
	width: 500px;
}


#tvcm .flBox05 p {
	font-size: 92%;
	margin-top: 20px;
}

#tvcm h3 {
	border: #817CE1 solid 2px;
	background-color: #FFFFFF;
	line-height: 2.0;
	font-weight: bold;
	padding-left: 10px;
	margin: 20px 0;
	
}

#tvcm dl {
	font-size: 86%;
	clear: both;
}

#tvcm dt,
#tvcm dd {
	float: left;
	margin: 10px;
}
#tvcm dd {
	width: 340px;
}