A:link {
    color: #0066cc;
    text-decoration: none;
    line-height: 125%;
    }
A:visited {
    color: #0066cc;
    text-decoration: none;
    line-height: 125%;
    }
A:hover {
    color: 000000;
    text-decoration: none;
    line-height: 125%;
    }
body {
    behavior:url("css/csshover3.htc");
    font-size: 12px;
    font-weight: normal;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-style: normal;
    font-variant: normal;
    line-height: 130%;
    margin:0;
    padding:0;
    }
input,li {
    font-size: 12px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
img {
    border-style: none;
    border-width: 0;
    vertical-align: bottom;
    }
.optgroup {
     font-style:normal;
     }
.orange {
    color:#ff6600;
    }
.red {
    color:#cc0000;
    }
.blue {
    color:#0066cc;
    }
.green {
    color:#009933;
    }
.yellow {
    color:#dfda02;
    }
.orangeB {
    font-weight: bold;
    color:#ff6600;
    }
.greenB {
    font-weight: bold;
    color:#009933;
    }
.atten {
    font-weight: bold;
    color:#f60;
    }
.LoginAtten {
    margin: 0 0 3px 0;
    font-weight: bold;
    color:#990000;
    }
.ok{
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    color: #ff6600;
    }
.ng {
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    color: #993300;
    }
.bold{
    font-weight:bold;
    }
.b14 {
    font-weight:bold;
    font-size:14px;
    }
.b15 {
    font-weight:bold;
    font-size:15px;
    }
.b16 {
    font-weight:bold;
    font-size:16px;
    }
.TxtR {
    text-align: right;
    margin-right: 3px;
    }
.TxtC {
    text-align: center;
    margin-right: 3px;
    }

/************************************/
/*  SideBox                         */
/************************************/

#SideBox {
    margin: 0 0 0 5px;
    padding: 0;
    width: 170px;
    overflow: hidden;
    display: block;
    text-align: left;
    }
#SideBox ul, #SideBox ol, #SideBox dl {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
#SideBox li, #SideBox .dt, #SideBox .dd #SideBox dt, #SideBox dd {
    margin: 0;
    padding: 0;
    }
#SideBox dt {
    margin-bottom: 2px;
    padding: 5px 0px 5px 23px;
    width: 164px;
    background-color: #dfe3e6;
    line-height: 120%;
    background-image: url(../image/icon_list_title.gif);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    }
#SideBox .dt {
    margin-bottom: 2px;
    padding: 5px 0px 5px 23px;
    width: 164px;
    background-color: #dfe3e6;
    line-height: 120%;
    background-image: url(../image/info.png);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    }

#SideBox .dd {
    margin-bottom: 20px;
    }
#SideBox .dd li {
    margin-bottom: 2px;
    }
#SideBox .dd li.list a {
    display: block;
    padding: 5px 4px 5px 11px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-image: url(../image/list.gif);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    line-height: 120%;
    }
#SideBox .dd li.list a:link,#SideBox .dd li.list a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.list a:hover {
    background-color: #eaf2ff;
    }
#SideBox .dd li.mnt a {
    display: block;
    padding: 5px 4px 5px 11px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-image: url(../image/mnt.gif);
    background-repeat: no-repeat;
    background-position: 3px 6px;
    line-height: 120%;
    }
#SideBox .dd li.mnt a:link,#SideBox .dd li.mnt a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.mnt a:hover {
    background-color: #eaf2ff;
    }
#SideBox .dd li.adm a {
    display: block;
    padding: 6px 4px 6px 11px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-image: url(../image/adm.gif);
    background-repeat: no-repeat;
    background-position: 3px 7px;
    line-height: 120%;
    }
#SideBox .dd li.adm a:link,#SideBox .dd li.adm a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.adm a:hover {
    background-color: #eaf2ff;
    }

