/*
  表示用CSS
    .ie * - Internet Explorer
    .ie6 * - Internet Explorer 6
    .ie5 * - Internet Explorer 5
    .gecko * - Mozilla, Firefox, Camino
    .opera * - Opera
    .konqueror * - Konqueror
    .webkit * ,.safari * - Safari, NetNewsWire, OmniWeb, Shiira
*/ 

html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, table, td, th, div, p, img, form, address {
  margin: 0;
  padding: 0;
  border: none;
  font-weight: normal;
  color: #666;
  font-style:normal;
}
html, body, th, td {
  font-size: 12px;
  line-height: 150%;
  font-family:verdana,Osaka;
}
html, body{
  height:100%;
  text-align:center;
  background-color:#f5efe7;
}
img, input, select, textarea {
  vertical-align: middle;
  font-size: 12px;
}

table {
  border-collapse: collapse;
}
a {
  color: #0099cc;
  text-decoration:none;
}
a:hover {
  color:#cd5b00;
  text-decoration:underline;
}
ul,ol {
  list-style-type: none;
}

/* ************************************************** */
#header {
  width: 840px;
  margin: 0 auto;
  text-align: left;
  background: #fff url('../img/body_bg.gif') repeat-y;
}
#contents {
  width: 840px;
  margin: 0 auto;
  text-align: left;
  background: #fff url('../img/body_bg.gif') repeat-y;
}
#side {
  float:left;
  width: 175px;
}
#main {
  float:left;
  width: 665px;
  background: transparent;
}
#leftbox {
  float:left;
  width: 490px;
  padding-left:10px;
}
#leftboxb {
  float:left;
  width:650px;
  padding-left:10px;
}
#rightbox {
  float:right;
  width: 160px;
}
#footer {
  clear:both;
  text-align: left;
  margin: 0 auto;
  background: transparent;
}
#navi {
  background: transparent;
}

/* ************************************************** */
#header .container {
  float:left;
  padding: 0;
  background-color:#fff;
  margin-top:5px;
}
#contents .container {
  padding: 0;
  background: #fff url('../img/body_bg.gif') repeat-y;
}
#side .container {
  padding: 0;
}
#main .container {
  padding:0;
  text-align: left;
}

#footer .container {
  float:left;
  width: 840px;
  line-height:200%;
}
/* ********************* ヘッダ部分 ***************************** */
.headlinea {
  float:left;
  width:204px;
  height:45px;
} 
.headlinea img {
  float:left;
  width:204px;
  height:45px;
  vertical-align:top;
  margin:0;
} 
div.headlineb {
  float:left;
  width:636px;
  height:45px;
  text-align:right;
}
.headlineb img {
  width:180px;
  height:45px;
  vertical-align:top;
  border:0;
}
div.reconcopy {
  float:left;
  padding:0 17px;
  margin:0;
}

ul.header_menu {
  float: right;
  padding-right:7px;
}

ul.header_menu li {
  display: inline;
  font-size: 12px;
}

ul.header_menu li a {
  color:#0099cc;
  text-decoration:none;
}

ul.header_menu li a:visited{
  color:#0099cc;
  text-decoration:none;}

ul.header_menu li a:hover {
  color:#cd5b00;
  text-decoration:none;
}
img.topimage {
  margin:6px 4px 20px 4px;
  border:1px solid #d6d6d6;
}
/* *********************** レフトボックス *************************** */

#side ul {
  float:left;
  clear:both;
  list-style-type: none;
  padding:8px 0 5px 10px;
}
#side li {
  float:left;
  padding:0 0 20px 0px;
  clear:both;
  width:155px;
}
#side li a {
　float:left;
  font-size:12px;
  color:#666;
  text-decoration:none;
  padding:0 0 0 13px;
  background-image: url('../img/sidesmallarrow.gif');
  background-repeat: no-repeat;
  background-position:left top;
  display:block;
}

#side li a:hover {
  color:#666;
  text-decoration:none;
  padding:0 0 0 13px;
  font-size:12px;
  background-image: url('../img/sidebigarrow.gif');
  background-repeat: no-repeat;
  background-position:left top;
}
.left_cateimg {
  float:left;
  width:175px;
  height:25px
}
.cale01 {
  clear:both;
  margin:50px 0
}
.cale02 {
  margin:5px 15px 0 15px;font-size:10px;text-align:left;
}
.cale03 {
  padding:3px;width:144px;margin:5px 0 0 0;font-size:10px;text-align:left;background-color:#f5f5f5;
}

/* ********************* ライトボックス ***************************** */
.right_dotline {
  background-image:url('../img/dotline01.gif');
  background-repeat: repeat-x;
  background-position:left bottom;
  margin-bottom:5px;
  padding-bottom:3px;
  width:154px;
  clear:both;
}
.right_info {
  padding:3px 2px 0 5px;
  width:140px;
  margin-bottom:20px;
}
.right_info02 {
  padding:0 2px 0 5px;
  width:140px;
  margin-bottom:20px;
  font-size:10px;
  border-top:4px solid #f5f5f5;
  border-bottom:4px solid #f5f5f5;
}

.right_info02 li {
  padding-left:11px;
  background-image: url('../img/catalogarrow.gif');
  background-repeat: no-repeat;
  background-position:left top;
}
.right_info03 {
  padding:3px 2px 0 5px;
  width:140px;
  font-size:10px;
  margin-bottom:20px;
}

