h1 {
  text-indent:-9999px;
  width:750px;
  height:50px;
  background-image: url('../img/title_main.gif');
  background-repeat: no-repeat;
}


#title {
 background-image: url('../img/bar.jpg');
 width:730px;
 height:26px;
 background-repeat: no-repeat;
}

#title01 {
 background-image: url('../img/title01.gif');
 width:170px;
 height:30px;
 background-repeat: no-repeat;
}



.title {
 position:relative;
 top:7px;
 left:5px;
 text-align:left;
 font-size:12px;
 line-height:16px;
 color:#fff;
 font-weight:bold;
}

.title01 {
 position:relative;
 left:5px;
 text-align:left;
 font-size:10px;
 line-height:16px;
}

.title02 {
 position:relative;
 top:7px;
 text-align:center;
 font-size:12px;
 line-height:16px;
 color:#003;
 font-weight:bold;
}

.title01 a { color:#039; text-decoration:none;}
.title01 a:hover {color:#f00; text-decoration:none;}

.title02 a { color:#039; text-decoration:none;}
.title02 a:hover {color:#69f; text-decoration:none;}

#list_top {
 background-image: url('../img/bar_top.gif');
 width:740px;
 height:32px;
 background-repeat: no-repeat;
}

#list_bottom {
 background-image: url('../img/bar_bottom.gif');
 width:740px;
 height:32px;
 background-repeat: no-repeat;
}

#list_back {
 background-image: url('../img/bar_back.gif');
 width:740px;
 height:32px;
 background-repeat:repeat-y;
}

.list_title {
 background-color:#CDC673;
}

.list_gray {
 background-color:#eee;
}

.normal {
 font-size:12px;
 line-height:16px;
  font-family: Arial, Helvetica, "ＭＳ ゴシック", Osaka;
}

.normal a { color:#039; text-decoration:none;}
.normal a:hover { color:#f00; text-decoration:none;}

#image {
 background-image: url('../img/image.jpg');
 width:354px;
 height:120px;
 background-repeat:no-repeat;
}

.big{
 font-size:12px;
 line-height:18px;
  font-family: Arial, Helvetica, "ＭＳ ゴシック", Osaka;
}

.big a { color:#fff; text-decoration:none; background-color:#69c;}
.big a:hover { color:#fff; text-decoration:none; background-color:#f99;}

.small{
 display:block;
 height:25px;
 text-align:center;
 font-size:12px;
 line-height:25px;
 font-family: Arial, Helvetica, "ＭＳ ゴシック", Osaka;
}

.small a { color:#fff; text-decoration:none; background-color:#69c;line-height:25px;}
.small a:hover { color:#fff; text-decoration:none; background-color:#f99;line-height:25px;}

#This {
 background-image: url('../img/li.gif');
 width:25px;
 height:25px;
 background-repeat: no-repeat;
}

/* サブナビ */

#MainContent ul#sub-navi {
  margin:0 0 1em;
  padding:0;
  width:750px;
  height:32px;
  background:url(../img/snavi.gif)
  no-repeat;
}

#MainContent ul#sub-navi li {
  list-style:none;
  margin:0;
  padding:0;
  width:123px;
  height:29px;
  float:left;
  text-indent:-9999px;
  background:url(../img/snavi.gif)
  no-repeat;
}

#MainContent ul#sub-navi li a {
  width:123px;
  height:29px;
  display:block;
  text-decoration:none;
  background:url(../img/snavi.gif)
  no-repeat;
}

#MainContent ul#sub-navi li a:hover {
  width:123px;
  height:29px;
  display:block;
  text-decoration:none;
  background:url(../img/snavi.gif)
  no-repeat;
}

/*#MainContent ul#sub-navi li#order a { width:123px; background-position:0 -32px;}
#MainContent ul#sub-navi li#men-order a { width:123px; background-position:-123px -32px;}*/
#MainContent ul#sub-navi li#caution a { width:123px; background-position:0 -32px;}
#MainContent ul#sub-navi li#low a { width:123px; background-position:-123px -32px;}
#MainContent ul#sub-navi li#abt a { width:123px; background-position:-248px -32px;}

/*#MainContent ul#sub-navi li#order a:hover { width:123px; background-position:0 0;}
#MainContent ul#sub-navi li#men-order a:hover { width:123px; background-position:-123px 0;}*/
#MainContent ul#sub-navi li#caution a:hover { width:123px; background-position:0 0;}
#MainContent ul#sub-navi li#low a:hover { width:123px; background-position:-123px 0;}
#MainContent ul#sub-navi li#abt a:hover { width:123px; background-position:-248px 0;}

/*#MainContent ul#sub-navi li#order.current-page { width:123px; background-position:0 0;}
#MainContent ul#sub-navi li#men-order.current-page { width:123px; background-position:-123px 0;}*/
#MainContent ul#sub-navi li#caution.current-page { width:123px; background-position:0 0;}
#MainContent ul#sub-navi li#low.current-page { width:123px; background-position:-123px 0;}
#MainContent ul#sub-navi li#abt.current-page { width:123px; background-position:-248px 0;}

/* テキスト */

#MainContent ul#text {
  margin:0 0 2em;
  padding:0 10px;
  width:650px;
}