#SideBox .dd li.home a {
    display: block;
    padding: 5px 0px 5px 23px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: url(../image/home--arrow.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    line-height: 120%;
    }
#SideBox .dd li.home a:link,#SideBox .dd li.home a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.home a:hover {
    background-color: #eaf2ff;
    }

#SideBox .dd li.mon a {
    display: block;
    padding: 5px 0px 5px 23px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: url(../image/application-monitor.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    line-height: 120%;
    }
#SideBox .dd li.mon a:link,#SideBox .dd li.mon a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.mon a:hover {
    background-color: #eaf2ff;
    }
#SideBox .dd li.info a {
    display: block;
    padding: 5px 0px 5px 23px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: url(../image/info.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    line-height: 120%;
    }
#SideBox .dd li.info a:link,#SideBox .dd li.info a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.info a:hover {
    background-color: #eaf2ff;
    }
#SideBox .dd li.ecnavi a {
    display: block;
    padding: 5px 0px 5px 23px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: url(../image/megaphone.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    line-height: 120%;
    }
#SideBox .dd li.ecnavi a:link,#SideBox .dd li.ecnavi a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.ecnavi a:hover {
    background-color: #eaf2ff;
    }
#SideBox .dd li.credit a {
    display: block;
    padding: 5px 0px 5px 23px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: url(../image/credit-card-green.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    line-height: 120%;
    }
#SideBox .dd li.credit a:link,#SideBox .dd li.credit a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.credit a:hover {
    background-color: #eaf2ff;
    }
#SideBox .dd li.first a {
    display: block;
    padding: 5px 0px 5px 23px;
    width: 164px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #f3f3f3;
    background-image: url(../image/first.png);
    background-repeat: no-repeat;
    background-position: 3px 5px;
    line-height: 120%;
    }
#SideBox .dd li.first a:link,#SideBox .dd li.first a:visited {
    background-color: #f3f3f3;
    }
#SideBox .dd li.first a:hover {
    background-color: #eaf2ff;
    }

/************************************/
/*  DataArea                        */
/************************************/
#DataArea {
    padding: 0px;
    margin: 0 5px 0 5px;
    }

#DataArea table {
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 2px;
    }

#DataArea fieldset {
	padding: 0;
    margin: 0;
    border: none;
    width: 100%;
}

#DataArea label.select {
  margin: 0 1.2em 0 0;
  line-height: 1.0em;
  display: block;
  float: left;
}

#DataArea th {
    background-image: url(../image/data_th.gif);
    background-repeat: repeat-x;
    background-position: left top;
    background-color: #EEE;
    font-size: 12px;
    line-height: 12px;
    text-align: left;
    font-weight: normal;
    letter-spacing: 0.2em;
    padding: 6px;
    border-right: 1px solid #999;
    /*border-bottom: 1px solid #ccc;*/
    white-space: nowrap;
    }

#DataArea td {
    font-size: 12px;
    line-height: 130%;
    padding: 3px 4px 3px 4px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }
#DataArea .color1 {
    background-color: #FFFFFF;
    }
#DataArea .color2 {
    background-color: #F3F3F3;
    }
#DataArea td.sp {
    font-size: 12px;
    line-height: 130%;
    border: 0;
    background-color: #fff;
    }
#DataArea .head {
    background-image: url(../image/report.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    padding: 4px 0px 4px 20px;
    margin: 10px 0px;
    line-height: 16px;
    }
.ppinfo {
    margin-bottom: 30px;
    }