.right_pickup {
  width:150px;
  margin:10px 0
}
.right_pickup li {
  width:104px;
  padding:13px;
  margin-left:10px;
  margin-bottom:20px;
  border:1px solid #ccc;
}
.right_pickup span {
  color:#e37400;
  font-family: Osaka, meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* ***********************フッタ部分*************************** */
.pagetopline {
  width:810px;
  text-align:right;
  margin:65px 10px 5px 10px;
  padding-right:10px;
  padding-bottom:7px;
  border-bottom: 1px solid #666;
}
.pagetopline a {
  padding-left:19px;
  background-image: url('../img/uparrow.gif');
  background-repeat: no-repeat;
  background-position:left top;
}
.footleft {
  float:left;
  width:605px;
  padding-left:19px;
}
ul.footer_menu {
  float: left;
  padding-right:7px;
}

ul.footer_menu li {
  display: inline;
  font-size: 12px;
}

ul.footerr_menu li a {
  color:#0099cc;
  text-decoration:none;
}

ul.footer_menu li a:visited{
  color:#0099cc;
  text-decoration:none;}

ul.footer_menu li a:hover {
  color:#cd5b00;
  text-decoration:none;
}

.footright {
  float:right;
  width:204px;
  margin-top:15px;
}
/* ***********************各ページ共通*************************** */
.page_headline {
  clear:both;
  margin-bottom:5px;
}

.l_navi {
  float:left;
  margin:5px;
}

.base_itemlist {
  float:left;
  padding:5px 0 15px 10px;
}
.base_itemlist li {
  float:left;
  width:105px;
  padding:0 12px 0 0;
  overflow:hidden;
}
.base_itemlist span {
  color:#e37400;
  font-family: Osaka, meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.contact_boxwrap {
  float:left;
  width:620px;
  clear:both;
  margin:5px 0 20px 5px;
  border:1px dashed #ccc;
}
.contact_boxwrap02 {
  float:left;
  width:620px;
  clear:both;
  margin:20px 0 20px 5px;
  border:1px dashed #ccc;
}
.contact_nameline {
  float:left;
  text-align:right;
  width:100px;
  margin:20px 5px 5px 5px;
  line-height:120%;
}
.contact_nameline span {
  font-size:9px;
}
.contact_namecell {
  width:250px;
  float:left;
  margin:20px 0 5px 5px;
}
.contact_standard {
  float:left;
  margin:5px;
  text-align:right;
  width:100px;
  clear:both;
}
.contact_standardcell {
  width:250px;
  float:left;
  margin:5px;
}
.contact_mailcell {
  width:180px;
  float:left;
  margin:5px;
}
.contact_mailbit {
  float:left;
  margin:5px;
}
.contact_txt_box {
  width:450px;
  height:200px;
  float:left;
  margin:5px 5px 15px 5px;
}
.contact_sendwrap {
  clear:both;
  margin:10px;
  text-align:center;
}
.contact_sendbttm {
  padding:6px;
}
/* ********************* ?? ***************************** */

table.userform {
  width: 100%;
  border: 1px solid #bbb;
}
table.userform caption {
  font-size: 1.2em;
  text-align: center;
  font-weight: bold;
}
table.userform thead th{
  padding: 3px;
  background: #fff url('../img/admin/thead.gif') repeat-x;
  background-position: left bottom;
  border: 1px solid #bbb;
  text-align: center;
}
table.userform tbody th{
  padding: 3px;
  background: #ecebde;
  border: 1px solid #bbb;
  text-align: right;
}
table.userform tbody th.require {
  color: red;
}
table.userform tbody td{
  padding: 3px;
  border: 1px solid #bbb;
  background:#fff;
}
table.userform tfoot td{
  padding: 3px;
  border-top: 2px solid #666;
  background: #ccef9e url('../img/admin/tfoot.gif') repeat-x;
  text-align: center;
}

div.cfree {
  color: #E44348;
  background-color: #FFEBD7;
  font-weight: bold;
  margin: 5px 0 10px 0;
  padding: 5px;
  border: 1px solid #FFBF86;
}

td.footintab1{
  padding: 2px;
  font-weight:bold;
  color:#fff;
  background: #000066;
  text-align: center;
}

td.footintab2{
  height:210px;
  padding: 5px;
  font-size: 10px;
  line-height:160%;
  border-bottom: 2px solid #666;
  background: #eef4ff url('../img/footintabwall.gif') repeat-x;
  background-position: left bottom;
  text-align: left;
  vertical-align:top;
}

div.footinfo {
  float: right;
  width: 574px;
  text-align: center;
  padding: 10px 10px;
  margin-top:10px;
}


div.sideinv01 {
  text-align:center;
  margin:40px 15px 0 15px;
  border:dashed 2px #d3a496;
}

div.sideinv02 {
  text-align:left;
  font-size:10px;
  margin: 0 20px;
  line-height:150%;

}

img.sideinv03 {
  text-align:center;
  margin-top:10px;
}

.formError{
  margin:3px;
  padding:3px;
  color:#B63D4C;
  background:#F8C6CE;
  font-weight:bold;
}
ul.pager {
     float:left;
	list-style-type:none;
	clear:both;
	margin:5px 0;
}
ul.pager li {
	display:inline;
	margin-left:5px;
}
ul.pager li.current {
	font-weight:bold;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */