@charset "Shift_JIS";

.link_pdf{
	padding: 3px 0 15px 0;
	font-size: 10px;
}

/*--black & white 切り替え------------------------------------------------*/
body.white #contents a:hover {
	color: #BD0406;
	text-decoration: none;
}


#contents .middle-area_m01 p,
#contents .middle-area_m02 p,
#contents .middle-area_s01 p,
#contents .middle-area_s02 p {
	position: relative;
	top: 20px;
	left: 36px;
}


#contents .middle-area_m01 {
	width: 806px;
	height: 355px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto 14px;
}
/*--black & white 切り替え------------------------------------------------*/
body.black #contents .middle-area_m01 {
	background: transparent url('../images/bln_m01_bk.gif') 0 0 no-repeat;
}
body.white #contents .middle-area_m01 {
	background: transparent url('../images/bln_m01_wt.gif') 0 0 no-repeat;
}


#contents .middle-area_m02 {
	width: 806px;
	height: 277px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto 14px;
}
/*--black & white 切り替え------------------------------------------------*/
body.black #contents .middle-area_m02 {
	background: transparent url('../images/bln_m02_bk.gif') 0 0 no-repeat;
}
body.white #contents .middle-area_m02 {
	background: transparent url('../images/bln_m02_wt.gif') 0 0 no-repeat;
}


#contents .middle-area_m02 .box_m02 {
	position: absolute;
	top: 79px;
	left: 47px;	
}

#contents .middle-area_m02 .box_m02 table tr td {
	padding-bottom: 3px;
	width: 140px;
}

#contents .middle-area_m02 .box_m02 table a {
	width: 140px;
	border-left: 2px solid;
	padding-left: 6px;
	margin-top: 5px;
	margin-left: 3px;
}

#contents .middle-area_m02 .box_m02 table .allow-s {
	margin-left: 4px;
}


#contents .middle-area_s01 {
	width: 806px;
	height: 206px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto 14px;
}
/*--black & white 切り替え------------------------------------------------*/
body.black #contents .middle-area_s01 {
	background: transparent url('../images/bln_s01_bk.gif') 0 0 no-repeat;
}
body.white #contents .middle-area_s01 {
	background: transparent url('../images/bln_s01_wt.gif') 0 0 no-repeat;
}


#contents .middle-area_s01 .box_s01 {
	position: absolute;
	width: 728px;
	height: 111px;
	top: 67px;
	left: 37px;
}
#contents .middle-area_s01 .box_s01 a {
	position: absolute;
	width: 728px;
	height: 111px;
	top: 0;
	left: 0;
}
#contents .middle-area_s01 .box_s01 {
	width: 728px;
	height: 111px;
    _height: 111px; 
	background:url(../images/img_icon.png);
}
* html #contents .middle-area_s01 .box_s01 {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="/ASIMO/fan/images/img_icon.png");
	background: none;
}

#contents .middle-area_s01 .box_s01 p {
	position: relative;
	top: 13px;
	left: 16px;
	line-height:1.2em;
}



#contents .middle-area_s02 {
	width: 806px;
	height: 206px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
}
/*--black & white 切り替え------------------------------------------------*/
body.black #contents .middle-area_s02 {
	background: transparent url('../images/bln_s02_bk.gif') 0 0 no-repeat;
}
body.white #contents .middle-area_s02 {
	background: transparent url('../images/bln_s02_wt.gif') 0 0 no-repeat;
}





/*段組み*/
#contents .middle-area_m01 .box_m01,
#contents .middle-area_s02 .box_s02 {
	position: relative;
	top: 24px;
	left: 36px;
	width: 724px;
}
#contents .middle-area_m01 div ,
#contents .middle-area_s02 div {
	/*float:left;*/
}

#contents .middle-area_m01 .box {
	position: absolute;
	width: 357px;
	height: 126px;
	top: 0px;
	left: 0px;
	margin-bottom: 6px;
	margin-left: 10px;
	padding:0;
}

#contents .middle-area_m01 #b_middle,
#contents .middle-area_m01 #br_middle {
	top:132px;
}

