/* line 6, ../sass/lightbox.sass */#lightboxOverlay {  position: absolute;  top: 0;  left: 0;  z-index: 9999;  background-color: black;  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);  opacity: 0.85;  display: none;}/* line 15, ../sass/lightbox.sass */#lightbox {  position: absolute;  left: 0;  width: 100%;  z-index: 10000;  text-align: center;  line-height: 0;  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;  font-weight: normal;}/* line 24, ../sass/lightbox.sass */#lightbox img {  width: auto;  height: auto;}/* line 27, ../sass/lightbox.sass */#lightbox a img {  border: none;}/* line 30, ../sass/lightbox.sass */.lb-outerContainer {  position: relative;  background-color: white;  *zoom: 1;  width: 250px;  height: 250px;  margin: 0 auto;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;}/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */.lb-outerContainer:after {  content: "";  display: table;  clear: both;}/* line 39, ../sass/lightbox.sass */.lb-container {  padding: 10px;}/* line 42, ../sass/lightbox.sass */.lb-loader {  position: absolute;  top: 40%;  left: 0%;  height: 25%;  width: 100%;  text-align: center;  line-height: 0;}/* line 51, ../sass/lightbox.sass */.lb-nav {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  z-index: 10;}/* line 59, ../sass/lightbox.sass */.lb-container > .nav {  left: 0;}/* line 62, ../sass/lightbox.sass */.lb-nav a {  outline: none;}/* line 65, ../sass/lightbox.sass */.lb-prev, .lb-next {  width: 49%;  height: 100%;  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");  /* Trick IE into showing hover */  display: block;}/* line 72, ../sass/lightbox.sass */.lb-prev {  left: 0;  float: left;}/* line 76, ../sass/lightbox.sass */.lb-next {  right: 0;  float: right;}/* line 81, ../sass/lightbox.sass */.lb-prev:hover {  background: url(../images/prev.png) left 48% no-repeat;}/* line 85, ../sass/lightbox.sass */.lb-next:hover {  background: url(../images/next.png) right 48% no-repeat;}/* line 88, ../sass/lightbox.sass */.lb-dataContainer {  margin: 0 auto;  padding-top: 5px;  *zoom: 1;  width: 100%;  -moz-border-radius-bottomleft: 4px;  -webkit-border-bottom-left-radius: 4px;  -ms-border-bottom-left-radius: 4px;  -o-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px;  -webkit-border-bottom-right-radius: 4px;  -ms-border-bottom-right-radius: 4px;  -o-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */.lb-dataContainer:after {  content: "";  display: table;  clear: both;}/* line 95, ../sass/lightbox.sass */.lb-data {  padding: 0 10px;  color: #bbbbbb;}/* line 98, ../sass/lightbox.sass */.lb-data .lb-details {  width: 85%;  float: left;  text-align: left;  line-height: 1.1em;}/* line 103, ../sass/lightbox.sass */.lb-data .lb-caption {  font-size: 13px;  font-weight: bold;  line-height: 1em;}/* line 107, ../sass/lightbox.sass */.lb-data .lb-number {  display: block;  clear: left;  padding-bottom: 1em;  font-size: 11px;}/* line 112, ../sass/lightbox.sass */.lb-data .lb-close {  width: 35px;  float: right;  padding-bottom: 0.7em;  outline: none;}/* line 117, ../sass/lightbox.sass */.lb-data .lb-close:hover {  cursor: pointer;}



/*----------------------------------------------------
    非表示系
----------------------------------------------------*/

@media screen and (min-width: 640px) {
   .pcnone { display:none !important; }
}


@media screen and (max-width: 639px) {
   .mobinone { display:none !important; }
}



/*----------------------------------------------------
    マウスオン反転
----------------------------------------------------*/


p.btnon img:hover {
  opacity : 0.5;
}

p.btnon {
  text-align : center;
}






/*----------------------------------------------------
    順位
----------------------------------------------------*/
span.rank1{
padding: 5px 0 0 25px; 
margin: 8px 0 5px 0;
font-size: 16px; 
font-weight: bold; 
line-height: 30px; 
color: #808080; 
background: #ffffff url(https://securitysoft.asia/img/ico/rank1.gif) no-repeat 0 center;
background-size:17px 17px;
clear: both; 
}


.rank2{
padding: 5px 0 0 25px; 
margin: 8px 0 5px 0;
font-size: 16px; 
font-weight: bold; 
line-height: 30px; 
color: #808080; 
background: #ffffff url(https://securitysoft.asia/img/ico/rank2.gif) no-repeat 0 center;
background-size:17px 17px;
clear: both; 
}