.ppinfo dt, .ppinfo li {
    background-image: url(../image/info.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 14px;
    font-weight: bold;
    color:#ff6600;
    padding: 4px 0px 4px 17px;
    margin-bottom: 5px;
    line-height: 14px;
    }
.ppinfo dd {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 14px;
    }
.ppinfo li a {
    color:#ff6600;
    }
.ppinfo li a:link {
    text-decoration: underline;
    }
.ppinfo li a:visited {
    text-decoration: underline;
    }
.ppinfo li a:hover {
    text-decoration: none;
    }
.helpdesk {
    width: 500px;
    margin: 0 50px 10px;
    padding: 7px 30px 27px;
    text-align: center;
    color: #FFFFFF;
    background-color: #cc0000;
    }
.helpdesk p {
    margin-bottom: 0;
    font-size: 110%;
    line-height: 1.2;
    color: #FFFFFF;
    }
.helpdesk p span {
    font-size: 150%!important;
	font-weight: bold;
    }


/************************************/
/*  FormArea                        */
/************************************/

#FormArea {
    padding: 0px;
    margin: 0 5px 0 5px;
    }
#FormArea p {
    padding: 0px;
    margin: 5px 0px 2px 0px;
    }
#FormArea div {
    padding: 0px;
    margin: 5px 0px 5px 0px;
    }
#FormArea  fieldset {
	padding: 0px;
    margin: 0;
    border: none;
    width: 100%;
}
#FormArea  fieldset p{
	padding: 0px;
    margin: 8px 0 0 0;
    width: 100%;
}
#FormArea  fieldset p label{
    width: 90px;
    float:left;
    display: block;
    margin: 0;
}
#FormArea .head {
    background-image: url(../image/order_hensyu.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    padding: 4px 0px 4px 20px;
    margin: 10px 0px;
    line-height: 16px;
    }
#FormArea div.thead {
    font-size: 12px;
    margin: 7px 0 7px 0;
    padding: 2px 0 2px 4px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    }
#FormArea table {
    border: 1px solid #CCC;
    border-collapse: collapse;
    border-spacing: 2px;
    }

#FormArea th {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 12px;
    padding: 2px 0 2px 4px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    text-align: left;
    font-weight: normal;
    }

#FormArea td {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 12px;
    line-height: 130%;
    padding: 2px 4px 2px 4px;
    border: 1px solid #ccc;
    background-color: #fff;
    }

input.text {
    border: solid #ccc 1px;
    height:23px;
}

textarea.text {
    border: solid #ccc 1px;
    padding: .2em;
}

select {
    font-size: 12px;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    border: solid #ccc 1px;
}

input.text:hover,
textarea.text:hover {
    background: #FFFDE5;
}

input.text:focus,
textarea.text:focus {
    background: #FFDDDD;
}

#FormArea span.ajax {
    cursor: pointer;
    color: #0066cc;
    text-decoration: underline;
}

#FormArea span.ajax:hover {
    color: #000000;
    text-decoration: underline;
}

#FormArea label.radio {
  margin-right:10px;
  display: block;
  float: left;
  width: 180px;
}

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

#FormArea td ul,
#FormArea td ol,
#FormArea td li{
    display: inline;
}
#FormArea label.radio {
  margin: 0 1.5em 0 0;
  display: block;
  float: left;
}

#FormArea label.checkbox {
  margin: 0 1.5em 0 0;
  display: block;
  float: left;
}
.center {
    text-align: center;
    }
.right {
    text-align: right;
    }
textarea {
    width:650px;
	font-size: 12px;
    }
.navi {
    width:760px;
    padding: 5px 20px;
    border: 1px solid #999;
    background-color: #eee;
    font-size: 14px;
    }
.falink {
    }
.falink dt {
    margin-left: 20px;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 130%;
    }
.falink dd {
    margin-left: 20px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 130%;
    }

.FormInputLMini {
    width: 170px;
    height: 18px;
    border: solid 1px #a3a7a8;
    background-color: #fcfcfc;
    }
.inner_fl {
    }
.inner_fl:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    }
.inner_fl {
    display: inline-block;
    }
* html .inner_fl {
    height: 1%;
    }
.inner_fl {
    display: block;
    }

/*--( Search Page Navi )--------------------------------------------------- */
#SearchPageNavi{
    padding: 0;
    margin: 15px 0 15px 0;
    text-align: left;
    }
