@charset "utf-8";
/* CSS Document */

/*PAGE LAYOUT*/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

*{
	border:0;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:none;
	color:#3e2826;
	}

ul,li,
dl,dt,dd {
	margin: 0;
	padding: 0;
	list-style: none;

}

ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

a:link,a:visited {
	color:#291818;
	text-decoration:none;
	font-size:14px;
}

a:hover,a:active{
	color:#291818;
	text-decoration: underline;
	font-size:14px;
}

body {
	overflow-x:hidden;
}

html, body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:left;
	background:url(../images/body_bg.jpg) top center repeat;
	height:100%;
}

a img.hover{
opacity:1.0;
filter: alpha(opacity=100);
}

a:hover img.hover{
opacity:0.9;
filter: alpha(opacity=90);
}


.pagetop{
	clear:both;
	text-align:right;
	padding-right:10px;
	margin-bottom:15px;

}


/*---------- header -----------

#Header{
	width:100%;
	background:url(../images/header_bg.jpg) top center repeat;
	border-bottom:1px solid #e2e1e1;
}

#Header div.clearfix{
	position:relative;
	width:970px;
	margin:0 auto;
	padding:10px 0 5px;
}

#Header div p{
	float:left;
	margin-right:45px;
}

#Header div p:hover{
	opacity: 0.9;

}



#Header div div#menu{
	float:left;
	width:480px;
}

#Header div div#menu h1{
	margin-top:10px;
	margin-bottom:20px;
}

#Header div div#menu h1 span{
	display:block;
	font-size:11px;
	padding-top:3px;
}


#Header div div#menu ul{
	clear:both;
	float:left;
}

#Header div div#menu ul li{
	float:left;
	margin:0 15px 8px 0;
	width:130px;
}


#Header div div#menu ul li a{
	font-weight:bold;
	background:url(../images/ar01.gif) left center no-repeat;
	padding-left:20px;
	display:block;

}

#Header div div#menu ul li a.last{
	display:block;
	width:160px;

}


#Header div ul{
	float:right;
}

#Header div ul li{
	margin-bottom:10px;
}

#Header div ul li.last{
	margin-bottom:0px;
}

#Header div .sns{
	width:200px;
	position:absolute;
	top:165px;
	right:0;
}

#Header div .sns div { float: right;}

*/

/*---------- header -----------*/

header {
	background: url("../images/header_bg.jpg");
	height: 150px;
	width: 100%;
	position: relative;
	z-index: 2;
}

header.fixed{
	z-index:9999;
}

header div {
	width: 1000px;
	margin: 0 auto;
	padding: 5px 0;
}
header div a img.header_logo {
	display: block;
	margin-top: 10px;
}
header div img {
	float: left;
}
header div h1 {
	float: left;
	font-size: 12px;
	text-align: left;
	width: 420px;
	margin: 15px 0 0 20px;
	font-weight: normal;
}
header div h1 img {
	margin-bottom: 8px;
}
header div h1 span {
	display: inline-block;
	font-size: 14px;
}


/*---------- nav -----------*/


nav#menu-wrap {
	background: url("../images/red-bg.jpg");
	width: 100%;
	height: 42px;
	margin: 0 auto;
	box-shadow: 0 1px 6px 0 #333;
	z-index: 9999;
}
ul#menu {
	list-style-type: none;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
ul#menu li {
	display: inline-block;
	text-align: center;
}
ul#menu li a:link,nav ul li a:visited {
	display: block;
	width: 162px;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	overflow: hidden;
}
ul#menu li a:hover {
	background: url("../images/red-bg_on.jpg");
	text-decoration: none;
}
ul#menu li a:link i,nav ul li a i {
	margin-right: 5px;
	font-size: 18px;
	color: #fff;
}
.fixed{
	position: fixed;
	top: 0px;
	left: 0px
	z-index: 9999;
}


/*---------- main -----------*/

#main{
	background:url(../images/main_bg.jpg) left top repeat-x;

}

#main div{
	background:url(../images/main_scroll_bg.jpg) top center no-repeat;
	margin:0 auto;
	width:975px;
}

#main div p{
	text-align:center;
	color:#FFFFFF;
	font-size:28px;
	font-weight:bold;
	padding:30px 0 25px;
}