#contents .middle-area_m01 .box_r,
#contents .middle-area_s02 .box_r {
	position: absolute;
	width: 357px;
	height: 126px;
	top: 0px;
	left: 370px;
	margin-bottom: 6px;
	margin-left: 5px;
	padding:0;
}

#contents .middle-area_m01 .box a,
contents .middle-area_m01 .box_r a,
#contents .middle-area_s02 .box_t a,
contents .middle-area_s02 .box_r a {
	display: block; 
	width: 357px; 
	height: 126px;	
}
#contents .middle-area_m01 .box img,
#contents .middle-area_m01 .box_r img,
#contents .middle-area_s02 .box_t img,
#contents .middle-area_s02 .box_r img  {
	position: absolute;
	top:10px;
	right:6px;
}
#contents .middle-area_m01 .box dl,
#contents .middle-area_m01 .box_r dl {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 221px;
	height: 120px;
}
#contents .middle-area_m01 .box dl dt, 
#contents .middle-area_m01 .box_r dl dt {
	width: 221px;
	height: 120px;
	margin: 0 0 5px;
	line-height: 1.2em;
}
#contents .middle-area_m01 .box dl dd,
#contents .middle-area_m01 .box_r dl dd {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 221px;
	height: 100px;
}

#contents .middle-area_s02 .box_t dl,
#contents .middle-area_s02 .box_r dl {
	position: absolute;
	top: 10px;
	left: 5px;
	width: 190px;
	height: 120px;
}
#contents .middle-area_s02 .box dl dt, 
#contents .middle-area_s02 .box_r dl dt {
	width: 190px;
	height: 120px;
	margin: 0 0 5px;
	padding: 3px 0;
	line-height: 1.2em;
}
#contents .middle-area_s02 .box dl dd,
#contents .middle-area_s02 .box_r dl dd {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 190px;
	height: 100px;
}

#contents .middle-area_m01 .box_t {
	position: absolute;
	top: 0px;
	left: 0px;
	
}

#contents .middle-area_s02 .box_t {
	position: absolute;
	width: 357px;
	height: 126px;
	top: 0px;
	left: 0px;
	margin-bottom: 6px;
	margin-left: 5px;
	padding:0;
}



#contents .middle-area_ss .box_ss .box-txt_fan,
#contents .middle-area_ss .box_ss .box-txt_fan_w,
#contents .middle-area_ss .box_ss .box-txt_scs {
	position: relative;
	top: 0px;
	left: 37px;
	width: 728px;
	margin: 0;
	padding: 0;
}

#contents .middle-area_ss .box_ss .box-txt_fan dt,
#contents .middle-area_ss .box_ss .box-txt_fan_w dt,
#contents .middle-area_ss .box_ss .box-txt_scs dt{
	padding-bottom:5px !important;
	border-bottom: 2px solid;
}

#contents .middle-area_ss .box_ss .box-txt_fan dl {
	width: 493px;
}

#contents .middle-area_ss .box_ss .box-txt_fan dd,
#contents .middle-area_ss .box_ss .box-txt_fan_w dd,
#contents .middle-area_ss .box_ss .box-txt_scs dd{
	min-height: 50px;
	_height: 50px;
}

#contents .middle-area_ss .box_ss .box-txt_fan dd div ,
#contents .middle-area_ss .box_ss .box-txt_scs dd div{
	margin: 10px 0 0;
}

#contents .middle-area_ss .box_ss .box-txt_fan .box-img {
	position: absolute;
	top: 50%;
	margin-top: -55px;
	left: 508px;
	width: 220px;
}

#contents .middle-area_ss .box_ss .box-txt_fan_w dl {
	width: 740px;
	margin-bottom: 40px;
}

#contents .middle-area_ss .box_ss .box-txt_fan_w dd div {
	padding-left:15px;
	margin: 15px 0 35px 0;
}

#contents .middle-area_ss .box_ss .box-txt_scs dl {
	width: 570px;
}

#contents .middle-area_ss .box_ss .box-txt_scs dt {	
	font:16px;
	height:16px;
	line-height:16px;
}


#contents .middle-area_ss .box_ss .box-txt_scs .box-img {
	position: absolute;
	top: 50%;
	margin-top: -55px;
	left: 588px;
	width: 140px;
}

