@charset "utf-8";
/*=============================================================
 Layout
=============================================================*/
/* style
-------------------------------------------------------------*/
div#contents {
	width: 100%;
}
#contentsMain.full {
	width: 100% !important;
	padding:0;
}

div#pageTtl {
	width: 970px !important;
	margin:0 auto 8px;
}
body div#pageTtl, #contents #pageTtl {
	display:none;
}
div#contents h1 {
	width: 970px !important;
	margin:0 auto;
}
div#hdd-mireru {
	font-size: 18px;
	line-height: 1.6;
}
body div#hdd-mireru h2,
body div#hdd-mireru h3,
body div#hdd-mireru h4,
body div#hdd-mireru h5 {
	width:auto;
	border: none;
	margin: 0;
	padding: 0;
	background: none;
	max-height: 100%;
}
body div#contents p,
body #hdd-mireru p,
body #hdd-mireru li {
	padding:0;
	margin: 0;
	max-height: 100%;
}
div#hdd-mireru a {
	color: #3399cc;
}


/*#mainArea
-------------------------------------------------------------*/
div#hdd-mireru #mainArea {
	background-color:#fff6f6;
}
div#hdd-mireru #mainArea #mainImg {
	width:970px;
	margin:0 auto;
	position:relative;
}

div#hdd-mireru #mainArea #mainImg img.pc {
	display:block;
}

div#hdd-mireru #mainArea #mainImg img.sp {
	display:none;
}

div#hdd-mireru #mainArea #mainImg #mainDl {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:50px;
	left:0;
}
div#hdd-mireru #mainArea #mainIntro {
	background-color:#fbe0e7;
	padding:30px 0;
}
div#hdd-mireru #mainArea #mainIntroInner {
	width:970px;
	margin:0 auto;
}
div#hdd-mireru #mainArea #mainIntroInnerL {
	width:219px;
	float:left;
	padding:10px 0 0;
}
div#hdd-mireru #mainArea #mainIntroInnerR {
	width:740px;
	float:right;
}
div#hdd-mireru #mainArea #mainIntroInnerR h2 {
	padding-bottom:10px;
	font-size:24px;
	color:#e95377;
}
div#hdd-mireru #mainArea #mainIntroInnerR p {
	font-size:18px;
}
div#hdd-mireru #mainArea #mainArw {
	background-color:#fff;
	text-align:center;
}
/*#mainArea
-------------------------------------------------------------*/
div#hdd-mireru #mainContents {
	width:970px;
	margin:0 auto;
	padding:15px 0 30px;
	text-align:center;
	font-size:16px;
}
div#hdd-mireru #mainContents h2 {
	padding:15px 0 10px;
	background-color:#1eb9ee;
	color:#fff;
	font-size:32px;
	line-height:1.0;
	border-radius:6px;
}
div#hdd-mireru #mainContents .section {
	padding:30px 0 30px;
}
div#hdd-mireru #mainContents h3 {
	margin:0 0 20px;
	padding:0 0 10px;
	border-bottom:3px solid #1eb9ee;
	color:#1eb9ee;
	font-size:24px;
}
div#hdd-mireru #mainContents .scanTest {
	position:relative;
}
div#hdd-mireru #mainContents .scanTest img {
	position:absolute;
	top:0;
	right:0;
}


div#hdd-mireru #mainContents #mireruCheck {
	border:1px solid #ccc;
	padding:29px;
}

