@charset "utf-8";
*, h1 {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
}

html {
  font-size: 100%;
}

table, img, p {
  border: 0;
}

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #555555;
  background: #fff;
  font-size: 72.5%;
  line-height: 150%;
  letter-spacing: 1px;
  text-align: center;
}

ul {
  list-style-type: none;
}

select {
  border: solid 1px #ccc;
}

/*PHOTO*/

.picture {
  border: 1px solid #ccc;
}

.red {
  color: red;
  font-weight: bold;
  font-size: 140%;
}

.green {
  background: #009900;
  color: #fff;
  padding: 3px 5px;
}

.right {
  display: block;
  text-align: right;
}

/* フロート回り込み解除
----------------------------------------------- */

br.clear {
  clear: both;
  display: none;
  font-size: 0px;
  line-height: 0%;
  height: 0px
}

/* リンク指定
----------------------------------------------- */

a {
  text-decoration: underline;
}

a:link {
  color: #3a75af;
}

a:visited {
  color: #3a75af;
}

a:hover {
  color: #ff6600;
}

/* フォント
----------------------------------------------- */

h1, h2, h3, h4, h5 {
  font-size: 100%;
  line-height: 150%;
}

.price {
  color: #ff0000;
  font-weight: bold;
}

.attention {
  color: #ff0000;
}

.mini {
  font-size: 90%;
}

em {
  font-style: normal;
  color: #ff0000;
}

/* テーブル共通指定
----------------------------------------------- */

table {
  margin: 0;
  width: 100%;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-collapse: collapse;
  text-align: left;
}

table th {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #f0f0f0;
  font-weight: normal;
}

table td {
  padding: 8px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

div.tblareabtn {
  clear: both;
  margin: 15px 0 0 0;
  text-align: center;
}

.phototd {
  width: 75px;
  text-align: center;
}

.centertd {
  text-align: center;
}

.pricetd {
  text-align: right;
}

.pricetd em {
  font-weight: bold;
}

div#completetext {
  margin: 15px auto 0 auto;
  padding: 15px;
  border: 5px solid #ccc;
}

div#completetext em {
  font-weight: bold;
}

div#completetext p {
  padding: 20px 0 0 0;
  text-align: left;
}

/* ヘッダーロゴ
------------------------------------------------ */

div#header {
  background: #fff;
  clear: both;
  width: 1000px;
  margin: 0 auto;
}

div#header h1 a {
  display: block;
  float: left;
  margin: 5px 7px;
  width: 310px;
  height: 35px;
  background: url("../img/header/logo.gif") no-repeat;
}

div#header em {
  display: none;
}

/* ヘッダーナビ
----------------------------------------------- */

div#information {
  float: right;
  width: 300px;
  margin: 5px 7px;
  padding: 0;
  text-align: right;
}

#online-test-nav {
  background: #e1e1e1;
  border-top: 1px solid #ccc;
  width: 980px;
  text-align: right;
  margin: 0 auto 15px auto;
  padding: 2px 5px 5px 5px;
}

/* フレーム
----------------------------------------------- */

div#container {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  clear: both;
  background-color: #fff;
  text-align: left;
}

#container:after {
  /* firefox背景色表示用 */
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

.three-col #pagebody {
  float: left;
  width: 760px;
}

div#leftcolumn {
  float: left;
  width: 210px;
}

div#leftcolumn h2 {
  padding: 0;
}

div#rightcolumn {
  float: right;
  width: 210px;
}

div#rightcolumn h2 {
  padding: 0;
}

#rightcolumn-inner, #leftcolumn-inner {
  padding: 0 5px;
}

/* top tab */

#topnavicnt {
  clear: both;
  margin: 0 auto;
  padding: 0;
  width: 1000px;
}

#topnavi {
  margin: 0;
  padding: 0 5px;
}

#topnavi li {
  float: left;
  margin: 0;
  padding: 3px 15px;
  font-weight: bold;
  text-align: center;
  list-style-type: none;
  display: block;
  background: url(../img/header/tab-menu.jpg) top right no-repeat;
  border-left: 1px solid #b6a4a4;
  border-bottom: 1px solid #b6a4a4;
}

#topnavi .open {
  background: url(../img/header/tab-menu-hover.jpg) top right no-repeat;
  border-left: 0px solid #b6a4a4;
  border-bottom: 1px solid #ffbb55;
  text-decoration: none;
  color: #fff;
}

#toplinknavi {
  width: 1000px;
  margin: 0 auto;
  clear: both;
  text-align: left;
}

.topnavi {
  background: url(../img/header/tab-box.jpg) repeat-x #ff9900;
  color: #ff9900;
  text-align: left;
  padding: 1em;
  margin: 0 5px;
}

#toplinknavi a {
  color: #fff;
  font-weight: bold;
  font-size: 110%;
}

/* メインコンテンツ
----------------------------------------------- */

/* 3カラム設定 */

div#three_maincolumn {
  width: 520px;
  float: right;
  position: relative;
}

div#three_maincolumn-inner {
  margin: 0;
}

div#three_maincolumn h2,
div#two_maincolumn h2.page-title {
  padding: 0 0 3px 0;
  margin: 0 0 5px 0;
  color: #ff6600;
  font-size: 150%;
  border-bottom: 3px solid #ccc;
  clear: both;
}

/* 2カラム設定 */