#main div p strong{
	display:block;
	font-size:21px;
	font-weight:bold;
	color:#FFFFFF;
}

/*

#main div#slider{
	float:left;
	margin:0 5px 15px;
	text-align:center;
}

#main div#slider a{
	font-size:13px;
	display:block;
	width:325px;
	height:75px;
	padding-top:210px;
	font-weight:bold;
}

#main div#slider div#timerank{
	background:url(../images/main_timerank_bg.png) top center no-repeat;
}

#main div#slider div#timerank a:hover{
	background:url(../images/main_timerank_bg_hover.png) top center no-repeat;
}

#main div#slider div#simple{
	background:url(../images/main_simple_bg.png) top center no-repeat;
}

#main div#slider div#simple a:hover{
	background:url(../images/main_simple_bg_hover.png) top center no-repeat;
}

#main div#slider div#management{
	background:url(../images/main_management_bg.png) top center no-repeat;
}

#main div#slider div#management a:hover{
	background:url(../images/main_management_bg_hover.png) top center no-repeat;
}

#main div#slider div#tablet{
	background:url(../images/main_tablet_bg.png) top center no-repeat;
}

#main div#slider div#tablet a:hover{
	background:url(../images/main_tablet_bg_hover.png) top center no-repeat;
}

#main div#slider div#everyday{
	background:url(../images/main_everyday_bg.png) top center no-repeat;
}

#main div#slider div#everyday a:hover{
	background:url(../images/main_everyday_bg_hover.png) top center no-repeat;
}

#main div#slider div#security{
	background:url(../images/main_security_bg.png) top center no-repeat;
}

#main div#slider div#security a:hover{
	background:url(../images/main_security_bg_hover.png) top center no-repeat;
}

*/
#main ul#main_more{
	width:800px;
	margin:0 auto;
	clear:both;
	position: relative;
margin-top: -30px;
	z-index: 1000;
	margin-bottom: 10px;
}

#main p{
	text-align: center;
}


#main ul#main_more li{
	float:left;
	margin:0 5px 0px 5px;

}

#main ul#main_more li a{
	display:block;
	width:390px;
	height:75px;
	padding:0;


}

/*---------- bxSlider -----------*/
/*
#main div.bx-wrapper{
	background:none;
	position:relative;
	margin-bottom:15px;

}

#main div.bx-viewport,#main div#slider2{
	background:none;
	position:relative;

}



#main div.bx-controls-direction,#main div.bx-controls{
	width:auto;
	height:auto;

}

#main div.bx-viewport div{
	background:none;

}

#main div.bx-controls-direction{
	background:none;
}


#main div.bx-controls-direction a.bx-prev{
	position:absolute;
	top:115px;
	width:36px;
	left:-65px;
	height:52px;
	background:url(../images/prev.png) top center no-repeat;
}

#main div.bx-controls-direction a.bx-next{
	position:absolute;
	top:115px;
	left:1005px;
	width:36px;
	height:52px;
	background:url(../images/next.png) top center no-repeat;
}

*/
/*---------- contents -----------*/

#Contents{
	clear:both;
	margin:0 auto;
}

#main-Contents{
	clear:both;
	margin:0 auto;
	padding-bottom: 50px;
}

#main-Contents h2{
	width:960px;
	margin:0 auto 30px;
	padding-bottom:45px;
	background:url(../images/line01.jpg) left bottom no-repeat;
	position:relative;

}


#main-Contents h4{
	position:relative;

}

#main-Contents h2 span{
	position:absolute;
	top:5px;
	right:0;
}

#main-Contents h4 span{
	position:absolute;
	top:22px;
	right:0;
}

.Service01_l  h4 #gurunabiA{
	font-weight: bold;
	display: block;
	color: #555555;
	font-size: 12px;
		position:absolute;
	top:43px;
	left:410px;
}



#main-Contents h2 span a{
	background:url(../images/ar01.gif) left center no-repeat;
	padding-left:20px;
	margin-left:30px;
}

#main-Contents h4 span a{
	background:none;
	margin-left:15px;
}

#main-Contents h2 span a:link,#main-Contents h2 span a:visited,
#main-Contents h4 span a:link,#main-Contents h4 span a:visited{
	font-weight:bold;
	color:#b10b16;
	text-decoration:underline;
}