div#hdd-mireru #mainContents #mireruCheck h4 {
	padding-bottom:10px;
	color:#1eb9ee;
	font-size:26px;
}
div#hdd-mireru #mainContents #mireruCheck .boxCheck {
	position:relative;
}
div#hdd-mireru #mainContents #mireruCheckBtn {
	position:absolute;
	top:320px;
	left:0;
	width:100%;
}
div#hdd-mireru #mainContents #mireruCheckBtn ul {
	width:708px;
	margin:0 auto;
}
div#hdd-mireru #mainContents #mireruCheckBtn ul li {
	float:left;
	width:167px;
	padding:0 5px;
}
div#hdd-mireru #mainContents #mireruCheckBtn ul li a {
	position:relative;
	display:block;
	font-size:18px;
	line-height:1.0;
	padding:15px;
	text-decoration:none;
	font-weight:bold;
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#normal {
	color:#0e72a7;
	border:3px solid #0e72a7;
	background-color: #bfe1f0;
	background-image: -moz-linear-gradient(top, #ebf5fb, #bfe1f0);
	background-image: -ms-linear-gradient(top, #ebf5fb, #bfe1f0);
	background-image: -o-linear-gradient(top, #ebf5fb, #bfe1f0);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ebf5fb), to(#bfe1f0));
	background-image: -webkit-linear-gradient(top, #ebf5fb, #bfe1f0);
	background-image: linear-gradient(top, #ebf5fb, #bfe1f0);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf5fb', endColorstr='#bfe1f0', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#caution {
	color:#ef7c16;
	border:3px solid #ef7c16;
	background-color: #f4d89a;
	background-image: -moz-linear-gradient(top, #fcf3db, #f4d89a);
	background-image: -ms-linear-gradient(top, #fcf3db, #f4d89a);
	background-image: -o-linear-gradient(top, #fcf3db, #f4d89a);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fcf3db), to(#f4d89a));
	background-image: -webkit-linear-gradient(top, #fcf3db, #f4d89a);
	background-image: linear-gradient(top, #fcf3db, #f4d89a);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf3db', endColorstr='#f4d89a', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#unknown {
	color:#333333;
	border:3px solid #333333	;
	background-color: #AAAAAA;
	background-image: -moz-linear-gradient(top, #CCCCCC, #AAAAAA);
	background-image: -ms-linear-gradient(top, #CCCCCC, #AAAAAA);
	background-image: -o-linear-gradient(top, #CCCCCC, #AAAAAA);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#CCCCCC), to(#AAAAAA));
	background-image: -webkit-linear-gradient(top, #CCCCCC, #AAAAAA);
	background-image: linear-gradient(top, #CCCCCC, #AAAAAA);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#AAAAAA', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#danger {
	color:#c11d23;
	border:3px solid #c11d23;
	background-color: #ecb6b6;
	background-image: -moz-linear-gradient(top, #fae8e8, #ecb6b6);
	background-image: -ms-linear-gradient(top, #fae8e8, #ecb6b6);
	background-image: -o-linear-gradient(top, #fae8e8, #ecb6b6);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fae8e8), to(#ecb6b6));
	background-image: -webkit-linear-gradient(top, #fae8e8, #ecb6b6);
	background-image: linear-gradient(top, #fae8e8, #ecb6b6);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fae8e8', endColorstr='#ecb6b6', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck.normal #mireruCheckBtn ul li a#normal {
	color:#FFF;
	background-color: #bfe1f0;
	background-image: -moz-linear-gradient(top, #08558c, #1d8cb9);
	background-image: -ms-linear-gradient(top, #08558c, #1d8cb9);
	background-image: -o-linear-gradient(top, #08558c, #1d8cb9);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#08558c), to(#1d8cb9));
	background-image: -webkit-linear-gradient(top, #08558c, #1d8cb9);
	background-image: linear-gradient(top, #08558c, #1d8cb9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08558c', endColorstr='#bfe1f0', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck.caution #mireruCheckBtn ul li a#caution {
	color:#FFF;
	background-color: #f3942b;
	background-image: -moz-linear-gradient(top, #e8600d, #f3942b);
	background-image: -ms-linear-gradient(top, #e8600d, #f3942b);
	background-image: -o-linear-gradient(top, #e8600d, #f3942b);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e8600d), to(#f3942b));
	background-image: -webkit-linear-gradient(top, #e8600d, #f3942b);
	background-image: linear-gradient(top, #e8600d, #f3942b);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8600d', endColorstr='#f3942b', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck.unknown #mireruCheckBtn ul li a#unknown {
	color:#FFF;
	background-color: #222222;
	background-image: -moz-linear-gradient(top, #222222, #333333);
	background-image: -ms-linear-gradient(top, #222222, #333333);
	background-image: -o-linear-gradient(top, #222222, #333333);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#222222), to(#333333));
	background-image: -webkit-linear-gradient(top, #222222, #333333);
	background-image: linear-gradient(top, #222222, #333333);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#333333', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck.danger #mireruCheckBtn ul li a#danger {
	color:#FFF;
	background-color: #ce353d;
	background-image: -moz-linear-gradient(top, #ab1115, #ce353d);
	background-image: -ms-linear-gradient(top, #ab1115, #ce353d);
	background-image: -o-linear-gradient(top, #ab1115, #ce353d);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ab1115), to(#ce353d));
	background-image: -webkit-linear-gradient(top, #ab1115, #ce353d);
	background-image: linear-gradient(top, #ab1115, #ce353d);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab1115', endColorstr='#ce353d', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#normal:hover {
	color:#FFF;
	background-color: #bfe1f0;
	background-image: -moz-linear-gradient(top, #08558c, #1d8cb9);
	background-image: -ms-linear-gradient(top, #08558c, #1d8cb9);
	background-image: -o-linear-gradient(top, #08558c, #1d8cb9);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#08558c), to(#1d8cb9));
	background-image: -webkit-linear-gradient(top, #08558c, #1d8cb9);
	background-image: linear-gradient(top, #08558c, #1d8cb9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#08558c', endColorstr='#bfe1f0', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#caution:hover {
	color:#FFF;
	background-color: #f3942b;
	background-image: -moz-linear-gradient(top, #e8600d, #f3942b);
	background-image: -ms-linear-gradient(top, #e8600d, #f3942b);
	background-image: -o-linear-gradient(top, #e8600d, #f3942b);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#e8600d), to(#f3942b));
	background-image: -webkit-linear-gradient(top, #e8600d, #f3942b);
	background-image: linear-gradient(top, #e8600d, #f3942b);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8600d', endColorstr='#f3942b', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#unknown:hover {
	color:#FFF;
	background-color: #222222;
	background-image: -moz-linear-gradient(top, #222222, #333333);
	background-image: -ms-linear-gradient(top, #222222	, #333333);
	background-image: -o-linear-gradient(top, #222222	, #333333);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#222222), to(#333333));
	background-image: -webkit-linear-gradient(top, #222222	, #333333);
	background-image: linear-gradient(top, #222222	, #333333);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='333333', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck #mireruCheckBtn ul li a#danger:hover {
	color:#FFF;
	background-color: #ce353d;
	background-image: -moz-linear-gradient(top, #ab1115, #ce353d);
	background-image: -ms-linear-gradient(top, #ab1115, #ce353d);
	background-image: -o-linear-gradient(top, #ab1115, #ce353d);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#ab1115), to(#ce353d));
	background-image: -webkit-linear-gradient(top, #ab1115, #ce353d);
	background-image: linear-gradient(top, #ab1115, #ce353d);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab1115', endColorstr='#ce353d', GradientType=0)";
}
div#hdd-mireru #mainContents #mireruCheck.normal #mireruCheckBtn ul li a#normal:after {
	content: "";
	position: absolute;
	display: block;
	clear: both;
	width: 100%;
	height: 17px;
	top:-17px;
	right:0;
	background: url(/product/hdd/info/hdd-mireru/img/arw_blue.png) no-repeat center center;
}
div#hdd-mireru #mainContents #mireruCheck.caution #mireruCheckBtn ul li a#caution:after {
	content: "";
	position: absolute;
	display: block;
	clear: both;
	width: 100%;
	height: 17px;
	top:-17px;
	right:0;
	background: url(/product/hdd/info/hdd-mireru/img/arw_orange.png) no-repeat center center;
}
div#hdd-mireru #mainContents #mireruCheck.unknown #mireruCheckBtn ul li a#unknown:after {
	content: "";
	position: absolute;
	display: block;
	clear: both;
	width: 100%;
	height: 17px;
	top:-17px;
	right:0;
	background: url(/product/hdd/info/hdd-mireru/img/arw_black.png) no-repeat center center;
}
div#hdd-mireru #mainContents #mireruCheck.danger #mireruCheckBtn ul li a#danger:after {
	content: "";
	position: absolute;
	display: block;
	clear: both;
	width: 100%;
	height: 17px;
	top:-17px;
	right:0;
	background: url(/product/hdd/info/hdd-mireru/img/arw_red.png) no-repeat center center;
}
div#hdd-mireru #mainContents #mireruCheck .normal,
div#hdd-mireru #mainContents #mireruCheck .caution,
div#hdd-mireru #mainContents #mireruCheck .unknown,
div#hdd-mireru #mainContents #mireruCheck .danger{
	display:none;
}
div#hdd-mireru #mainContents #mireruCheck.normal .normal,
div#hdd-mireru #mainContents #mireruCheck.caution .caution,
div#hdd-mireru #mainContents #mireruCheck.unknown .unknown,
div#hdd-mireru #mainContents #mireruCheck.danger .danger{
	display:block;
}
div#hdd-mireru #mainContents #mireruCheck .boxCheck p {
	padding-top:95px;
}
div#hdd-mireru #mainContents #mireruCheck .normal p{
	color:#0e72a7;
}
div#hdd-mireru #mainContents #mireruCheck .caution p{
	color:#ef7c16;
}
div#hdd-mireru #mainContents #mireruCheck .unknown p{
	color:#111111;
}
div#hdd-mireru #mainContents #mireruCheck .danger p{
	color:#c11d23;
}



/*#btmNavi
-------------------------------------------------------------*/
div#hdd-mireru #btmNavi {
	background-color:#fbe0e7;
}
div#hdd-mireru #btmNaviTop {
	width:626px;
	margin:0 auto;
	padding:30px 0 20px;
}
div#hdd-mireru #btmNaviTopL {
	width:259px;
	float:left;
}
div#hdd-mireru #btmNaviTopR {
	width:344px;
	float:right;
}
div#hdd-mireru #btmNaviBtm {
	width:970px;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #e95377;
}
div#hdd-mireru #btmNaviBtm h2 {
	text-align:center;
	padding:0 0 5px;
	font-size:28px;
	color:#e95377;
}
div#hdd-mireru #btmNaviBtm ul li{
	width:216px;
	float:left;
    margin-left:20px;
    margin-right:5px;
    margin-bottom:20px;
}
div#hdd-mireru #btmNaviBtm ul li.boxL {
	margin-right:5px;
}

div#hdd-mireru #btmNaviBtm ul li.boxC {
	margin-right:5px;
}

div#hdd-mireru #btmNaviBtm ul li.boxC2  {
	margin-right:5px;
}
div#hdd-mireru #btmNaviBtm h3b {
	text-align:center;
	padding:0 0 5px;
	font-size:22px;
	color:#e95377;
}
div#hdd-mireru #btmNaviBtm h3 {
	text-align:center;
	margin:0 0 20px;
	padding:0 0 10px;
	color:#e95377;
	font-size:22px;
}


/*#btmApp
-------------------------------------------------------------*/
div#hdd-mireru #btmAppBtm ul li{
	width:222px;
	float:left;
    margin-left:130px;
    margin-right:130px;
    margin-bottom:20px;
}
div#hdd-mireru #btmAppBtm ul li.box1 {
    margin-right:132px;
}

div#hdd-mireru #btmAppBtm ul li.box2 {
	margin-right:132px;
}



@media only screen and (max-width:768px){
div#pageTtl {
	width: 100% !important;
	margin:0 auto 8px;
}

div#contents h1 {
	width: 100% !important;
	margin:0 auto;
}

div#hdd-mireru #mainArea #mainImg {
	width:100%;
	margin:0 auto;
	position:relative;
}

div#hdd-mireru #mainArea #mainImg img {
	width:100%;
	height:auto;
	margin:0 auto;
}

div#hdd-mireru #mainArea #mainImg img.pc {
	display:none;
}

div#hdd-mireru #mainArea #mainImg img.sp {
	display:block;
}

div#hdd-mireru #mainArea #mainImg #mainDl {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:30px;
	left:0;
}

div#hdd-mireru #mainArea #mainImg #mainDl img {
	width:90%;
	display:block;
	margin:0 auto 5px;
	max-width:300px;
}

div#hdd-mireru #mainArea #mainImg #mainDl p {
	font-size:14px;
	display:block;
	margin:0 auto;
	max-width:300px;
}


div#hdd-mireru #mainArea #mainIntroInner {
	width:94%;
	margin:0 auto;
}

div#hdd-mireru #mainArea #mainIntroInnerL {
	width:100%;
	float:none;
	padding:10px 0 0;
}

div#hdd-mireru #mainArea #mainIntroInnerL img {
	display:block;
	margin:10px auto;
}

div#hdd-mireru #mainArea #mainIntroInnerR {
	width:100%;
	float:none;
}

div#hdd-mireru #mainArea #mainIntroInnerR h2 {
	padding-bottom:10px;
	font-size:18px;
	color:#e95377;
}
div#hdd-mireru #mainArea #mainIntroInnerR p {
	font-size:14px;
}

div#hdd-mireru #mainContents {
	width:100%;
	margin:0 auto;
	padding:15px 0 30px;
	text-align:center;
	font-size:16px;
}

div#hdd-mireru #mainContents h2 {
	font-size:22px;
	line-height:1.3;
	border-radius:6px;
	width:94%;
	height:auto;
	margin:0 auto;
	padding:10px;
}
div#hdd-mireru #mainContents .section {
	padding:30px 0 30px;
}
div#hdd-mireru #mainContents h3 {
	font-size:18px;
	width:94%;
	height:auto;
	margin:0 auto;
	text-align:left;
}

div#hdd-mireru #mainContents #mireruCheck {
	border:1px solid #ccc;
	padding:3px;
	display:block;
	width:96%;
	margin:0 auto;
}

div#hdd-mireru #mainContents #mireruCheck h4 {
	font-size:18px;
	width:94%;
	height:auto;
	margin:0 auto;
}

div#hdd-mireru #mainContents p {
	font-size:14px;
	display:block;
	width:94%;
	margin:10px auto;
	text-align:left;
}



div#hdd-mireru #mainArea #mainArw img {
	width:80%;
	height:auto;
	margin:0 auto;
	max-width:300px;
}

div#hdd-mireru #mainContents #mireruCheckBtn ul {
	width:100%;
	margin:0 auto;
}

div#hdd-mireru #mainContents #mireruCheckBtn ul li {
	float:none;
	width:100%;
	padding:0 5px;
}

div#hdd-mireru #btmNaviTop {
	width:100%;
	margin:0 auto;
	padding:30px 0 20px;
}

div#hdd-mireru #btmNaviTopL {
	width:100%;
	float:none;
}

div#hdd-mireru #btmNaviTopL img {
	display:block;
	width:80%;
	height:auto;
	margin:0 auto 15px;
	max-width:300px;
}

div#hdd-mireru #btmNaviTopR {
	width:100%;
	float:none;
}

div#hdd-mireru #btmNaviTopR img {
	display:block;
	width:80%;
	height:auto;
	margin:0 auto 5px;
	max-width:300px;
}

div#hdd-mireru #btmNaviTopR p {
	font-size:14px;
}

div#hdd-mireru #btmNaviBtm {
	width:100%;
	margin:0 auto;
	padding:30px 0;
	border-top:1px solid #e95377;
}

div#hdd-mireru #btmNaviBtm ul li{
	width:100%;
	float:none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}

div#hdd-mireru #btmAppBtm ul li{
	width:100%;
	float:none;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:20px;
}
div#hdd-mireru #btmAppBtm ul li.box1 {
    margin-right:auto;
}

