﻿@charset "utf-8";
/*-----------------------------------------*/
@import url(/common/css/import.css);
@import url(/item/css/item_common.css);

/*-------------------------------------------
 mirai page css
-------------------------------------------*/


/*-------------- mirai セット見出し --------------*/
#mainColumn #containts h4#set {
	clear:both;
	font-size:138.5%;
	background-color:#fff6e8;
}

#mainColumn #containts h4.miraitxtH4 {
	font-size:123.1%;
	font-weight:bold;
	padding:10px 0 10px 10px;
	border-top:4px double #CCC;
	margin-bottom:10px;
	color:#bb5502;
}


/*--------------------minipla　見出し------------------------------*/
#mainColumn #containts h4#monipla {
	background-color:#e3ffdc;
}

#mainColumn #containts h4.moniplaH4 {
	color:#2f6d00;
}

#containts div.bnrBox710 {
margin-bottom:10px;
width:710px;
}

/*-------------------------------------------
 mirai page original css
-------------------------------------------*/

#column2{
	margin-bottom:15px;
}

/*　左カラム　*/
#leftBox{
	float:left;
	width:550px;
	margin-right:20px;
	}
	
	#mainImg{ 
		margin-bottom:20px;
	}

/*　ご使用手順　*/
	#item5Box{
		margin-top:20px;
	}
		
	#tejyun{
		float:left;
		width:265px;
		height:165px;
		position:relative;
/*		margin-bottom:20px;*/
		}
		
	.tejyun1{
		background:url(../images/tejyun1.jpg) no-repeat left top;
		}

	.tejyun2{
		background:url(../images/tejyun2.jpg) no-repeat left top;
		}
	.tejyunL{
		margin-right:20px;
		}
		
	.tejyun1 p,
	.tejyun2 p{
		font-weight:bold;
		position:absolute;
		left:100px;
		top:50px;
		}
		
	#tejyun ul{
		position:absolute;
		left:98px;
		top:109px;
		}

	#tejyun ul li{
		display:inline;
		margin-right:5px;
		}
		


/*　右カラム　*/	
#rightBox{
	float:left;
	width:140px;
	background-color:#eeeeee;
	text-align:center;
	padding-bottom:10px;
	}
#rightBox h4#rankH4{
	margin-bottom:5px;
}
	#rightBox ul{
		margin-bottom:10px;
	}
		#rightBox ul li img.itemImg{
			border:1px solid #CCC;
	}

 /*--------------------------------------------
 このページの先頭へ
 --------------------------------------------*/
#mainColumn #containts div.pageLinkCom a{
	color			:#FF6600;
	text-align		:right;
}
/*-------------------------------------------
 ie8 bug solution css
-------------------------------------------*/
body#miraiPage #mainColumn #containts div#rightBox ul li a:hover {
	color :#009900;
	text-decoration:underline;
	background-color:transparent;
	line-height:0;
}
body#miraiPage #mainColumn #containts div#rightBox ul li.text a:hover {
	line-height:1.22em;
	text-decoration:underline;
	background-color:#ffffaf;
}