#MainContent ul#text li{
  margin:0;
  padding:0 20px;
  list-style:none;
  font-size:85%;
  line-height:1.5em;
  background:url(../../img/arrow.gif)
  no-repeat;
}

#MainContent ul#text li.red{ color:#f00; font-weight:bold;}

/* オーダーシート基本情報 */

table#order-info {
  margin:2px;
  padding:2px;
  width:650px;
  height:100%;
}


.title001 { 
  margin:0;
  padding:0 2px;
  height:25px;
  font-size:90%;
  line-height:1.5em;
  width:100px;
}

.title002 { 
  margin:0;
  padding:0 2px;
  height:25px;
  font-size:90%;
  line-height:25px;
  width:200px;
}

.title003 { 
  margin:0;
  padding:0 2px;
  height:25px;
  font-size:90%;
  line-height:25px;
  width:150px;
}

.title004 { 
  margin:0;
  padding:0 2px;
  height:25px;
  font-size:90%;
  line-height:25px;
  width:230px;
}
.ans { 
  margin:0;
  padding:0 2px;
  height:25px;
  font-size:90%;
  line-height:25px;
  width:500px;
}

.ans a { text-decoration:none; color:#00f;}

.gray { background-color:#eee;}

#MainContent .order-position {
  margin:2px;
  padding:0 40px;
}
table#order {
  margin:2px;
  padding:0;
  width:650px;
  font-size:80%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


.bd00 { border:none; }
.ac { width:25px; height:16px; font-size:85%;ime-mode:inactive; }
td.center { text-align:center;padding:0.3em 5px; }


#MainContent hr { 
  clear:both;
  height:0;
  margin:0;
  visibility:hidden;
  border:none;
  color:#fff;
}

#MainContent dl.text{
  margin:10px auto 10px;
  padding:0 0 10px;
  width:600px;
}

#MainContent dl.text dt{
  margin:10px;
  padding:0;
  width:580px;
  height:2em;
  font-size:85%;
  font-weight:bold;
  line-height:2em;
  color:#330;
}

#MainContent dl.text dd{
  margin:10px;
  padding:0;
  width:580px;
  height:100%;
  font-size:85%;
  line-height:1.3em;
  color:#330;
}

#MainContent dl.text dd a{
  text-decoration:none;
  color:#05f;
}

#MainContent dl.text dd a:hover{
  text-decoration:underline;
  color:#f50;
}

#MainContent ul#how{
  margin:10px auto;
  padding:10px;
  width:580px;
  height:100%;
  border:solid #955 2px;
  background:#ffe;
  list-style:none;
}

#MainContent ul#how li{
  margin:0;
  padding:0;
  width:580px;
  height:1.5em;
  font-size:120%;
  line-height:1.9em;
  font-weight:bold;
  color:#330;
}

#MainContent dl.text dd.caution{
  margin:10px;
  padding:0;
  width:580px;
  height:1.3em;
  font-size:100%;
  line-height:1.3em;
  color:#c00;
  font-weight:bold;
}

#MainContent dl.nes{
  margin:10px auto 10px;
  padding:0 0 10px;
  width:600px;
  background:#efefef;
}

