
/* utamin_contest.css */

/* フッタースペース無し用 */
#wapper div#global_footer {
	margin-top: 0;
}

/*bg*/

* html img {
}

* html #mc_wapper {
	width: 100%;
}

#mc_wapper {
	position: relative;
	background-image: url(../images/bg.jpg);
	color: #000;
	background-position:center top;
	background-repeat: repeat;
}

div#main_container {
	width: 940px;
}

#utamin_header {
	height:400px;
	padding-top:20px;
	margin:0px 0px 20px;
	overflow:hidden;
}

#utamin_youtube, #con_contents {
	overflow:hidden;
	background:#FFF;
	width:940px;
	margin:0px 0px 20px;
}

#utamin_bana {
	display:block;
	overflow:hidden;
	background:#FFF;
	height:125px;
	width:940px;
	margin-top:10px;
}

/*line*/


#utamin_youtube_line {
	background:url(../images/line_01.gif);
	background-repeat:repeat-y;
	margin:0px 25px 0px;
	width:890px;
}

#utamin_com_line, #utamin_step_line {
	background:url(../images/line_01.gif);
	background-repeat:repeat-y;
	margin:0px 25px 0px;
	width:890px;
}

.line01_you, .line02_you {
	height:15px;
	position:relative;
	right:5px;
}

/*IE6/7*/
* html .line01, .line01_you {
	position:relative;
	bottom:5px;
}
 *:first-child+html .line01, {
 position:relative;
 bottom:6px;
}

*:first-child+html .line01_you {
	position:relative;
	bottom:1px;
}

*:first-child+html .line02, .line02_you {
	position:relative;
	top:7px;
}

/*margin*/

.margin {
	height:5px;
	widows:890px;
}

.space {
	background-color:#FFF;
	height:25px;
	width:800px;
}

.cam_title {
	display:block;
	margin:15px 0px 15px;
}

/*txt -> img*/
#utamin_header a, #step1, #step2, #step3, #step4, #step5, #step6, #step2 a, #step3 a, #cam5 a, #bana01 a, #bana02 a, #page_top a, #page_top2 a, #close a, #utamin_header h1 {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}

/*utamin_header*/	
#utamin_header h1 {
	background:url(../images/index_img01.jpg);
	height:398px;
}

#utamin_header a {
	background:url(../images/index_btn_01.gif);
	width:162px;
	height:23px;
	position:relative;
	left:55px;
	bottom:73px;
}

#utamin_header a:hover {
	background-position: 0 -28px;
}

/*utamin_step*/

#step1, #step2, #step3, #step4, #step5, #step6 {
	margin-left:30px;
}

#step1 {
	background:url(../images/step_01.gif);
	height:181px;
	width:830px;
}

#step2 {
	background:url(../images/step_02.gif);
	height:181px;
	width:830px;
}

#step3 {
	background:url(../images/step_03.gif);
	height:233px;
	width:830px;
}

#step4 {
	background:url(../images/step_04.jpg);
	height:151px;
	width:830px;
}

#step5 {
	background:url(../images/step_txt01.gif);
	height:63px;
	width:830px;
	margin-top:20px;
}

#step6 {
	background:url(../images/step_txt02.gif);
	height:26px;
	width:830px;
	margin-top:20px;
	margin-bottom:20px;
}

#step2 a {
	background:url(../images/index_btn_02.gif);
	background-repeat:no-repeat;
	height:13px;
	width:445px;
	position:relative;
	top:110px;
	left:371px;
}

#step2 a:hover {
	background-position: 0 -13px;
}


#step3 a{
	background:url(../images/index_btn_03.gif);
	background-repeat:no-repeat;
	height:83px;
	position:relative;
	top:79px;
	left:193px;
	}
#step3 a:hover {
	background-position: 0 -83px;
	}


/*utamin_com*/
	
#cam1, #cam2, #cam4, #cam5, #cam {
	margin-left:30px;
}

#cam1 {
	margin-bottom:20px;
}

#cam4 {
	margin-top:20px;
}

#cam5 {
	margin-bottom:25px;
	margin-top:25px;
}

#cam5 a {
	background: url(../images/index_btn_04.gif);
	background-repeat:no-repeat;
	height:28px;
	width:162px;
}

#cam5 a:hover {
	background-position: 0 -28px;
}

/*utamin_youtube*/
#you_tube,#you_tube2 {
	margin:0 28px 0;
	display:block;
}