#SearchPageNavi ul{
    list-style:none;
    display: block;
    line-height:1.5;
    margin:0;
    padding:0;
    }
#SearchPageNavi li{
    display: inline;
    margin:0 0 0 2px;
    padding:0;
    font-weight: bold;
    }
#SearchPageNavi li a{
    display: inline;
    margin:0;
    padding:4px 5px;
	border:1px solid #ccc;
}

#SearchPageNavi li a:hover {
    background-color: #ffdddd;
}

#SearchPageNavi li span.current{
    background: #ff6600;
	color:#fff;
	padding:4px 5px;
	border:1px solid #ccc;
}

#accordiona {width:170px; margin:0 auto;}
.accordion {width:170px; color:#333;}
.accordion dt {
    margin-bottom: 2px;
    padding: 5px 0px 5px 23px;
    width: 170px;
    background-color: #dfe3e6;
    line-height: 120%;
    background-repeat: no-repeat;
    background-position: 3px 6px;
    cursor:pointer;
    }

.accordion #menu_basic {
    background-image: url(../image/building.png);
    }
.accordion #menu_contents {
    background-image: url(../image/puzzle.png);
    }
.accordion #menu_template {
    background-image: url(../image/sticky-note--pencil.png);
    }
.accordion #menu_user {
    background-image: url(../image/users.png);
    }
.accordion #menu_order {
    background-image: url(../image/shopping-basket.png);
    }
.accordion #menu_sales {
    background-image: url(../image/currency-yen.png);
    }
.accordion #menu_info {
    background-image: url(../image/chart.png);
    }
.accordion #menu_statistics {
    background-image: url(../image/chart.png);
    }
.accordion #menu_ranking {
    background-image: url(../image/chart-up-color.png);
    }
.accordion #menu_tool {
    background-image: url(../image/wrench-screwdriver.png);
    }
.accordion #menu_mail--arrow {
    background-image: url(../image/mail--arrow.png);
    }
.accordion #menu_mails {
    background-image: url(../image/mails.png);
    }
.accordion #menu_claim {
    background-image: url(../image/money-coin.png);
    }
.accordion #menu_shop {
    background-image: url(../image/home.png);
    }
.accordion #menu_envelope {
    background-image: url(../image/envelope.png);
    }
.accordion #menu_block {
    background-image: url(../image/block.png);
    }
.accordion #menu_mail--pencil {
    background-image: url(../image/mail--pencil.png);
    }
.accordion #menu_heart--pencil {
    background-image: url(../image/heart--pencil.png);
    }
.accordion #menu_address-book {
    background-image: url(../image/address-book.png);
    }
.accordion #menu_information-frame {
    background-image: url(../image/information-frame.png);
    }
.accordion #menu_map-pin {
    background-image: url(../image/map-pin.png);
    }

.accordion dt:hover {background-color:#555;}
.accordion .open {background-color:#444;}
.accordion dd {overflow:hidden; background:#fff;}
.accordion span {display:block;  border-top:none; padding:15px;}

#ColorBlock{
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #999999;
    }
#ColorBox{
    float: left;
    width: 200px;
    }
.ColorBox1{
    float: left;
    width: 150px;
    }
.ColorBox2{
    float: left;
    width: 200px;
    }
#ColorBoxR{
	position: relative;
	float: right;
    width: 450px;
    border: 1px solid #000000;
    background-color:#FF99AA;
    }
#CBcontbox{
	position: relative;
	margin: 50px 30px;
	padding:20px;
	text-align:center;
	border:3px solid #E61980;
	background-color:#F0DEA8;
    }
.FormInputSS {
	width: 70px;
	height: 1.5em;
	border: solid 1px #7F9DBD;
	background-color: #FFFFFF;
	}


.FormSubmitB {
    margin-top: 10px;
    margin-bottom: 10px;
}