.rank3{
padding: 5px 0 0 25px; 
margin: 8px 0 5px 0;
font-size: 16px; 
font-weight: bold; 
line-height: 30px; 
color: #808080; 
background: #ffffff url(https://securitysoft.asia/img/ico/rank3.gif) no-repeat 0 center;
background-size:17px 17px;
clear: both; 
}




/*----------------------------------------------------
    比較表ポップアップ
----------------------------------------------------*/

.message {
    position: relative;
}
.message span.remark {
    display: none;
}
.message a:hover span.remark {
    background: none repeat scroll 0 0 #EEFFEE;
    border: 1px solid #CCCCCC;
    color: #000000;
    display: block;
    line-height: 1.2em;
    margin: 0.5em;
    padding: 0.5em;
    position: absolute;
    top: 50px;
    width: 12em;
}




/*----------------------------------------------------
    おすすめ用
----------------------------------------------------*/

td.oosoftname{
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	background-color:#afeeee;
	border: 1px #1e90ff solid;
}



td.oohonbuntitle{
	text-align: center;
	vertical-align:top;
	background-color:#f5fffa;
	font-weight: bold;
	height: 20px;
}


td.oohonbun{
	font-size: 80%;
	text-align: left;
	line-height: 1.0em
	vertical-align:top;
}


td.ooimg{
	text-align: center;
}



td.ooseinotitle{
	text-align: center;
	font-weight: bold;
	background-color:#f5fffa;
	border-right: 5px #fff solid;
}

td.ooseino{
	font-size: 85%;
	text-align: left;
	line-height: 1.8em;
	background-color:#f5fffa;
}



/*----------------------------------------------------
    各ジャンルトップのタイル
----------------------------------------------------*/


@charset "utf-8";

.photo {
   width:100%;
   margin-bottom:50px;
   text-align:justify;
   text-justify:distribute;
   font-size:13px;
   line-height:1.4;
}

/* 回り込み解除 ここから */
.photo {
   ?zoom:1;
}

.photo:after {
   content:'';
   display:block;
   clear:both;
}
/* 回り込み解除 ここまで */

.photo h2 {
   margin:1em 0;
   font-size:13px;
   font-weight:bold;
}

.photo p {
   /zoom:1;
   overflow:hidden;
   margin:1em 0;
}

.photoInner {
   display:inline; /* for IE6 */
   width:330px;
   float:left;
   margin-left:20px;
   text-align:center;
   border:1px solid #ffd6d6;
}


@media only screen and (max-width:480px){
    .photoInner{
        width: 100%;
        display: block;
        border-top: none;
	margin-left:0px;
    }
}




/*----------------------------------------------------
    目次
----------------------------------------------------*/

#toc_container ul,#toc_container li{margin:0;padding:0;}

#toc_container.no_bullets ul,#toc_container.no_bullets li,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:none;list-style-type:none;list-style:none}


#toc_container.have_bullets li{padding-left:12px}

#toc_container ul ul{margin-left:1.5em}

#toc_container{
background:#edf6ff;
border:1px solid #aaa;
padding:10px;
margin-bottom:
1em;width:auto;
display:table;
font-size:95%
}

#toc_container.toc_light_blue{background:#edf6ff}

#toc_container.toc_white{background:#fff}

#toc_container.toc_black{background:#000}

#toc_container.toc_transparent{background:none transparent}

#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}

#toc_container.toc_black p.toc_title{color:#aaa}

#toc_container span.toc_toggle{font-weight:400;font-size:90%}

#toc_container p.toc_title + ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}

#toc_container a{text-decoration:none;text-shadow:none}

#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}




/*----------------------------------------------------
   関連記事
----------------------------------------------------*/

ul.kanren{
	padding:0px 20px 20px;
	max-width:500px;
}


li.kanrent {
	padding:0px 20px 10px;
	font-size:12px;
	list-style: none;
	font-weight: bold;
}


li.kanrenc {
	background-color:#FFFAFA;
	border-radius:10px;
	margin:0px 0px 7px;
}



a.kanrenl {
	font-weight: bold;
	display: block;
	text-decoration: none;
	font-size:15px;
	padding:15px 5px 25px;
}


img.kanreni{
	width:65px;
	height:65px;
	margin: 0px 15px;
}


span.kanrens {
	color:#778899;
	font-size:12px;
	font-weight: normal;
}


ul.kanren2{
	padding:0px 20px 20px;
	max-width:90%;
}



li.kanrenc2 {
	background-color:#fff;
	border-radius:10px;
    border:solid 1px #dcdcdc;
	margin:0px 0px 7px;
}



span.kanrens2 {
	font-size:12px;
	font-weight: normal;
}



/*----------------------------------------------------
    レビューページ用　
----------------------------------------------------*/



table.reviewunder {
	width: 640px;
	border-spacing: 0px;
	margin: 0 auto;
	white-space: nowrap;

}
.reviewunder td {
 	font-size: 80%;
	text-align: center;
	padding: 5px;
	border: 1px solid #d3d3d3;
	line-height:100%;
}

