/* CSS Document */

#contents p{
	margin-bottom:10px;
}

#contents h3{
	margin-bottom:10px;
}

#sample_movie{
	text-align:center;
	margin:30px auto;
}
/*
#contents dl{
	float:left;
	padding:10px;
	margin:10px 10px 10px 0;
	width:260px;
	border:solid 1px #FF9900;
}

#contents dt{
	background:#CCFFCC;
	margin-bottom:10px;
	font-size:11pt;
}

#contents dd li{
	font-size:10pt;
}

#contents dd ul ul{
	margin:5px 0;
}

#contents dd ul ul li{
	font-size:10pt;
	margin-left:30px;
	list-style:disc;
}
*/


	
	
#contents_top{
	background:url(../contents/images/contents_top.jpg) no-repeat;
	width:610px;
	height:170px;
}
#contents_top1{
	background:url(../contents/images/contents_top1.jpg) no-repeat;
	width:610px;
	height:80px;
}

#contents_mid{
	background:url(../contents/images/contents_mid.jpg) repeat-y;
	width:570px;
	padding:40px 20px;
}
#contents_mid1{
	background:url(../contents/images/contents_mid.jpg) repeat-y;
	width:570px;
	padding:0px 20px 10px;
}

#contents_bottom{
	background:url(../contents/images/contents_bottom.jpg) no-repeat;
	width:610px;
	height:20px;
	margin-bottom:50px;
}
#contents_bottom1{
	position:relative;
	background:url(../contents/images/contents_bottom1.jpg) no-repeat;
	width:610px;
	height:90px;
	margin-bottom:50px;
}


#recommend{
	background:#FFC;
	padding:10px;
	width:540px;
	margin-bottom:20px;
}

#recommend dl{
	float:left;
	width:270px;
	margin:20px 0 10px;
}
#recommend dt{
	text-align:center;
	margin-bottom:10px;
}
#recommend dd{
	text-align:center;
	padding:0 15px;
}
#recommend dd h4{
	font-size:13pt;
	font-weight:bold;
}
#recommend dd p{
	text-align:left;
	font-size:10pt;
	margin:0;
}
#recommend dd a{
		float:right;
}

#return_contents{
	position:absolute;
	right:12px;
	bottom:3px;
}
#return_contents a{
	display:block;
	width:100px;
	height:20px;
	text-indent:-9999px;
	background:#FFFFFF;
}
#return_contents a {
	opacity: 0; /* IE以外透過設定 */
	filter: Alpha(opacity=0); /* IE用透過設定 */
}
#return_contents a:hover {
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}


#contents_mid dl{
	font-size:10pt;
	background:#FFFFFF;
}

#contents_mid dt{
	margin-bottom:10px;
	font-size:14pt;
	font-weight:bold;
}
#contents_mid dd{
	padding:8px 0 8px 15px;
	border:solid 1px #999999;
	margin:0 10px 30px 0;
}


#contents_mid dd dt{
	float:left;
	clear:left;
	margin:0;
	padding:0;
	border:none;
	font-size:11pt;
	font-weight:normal;
	line-height:160%;
}

#contents_mid dd dl dd{
	text-align:right;
	margin:0 5px 0 0;
	padding:0;
	border:none;
	font-size:11pt;
	font-weight:normal;
	line-height:160%;
}
#contents_mid dd dl dd dd{
	margin:0 0 0 0;
}
#contents_mid dd dl dl{
	margin:0 0 5px 20px;
}


/*
#contents_mid ul ul{
	margin:0px 0px 15px 30px;
}
#contents_mid ul li{
	clear:both;
	line-height:180%;
	list-style:disc;
	margin-left:15px;
}
#contents_mid ul ul li{
	clear:both;
	list-style:decimal;
	line-height:140%;
} 
#contents_mid span{
	margin-left:10px;
}
*/

#contents_topics{
	margin:20px auto 20px;
}

#contents_topics h3{
	font-size:22pt;
	font-weight:bold;
	padding:10px;
	margin:0;
}

