@CHARSET "UTF-8";

html {
}

body {
	background: #fff;
	margin:0;
	padding:0;
	font: normal 75%/1.5 'メイリオ','Lucida Grande','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  /* 16px * 75% = 12px */
  /* line-height = 18px */
}

/*
 * 共通マージン設定
 */
#content,
#footer {
	margin:0 auto;
	padding:0;
	width:900px;
	position:relative;
}

/*
 * ヘッダ
 */
#header {
	background: #e7e7e7;
	height:180px;

}

h1 {
	height:180px;
	width:900px;
	margin:0 auto;
	padding:0;
	font-size:1px;
	line-height:0;
	overflow: hidden;
	position:relative;
}

h1 a {
	display: block;
	width: 450px;
	float: left;
}

h1.aff {
	background: url(../images/title_aff.png) no-repeat;
}

h1.aff2 {
	background: url(../images/title_aff2.png) no-repeat;
}

h1.logitec {
	background: url(../images/title_logitec.png) no-repeat;
}

#nav {
	width:900px;
	margin:0 auto;
	position:relative;
  top:-26px;
}
#nav ul {
	position:absolute;
	top:0; /* #header - height */
	left:280px;
  height:26px;
	margin:0;
	padding:0;
	list-style: none;
	font-size:1px;
	line-height:0;
}
#nav ul li {
	margin:0;
	padding:0 0 0 10px;
	float:left;
}
#nav ul li a {
	background: #e7e7e7;
	color:#fff;
	text-decoration: none;
	margin:0;
	padding:7px;
	border:1px solid #fff;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px;
	font-size:12px;
	line-height:1;
	display:block;
	width:120px; 
	text-align: center;
}

#nav ul li.current a {
	background: #fff;
	color:#e7e7e7;
}

#ivr_num {
	color:#fff;
  font-weight:bold;
  display:block;
  font-size:14px;
  position:absolute;
  top:30px;
  left:750px;
  width:150px;
  text-indent:0;
  text-align:right;
}

#support {
	color:#fff;
  font-weight:bold;
  display:block;
  font-size:14px;
  position:absolute;
  top:100px;
  left:200px;
  width:250px;
  text-indent:0;
  text-align:right;
}

/*
 * フッタ
 */
#footer {
	margin-top:85px;
  padding-top:18px;
  border-top:1px solid #e7e7e7;
}

/*
 * 見出し
 */

h2 {
	font-size:2em;
  line-height:1.5;
  margin:0;
	padding:0;
}

h3 {
  background:#5CAC34;
  color:#fff;
	font-size:18px;
  line-height:43px;
  margin:27px 0 0 0;
	padding:0 9px;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
}

h4 {
	font-size:18px;
  line-height:2;
  margin:18px 0 0 0;
	padding:0;
  color:#3C681D;
}

h5 {
	font-size:14px;
  line-height:18px;
  margin:18px 0 0 0;
	padding:0;
}

/**
 *  基本スタイル
 */

p {
	margin:18px 0;
}

ul {
	margin:18px 0;
}

ol {
	margin:18px 0;
}

dl {
	margin:18px 0;
}

a img {
  border:none;
}

img.left {
	float:left;
  margin:0 18px 18px 0;
}

img.right {
	float:right;
}

.clear {
	clear:both
}

span.supplement {
	font-size:8px;
}
p.supplement {
	color:#999;
}
span.new {
	display: inline-block;
	color: #f00;
	padding: 5px;
	border: 1px solid #f00;
	-webkit-border-radius: 50px;
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}

.atn {
	color: #f00;
}

/*
 * 内容
 */

#content {
  background:#fff;
}

.section {
	padding:18px;
}

#pr {
	width:900px;
	height:320px;
	background:url(../images/top.png);
}

#sidemenu {
	width:215px;
	position:absolute;
	top:18px;
	left:0;
  height:100%;
	border-right:1px solid #ccc;
}
#sidemenu ul,
#sidemenu li {
	margin:0;
  padding:0;
  list-style:none;
}

#sidemenu ul,
#sidemenu li {
	margin:0;
  padding:0;
  list-style:none;
}