#MainContent dl.nes dt{
  margin:10px;
  padding:0;
  width:580px;
  height:2em;
  font-size:85%;
  font-weight:bold;
  line-height:2em;
  color:#330;
  border-bottom:2px dotted #999;
}

#MainContent dl.nes dd{
  margin:10px;
  padding:0;
  width:580px;
  height:100%;
  font-size:85%;
  line-height:1.3em;
  color:#330;
}

#MainContent dl.nes dd.red{
  margin:10px;
  padding:0;
  width:580px;
  height:100%;
  font-size:85%;
  line-height:1.3em;
  color:#f30;
}

form.slt {
  margin:10px auto 10px;
  padding:0 0 10px;
  width:600px;
  text-align:center;
}

.btn {
  width:200px;
  height:30px;
  background:#060;
  color:#fff;
  font-size:85%;
  line-height:25px;
  font-weight:bold;
  text-align:center;
  border:none;
}

.btn01 {
  width:200px;
  height:30px;
  background:#600;
  color:#fff;
  font-size:85%;
  line-height:25px;
  font-weight:bold;
  text-align:center;
  border:none;
}

#MainContent p.nvg{
  margin:5px auto 5px;
  padding:0;
  width:700px;
  font-size:100%;
  line-height:1.3em;
  font-weight:bold;
  color:#900;
  border-bottom:2px dotted #999;
}

#MainContent dl.text02{
  margin:10px auto 10px;
  padding:0 0 10px;
  width:700px;
}

#MainContent dl.text02 dt{
  margin:10px;
  padding:0;
  width:680px;
  height:2em;
  font-size:85%;
  font-weight:bold;
  line-height:2em;
  color:#330;
}

#MainContent dl.text02 dd{
  margin:10px;
  padding:0;
  width:680px;
  height:100%;
  font-size:85%;
  line-height:1.5em;
  color:#330;
}

#MainContent dl.text02 dd a{
  text-decoration:none;
  color:#00f;
}

table.trp {
  margin:2px;
  padding:2px;
  width:576px;
  font-size:100%;
  border:1px solid #333;
}

td.tl {
  margin:2px;
  padding:2px;
  width:300px;
  height:1.5em;
  background:#fff;
}

td.tl01 {
  margin:2px;
  padding:2px;
  width:300px;
  height:1.5em;
  background:#ccc;
}

td.tl02 {
  margin:2px;
  padding:2px;
  width:100px;
  height:1.5em;
  text-align:right;
  background:#e0eeee;
}

td.tl03 {
  margin:2px;
  padding:2px;
  width:100px;
  height:1.5em;
  text-align:right;
  background:#ccc;
}

td.tl04 {
  margin:2px;
  padding:2px;
  width:100%;
  height:1.5em;
  text-align:left;
  background:#fff;
}



#MainContent dl.thanks{
  margin:10px auto 3em;
  padding:0 0 10px;
  width:600px;
  border:#303 2px solid;
  background:#F5F5DC;
}

#MainContent dl.thanks dt{
  margin:0;
  padding:0;
  width:600px;
  height:3em;
  font-size:large;
  line-height:3em;
  font-weight:bold;
  text-align:center;
}

#MainContent dl.thanks dd.msg{
  margin:0;
  padding:0 15px;
  width:570px;
  height:1.3em;
  font-size:medium;
  line-height:1.3em;
}

#MainContent dl.thanks dd#timage{
  width:550px;
  height:230px;
  margin:2em auto;
  padding:0;
  text-indent:-9999px;
  background:url('../../img/mainimage.jpg')
  no-repeat left top;
}

input.dis { background:#ccc; }

#showAdr {
	height:2.5em;
	line-height:2.5em;
	width:200px;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}

.showaddr {
	font-size:90%;
	line-height:1.8em;
	padding:0.5em 0;
}

table #sendAdr {
	width:100%;
}

table #sendAdr td {
	padding:0 0.5em;
}

table #sendAdr td.tagName {
	width:25%;
}

table #sendAdr td.tagData {
	width:75%;
}

#sendBox {
	border:1px solid #ccc;
	background:#eee;
	padding:1em;
}

.changeForm {
	font-size:90%;
}