.FormSubmitB p input {
	text-indent: -9999px;
	text-decoration:none;
    margin-right: 7px;
	width: 139px;
	height:44px;
	overflow: hidden;
	border-style: none;
	border-width: 0;
	cursor: pointer;
	vertical-align:top;
	display: block;
    float: left;
	}
.FormSubmitB p input span {
	display: none;
	}

.FormSubmitB p.Btn_lgi {
	}
.FormSubmitB p.Btn_lgi input {
	background:url(../image/lgi_of.jpg) no-repeat;
	}
.FormSubmitB p.Btn_lgi input:hover {
	background:url(../image/lgi_on.jpg) no-repeat;
	}

.FormSubmitB p.Btn_lgo {
	}
.FormSubmitB p.Btn_lgo input {
	background:url(../image/lgo_of.jpg) no-repeat;
	}
.FormSubmitB p.Btn_lgo input:hover {
	background:url(../image/lgo_on.jpg) no-repeat;
	}

.FormSubmitB p.Btn_reg {
	}
.FormSubmitB p.Btn_reg input {
	background:url(../image/reg_of.jpg) no-repeat;
	}
.FormSubmitB p.Btn_reg input:hover {
	background:url(../image/reg_on.jpg) no-repeat;
	}

.FormSubmitB p.Btn_rev {
	}
.FormSubmitB p.Btn_rev input {
	background:url(../image/rev_of.jpg) no-repeat;
	}
.FormSubmitB p.Btn_rev input:hover {
	background:url(../image/rev_on.jpg) no-repeat;
	}

.FormSubmitB p.Btn_del {
	}
.FormSubmitB p.Btn_del input {
	background:url(../image/del_of.jpg) no-repeat;
	}
.FormSubmitB p.Btn_del input:hover {
	background:url(../image/del_on.jpg) no-repeat;
	}

.FormSubmitB p.Btn_set {
	}
.FormSubmitB p.Btn_set input {
	background:url(../image/set_of.jpg) no-repeat;
	}
.FormSubmitB p.Btn_set input:hover {
	background:url(../image/set_on.jpg) no-repeat;
	}
    
.FormSubmitB p.Btn_prestock {
	}
.FormSubmitB p.Btn_prestock input {
	background:url(../image/prestock_of.jpg) no-repeat;
	}
.FormSubmitB p.Btn_prestock input:hover {
	background:url(../image/prestock_on.jpg) no-repeat;
	}


.FormSubmitS {
}

.FormSubmitS div {
	margin-right: 7px;
    display: block;
    float: left;
	}
.FormSubmitS p input {
	text-indent: -9999px;
	text-decoration:none;
    margin-right: 5px;
	width: 73px;
	height:23px;
	overflow: hidden;
	border-style: none;
	border-width: 0;
	cursor: pointer;
	vertical-align:top;
	display: block;
    float: left;
	}
.FormSubmitS p input span {
	display: none;
	}

.FormSubmitS p.Btn_src {
	}
.FormSubmitS p.Btn_src input {
	background:url(../image/src_of.jpg) no-repeat;
	}
.FormSubmitS p.Btn_src input:hover {
	background:url(../image/src_on.jpg) no-repeat;
	}

.FormSubmitS p.Btn_prv {
	}
.FormSubmitS p.Btn_prv input {
	background:url(../image/prv_of.jpg) no-repeat;
	}
.FormSubmitS p.Btn_prv input:hover {
	background:url(../image/prv_on.jpg) no-repeat;
	}

.FormSubmitS p.Btn_nxt {
	}
.FormSubmitS p.Btn_nxt input {
	background:url(../image/nxt_of.jpg) no-repeat;
	}
.FormSubmitS p.Btn_nxt input:hover {
	background:url(../image/nxt_on.jpg) no-repeat;
	}

.FormSubmitS p.Btn_lgis {
	}