div#hdd-mireru #btmAppBtm ul li.box2 {
	margin-right:auto;
}

div#hdd-mireru #mainContents .normal img {
	display:block;
	width:100%;
	height:auto;
}

div#hdd-mireru #mainContents .section img {
	display:block;
	width:100%;
	height:auto;
}

div#hdd-mireru #mainContents .clmBoxPhotoRight .photoBox {
	display:block;
	width:100%;
	float:none;
	padding:0;
}

div#hdd-mireru #mainContents .clmBoxPhotoRight p {
	display:block;
	width:94%;
	float:none;
	margin:10px auto;
}


div#hdd-mireru #mainContents .clmBoxPhotoRight .photoBox img {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}

div#hdd-mireru #mainContents .scanTest {
	position:static;
}


div#hdd-mireru #mainContents .scanTest img {
	position:static;
	display:block;
	width:auto;
	height:auto;
	margin:0 auto;
	max-width:117px;
}

div#hdd-mireru #mainContents #mireruCheckBtn {
	position:absolute;
	top:140px;
	left:12px;
	width:100%;
}
div#hdd-mireru #mainContents #mireruCheckBtn ul {
	width:100%;
	margin:0 auto;
}
div#hdd-mireru #mainContents #mireruCheckBtn ul li {
	float:left;
	width:23%;
	padding:0;
}
div#hdd-mireru #mainContents #mireruCheckBtn ul li a {
	position:relative;
	display:block;
	font-size:14px;
	line-height:1.0;
	padding:5px;
	text-decoration:none;
	font-weight:bold;
}
}