#contents .middle-area_ss #box_movie {
	position: relative;
	top: 0;
	left: 200px;
	width: 400px;
	height: 371px;
}

#contents .middle-area_ss .box_ss .btn_l {
	position: relative;
	top: 0px;
	left: 37px;
	width; 80px;
	height: 15px;
	margin-bottom: 20px;
	padding: 0;
}
#contents .middle-area_ss .box_ss .btn_r {
	position: relative;
	top: -35px;
	left: 150px;
	width: 80px;
	height: 15px;
	padding: 0;
}





/*  -- mouse on -- */
#contents .middle-area_s02 .box_r:hover {
	cursor: pointer;
}

#contents .middle-area_s02 .box_r:hover a , #contents .middle-area_s02 .box_t:hover a {
	cursor: pointer;
	color: #BD0406;
	text-decoration: none;
}

#contents .middle-area_s02 .box_r:hover .allow , #contents .middle-area_s02 .box_t:hover .allow {
	cursor: pointer;
	background:url(../../shared/images/allow_r_1.png);
}
	




/*==============
090406追加
==============*/
.middle-area_ss{
	margin-bottom:10px !important;
}

.title001{
	border-bottom:solid 2px;
	margin-bottom:20px;
	font-size:16px;
	padding-top:10px;
	padding-bottom:5px;
}

#section{
	text-align:left;
	width:734px;
	height:100%;
	margin-left:36px;
}


#leftbox{
	float:left;
	width:357px;
}

#rightbox{
	float:right;
	width:357px;
}

.centerbox{
	width:724px;
	height:100%;
/*	border:1px solid;
*/	margin-top: 10px;
	padding:5px;
}

.clear{
 clear:both;
}

.half-box{
	clear:both;
	width:347px;
/*	border:1px solid;
*/	margin-top: 10px;
	padding:5px;
}

.half-box dl,.half-box dt,.half-box dd{
	width:220px !important;
	border:none !important;
}
.half-box.wide dl,.half-box.wide dt,.half-box.wide dd{
	width:180px !important;
}
.half-box dl,.half-box dt,.half-box.make-craft dd{
	width:350px !important;
	border:none !important;
}

.half-box span img{
	float:right;
	margin-left:15px;
}


/*  -- wallpaper -- */

#wallpaper ul{
	float:left;
	width:181px;/*144px;*/
	height:100%;
}

#wallpaper li{
	width:144px;
	min-height:18px;
	display:block;
	margin-bottom:3px;
	*margin-bottom:1px;
	margin-left:16px;
	_margin-left:8px;
	height: auto !important;
	height: 18px;
}

#wallpaper li img{
	margin-bottom:7px;
	*margin-bottom:4px;
}

/*  -- icon -- */

#icon img{
	float:right;
}

#icon #iconimage{
	width:302px;
	height:111px;
	float:right;
	text-indent:-9999px;
	background:url(../images/img_icon_asimo.png) no-repeat;
	margin-right:10px;
}

* html #icon #iconimage {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="/ASIMO/fan/images/img_icon_asimo.png");
	background: none;
}


/*  -- enquete -- *//*100931追加*/

#enquete img{
	float:right;
}

#enquete #enqueteimage{
	width:302px;
	height:111px;
	float:right;
	text-indent:-9999px;
	background:url(../images/img_enquete_asimo.png) no-repeat;
	/*margin-right:10px;*/
}

* html #enquete #enqueteimage {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="/ASIMO/fan/images/img_enquete_asimo.png");
	background: none;
}



/*  -- mosaic -- *//*111021追加*/

#mosaic img{
	float:right;
}

#mosaic #mosaicimage{
	width:302px;
	height:111px;
	float:right;
	text-indent:-9999px;
	background:url(../images/img_mosaic_asimo.png) no-repeat;
	/*margin-right:10px;*/
}

* html #mosaic #mosaicimage {
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="crop",src="/ASIMO/fan/images/img_mosaic_asimo.png");
	background: none;
}



/*papercraft*/
.break_point{
}

.print_copy,.ie_break{
	width:0;
	height:0;
	display:none;
}

hr{
	display:none;
}

#fan_papercraft #make_box{
	width:730px;
	margin:20px auto;
}

