﻿@charset "UTF-8";

.clmn_contents .recommend_service ul {
zoom: 100%;
}
.clmn_contents .recommend_service ul:after {
clear: both;
display: block;
visibility: hidden;
height: 0;
content: ".";
}



/* index.html */


.option .h1Box {border-left-color: #66ff99;} /* 120116追加 */

.clmn_contents h2 {
	margin-top: 30px;
	clear:both;
}

.clmn_contents .recommend_service {
	margin: 0 auto 20px;
	width: 696px;
	height: 40px;
	background: url(/access/option/images/bg_recommend-service.png) no-repeat 0 0;
}
.clmn_contents .recommend_service h2 {
	margin: 0;
	padding: 0;
	border-radius: 0;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0;
	width: 696px;
	height: 12px;
	background: none;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 12px;
}
.clmn_contents .recommend_service ul {
	margin-left: 398px;
	width: 288px;
}
.clmn_contents .recommend_service li {
	float: left;
	width: 96px;
	height: 27px;
}
.clmn_contents .recommend_service li a {
	display: block;
	width: 94px;
	height: 27px;
	background-repeat: no-repeat;
	background-image: url(/access/option/images/btn_recommend-service.png);
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
.clmn_contents .recommend_service li.btn01 a {background-position: 0 0;}
.clmn_contents .recommend_service li.btn02 a {background-position: -94px 0;}
.clmn_contents .recommend_service li.btn03 a {background-position: -188px 0;}
.clmn_contents .recommend_service li.btn01 a:hover {background-position: 0 -27px;}
.clmn_contents .recommend_service li.btn02 a:hover {background-position: -94px -27px;}
.clmn_contents .recommend_service li.btn03 a:hover {background-position: -188px -27px;}
.clmn_contents .recommend_service li.btn01on a {background-position: 0 -27px;}
.clmn_contents .recommend_service li.btn02on a {background-position: -94px -27px;}
.clmn_contents .recommend_service li.btn03on a {background-position: -188px -27px;}




/* .membersBox */


.clmn_contents .membersBox {
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background: url(/access/common2011/images/sales/bg_recommendBox.png) repeat-x 0 0;
	position:relative;
}
.clmn_contents .membersBoxhover {
	margin-bottom: 10px;
	border: 1px solid #b4d5da;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background: url(/access/common2011/images/sales/bg_recommendBox-hover.png) repeat-x 0 0;
}
.clmn_contents .membersBox:hover {border-color: #b4d5da;background-image: url(/access/common2011/images/sales/bg_recommendBox-hover.png);}
.clmn_contents .box_2column .column .membersBox {width: 340px;}
.clmn_contents .membersBox h3 {
	margin: 0;
	padding: 0 12px 0 60px;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	height: 58px;
	background: none;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-size: 1.167em;
	line-height: 1.6em;
}
.clmn_contents .membersBox h3 .vm {
	visibility: hidden;
	height: 58px;
	vertical-align: middle;
	zoom: 1;
}
.clmn_contents .membersBox h3 a {
	display: table-cell;
	height: 58px;
	text-decoration: none;
	vertical-align: middle;
}
* html .clmn_contents .membersBox h3 a { /* IE 6 */
    display: inline;
	height: auto;
    zoom: 1;
}

*:first-child+html .clmn_contents .membersBox h3 a { /* IE 7 */
    display: inline;
	height: auto;
    zoom: 1;
}
.clmn_contents .membersBox h3.aremokoremo {background-image: url(/access/option/images/icon_aremokoremo.png);}
.clmn_contents .membersBox h3.anshin {background-image: url(/access/option/images/icon_anshin.png);}
.clmn_contents .membersBox h3.bb {background-image: url(/access/option/images/icon_bb.png);}
.clmn_contents .membersBox h3.free {background-image: url(/access/option/images/icon_free.png);}
.clmn_contents .membersBox h3.hikariiframe2 {background-image: url(/access/option/images/icon_hikariiframe2.png);}
.clmn_contents .membersBox h3.hotspot {background-image: url(/access/option/images/icon_hotspot.png);}
.clmn_contents .membersBox h3.mcafee {background-image: url(/access/option/images/icon_mcafee.png);}
.clmn_contents .membersBox h3.kaspersky {background-image: url(/access/option/images/icon_kaspersky.png);}
.clmn_contents .membersBox h3.mail {background-image: url(/access/option/images/icon_mail.png);}
.clmn_contents .membersBox h3.music {background-image: url(/access/option/images/icon_music.png);}
.clmn_contents .membersBox h3.support {background-image: url(/access/option/images/icon_support.png);}
.clmn_contents .membersBox h3.virus {background-image: url(/access/option/images/icon_virus.png);}
.clmn_contents .membersBox h3.wireless {background-image: url(/access/option/images/icon_wireless.png);}

.clmn_contents .box_2column .membersBox p.text {
	margin: 10px 10px 30px 10px;
	font-size: 0.92em;
}
.clmn_contents .box_2column .membersBox p .icon_ok {
	float:right;
	padding:0 0 0 10px;
}
.clmn_contents .box_1column .membersBox p.text {
	margin: 10px;
	font-size: 0.92em;
}
.clmn_contents .membersBox p.label {
	margin: 5px 15px 10px;
	font-size: 0.92em;
}
.clmn_contents .membersBox .link {
	font-size: 0.92em;
	position:absolute;
	bottom:6px;
	right:10px;
}
.clmn_contents .link.link2 {
	clear:both;
	font-size: 0.92em;
	text-align:right;
	margin:0 11px 0 0;
}

.serviceicon{
	text-align:center;
	height:36px;
	padding:17px 0;
	margin:0 0 30px 0;
}

.serviceicon img{
	padding:0 7px;
}




.favorite_style{
	width:696px;
	height:189px;
}
.favorite_style p {
	margin: 0;
	height: 1px;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 1px;
}
.favorite_style .link {
	padding: 160px 10px 0;
	width:676px;
	height:26px;
	background: url(/access/option/images/bnr_jujitsu-service.png) no-repeat 0 0;
	font-size: 0.92em;
	text-align:right;
}
.favorite_style .link:hover {
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}


.otoku_service .membersBox h3 {
	background-color: #e0ffeb;
}
.clmn_contents .otoku_service h4 {
	margin: 15px 10px 5px;
	padding: 0;
	font-size: 1.23em;
}
.clmn_contents .otoku_service p {
	margin: 0 10px 10px;
	padding: 0;
	font-size: 1.23em;
	line-height: 1.5em;
}




.txt_lineup{
	width:696px;
	height:59px;
}
.txt_lineup p {
	margin: 0;
	height: 1px;
	text-indent: -9999px;
	overflow: hidden;
	line-height: 1px;
}
.txt_lineup .link {
	padding: 0 10px;
	width:676px;
	height:49px;
	background: url(/access/option/images/bnr_service-lineup.png) no-repeat 0 0;
	line-height: 49px;
	font-size: 0.92em;
	text-align:right;
}
.txt_lineup .link:hover {
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}





/* .membersBox 20130123 newicon */


.clmn_contents .membersBox2 {
	margin-bottom: 10px;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background: url(/access/common2011/images/sales/bg_recommendBox3.png) repeat-x 0 0;
	position:relative;
}
.clmn_contents .membersBox2hover {
	margin-bottom: 10px;
	border: 1px solid #b4d5da;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	background: url(/access/common2011/images/sales/bg_recommendBox-hover.png) repeat-x 0 0;
}
.clmn_contents .membersBox2:hover {border-color: #b4d5da;background-image: url(/access/common2011/images/sales/bg_recommendBox-hover.png);}
.clmn_contents .box_2column .column .membersBox2 {width: 340px;}
.clmn_contents .membersBox2 h3 {
	margin: 0;
	padding: 0 12px 0 60px;
	border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
	height: 58px;
	background: none;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 4px 4px;
	font-size: 1.167em;
	line-height: 1.6em;
	border-bottom:#e5e5e5 solid 1px;
}
.clmn_contents .membersBox2 h3 .vm {
	visibility: hidden;
	height: 58px;
	vertical-align: middle;
	zoom: 1;
}
.clmn_contents .membersBox2 h3 a {
	display: table-cell;
	height: 58px;
	text-decoration: none;
	vertical-align: middle;
}
* html .clmn_contents .membersBox2 h3 a { /* IE 6 */
    display: inline;
	height: auto;
    zoom: 1;
}

*:first-child+html .clmn_contents .membersBox2 h3 a { /* IE 7 */
    display: inline;
	height: auto;
    zoom: 1;
}
.clmn_contents .membersBox2 h3.mail {background-image: url(/access/option/images/icon_mail2.png);}
.clmn_contents .membersBox2 h3.support {background-image: url(/access/option/images/icon_support2.png);}
.clmn_contents .membersBox2 h3.security {background-image: url(/access/option/images/icon_security2.png);}
.clmn_contents .membersBox2 h3.public {background-image: url(/access/option/images/icon_public2.png);}
.clmn_contents .membersBox2 h3.rental {background-image: url(/access/option/images/icon_rental2.png);}


.clmn_contents .box_2column .membersBox2 p.text {
	margin: 10px 10px 30px 10px;
	font-size: 0.92em;
}
.clmn_contents .box_2column .membersBox2 p .icon_ok {
	float:right;
	padding:0 0 0 10px;
}
.clmn_contents .box_1column .membersBox2 p.text {
	margin: 10px;
	font-size: 0.92em;
}
.clmn_contents .membersBox2 p.label {
	margin: 5px 15px 10px;
	font-size: 0.92em;
}
.clmn_contents .membersBox2 .link {
	font-size: 0.92em;
	position:absolute;
	bottom:6px;
	right:10px;
}