.y_area {
	display:block;
	width:197px;
	float:left;
	margin:0px 11px 11px 0px;
}

* html .y_area {
	margin-bottom:0px;
	overflow:hidden;
	width:202px;
}
 *:first-child+html .y_area {
    margin-bottom:0px;
}

#utamin_youtube_line #you_tube .y_area a .you_img,
#utamin_youtube_line #you_tube2 .y_area a .you_img{
	display:block;
	width:194px;
	height:109px;
	border:solid #fff;
	margin-bottom:6px;
	margin-top:0;
}

#utamin_youtube_line #you_tube .y_area a:hover .you_img,
#utamin_youtube_line #you_tube2 .y_area a:hover .you_img{
	border:solid #cf9c3e;
}

#utamin_youtube_line #you_tube .y_area a .y_name,
#utamin_youtube_line #you_tube2 .y_area a .y_name{
	font-weight: bold;
	color: #cf9c3e;
	margin:0px;
	text-decoration: none;
}

#utamin_youtube_line #you_tube .y_area a:hover .y_name,
#utamin_youtube_line #you_tube2 .y_area a:hover .y_name {
	text-decoration: underline;
}

#utamin_youtube_line #you_tube .y_area a .y_title,
#utamin_youtube_line #you_tube2 .y_area a .y_title{
	color: #000;
	text-decoration: none;
	margin:0px;
	height:15px;
}

#utamin_youtube_line #you_tube .y_area a:hover .y_title,
#utamin_youtube_line #you_tube2 .y_area a:hover .y_title{
	color: #cf9c3e;
	text-decoration: underline;
	
}

/*utamin_bana*/


#bana01 a {
	background:url(../images/index_banner_01.gif);
	height:73px;
	width:435px;
}

#bana01 a:hover {
	background-position: 0 -73px;
}


#bana02 a {
	background:url(../images/index_banner_02.gif);
	height:73px;
	width:435px;
}

#bana02 a:hover {
	background-position: 0 -73px;
}

#bana01 {
	display:block;
	height:125px;
	width:435px;
	margin:0px 20px 0px 0px;
	float:left;
}

#bana02 {
	display:block;
	height:125px;
	width:435px;
	float:right;
}

#utamin_bana_line {
	margin:0px 25px 0px;
}

/*page*/
#page_top a {
	background:url(../images/index_btn_page.gif);
	background-repeat:no-repeat;
	height:9px;
	width:81px;
	position:relative;
	left:835px;
	top:13px;
}

#page_top a:hover {
	background-position: 0 -9px;
}

#page_top2 a {
	background:url(../images/index_btn_page.gif);
	height:9px;
	width:81px;
	position:relative;
	left:835px;
	bottom:2px;
	margin-bottom:10px;
}

#page_top2 a:hover {
	background-position: 0 -9px;
}

/*-------------------------utamin_policy----------------------------*/



#utamin_policy {
	display:block;
	background:#FFF;
	width:940px;
}

#utamin_policy_area {
	margin:0 30px 5px 30px;
}

.policy_area {
	padding:0 0 20px;
}

#utamin_policy_area .catch {
	font-weight: bold;
	color: #cf9c3e;
	font-size:110%;
}

#utamin_policy_area .catch_b {
	font-weight: bold;
	color: #000;
	font-size:105%;
}

.policy_area_b {
	padding:0 0 10px;
}

.policy_area span {
	font-weight: bold;
}

#utamin_policy_area .catch_b_li_area {
	display:block;
	margin:10px 0 15px;
}

#utamin_policy_area .catch_b_li {
	font-weight: bold;
	color: #000;
	display:block;
	height:10px;
}

#close a {
	background:url(../images/pol_btn.gif);
	width:195px;
	height:28px;
	margin:45px auto 0;
}

#close a:hover {
	background-position: 0 -28px;
}

#copy {
	width:115px;
	height:13px;
	margin:35px 0 0;
	position:relative;
	left:800px;
	padding-bottom:5px;
	border:none;
	background: #FFF;
}

#com04{
	float:left;
	margin-left:30px;
	}
	
.cam1{
	width:410px;
	float:left;
	}
	
	.cam2{
	width:410px;
	float:left;
	margin-left:10px;
	margin-bottom:20px;
	}
	
	#cam{
		margin-bottom:10px;
		}
	
	.clr{
		clear:both;
		}