div#two_maincolumn {
  width: 760px;
  float: right;
}

div#two_maincolumn-inner {
  margin: 0;
}

div#two_maincolumn h2 {
  padding: 0;
}

/* 1カラム設定 */

div#one_maincolumn {
  padding: 10px 0 0 0;
}

.one-col div#header, .one-col div#container, .one-col #topnavicnt, .one-col #toplinknavi, .one-col #pagetop, .one-col #footer {
  width: 710px;
}

.one-col #online-test-nav {
  width: 690px;
}

.item-box {
  width: 49.5%;
  float: left;
}

.item-box-inner {
  margin-bottom: 20px;
}

.item-image {
  padding: 5px;
}

.item-title {
  padding: 5px;
}

.item-text {
  padding: 0 5px 10px 5px;
  line-height: 1.2em;
}

/* Side area Module content */

.module {
  margin-bottom: 20px;
}

.module-header {
  background: #ff9900;
  color: #fff;
  margin: 0;
  padding: 5px;
  font-size: 120%;
}

.module-content {
  border: 1px solid #ff9900;
  padding: 10px 5px;
}

.module-content p {
  margin: 0 0 10px 0;
}

.module-guide-list ul li {
  padding-left: 15px;
}

.module-payment-list .text {
  background: url("../img/side/module-arrow_bg.gif") center left no-repeat;
  padding-left: 10px;
}

.module-payment-list li img {
  margin-bottom: 10px;
}

/* カゴの中
----------------------------------------------- */

div#cartarea {
  width: 144px;
  padding: 10px;
  border: solid 1px #ccc;
}

div#cartarea p {
  padding: 5px 0 10px 0;
}

div#cartarea p.item {
  padding: 0 0 10px 0;
  background: url("../img/side/line_146.gif") no-repeat bottom;
}

div#cartarea .btn {
  padding: 0;
  text-align: center;
}

/* カテゴリー
----------------------------------------------- */

.cat-list {
  font-weight: bold;
}

.cat-list a {
  text-decoration: none;
}

.cat-list ul li {
  padding-left: 20px;
  font-weight: normal;
}

a.onlink {
  text-decoration: underline;
}

a.onlink:link {
  color: #ff0000;
}

a.onlink:visited {
  color: #ff0000;
}

a.onlink:hover {
  color: #ff0000;
}

/* ガイドリンク
----------------------------------------------- */

#guidearea {
  padding: 15px 0 0 0;
  line-height: 0;
}

/* ログイン
----------------------------------------------- */

.boxpw {
  width: 100px;
  border: solid 1px #ccc;
}

.login-footer {
  text-align: right;
}

div#loginarea {
  width: 144px;
  padding: 0 10px 10px 10px;
  border: solid 1px #ccc;
}

div#loginarea p {
  padding: 8px 0 0 0;
}

div#login img {
  padding: 0 5px 0 0;
  vertical-align: bottom;
}

div#loginarea .btn {
  text-align: center;
}

.box96 {
  width: 140px;
  border: solid 1px #ccc;
}

/* 検索
----------------------------------------------- */

div#searcharea {
  width: 144px;
  padding: 0 10px 10px 10px;
  border: solid 1px #ccc;
}

div#searcharea p {
  padding: 8px 0 0 0;
}

div#searcharea .btn {
  text-align: center;
}

.box142 {
  width: 170px;
  border: solid 1px #ccc;
}

/*Ranking
----------------------------------------------- */

#module-ranking {
  border: 5px solid #ff9900;
}

.rank-text {
  font-size: 85%;
}

.ranking-title {
  margin-bottom: 5px;
}
.rank-image img {
  width: 30px;
  max-width: 30px;
}

/* Side Banner
----------------------------------------------- */

.side-banner-item {
  margin-bottom: 10px;
}

/* バナー
----------------------------------------------- */

ul#banner {
  padding: 15px 0 0 0;
}

#banner li {
  padding: 0 0 10px 0;
}

/* テキストフィールド
----------------------------------------------- */

input[type='text'],
input[type='search'],
input[type='password'],
input[type='email'],
input[type='tel'] {
  border: 1px solid #ccc;
}

/* ボタン
----------------------------------------------- */

input[type='image'] {
  border: none;
}

input[type='image'].box190 {
  width: 190px;
  height: 30px;
}

input[type='image'].box180 {
  width: 180px;
  height: 30px;
}

input[type='image'].box150 {
  width: 150px;
  height: 30px;
}

input[type='image'].box140 {
  width: 140px;
  height: 30px;
}

input[type='image'].box130 {
  width: 130px;
  height: 30px;
}

input[type='image'].box51 {
  width: 51px;
  height: 22px;
  vertical-align: middle;
}

.zip-search {
  margin-top: 10px;
}
.zip-search + .mini {
  margin-bottom: 10px;
}

.form-group + .form-group {
  margin-top: 10px;
}

/* フッター
----------------------------------------------- */

#pagetop {
  width: 1000px;
  margin: 0 auto;
  padding: 30px 0;
  background-color: #fff;
  text-align: right;
}

#footer {
  width: 1000px;
  margin: 0 auto;
  padding: 15px 0;
  text-align: center;
  clear: both;
}

#footer-search {
  margin: 0 5px;
  padding: 10px 0;
  background: #ccc;
  color: #333;
}

.copyright {
  font-size: 90%;
  color: #999;
}