#contents_topics li{
	background:url(../contents/images/contents_topics_list_backt.jpg) no-repeat;
	background-position:left;
	font-size:14pt;
	font-weight:bold;
	letter-spacing:0;
	padding:5px 0 5px 40px;
}

h2#contents_title{
	font-size:20pt;
	font-weight:bold;
	margin-bottom:40px;
	padding-left:40px;
	background-position:left;
}
h2#contents_title span{
	border-bottom:solid 2px #666666;
	padding-bottom:0;
}

h2.seo{ background:url(../contents/images/contents_seo.jpg) no-repeat;}
h2.marketing{ background:url(../contents/images/contents_marketing.jpg) no-repeat;}
h2.pccamera{ background:url(../contents/images/contents_pccamera.jpg) no-repeat;}
h2.internet{ background:url(../contents/images/contents_internet.jpg) no-repeat;}
h2.knowledge{ background:url(../contents/images/contents_knowledge.jpg) no-repeat;}
h2.pop{ background:url(../contents/images/contents_pop.jpg) no-repeat;}
h2.tool{ background:url(../contents/images/contents_tool.jpg) no-repeat;}


dl.contents_youtube{
	margin-bottom:40px;
}

dl.contents_youtube dt{
	margin:0 auto 20px;
	text-align:center;
}

dl.contents_youtube dd{
	font-size:9pt;
	width:310px;
}

#capture_top{
	background:url(../contents/images/capture_top.jpg) no-repeat;
	padding:15px 10px 0;
	width:542px;
}
#capture_bottom{
	background:url(../contents/images/capture_bottom.jpg) no-repeat;
	background-position:bottom;
	width:562px;
	height:20px;
}

dl.contents_youtube dd ul li{
	list-style:disc;
	margin-left:25px;
}
dl.contents_youtube dd ul ul{
	margin-top:5px;
	margin-bottom:5px;
}
dl.contents_youtube dd ul ul li{
	list-style:none;
	margin-left:10px;
}


h3.summary{
	clear:both;
	background:url(../contents/images/summary.jpg) no-repeat;
	font-size:19pt;
	font-weight:bold;
	margin-bottom:20px;
	padding-left:35px;
	background-position:left;
}
h3.summary span{
	border-bottom:solid 2px #666666;
	padding-bottom:0;
}



#contents_mid1 p{
	margin:10px;
}

#contents .coments{
	background:url(../contents/images/comments.jpg) no-repeat;
	width:493px;
	padding:12px 50px 0 12px;
	margin-bottom:0;
	margin-top:40px;
}

#contents .koike_coments{
	background:url(../contents/images/koike.jpg) no-repeat;
	width:555px;
	height:120px;
	margin-top:0;
}

#contents .ozawa_coments{
	background:url(../contents/images/ozawa.jpg) no-repeat;
	width:555px;
	height:120px;
	margin-top:0;
}

ul#seo_m_list {
	padding:10px 0;
}

#seo_m_list li{
	list-style:disc;
	margin-left:40px;
	margin-bottom:5px;
}



/*CSS HACK--------------------------------*/

.contents_youtube:after{
 content: ".";
 display: block;
 height: 1px;
 clear: both;
 visibility: hidden;
}

.contents_youtube{
 display:inline-block;/* MAC IE用*/
 min-height:1%;/* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html .contents_youtube{height: 1%;}
.contents_youtube{display: block;}
/*--ここまでMAC IEは非適用 */

/*CSS HACK---------------------------end--*/






.campaign_banner_under{
	margin:-30px 0 100px;
}


/*////////スタンダードコースへのバナー//////////////////////////////////////////*/


div.order{
	clear:both;
}

.order a{
	background:url(../images/common/standard_btn.jpg) no-repeat;
	background-position:top;
	display:block;
	width:340px;
	height:130px;
	text-indent:-9999px;
	margin:20px auto 100px;
}

.order a:hover{
	opacity: 0.5; /* IE以外透過設定 */
	filter: Alpha(opacity=50); /* IE用透過設定 */
}


div.order_box{
	clear:both;
	padding:0 20px;
}