#sidemenu a {
	display:block;
  line-height:3;
  text-indent:1em;
  text-decoration:none;
  font-weight:bold;
  color:#900;
}
#sidemenu a:hover {
	background:#FFFCD1;
}

#sidemenu a.current {
	background:#6FBA2C;
  color:#fff;
}

#maincontent {
	position:relative;
	top:0;
	left:234px;
	width: 684px;
}

/*
	入力フォーム
	*/

form dl {
}

form dt {
	background:#A3C87F;
  line-height:3;
  padding:0 1em;
  font-weight:bold;
  -moz-border-radius-topright:5px;
  -moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}

form dd {
  position:relative;
  background:#EDF2C5;
  margin:0 0 18px 0;
  line-height:3;
  padding:0 1em;
  padding-top:18px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}

form dd.narrow {
  padding-top:0;
}
.card {
  vertical-align:middle;
  height:30px;
}

.centeredInput {
	text-align:center;
  height:36px;
}

#top_cyber p {
	border: 2px solid #f00;
}

#top_cyber p a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 10px 10px 0 10px;
	overflow: hidden;
}

#top_cyber .atn {
	font-size: 17px;
	font-weight: bold;
}

#cyber_example {
	overflow: hidden;
}

#cyber_example h5 {
	color: #fff;
	text-align: center;
	margin-bottom: 5px;
	padding: 5px;
	background: #ff8e3b;
}
#cyber_example .cyber_example_box {
	width: 47%;
	padding: 3px;
	border: 2px solid #ccc;
}
#cyber_example .cyber_example_box p {
	margin: 0;
}
#cyber_example .cyber_example_box.left {
	float: left;
}
#cyber_example .cyber_example_box.right {
	float: right;
}

/**
 * 特徴
 */
dl#point_list {
}

dl#point_list dt {
  margin:18px 0 0 0;
  font-size:1.5em;
  line-height:2;
}
dl#point_list dd {
  margin:0;
}
dl#point_list dt span.point {
  color:#fff;
  font-weight:bold;
  -moz-border-radius:27px;
  -webkit-border-radius:27px;
  border:1px solid #f00;
  background:#f00;
  display:block;
	float: left;
  clear:left;
  height:52px;
  width:52px;
  text-align:center;
  font-size:66.666%; /* 12px */
  line-height:4.5;
  margin-right:1.5em;
}
	
/* こんな方におすすめ */
.recommend {
	background:#FFFCBE;
  border:2px solid #459335;
  padding:7px;
  margin:0;
}

.recommend h4 {
  margin:9px 0;
}

.recommend h5 {
  margin:0;
}

.recommend ul {
  margin:0;
  padding:0 0 0 2em;
}

.recommend ul li {
}

/* 電話サポート */
#call_main {
	background:url(../images/call_fig.png) right 36px no-repeat;
  padding-right:360px;
}

/* リモートサポート */
#remote_main {
	background:url(../images/remote_fig.png) right 36px no-repeat;
  padding-right:360px;
}

/* 訪問サポート割引 */
#visit_main {
	background:url(../images/visit_fig.png) right 36px no-repeat;
  padding-right:270px;
}

/**
 * リモートサポートってどんな
 */
.call_or_remote {
	position:relative;
}
.call_or_remote .two_col_1 {
  width:305px;
  margin-top:-1px;
  padding-top:1px;
  padding-right:10px;
  border-right:1px dashed #73B632;
}
.call_or_remote .two_col_2 {
  width:306px;
  position:absolute;
  left:342px;
  top:0;
}

.call_or_remote h5 {
	margin-top:0;
}
dl#then_tel {
  font-size:x-small;
  line-height:1;
	text-indent:-9999px;
	height:216px;
  background:url(../images/then_tel.png) center no-repeat;
  margin:0;
  padding:0;
}

dl#then_remote {
  font-size:x-small;
  line-height:1;
	text-indent:-9999px;
	height:216px;
  background:url(../images/then_remote.png) center no-repeat;
  margin:0;
  padding:0;
}

/**
 * オプション
 */