#fan_papercraft #make_box li{
display:block;
	width:352px;
	font-size:12px;
	line-height:22px;
	margin:20px 0px;
	_cursor:pointer;
}

#fan_papercraft #make_box .processright{
	margin-left:26px;
}

#fan_papercraft #make_box li .process{
	margin-right:5px;
}

#fan_papercraft #make_box li .processimg{
	margin:10px 0px;
}

#btn_paperdl_s a{
	display:block;
	width:102px;
	height:24px;
	background:url(../../fan/papercraft/make/images/btn_dl_s.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="image",src="/ASIMO/kids/papercraft/make/images/btn_dl_s.png") ;
	_background: none;	
	_cursor:pointer;
}

#btn_paperdl_s a:hover{
	background:url(../../fan/papercraft/make/images/btn_dl_s_on.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="image",src="/ASIMO/kids/papercraft/make/images/btn_dl_s_on.png") ;
	_background: none;
}

#btn_paperhowto_s a{
	display:block;
	width:102px;
	height:24px;
	background:url(../../fan/papercraft/make/images/btn_howto_s.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="image",src="/ASIMO/kids/papercraft/make/images/btn_howto_s.png") ;
	_background: none;	
	_cursor:pointer;
}

#btn_paperhowto_s a:hover{
	background:url(../../fan/papercraft/make/images/btn_howto_s_on.png);
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="image",src="/ASIMO/kids/papercraft/make/images/btn_howto_s_on.png") ;
	_background: none;
}

.important_txt{
	color:#339900;
}


#manual_img img{
	margin:8px 0;
	padding:5px 0;
	background:#ffffff;
	border:1px solid #999999;
}


#papercraft_tools #leftbox{
	float:left;
	width:495px !important;
}

#papercraft_tools li{
	float:none;
	display:block;
}

#fan_papercraft #tools, #fan_papercraft #attention{
	margin-bottom:20px;
}

#fan_papercraft #tools p, #fan_papercraft #attention p,#fan_papercraft #marks p{
	margin:10px 0;
}



#img_bg_asimo img{
	display:none;	
}

#img_bg_asimo{
	float:right;
	width:236px;
	height:451px;
	text-align:left;
	background:url(../papercraft/images/bg_asimo_tool.png) no-repeat left;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod="image",src="/ASIMO/fan/papercraft/make/images/bg_asimo_tool.png") ;
	_background: none;
}

#papercraft_knacks .knack_cnt img{
	width:130px;
	height:130px;
	padding:0 10px 10px 0;
	*padding-right:10px;
	float:left;
}
#papercraft_knacks .knack_cnt p{
}

#papercraft_knacks .knack_cnt{
	clear:both;
	margin-bottom:15px;
}

img#manual_e{	float:left}
img#manual_f{	float:right}


#papercraft_dl #leftbox {
	margin: 0 0 30px 0;
	width: 300px;
}

#papercraft_dl img {
	float:right;
	margin: 30px 0 0 0;
}





.box_ss_c.new_wallpaper img{
	width: inherit;
	 max-width:100%;
	 height: auto;
}

.color-list-wrap{
	margin: 10px 0 40px;
}
.color-list{
	display: block;
	margin: 0 0 15px;
	width: 500px;
	height:20px;
}
.color-list li{
	margin: 5px 40px 0 0;
	font-size: 14px;
}


.cf:after{
	content:"";
	display: block;
	clear: both;
	visibility: hidden;
	
}

#papercraft_dl p + p{
	margin: 20px 0 0;

}
#papercraft_dl .color-list{
/*	margin:20px 0 35px 0;
*/}
#papercraft_dl .color-list li{
	margin-top: 15px;

}

#papercraft_dl .color-list + p{
	font-size: 11px;
}

#papercraft_dl .color-list + p + a{
	display: inline-block;
	margin: 20px 0 0;
	font-size: 11px;
}


.col-step{
	margin: 20px 0 0;
}
.col-step p{
	margin: 0 0 5px;
	font-size: 14px;
}
.col-step p strong{
	margin: 0 10px 0 0;
}
.col-step .col-left{
	float:left;
}
.col-step .col-right{
	float:right;
}