@charset 'utf-8';

/* TOPとのデザインあわせのため 2010.01.21 K.Sakuma
* { font-size:12px; font-family:"ＭＳ Ｐゴシック"; margin:0; padding:0; }
html {
  margin-bottom:1px;
  height:100%;
  overflow-y:scroll;
}
body {
  margin:0;
  padding:0;
  background-color: #f7f3e8;
  color:#666;
}
*/
img { border:0; }
ul { list-style:none; }
p,th,td { line-height:140%; }

/* TOPとのデザインあわせのため 2010.01.21 K.Sakuma
a:link {
  color: #666;
  text-decoration: none;
}
a:visited {
  text-decoration: none;
  color: #666;
}
a:hover {
  text-decoration: underline;
  color: #666;
}
a:active {
  text-decoration: none;
}
*/

.base {
  width:800px;
  background-color:#fff;
  margin-left:auto;
  margin-right:auto;
}

.header {
  padding:5px 0 5px 10px;
  border-bottom:5px solid #966;
}
.header h1 a {
  font-size: 14px;
  display:block;
  background-image:url(../images/head_title.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  width:83px;
  height:51px;
  text-indent:-999px;
  text-decoration:none;
}
.header p {
  float:right;
  width:200px;
  margin-top:-47px;
  padding-right:10px;
  text-align:right;
  font-size:10px;
}
.main { padding-top:20px; }
.menu {
  float:left;
  width:180px;
}
.menu div.login {
  padding:20px 0 0 0;
  background-image:url(../images/menubar-mypage.gif);
  background-repeat:no-repeat;
  background-position:12px 0;
}
.menu div.login table {
  margin:0 0 0 20px;
}
.menu div.login table th {
  width:50px;
  font-weight:normal;
  font-size:10px;
}
.menu div.login table td input {
  font-size:10px;
  width:70px;
}
.menu div.login p {
  padding:5px 0 0 0;
  text-align:center;
}
.menu div.login p input {
  padding:2px;
  font-size:10px;
}
.menu ul.banner li {
  padding:0 0 8px 12px;
}
.menu ul.category {
  margin:20px 0 0 0;
  padding:20px 0 0 0;
  margin-bottom:5px;
  background-image:url(../images/menubar-category.gif);
  background-repeat:no-repeat;
  background-position:12px 0;
}
.menu ul.category li {
  padding:8px 0 0 35px;
  font-size:10px;
  background-image:url(../images/menuallow-gray.gif);
  background-repeat:no-repeat;
  background-position:23px 11px;
}
.menu ul.category li ul.category_middle {
  padding:0;
  margin:0;
}
.menu ul.category li ul.category_middle li {
  padding:4px 0 0 0;
  margin:0;
  background:none;
}
.menu ul.inner_menu {
  margin-top:10px;
  padding-top:20px;
  list-style:url(../images/menuallow-red.gif);
  margin-bottom:5px;
  background-image:url(../images/menubar-menu.gif);
  background-repeat:no-repeat;
  background-position:12px 0;
}
/* 09.12.21 K.Sakuma changed
.menu ul.inner_menu li { margin:8px 0 0 35px; font-size:10px; }
.menu ul.category li a, .menu ul.inner_menu li a { font-size:10px; }
*/
.menu ul.inner_menu li { margin:8px 0 0 35px; font-size:12px; }
.menu ul.category li a, .menu ul.inner_menu li a { font-size:12px; }

.contents { float:left; }
.footer {
  clear:both;
  padding:5px;
  font-size:10px;
  text-align:center;
}

.contents div.new_items {
  padding:20px 0 0 0;
  width:600px;
}
.contents div.new_items p {
  width:600px;
  height:20px;
  background-color:#e3d7d0;
  background-image:url(../images/bar_new_items.gif);
  background-repeat:no-repeat;
  background-position:10px 4px;
  text-indent:-999px;
  text-decoration:none;
}
.contents div.new_items ul { padding:10px 0 10px 0; }
.contents div.new_items ul li {
  float:left;
  width:110px;
  text-align:center;
  margin:0 0 0 8px;
}
.contents div.new_items ul li dl { font-size:10px; padding:5px; line-height:140%; }
.contents div.whatsnew {
  clear:both;
  padding:20px 0 0 0;
  width:600px;
}
.contents div.whatsnew p {
  width:600px;
  height:20px;
  background-color:#e3d7d0;
  background-image:url(../images/bar_whatsnew.gif);
  background-repeat:no-repeat;
  background-position:10px 4px;
  text-indent:-999px;
  text-decoration:none;
}
.contents div.whatsnew ul li {
  border-bottom:1px dotted #bea57c;
  padding:5px 0 0 10px;
  /* height:52px;  09.12.16 K.Sakuma deleted */
}
.contents div.whatsnew ul li img { float:left; margin:5px 0px; /* 09.12.16 K.Sakuma added */ }
.contents div.whatsnew ul li dl {
  float:left;
  padding:5px 0 0 10px;
}
.contents div.whatsnew ul li dt { font-size:10px; padding:3px; }
.contents div.whatsnew ul li dd { font-size:10px; padding:3px; }
.contents_table_title {
  width:600px;
  height:28px;
  background-image:url(../images/bar_contents_title.gif);
  background-repeat:no-repeat;
  background-position:0 0;
  padding:0 0 0 15px;
}
.contents_table_text {
  padding:10px;
  line-height:140%;
  /*font-size:10px;*/
  color:#777;
}

/* ページャー */
.pager { padding:0 0 20px 0; font-size:10px; }
.pagerLeft { float:left; width:200px; font-size:10px; }
.pagerRight { float:left; width:380px; text-align:right; font-size:10px; }
.pagerLeft span, .pagerLeft a, .pagerRight span, .pagerRight a { font-size:10px; }

/* パンくずリスト */
.breadcrumb_list {
  background-color:#f7f3e8;
  font-size:10px;
  padding:6px;
  margin:0 0 10px 0;
  width:590px;
}
.breadcrumb_list a {font-size:10px;}
.breadcrumb_list span { font-size:10px; font-weight:bold; }

/* 必須マーク */
.need { color:#c00; padding:0 3px 0 3px; }

/* フォームテーブル用 */
.form_table {
  width:100%;
  border:1px solid #DAC1A0;
  margin:10px 0 0 0;
  border-collapse:collapse;
}
.form_table th {
  width:180px;
  font-weight:normal;
  text-align:left;
  padding:3px;
  border:1px solid #DAC1A0;
  background-color:#F6F2E7;
}
.form_table td {
  padding:3px;
  border:1px solid #DAC1A0;
}
.submitArea {
  width:100%;
  margin:10px 0 0 0;
  text-align:center;
}
.button { width:100px; margin:3px; padding:2px; }

.errorMessage { color:#c00; font-weight:bold; height:16px; margin-top:10px; }
.errorMessageSub { color:#c00; font-size:10px; font-weight:normal; }
.error_message_sub { color:#c00; font-size:10px; font-weight:normal; }