#main-Contents h2 span a:hover,#main-Contents h2 span a:active,
main-Contents h4 span a:hover,#main-Contents h4 span a:active{
	font-weight:bold;
	color:#b10b16;
	text-decoration:none;
}

#main-Contents h3{
	font-weight:bold;
	font-size:16px;
	line-height:180%;
	margin:0 auto 30px;
	width:960px;

}


#pan{
	background:url(../images/pan_bg.jpg) top center repeat-x;
	height:38px;
	padding-top:12px;
	margin-bottom:35px;
}

#pan ul{
	width:960px;
	margin:0 auto ;
}

#pan ul li{
	float:left;
	font-size:11px;
	color:#FFF;
	padding-right:10px;
}

#pan ul li a{
	font-size:11px;
	color:#FFF;
	padding-right:10px;
}


dl#news{
	clear:both;
	width:926px;
	margin:0 auto 30px;
	font-size:12px;
	padding:10px 15px;
	background:#FFF;
	border:2px solid #C8C8C8;

}

dl#news dt{
	float:left;
	width:110px;
	padding-left:110px;
	background:url(../images/info_title.jpg) left center no-repeat;

}

dl#news dd{
	position:relative;
}

dl#news dd span{
	text-align:right;
	position:absolute;
	right:0;
}


dl#news dd a:link,dl#news dd a:visited{
	color:#b10b16;
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
}

dl#news dd a:hover,dl#news dd a:active{
	color:#b10b16;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

dl#news dd span a:link,dl#news dd span a:visited{
	color:#291818 ;
	font-size:11px;
	text-decoration:none;
}

dl#news dd span a:hover,dl#news dd span a:active{
	color:#4d4d4d ;
	font-size:11px;
	text-decoration:none;
}

div#tabelog{
	width: 900px;
	height: 128px;
	padding: 30px 20px 0 40px;
	margin:0 auto 35px;
	background:url(../images/tabelog_bg.jpg) top center no-repeat;
}

div#tabelog h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

div#tabelog h2 span{
	background:#f87104;
	color:#FFF;
	padding:3px;
	margin: 3px 10px 0 0;
	font-size:9px;
	display:block;
	font-weight:bold;
	float:left;
}

div#tabelog h2 strong{
	color:#f87104;
	font-weight:bold;
}

div#tabelog p{
	font-size:14px;
}

div#tabelog p span{
	font-size:10px;
	color:#666666;
	display:block;
	padding-top: 5px;
}

#promotion_new{
	clear:both;
	width:960px;
	margin:0 auto 30px;
}


#promotion_new:after{
content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#promotion_new div{
	width: 409px;
	float: left;
	padding-right:30px;
	margin-right:30px;
	border-right:1px solid #CCC;
}

#promotion_new div p{
	margin-bottom:20px;
	font-size:14px;
}

#promotion_new div p a:link,#promotion_new div p a:visited{
	font-weight:bold;
	color:#b10b16;
	text-decoration:underline;
}

#promotion_new div p a:hover,#promotion_new div p a:active{
	font-weight:bold;
	color:#b10b16;
	text-decoration:none;
}

#promotion_new div p.link{
	margin-bottom:0;
}

#promotion_new div h2{
	margin-bottom:20px;
	padding-top:5px;
}

#promotion_new ul{
	width: 490px;
	float: left;
}

#promotion_new ul li {
	margin-bottom:5px;
}

#promotion_new ul li a{
	display:block;
}




/*
#promotion{
	clear:both;
	width:960px;
	margin:0 auto 25px;
}

#promotion:after{
content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
	font-size:0.1em;
	line-height:0;
}

#promotion div{
	width: 450px;
	float: left;
}

#promotion ul#otherPromotion{
	float: right;
}

#promotion ul#otherPromotion li{
	float:left;
	width: 230px;
	padding-right:25px;
}

#promotion ul#otherPromotion li.last{
	padding-right:0;
}

#promotionBanner{
	width: 450px;
	float:left;
	overflow: hidden;
}

#promotionBanner ol{
	width: 450px;
	overflow: hidden;
}

#promotion ol li{
	float:left;
	padding-right:25px;

}

#promotion div.jquery_flick-slide_pointer ol li{
	padding:0 10px;

}

#promotion ol li.last{
	padding-right:0;
}

#pointerPromotion{
	clear: both;
}
*/