div.option {
	clear:both;
}

div.option .recommend {
  margin-top:18px;
	margin-left:387px;
}

div.option div.desc {
  float:left;
  width:369px;
}

/**
 * 定期点検
 */
#maintenance {
  border:1px solid red;
  border-top:none;
	position:relative;
  margin:18px 0 0 0;
}
#maintenance h5 {
  background:red;
  color:#fff;
	position:relative;
  margin:0;
  padding:0 1em;
  line-height:2.5;
}
#maintenance .two_col_1 {
  width:305px;
  padding-right:10px;
}
#maintenance .two_col_2 {
  width:306px;
  position:absolute;
  left:342px;
  top:36px;
}
#maintenance dl {
  margin:9px 1em;
}
#maintenance dt {
  margin:0;
}
#maintenance dd {
  margin:0;
}
#maintenance ul {
  margin:0;
}

/**
 * 料金
 */
table.price {
  margin:17px 0 0 0;
  padding:0;
  border-spacing:0;
	border-collapse:collapse;
}
table.price th,
table.price td {
  margin:0;
  padding:0 1em;
  line-height:53px;
  border:1px solid #fff;
}

table.price thead th {
  line-height:35px;
}

table.price tbody th {
	background:#A3C87F;
}

table.price td.price {
	text-align:right;
}

.pricenum {
	font-size:18px;
  line-height:1;
}

table.price tbody th {
	width:12em;
}

table.price .desc {
	background:#EDF2C5;
  line-height:1.5;
}

table.price .normal {
	background:#FFFBC7;
  width:9em;
}

table.price .recom {
	background:#FFF9B1;
  width:9em;
}


/**
 * 料金
 */
table.pcspec {
  margin:17px 0 0 0;
  padding:0;
  border-spacing:0;
	border-collapse:collapse;
}
table.pcspec th,
table.pcspec td {
  margin:0;
  padding:8px 1em 9px 1em;
  line-height:18px;
  border:1px solid #fff;
}

table.pcspec th {
	background:#A3C87F;
}

table.pcspec td {
	background:#FFFBC7;
}

table.pcspec tbody th {
	width:12em;
}

table.pcspec .desc {
	background:#EDF2C5;
  line-height:1.5;
}

table.pcspec .normal {
  width:9em;
}

/**
 * 規約の表
 */
table#agreement {
  margin:17px 0 0 0;
  padding:0;
  border-spacing:0;
	border-collapse:collapse;
}

table#agreement th,
table#agreement td {
  margin:0;
  padding:9px 1em;
  line-height:18px;
  border:1px solid #999;
}

table#agreement thead th {
  background:#ccc;
}

table#agreement tbody th {
  width:15em;
}

/**
 * 特定商取引に関する法律に基づく表記
 */
table#tokusho {
  margin:17px 0 0 0;
  padding:0;
  border-spacing:0;
	border-collapse:collapse;
}

table#tokusho th,
table#tokusho td {
  margin:0;
  padding:9px 1em;
  line-height:18px;
  border:1px solid #999;
}

table#tokusho thead th {
  background:#ccc;
}

table#tokusho tbody th {
  width:15em;
}

/*
 * フッタ
 */
#footer {
  clear:both;
	height:54px;
}

#footer a {
  color:#393;
}

.copyright {
  margin:0;
  margin-right:1em;
  padding:0;
  float:left;
}

#footer .nav,
#footer .nav li {
  margin:0;
  padding:0;
  list-style:none;
  float:right;
}

#footer .nav li {
	float:left;
  margin-right:1em;
  padding-left:1em;
  border-left:1px dotted #459335
}

#footer .related {
  font-size:11px;
  line-height:18px;
  clear:both;
  margin:18px 0;
  float:left;
  width:100%;
}

#footer .related ul {
  margin:0;
  padding:0;
  list-style:none;
}

#footer .related li {
  list-style:none;
  float:left;
  margin:0;
  padding:0;
  margin-right:1em;
  padding-left:1em;
  border-left:1px dotted #459335
}

#footer .related span {
	float:left;
  margin-right:18px;
}