@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	list-style:none;
}
#wrapper{
	width:300px;
	margin-top:10px;
}

#header_c{
	width:300px;
	margin:10px 0;

}
.img_f{
	float:left;	
}
#header_r{
	width:300px;
}

.h_wm{
	padding:5px 10px;
	float:left;
}
#dropdown{
	padding-top:10px;
	width:300px;
	float:left;	
}
.submenu{
	margin-left:10px;
	padding:0 4px;
	background:#E7E2D9;
	display:none;	/* 一旦消去 */
}
li:hover .submenu{
	display:block;/* hoverしたとき表示 */
}

#dropdown li{
	padding:2px;
}
/* サブメニュ－を左端から14+4=18px右へ
   (一旦メインメニュ－は左端から4px右へ)  */
#dropdown > li{
	padding:4px 0px;
}
/* セレクタを「>」で区切り、dropdown直下の階層にある li にスタイルを適用。
   dropdown の直下の li すなわち
   メインメニュ－の上下端をそれぞれ4px空け、左端から10px右へ
	 .submenu{ margin-left:10px; あり */
#navi{
	width:300px;
	float:left;
}

#navi_up{
	background-color:pink;
}
#navi_up p{
	display:block;
	}

#navi_dn{
	padding-top:20px;
/*	margin-left:8px; */
}

#navi_dn img{
	margin-left:-8px;
}

#main_c{
	position:relative;
	width:300px;
	float:left;
}
p{
	margin:0px 8px 0px 24px;
}
h1{
	margin:0px 8px;
}
a{
	margin:0 8px;
}

h2{
	margin:0px 8px;
}

h3{
	margin:0px 16px;
}
h4{
	margin:0px 24px;
}
pre{
	margin:0px 8px;
}
table{
	border-collapse:collapse; 
	margin:0px 24px;
	text-align:center;
}
td{
	padding:0px 8px;
	border-collapse:collapse;
	border-style:solid;
	border-width:1px;
}

#main_c0{
	width:300px;
	margin-top:8px;
}
.list_s{
	list-style-type:disc;
	list-style-position:inside;
	margin:0px 8px 0px 16px;
}
.border_thin{
	border-width: thin;
	border-style: solid;
	border-color: #dcdcdc;
}
.img24{
	margin-left:24px;
}
.img0_24{
	margin-left:0px;
}

#main_c_up{
	position:relative;
	width:300px;
	height:300px;
}
#main_c_dn{
	position:relative;
	width:300px;
}
#main_l{
	width:300px;
	margin:8px auto;
}
#main_l2{
	width:300px;
	margin:8px auto;
}

.main3_600{
	width:300px;
	float:left;
}
.w3_3_360{
	width:300px;
	float:left;
}

.kara{
	width:300px;
	height:250px;
	float:left;
}
.kara_0_250{
	width:300px;
	height:0px;
	float:left;
}
.kara_0_80{
	width:300px;
	height:0px;
	float:left;
}

.fl{
	width:300px;
	float:left;
	}
.fl0{
	width:300px;
	margin:0px;
	}	
.fl1{
	width:300px;
	margin:0 8px 0 -8px;
	float:left;
	}
.fl2{
	width:290px;
	margin-left:10px;
	float:left;
	}

.flr0{
	float:right;
	margin-right:8px;
	}
.flr{
	float:right;
	margin-right:8px;
	}
.flrr{
	float:right;
	}
	
.wid300{
	width:300px;
	}
.magl8{
	margin:16px 0px 16px 8px;
}
.red{
	color:red;
}
.super{
	vertical-align:super
}
	
#main_r{
	width:300px;
	float:left;
}

#main_r img{
	margin:5px 0px;
	float:left;	
}
.nodis{
	width:300px;
	float:left;
	display:none;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
}

#object1{
	position:absolute;
