@charset "UTF-8";
body {
	overflow: hidden;
}
html {
	overflow-y: scroll;
}

#mifes10 #cont-01 .bg-cont-01{
	background:url("../common/img/top_bc.jpg") repeat-x;
	margin-top:0%;
	padding-top:3%;
}
/* 旧Verとの比較 トップ */
#mifes10 #cont-02 .bg-cont-02 ul.pac li{
	width:45%;
	position: relative;
	float:left;
	padding:3% 3% 1% 3%;
	margin:0% 1% 5% 1%;
	font-size:120%;
	font-weight:bold;
	color:#33335c;
	text-align:center;
	line-height:200%;
	list-style-type: none; 
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset, 0 3px 2px rgba(0, 0, 0, 0.1) inset;*/   
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.08) inset, 0 5px 10px -8px rgba(0, 0, 0, 0.2); 
	border:1px #cdcdcd solid;
	height:100%;
    background: none repeat scroll 0 0 #7ecef4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#0088ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#0088ff')";
	background-image: -moz-linear-gradient(top, #ffffff, #7ecef4);
	background-image: -ms-linear-gradient(top, #ffffff, #7ecef4);
	background-image: -o-linear-gradient(top, #ffffff, #7ecef4);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#7ecef4));
	background-image: -webkit-linear-gradient(top, #ffffff, #7ecef4);
	background-image: linear-gradient(top, #ffffff, #7ecef4);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 46);	filter: alpha(opacity = 46);
}
#mifes10 #cont-02 .bg-cont-02 ul.pac li:hover{
	opacity:0.7;
}

@media screen and (min-width:768px) {
#mifes10 #cont-02 .bg-cont-02 ul.pac li{
	width:22%;
	position: relative;
	float:left;
	padding:3% 3% 1% 3%;
	margin:0% 1% 5% 1%;
	font-size:120%;
	font-weight:bold;
	color:#33335c;
	text-align:center;
	line-height:200%;
	list-style-type: none; 
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) inset, 0 3px 2px rgba(0, 0, 0, 0.1) inset;*/   
	box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.08) inset, 0 5px 10px -8px rgba(0, 0, 0, 0.2); 
	border:1px #cdcdcd solid;
	height:100%;
    background: none repeat scroll 0 0 #7ecef4;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#0088ff');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#0088ff')";
	background-image: -moz-linear-gradient(top, #ffffff, #7ecef4);
	background-image: -ms-linear-gradient(top, #ffffff, #7ecef4);
	background-image: -o-linear-gradient(top, #ffffff, #7ecef4);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#7ecef4));
	background-image: -webkit-linear-gradient(top, #ffffff, #7ecef4);
	background-image: linear-gradient(top, #ffffff, #7ecef4);
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 46);	filter: alpha(opacity = 46);
}
}

/* 旧Verとの比較 各ページ */

#mifes10 #cont-01 .bg-cont-01 .content-area h1.ttl_compare{
	font-weight:bold;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
	color:#1c2a54;
	font-size:160%;
	margin-bottom:2%;
	line-height:150%;
}

@media screen and (min-width:768px) {
#mifes10 #cont-01 .bg-cont-01{
	background:url("../common/img/top_bc.jpg") repeat-x;
	background-color:#FFF;
	margin:0% auto;
	height: 0px;
	padding-top:0%;
	padding-bottom:150px;
}
#mifes10 #cont-01 .bg-cont-01 .content-area h1.ttl_compare{
	background:url("img/ttl_compare.gif") no-repeat;
	text-indent:-9999px;
	width:100%;
	height:52px;
	margin-top:2%;
}
}

#mifes10 #cont-02 .bg-cont-02 img{
	float:center;
}
@media screen and (min-width:768px) {
#mifes10 #cont-01 .bg-cont-01 img{
	width:30%;
	float:left;
	margin-right:2%;
	margin-bottom:3%;
}
}

#mifes10 #cont-02 .bg-cont-02 h2.subt_compare{
	margin:1% auto;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
	color:#1c2a54;
	font-size:150%;
	background:#7ecef4;
	padding:1%;
}
#mifes10 #cont-02 .bg-cont-02 h3.subt_compare{
	margin:3% auto;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
	color:#1c2a54;
	font-size:110%;
	padding:1%;
	border:1px solid #CCC;
	background:#f6f5f4;
}
#mifes10 #cont-02 .bg-cont-02 p{
	color:#1c2a54;
	font-size:100%;
	margin:2% 3%;
}
#mifes10 #cont-02 .bg-cont-02 span.ColorRed{
	color:#eb6100;
}
#mifes10 #cont-02 .bg-cont-02 ul{
	margin-bottom:3%;
}
#mifes10 #cont-02 .bg-cont-02 Table.CompareTable ul li{
	margin:0 0 0 3%;
	background:url("../common/img/liststyle_blue.png") no-repeat;
	padding:0 0 0 6%;
}
#mifes10 Table.CompareTable {
	width:100%;
	border-top:1px solid #ccc;
	text-align:left;
	padding:1%;
}
#mifes10 Table.CompareTable th{
	width:21%;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#d1d1d1;
	padding:1%;
	text-align:center;
	vertical-align: top;
}
#mifes10 Table.CompareTable th.sub{
	background:#e1e3e3;
}
#mifes10 Table.CompareTable td{
	width:29%;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background:#fff;
	padding:1%;
}
#mifes10 Table.CompareTable th.title{
	background:#7ecef4;
	text-align:center;
	font-size:130%;
}
#mifes10 Table.CompareTable td.ver{
	background:#8c97cb;
	color:#FFF;
	text-align:center;
}
#mifes10 Table.CompareTable td.dif{
	background:#ffdd93;
}
div.new{
	text-decoration: none;
	background:none;
	background-position : 10px 5px;
}
@media screen and (min-width:640px) {
div.new{
	text-decoration: none;
	background:url("../common/img/ico_new.png") no-repeat;
	background-position : 2% 30%;
	padding-left:15%;
}
}

/* フッター */
#mifes10 #freevup_pc{
	display: none;
}
#mifes10 #freevup_mp{
	display: block;
}
@media screen and (min-width:768px) {
#mifes10 #freevup_pc{
	display: block;
}
#mifes10 #freevup_mp{
	display: none;
}
}