#results{
	clear:both;
	background:url(../images/line01.jpg) top center no-repeat;
	padding:40px 0 10px;
	width:960px;
	margin:0 auto;
	position:relative;
}

#results h2{
	margin-bottom:25px;
}

#results span{
	font-size:12px;
	position:absolute;
	display:block;
	top:55px;
	left:530px;
	width:430px;
	text-align:right;
}

#results span a:link,#results span a:visited{
	font-weight:bold;
	color:#b10b16;
	text-decoration:underline;
	background:url(../images/ar01.gif) left center no-repeat;
	padding-left:20px;
}

#results span a:hover,#results span a:active{
	font-weight:bold;
	color:#b10b16;
	text-decoration:none;
	background:url(../images/ar01.gif) left center no-repeat;
	padding-left:20px;
}

#results ul{
	clear:both;
	margin:0 auto ;

}

#results ul li{
	float:left;
	margin:0 15px 0 0;

}

#results ul li.last{
	margin:0;

}

#results p{
	clear:both;
	font-size:12px;
	margin-bottom:50px;
	text-align:left;


}

/* =======================================
	loopslider
======================================= */

#loopslider {
	margin: 0 auto;
	/*width: 1550px;*/
	height: 155px;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom:0;
}

#loopslider ul {
	height: 155px;
	float: left;
	display: inline;
	overflow: hidden;
}

#loopslider ul li {
	width: 180px;
	height:155px;
	float: left;
	display: inline;
	overflow: hidden;
}

/*---------- Support -----------*/

#Support{
	background:url(../images/Support_bg.png) center top no-repeat;
	width:880px;
	padding:20px 40px;
	height:134px;
	margin:0 auto 20px;

}

#support_tel{
	float:left;
	width:450px;
	padding-top:5px;

}

#support_tel p{
	margin-bottom:15px;

}

#support_tel p span{
	display:block;
	font-size:11px;
	margin:3px 0 0 0;

}

#support_tel div{
	position:relative;

}

#support_tel div p{
	font-size:13px;
	font-weight:bold;
	color:#CC0000;
	margin-bottom:5px;

}

#support_tel div p span{
	position: absolute;
	top:-4px;
	right:0;

}







#support_tel_wide {
	float:left;
	width:900px;
	padding-top:25px;

}

#support_tel_wide p{
	margin-bottom:15px;
	float: left;
}

#support_tel_wide p span{
	display:block;
	font-size:13px;
	margin:3px 0 0 0;
}
#support_tel_wide p span span.sub{
	display: block;

}

#support_tel_wide div{
	position:relative;

}

#support_tel_wide div p{
	font-size:13px;
	font-weight:bold;
	color:#CC0000;
	margin-bottom:5px;

}

#support_tel_wide div p span{
	position: absolute;
	top:-4px;
	right: 35px;

}


#Support span.sub a {
	color: #CC0631;
}
#Support span.sub a:hover {
	text-decoration: underline;
}

#Support .oem {
	display: block;
}


#Support2 {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	width: 960px;
	margin: 0 auto 30px;
	padding: 20px;
	font-size: 13px;
	font-weight: normal;
	color: #555;
}
#Support2 .left,
#Support2 .right {
	box-sizing: border-box;
}
#Support2 .left {width: 48%;}
#Support2 .right {width: 50%;}

#Support2 .left .main {
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#Support2 .left .main p {
	font-size: 20px;
	font-weight: bold;
}
#Support2 .left .oem {
	font-size: 12px;
}
#Support2 .left .oem p {
	display: inline-block;
	font-weight: bold;
}
#Support2 .left .oem p i {
	margin-right: 3px;
}
#Support2 .right .tel {
	display: inline-block;
	background-image: url(../images/top/inq_icon_tel.png);
	background-repeat: no-repeat;
	background-size: 35px;
	nackgroun-position: left;
	font-size: 35px;
	font-weight: bold;
	color: #CC0000;
	padding-left: 35px;
	position: relative;
	top: -2px;
}
#Support2 .right .inqBtn {
	display: inline-block;
	position: relative;
	top: 5px;
}
#Support2 .right .sub {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}