.reviewunder th {
 	font-size: 80%;
	padding: 5px;
	margin:5px;
	border: 1px solid #fff;
	background-color:#1e90ff;
	color: #fff;
	text-align: center;
}


@media only screen and (max-width: 640px) {

#reviewunderdiv {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
}




/*----------------------------------------------------
    料金表　
----------------------------------------------------*/

span.phminu {
	color:#0000FF;
	font-size:16px;
	font-weight: bold;
}

span.phplus {
	color:#FF0000;
	font-size:16px;
	font-weight: bold;
}


td.phtitle{
	background-color:#1e90ff;
	color:#FFF;
	font-size:16px;
	font-weight: bold;
	line-height:1.3em;
	text-align:center;
}


td.phtd{
	text-align:center;
	font-size:13px;
	line-height:1.3em;
	white-space: nowrap;
	border-bottom:solid #FFF0F5;
	padding: 8px 0px;
}


td.name{
	text-align:center;
	font-size:11px;
	line-height:1.4em;
	white-space: nowrap;
	border-bottom:solid #FFF0F5;
	padding: 8px 0px;
}

.phlink{
	font-size:15px;
	font-weight: bold;
}


td.phdet{
	font-size:11px;
	line-height:1.1em;
	white-space: nowrap;
}





/*----------------------------------------------------
   箇条書きリスト
----------------------------------------------------*/


ul#kajo{
  border: solid 2px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #f1f8ff; /*背景色*/
}


@media only screen and (max-width: 959px){
ul#kajo{
  margin:5px 2px;
}}

@media only screen and (min-width: 600px) {
ul#kajo{
  margin:5px 25px;
}}


ul#kajo li#kajo  {
  line-height: 1.5;
  padding: 0.5em 0;
  font-size:105%;
}


li#kajo:before {
  content: url(https://power-hikaku.info/img/css/list.png);
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
}




ul#checkbox{
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  background: #fff; /*背景色*/
}


@media only screen and (max-width: 959px){
ul#checkbox{
  margin:5px 2px;
}}

@media only screen and (min-width: 600px) {
ul#checkbox{
  margin:5px 25px;
}}


ul#checkbox li#checkbox  {
  line-height: 2.0em;
  padding: 0.8em 0;
  font-size:110%;
  font-weight:bold;
  border-bottom:#d3e4eb dotted 2px;
}

li#checkbox:before {
  content: url(https://power-hikaku.info/img/css/checklist.png);
  position: absolute;
  left : 0.7em;/*左端からのアイコンまでの距離*/
}


/*----------------------------------------------------
   テーブル
----------------------------------------------------*/


table.blue {
  width: auto;
  border-spacing: 0;
  border-collapse: collapse;
  font-size:14px;
  font-family:Arial;
  margin: 0px 0px 30px 0px;
  text-align:center;
}
table.blue th {
  background:#DCEAF6;
  padding: 6px 6px;
  border-left:1px solid #84b2e0;
  border-top:1px solid #84b2e0;
  border-bottom:1px solid #84b2e0;
  text-align: center;
}

table.blue th:last-child {
  border-right:1px solid #84b2e0;
}

table.blue tr td {
  padding: 6px 6px;
  border-bottom: 1px solid #84b2e0;
  border-left: 1px solid #84b2e0;
  border-top:1px solid #84b2e0;
}
table.blue tr td:last-child {
  border-right:1px solid #84b2e0;
  border-top:1px solid #84b2e0;
}
table.blue tr td:last-child.tdr {
  border-right:0px solid #84b2e0;
  border-top:1px solid #84b2e0;
}
table.blue tr th:last-child.tdr {
  border-right:0px solid #84b2e0;
  border-top:1px solid #84b2e0;
}






/*----------------------------------------------------
    レビューページ用　
----------------------------------------------------*/

.reviewtop{
	border: solid 1px #d3d3d3
}

.reveiwtopimg {
	text-align: center;
	padding: 0px;
	margin:0px;
}


.reviewtopr {
	min-width:310px;
	padding: 0px;
	margin:0px;
}


.reveiwtoptitle {
	font-size: 95%;
	color:#000;
	text-align: center;
	background-color:#d3d3d3;
	font-weight: bold;
	padding: 2px;
	margin:8px;
}

.reveiwtopdetail{
	font-size: 88%;
	margin:10px;
}



.reveiwtopbutton{
	text-align:center;
}





.review2{
	text-align: center;
	border: 1px #d3d3d3 solid;
	border-top: none;
}


.review2title{
	font-size: 80%;
	padding: 5px;
	margin:5px;
	font-weight: bold;
	background-color:#d3d3d3;
}