/*	width:114px;
	height:50px;
	background-image:url(../img/MoveImag_logo-1.gif); */
	-webkit-animation-name:test1;
					animation-name:test1;
	-webkit-animation-duration:12s;
					animation-duration:12s;
	-webkit-animation-timing-function:linear;
					animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
					animation-iteration-count:infinite;
}
#object2{
	position:absolute;
	-webkit-animation-name:test1;
					animation-name:test1;
	-webkit-animation-duration:12s;
					animation-duration:12s;
	-webkit-animation-timing-function:linear;
					animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
					animation-iteration-count:infinite;
	-webkit-animation-delay:4s;
					animation-delay:4s;			
}
#object3{
	position:absolute;
	-webkit-animation-name:test1;
					animation-name:test1;
	-webkit-animation-duration:12s;
					animation-duration:12s;
	-webkit-animation-timing-function:linear;
					animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
					animation-iteration-count:infinite;
	-webkit-animation-delay:8s;
					animation-delay:8s;			
}

/* @media (min-width: 380px) {
*/	
@media only screen and (min-width: 601px) {	
	#wrapper{
		width:600px;
		margin:10px auto;
	}
	#navi_up{
	position:relative;
	width:300px;
	background-color:pink;
	margin-top:110px;
	}
	#navi_up p{
	display:block;
	}
	#header_c{
	width:300px;
	height:90px;
	margin-top:10px 0;

	}
	.h_wm{
	padding:5px 0px;
	float:left;
}
	#main_c{
	position:relative;
	width:300px;
	float:left;
	}
	#main_c_up{
	width:300px;
	height:300px;
	}
	#main_c_dn{
	width:300px;
	}
	#main_l{
	width:600px;
	margin:8px auto;
	}
	#main_l2{
	width:600px;
	margin:8px auto;
	}
	
	.main3_600{
	width:600px;
	float:left;
	}
	.w3_3_360{
	width:300px;
	float:left;
	}
	
	.im24{
	margin-left:24px;
	}
	.img0_24{
	margin-left:24px;
	}
	.magl8{
	margin:4px 0px 4px 8px;
	}
	.fl0{
	width:300px;
	margin:0px;
	}
	.flr0{
	float:right;
	margin-right:8px;
	}
	
	.kara_0_250{
	width:300px;
	height:250px;
	float:left;
	}
	.kara_0_80{
	width:300px;
	height:80px;
	float:left;
	}
	
	#main_r{
	width:600px;
	float:left;
	}
	
	#header_r{
	width:280px;
	margin-top:150px;
	margin-left:20px;
	float:left;
	}
}

@media (min-width:641px) {
	#wrapper{
	width:960px;
	margin:10px auto;
	}
	#navi_up{
	position:relative;
	width:300px;
	background-color:pink;
	margin-top:110px;
	}
	#navi_up p{
	display:none;
	}
	#header_c{
	width:360px;
	height:90px;
	margin-top:10px 0;
	}
	#main_c{
	position:relative;
	width:360px;
	float:left;
	}
	#main_c0{
	width:360px;
	}
	#main_c_up{
	width:360px;
	height:300px;
	}
	#main_c_dn{
	width:360px;
	}
	#main_l{
	width:900px;
	margin:8px auto;
	}
	#main_l2{
	width:660px;
	margin:8px auto;
	}
	
	.main3_600{
	width:600px;
	float:left;
	}
	.w3_3_360{
	width:360px;
	float:left;
	}
	
	.fl0{
	width:300px;
	margin-left:24px;
	}
	.flr0{
	float:right;
	margin-right:68px;
	}
	
	.kara_0_250{
	width:300px;
	height:250px;
	float:left;
	}
	.kara_0_80{
	width:300px;
	height:80px;
	float:left;
	}
	
	.im24{
	margin-left:24px;
	}
	.img0_24{
	margin-left:24px;
	}
	.magl8{
	margin:4px 0px 4px 8px;
	}
	
	#main_r{
	position:relative;
	width:300px;
	float:left;
	}
	#header_r{
	width:300px;
	height:90px;
	margin:0;
	}
}