#agency{
	background:url(../images/Agency_bg.jpg) left top no-repeat;
	float:right;
	font-size:12px;
	font-weight:bold;

}

#agency p a{
	display:block;
	width:230px;
	height:70px;
	padding:30px 30px 30px 120px;
	font-size:12px;

}

#agency p a strong{
	display:block;
	font-size:19px;
	font-weight:bold;
	margin-bottom:3px;
	color:#629a0e;

}

#agency p a:hover,#agency p a:active{
	text-decoration:none;
	background:url(../images/Agency_bg_hover.jpg) left top no-repeat;

}



/*---------- TrialFree -----------*/

#TrialFree{
	background:url(../images/TrialFree_main_bg.jpg) left top repeat;
	margin:0 auto 30px;

}


#TrialFree div{
	width:960px;
	margin:0 auto;
	padding:50px 0;
	text-align:center;

}

#TrialFree div p{
	margin-bottom:0px;

}

#TrialFree div div{
	background:url(../images/TrialFree_main_bg.png) top center no-repeat;
	height:210px;
	padding:90px 0 0;
}

#TrialFree div div p span{
	display:block;
	font-size:11px;
	color:#DDD;
	padding:30px 0 0;
}




/*---------- Footer -----------*/

.oemInfo {
	box-sizing: border-box;
	display: block;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
	width: 960px;
	margin: 0 auto 30px;
	padding: 10px 0;
	font-size: 13px;
	color: #555;
	text-align: center;
	text-decoration: none;
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.3);*/
}
.oemInfo p {
	font-size: 16px;
	font-weight: bold;
	/*color: #b7111b;*/
}
.oemInfo a {
	font-weight: bold;
	color: #cc2a1f;
}
.oemInfo a:hover {
	text-decoration: underline;
}

#grabBanner {
	display: block;
	width: 860px;
	margin: 0 auto 30px;
	text-align: center;
}


#Footer{
	background:url(../images/footer_bg.jpg) left top repeat-x;
	padding:40px 0 35px;
}

#Footer div.clearfix{
	position:relative;
	width:960px;
	margin:0 auto;
	font-size:12px;
}

#Footer div ul{
	width:190px;
	float:left;
}

#Footer div.clearfix > div:nth-of-type(1){
	float:right;
	font-size:12px;
	width:320px;
	margin-left:70px;
}

#Footer div div h4{
	margin:0 0 8px;
	font-size:14px;
	font-weight:bold;
}

#Footer div div p{
	margin:0 0 5px;
	font-size:12px;
}



#Footer div p span{
	display:block;
	padding-top:10px;
	font-size:12px;
	line-height:21px;
	color:#666;
}


#Footer div ul li { margin: 0 0 8px 0;}


#Footer div ul li a{
	font-weight :bold;
	background: url(../images/ar01.gif) left center no-repeat;
	padding-left: 20px;
	display: block;

}

#Footer div.sns{
	z-index:10;
	position:absolute;
	bottom:-40px;
}

#Footer div.sns div { float: right; }



#GlobalFooter{
	clear:both;
	padding:15px 0;
	background:url(../images/GlobalFooter_bg.jpg) top center repeat;
}

#GlobalFooter div{
	width:960px;
	margin:0 auto;
}

#GlobalFooter p{
	text-align:left;
	color:#DDD;
	font-size:11px;
	float:left;
}

#GlobalFooter ul{
	float:right;
}

#GlobalFooter ul li{
	float:left;
	color:#DDD;
	font-size:11px;
}

#GlobalFooter ul li a{
	color:#DDD;
	font-size:11px;
	padding:0 10px;
}

/*---------- pagetop -----------*/

#page-top {
	position: fixed;
	bottom: 70px;
	right: 20px;
}
#page-top a {
	display: block;

}


/*yahooBnr*/

.yahooBnr{
	background: #232323;
	width: 100%;
	padding: 30px 0;
}

.yahooBnr iframe{
	margin: 0 auto;
	display: block;
}

.headLine p{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
}

.headLine{
	margin-bottom: 30px;
}

#main-Contents h4 #gurunabiB{
	font-size: 12px;
	font-weight: bold;
	  position: absolute;
	  color:#ba131d;
  top: 35px;
  right:400px;
}