table.reviewunder {
	width: 640px;
	border-spacing: 0px;
	margin: 0 auto;
	white-space: nowrap;

}
.reviewunder td {
 	font-size: 80%;
	text-align: center;
	padding: 5px;
	border: 1px solid #d3d3d3;
	line-height:100%;
}

.reviewunder th {
 	font-size: 80%;
	padding: 5px;
	margin:5px;
	border: 1px solid #fff;
	background-color:#1e90ff;
	color: #fff;
}


@media only screen and (max-width: 640px) {

#reviewunderdiv {
    box-sizing: border-box;
    border-right: 1px solid #4f4d47;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}
}





.karusa td,th{
	text-align: center;
	border: 1px solid #d3d3d3 ;
}



.karusablank td,th{
	border: none ;
}



.divprice td,th{
	line-height: 100%;
}


.karusatitle{
	font-weight: none;
	background-color:#1e90ff;
	color:#fff;
	font-size: 88%;
	line-height: 105%;
	padding:5px;
}


td.karusablank{
	border: 0px ;
}

.karusad{
	font-size: 85%;
}


.karusaplus{
	font-size: 85%;
	font-weight: bold;
	color:#ff0000;
}


.karusaminus{
	font-size: 85%;
	font-weight: bold;
	color:#1e90ff;
}


/*----------------------------------------------------
    SP版レビューページ用
----------------------------------------------------*/


#spmenu{
width:720px;
padding: 0px 0px 500px;
}

#spmenu1{
padding:0px 0 0px;
margin: 0px 0;
text-align: center;
}


#spmenu2 {
	float: left;
	clear: both;
	padding: 0;
	margin: 10px 0;
}




/*--------------------------------------------------------
rwdから統合
--------------------------------------------------------*/



/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){
	.site-header,
	.global-nav,
	.main-body,
	.site-footer{
		min-width: 0;
	}

	.site-header-in,
	.global-nav-in,
	.main-body-in,
	.site-footer-in{
		width: 96%;
		margin: auto;
	}
}/*解像度1200px以下*/




/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

	.site-header-in,
	.global-nav-in,
	.main-body-in,
	.site-footer-in{
		width: 100%;
	}

	.sub-conts{
		margin:0 3%;
		}
	/*ヘッダー*/
	.site-header-conts,
	.site-title,
	.header-box{
		display: block;
	}

	.site-header:after{
		content:none;
		height:0;
	}
	
	.header-box {
		margin: 2em auto .5em;
		position: inherit;
		text-align: center;
	}	

	.site-header-conts{
		padding-top: 25px;
	}
	
	.no-gn .site-header-conts{
		padding-top: 0;
	}
	
	.site-header-conts{
		padding-bottom: 10px;
	}
	
	.site-title{
		padding: 15px 15px 0;
		font-size: 1.4em;
	}

	.normal-screen .site-title{
		font-size: 2em;
	}

	.normal-screen .lp-catch{
		padding: 15px 15px 0;
		font-size: 1em;
	}
	
	.site-header-in{
		position: relative;
		padding-bottom: 1em;
	}

	
	/*グローバルナビ*/
	.global-nav{
		position: absolute;
		top: 0;
		width: 100%;
		margin: 0;
		border: 0;
	}
	
	.global-nav ul{
		display: none;
		position: absolute;
		top: 50px;
		left: 10px;
		z-index: 50;
		width: 80%;
		border: 0;
		background:rgba(23,24,68,.7);
	}
	
	.global-nav-panel{
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 10px;
		background:#039BE5;
		color: #fff;
		cursor: pointer;
	}
	.global-nav-in li{
		display: list-item;
		width: auto;
		border-right: 0;
		border-top: 1px solid #ddd;
		text-align: left;
	}
	
	.global-nav-in li ul{
		position: static;
		width: auto;
		margin-left: 1em;
		background:none;
	}
	
	.global-nav-in li ul li{
		width: auto;
		border-bottom: 0;
		border-top:none;
	}
	
	.global-nav-in li a,
	.global-nav li ul li a{
		padding: 1em;
		padding-right: 2em;
		background: url(../images/icon/icon-gn-arw.png) right center no-repeat;
			color:#fff;
	}

		/*Retina（高解像度）ディスプレイ用*/
		@media screen and (-webkit-min-device-pixel-ratio:2),
		(min-resolution: 2dppx){

			.global-nav-in li a,
			.global-nav li ul li a{
				background: url(../images/icon/icon-gn-arw@2x.png) right center no-repeat;
				-webkit-background-size: 27px 18px;
				background-size: 27px 18px;
			}

		}




/*---------------------------------------------------------------------
	generated by Keni Template Maker Ver.7.0 on 2017-06-05 14:02:29
----------------------------------------------------------------------*/