.FormSubmitS p.Btn_lgis input {
	background:url(../image/lgis_of.jpg) no-repeat;
	}
.FormSubmitS p.Btn_lgis input:hover {
	background:url(../image/lgis_on.jpg) no-repeat;
	}

.FormSubmitS p.Btn_lgos {
	}
.FormSubmitS p.Btn_lgos input {
	background:url(../image/lgos_of.jpg) no-repeat;
	}
.FormSubmitS p.Btn_lgos input:hover {
	background:url(../image/lgos_on.jpg) no-repeat;
	}

#ng {
    margin: 5px 0 5px 0;
    text-align:left;
    font-weight: bold;
    font-size: 16px;
    line-height: 130%;
    color: #993300;
}

p.error {
    margin:0;
    border: solid #BBB 1px;
    border-top: none;
    border-left: none;
    -moz-border-radius: 4px;
    padding: .2em 1em .2em .8em;
    color: #F60;
    background: #EDEDED;
    font-weight: bold;
    line-height: 200%;
}
label.error {
        margin:0;
        border: solid #BBB 1px;
        border-top: none;
        border-left: none;
        -moz-border-radius: 4px;
        padding: .2em 1em .2em .8em;
        color: #F60;
        background: #EDEDED;
        font-weight: bold;
        line-height: 200%;
}
a#portal_link:link {
    margin-right: 20px;
    width: 43px;
    height: 40px;
    float:right;
	background:url(../image/mn_bt_home.png) no-repeat;
	}
a#portal_link:hover {
    margin-right: 20px;
    width: 43px;
    height: 40px;
    float:right;
	background:url(../image/mn_bt_home_hv.png) no-repeat;
	}
.none{display:none;}
a#portal_link:link {
    margin-right: 20px;
    width: 43px;
    height: 40px;
    float:right;
	background:url(../image/mn_bt_home.png) no-repeat;
	}
a#portal_link:hover {
    margin-right: 20px;
    width: 43px;
    height: 40px;
    float:right;
	background:url(../image/mn_bt_home_hv.png) no-repeat;
	}
.none{display:none;}
.gt{
    width:170px;
    background:url(../image/cn_up.png) no-repeat center top;
    padding:0;
}
.gb{
    width:170px;
    background:url(../image/cn_dn.png) no-repeat center bottom;
    padding:0;
}
.gt p {
    color: #FFFFFF;
    font-weight:bold;
    padding:5px 5px 9px;
}

/************************************/
/*  DetailArea                        */
/************************************/
#DetailArea {
    padding: 0px;
    margin: 0 5px 50px 5px;
    }

#DetailArea table {
    border: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 2px;
    }

#DetailArea th {
    font-size: 12px;
    padding: 3px 4px 3px 4px;
    border: 1px solid #ccc;
    text-align: left;
    font-weight: normal;
    }

#DetailArea td {
    font-size: 12px;
    line-height: 130%;
    padding: 3px 4px 3px 4px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    }
#DetailArea .head {
    background-image: url(../image/order_syosai.png);
    background-repeat: no-repeat;
    background-position: 0px 6px;
    font-size: 16px;
    font-weight: bold;
    color: #555;
    padding: 4px 0px 4px 22px;
    margin: 10px 0px;
    line-height: 16px;
    }
#DetailArea div.thead {
    font-size: 12px;
    margin: 7px 0 7px 0;
    padding: 2px 0 2px 4px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    }
#DetailArea .color1 {
    background-color: #FFFFFF;
    }
#DetailArea .color2 {
    background-color: #f3f3f3;
    }
.print {text-align: center;}
@media print {
  .print {
    display: none;
  }
}

.topinfo{
    margin:20px 0 20px 0;
}

.topinfo p.info{
    background-image: url(../image/info.png);
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 14px;
    font-weight: bold;
    color:#669900;
    padding: 4px 0px 4px 17px;
    margin-bottom: 5px;
    line-height: 14px;
    }

