BODY {
font: 12px/12px Verdana,Arial,Helvetica,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
color: #333;
margin: 0px;
padding: 0px;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
div, dl, dt, dd{
margin:0;
padding:0;
}
p{
padding:0;
margin:0;
}
th{
font-weight:normal;
}
table, th, td{
border-collapse:collapse;
border:none;
padding:0;
margin:0;
}
input {
font-family: "MS UI Gothic";
height:22px;
font-size:12px;
line-height:1;
margin:0;
padding:0;
padding-right:1px;
vertical-align:middle;
}
input[type="submit"],input[type="button"]{
width:80px;
}
select{
	vertical-align: middle;
}
form{
margin:0;
padding:0;
}
#bodyframe{
width:100%;
}
#bodyframe td.tdtop{
background:url(../../images/frame/wrap_frame_top_c.gif) repeat-x;
}
#bodyframe td.tdbottom{
background:url(../../images/frame/wrap_frame_bot_c.gif) repeat-x;
}
#bodyframe td.tdleft{
background:url(../../images/frame/wrap_frame_mid_l.gif) repeat-y;
}
#bodyframe td.tdright{
background:url(../../images/frame/wrap_frame_mid_r.gif) repeat-y;
}

/* Loading ---------------------------------------------- */
.loading{
position: fixed; /*位置を固定*/
top: 50%; /*垂直位置中央*/
left: 50%; /*水平位置中央*/
width: 298px;
height: 151px;
margin-top: -75px; /*中央から上に高さの半分移動*/
margin-left: -149px; /*中央から左に横幅の半分移動*/
padding-top: 40px; /*内容を中央に*/
text-align: center;
background: url('../../images/common/loading_bg.png') no-repeat;
color: #000;
font-family: verdana;
font-size: 12px;
z-index:999;
}
/* ------------------------------------------ End Loading */

/* Err -------------------------------------------------- */
#err{
padding:5px 5px 5px 20px;
color:#F00;
font-weight:bold;
}
/* ---------------------------------------------- End Err */

/* hidden ----------------------------------------------- */
.hidden{
display: none;
}
/* ------------------------------------------- End hidden */
.settlement{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 22px;
background-color: #fff;
filter: Alpha(opacity=80);
opacity: .8;
}

/* Header ----------------------------------------------- */
#header{
width:100%;
margin-bottom:5px;
}
#header p{
white-space:nowrap;
margin-bottom:5px;
}
/* ------------------------------------------- End Header */

/* Main ------------------------------------------------- */
#main{
width:100%;
}
#sidebar{
width:150px;
}
/* --------------------------------------------- End Main */

/* Footer ----------------------------------------------- */
#footer{
text-align:right;
font-size:0.83em;
margin-top:5px;
}
/* ------------------------------------------- End Footer */

/* Style Chander ---------------------------------------- */
#stylechanger{
width:150px;
margin:5px 0 0 30px;
padding:0;
font-size:10px;
line-height:12px;
}
#stylechanger li{
width:50px;
float:left;
margin:0 10px 0 0;
padding:0 0 0 15px;
list-style:none;
}
#stylechanger li a{
display:block;
text-decoration:none;
color:#333;
}
#stylechanger li.cssstyle1{
background:url(../../images/frame/ico_orange.png) 0 50% no-repeat;
}
#stylechanger li.cssstyle2{
background:url(../../images/frame/ico_blue.png) 0 50% no-repeat;
}
/* End Style Changer ------------------------------------ */

/* Sidebar ---------------------------------------------- */
#sidebar dl#index{
width:140px;
margin-right:10px;
}
#sidebar dl#index dt{
height:20px;
text-indent:-2000px;
}
#sidebar dl#index dd{
padding:5px 0 5px 44px;
background-repeat:no-repeat;
background-position:10px 5px;
}
#sidebar dl#index dd a{
padding:5px;
text-decoration:none;
width:84px;
display:block;
}
#sidebar dl#index dd.top{
background-position:10px 10px;
padding-top:10px;
}
#sidebar dl#index dd.last{
padding-bottom:10px;
}
#sidebar dl#index dd.treemap{
background-image:url(../../images/icon/i01treemap.png);
}
#sidebar dl#index dd.treemapland{
background-image:url(../../images/icon/i01_2treemap.png);
}
#sidebar dl#index dd.cart{
background-image:url(../../images/icon/i02cart.png);
}
#sidebar dl#index dd.commission{
background-image:url(../../images/icon/i03commission.png);
}
#sidebar dl#index dd.myinfo{
background-image:url(../../images/icon/i04myinfo.png);
}
#sidebar dl#index dd.history{
background-image:url(../../images/icon/i05history.png);
}
#sidebar dl#index dd.autoship{
background-image:url(../../images/icon/i06autoship.png);
}
#sidebar dl#index dd.linegraph{
background-image:url(../../images/icon/i07line_graph.png);
}
#sidebar dl#index dd.piegraph{
background-image:url(../../images/icon/i08pie_graph.png);
}
#sidebar dl#index dd.info{
background-image:url(../../images/icon/i10_info.png);
}
#sidebar dl#index dd.schedule{
background-image:url(../../images/icon/i09schedule.png);
}
#sidebar dl#index dd.print{
background-image:url(../../images/icon/i11print.png);
}
#sidebar dl#index dd.namecard{
background-image:url(../../images/icon/i20namecard.png);
}
/* ------------------------------------------ End Sidebar */

/* Main Content ----------------------------------------- */
/* Changer */
#changer{
width:100%;
}
#changer td{
padding:5px;
}
#changer td.rightarea{
text-align:right;
}
/* End Changer */
/* Liquid Column and Fixed Column */
.volume{
width:100%;
}
.volume table{
width:100%;
}
.leftColumn{
vertical-align:top;
padding:10px;
}
.leftColumn th,.leftColumn td{
padding:5px 2px;
}
.leftColumn table, .leftColumn th,.leftColumn td{
border-style:solid;
border-width:1px;
/*border-collapse:collapse;*/
}
.rightColumn{
vertical-align:top;
padding:10px 10px 10px 0;
}
.rightColumn table, .rightColumn table th, .rightColumn table td{
border-style:solid;
border-width:1px;
/*border-collapse:collapse;*/
}
.rightColumn th, .rightColumn td{
padding:5px 2px;
}
td.liquid{
width:auto;
}
td.w350px{
width:350px;
}
td.w250px{
width:250px;
}
td.w500px{
width:500px;
}
td.w50per{
width:50%;
}
td.w30per{
width:30%;
}
th.title{
font-weight:bold;
}
.upper_col td.leftColumn {
padding-bottom:0;
}
table.linktable tr:link,table.linktable tr:visited{
background-color:#fff;
}
table.linktable tr:active,table.linktable tr:hover{
background-color:#ccc;
}
table.linktable a{
display:block;
text-decoration:none;
color:#333;
}
/* End Liquid Column and Fixed Column */
/* ------------------------------------- End Main Content */

/* Scroll Area ------------------------------------------ */
.scrollhead table, .scrollhead th{
/*border-bottom:none;*/
}
.scrollhead th{
white-space:nowrap;
text-align:center;
}
.leftColumn div.scrollarea table,.leftColumn div.scrollarea /*tr.top_td*/ td{
border-top:none;
}
.scrollarea td{
text-align:center;
}
.scrollarea td input{
margin-right:0;
margin-bottom:0;
margin-top:0;
margin-left:0;
height:100%;
text-align:right;
border:0px;
color:#333;
/* IE6 */
_margin-right:1.4em;
}
.volume .scrollarea td.cord_no{
text-align:center;
}
.volume .scrollarea td.price, .volume .scrollarea  td.point{
text-align:right;
}
.volume .scrollarea td.productname{
text-align:left;
}
.volume .scrollarea td.longname{
text-align:left;
}
/* IE7以前が消滅すれば不要なスタイル */
.scrollhead{
_width:99.9%;
}
.scrollarea{
overflow:scroll;
overflow-x:hidden;
border-bottom-width:1px;
border-bottom-style:solid;
_width:99.9%;
}
html[xmlns] div.scrollhead{
/* たぶんモダンブラウザのみ表示 */
/*overflow:visible;
padding-right:1.4em;*/
}
*:first-child+html div.scrollhead{
/* IE7のみ表示 */
overflow:hidden;
padding-right:0;
}
*:first-child+html input#order_num{
/* IE7のみ表示 */
margin-right:1.4em;
}
*:first-child+html .leftColumn td.last_col{
/* IE7のみ表示 */
padding-right:1.4em;
}
td.last_col{
_padding-right:1.4em;
}
input#order_num{
_margin-right:1.4em;
}
*:first-child+html .scrollarea td input{
/* IE7 */
margin-right:1.4em;
}
/* End IE7以前が消滅すれば不要なスタイル */
#order_num{
height:auto;
}
.scrollarea{
height:400px;
}
.h_low{
height:160px;
}
.h_lowest{
height:auto;
border-bottom:none;
}
.scrollhead{
overflow:scroll;
overflow-x:hidden;
padding-right:0;
line-height:2em
}
/* End Scroll Area -------------------------------------- */

/* TreeMap ---------------------------------------------- */
.gvTreeMap td
{
padding-top: 0px;
padding-bottom: 0px;
font-family: ＭＳ ゴシック;
line-height: 1em;
text-align: left;
}

.gvTreeMapAlternatingRow{
	background-color: #f9f9f9;
}
.gvTreeMapAlternatingRow:hover{
	background-color: #ccc;
}
.gvTreeMap td.idno{
	text-align: center;
}
/* End TreeMap ------------------------------------------ */

/* Autoship --------------------------------------------- */
.autoship td.rightColumn td{
text-align:right;
}
.autoship td.rightColumn th{
text-align:right;
}
.autoship td.rightColumn th.head{
text-align:center;
line-height:2em;
}
.autoship table.linktable td{
text-align:right;
}
/* End Autoship ----------------------------------------- */

/* Line Graph ------------------------------------------- */
.line_graph td{
text-align:left;
padding:0;
}
.line_graph td#wrap{
padding:10px;
}
.line_graph td.member{
text-align:left;
padding:2px;
}
.line_graph td.value{
text-align:right;
padding:2px;
}
.line_graph td.date{
text-align:center;
padding:2px;
}
/* End Line Graph --------------------------------------- */

/* Pie Graph -------------------------------------------- */
.pie_graph td{
text-align:left;
padding:0;
}
.pie_graph td#wrap{
padding:10px;
}
.pie_graph td.member{
text-align:left;
padding:2px;
}
.pie_graph td.date{
text-align:center;
padding:2px;
}
/* End Pie Graph ---------------------------------------- */

/* Graph ------------------------------------------------ */
td.AnalyzeGraph{
text-align:left;
padding:0;
}
th.GraphHeader{
text-align:right;
}
/* End Graph -------------------------------------------- */

/* Commission ------------------------------------------- */
.commission td.leftColumn table{
text-align:right;
}
.commission td.leftColumn table th.subtitle{
text-align:left;
}
.commission td.rightColumn table{
text-align:right;
}
.commission td.rightColumn table td.subtitle{
text-align:left;
}
.commission th.title{
text-align:left;
}
.commission th.head{
text-align:center;
}
/* End Commission --------------------------------------- */

/* History ---------------------------------------------- */
.history table.total{
text-align:right;
}
.history th.head{
text-align:center;
line-height:2em;
}
/* End History ------------------------------------------ */

/* Information ------------------------------------------ */
.information div.upper_col{
margin-bottom:20px;
}
.information table.longlines td{
padding:10px 10px 0 10px;
}
.information table.longlines td p{
text-align:left;
padding-bottom:10px;
line-height:1.25;
}
*:first-child+html table.information table.longlines td{
/* IE7 */
padding-right:2em;
}
.information td.left{
text-align:left;
}
/* End Information -------------------------------------- */

/* Map Personal Info ------------------------------------ */
.mappersonalinfo th, .mappersonalinfo td{
	text-align: right;
}
/* End Map Personal Info -------------------------------- */

/* My Info ---------------------------------------------- */
.myinfo th{
text-align:left;
}
.myinfo td.locked{
background:url(../../images/common/lock.png) 100% 50% no-repeat;
padding-right:20px;
}
.myinfo input.longarea{
display:block;
width:99%;
margin-left:auto;
margin-right:auto;
}
.myinfo input{
margin-right:0;
margin-bottom:0;
margin-top:0;
margin-left:0;
/*height:100%;
text-align:left;
border:0px;
color:#333;*/
}
/* End My Info ------------------------------------------ */

/* Purchase --------------------------------------------- */
.purchase table#deliver{
margin:20px 0;
}
.purchase table#deliver th{
white-space:nowrap;
}
.purchase table#deliver td{
text-align:left;
white-space:nowrap;
}
.purchase table#deliver,.purchase table#deliver th,.purchase table#deliver td{
border:none;
}
.purchase table#showcase td{
text-align:center;
}
.purchase table#showcase p.cap{
font-size:0.83em;
margin:0;
padding:0;
line-height:1;
}
.purchase table#showcase img{
margin:5px 0;
border:none;
}
.purchase table#showcase div.details{
text-align:left;
line-height:1.25;
margin:5px;
}
.purchase table#showcase div.details ul{
border-bottom:1px dotted #ccc;
border-top:1px dotted #ccc;
margin:10px 0 0 0;
padding:5px 0;
}
.purchase table#showcase div.details li{
margin:0;
padding:0;
list-style:none;
}
.purchase table#showcase p{
padding-top:10px;
}
.purchase div#confirm{
width:100%;
}
.purchase div#confirm table{
position:relative;
width:60%;
float:left;
}
.purchase div#confirm ul{
margin:0;
padding:0 10px;
width:35%;
float:right;
}
.purchase div#confirm ul li{
list-style:none;
width:100%;
position:relative;
white-space:nowrap;
}
.purchase div#confirm ul li input{
width:50%;
}
.purchase div#confirm ul li input.confirm{
width:100%;
}
.purchase div#confirm table{
text-align:right;
width:60%;
}
.add_new .leftColumn th{
white-space:nowrap;
}
.add_new table#rewritable input#longarea{
width:95%;
}
.add_new table#rewritable input[type="text"]{
margin-right:0;
margin-bottom:0;
margin-top:0;
margin-left:0;
/*height:100%;*/
text-align:left;
/*border:0px;*/
color:#333;
}
/*.add_new table#rewritable input.Button{
margin-right:0;
margin-bottom:0;
margin-top:0;
margin-left:0;
height:auto;
text-align:left;
border:2px;
color:#333;
}*/
.add_new div.confirm{
position:relative;
text-align:center;
}
.add_new div.confirm input{
width:25%;
margin:1em 0.5em;
}
.purchase td.rightColumn table.total td{ /* 2011.3.18 */
text-align:right;
}
.purchase td.rightColumn table.total th{ /* 2011.3.18 */
text-align:right;
}
.purchase td.rightColumn table.total th.head{ /* 2011.3.18 */
text-align:center;
line-height:2em;
}
.purchase div.check-counter{ /* 2011.3.18 */
margin:20px 0;
text-align:center;
}
.purchase div.check-counter td{ /* 2011.3.18 */
margin:20px 0;
text-align:right;
}
.purchase div.check-counter input{ /* 2011.3.18 */
margin-top:10px;
width:60%;
}
.purchase td.rightColumn table.preview th{ /* 2011.3.18 */
text-align:right;
}
.purchase td.rightColumn table.preview td{ /* 2011.3.18 */
text-align:left;
}

/* End Purchase ----------------------------------------- */

/* Schedule --------------------------------------------- */
.schedule div.notice{
padding:10px;
text-align:center;
border-width:1px;
border-style:solid;
}
.schedule div.notice th{
text-align:right;
}
.schedule div.notice td{
text-align:left;
}
.schedule div.notice input{
margin-top:10px;
width:40%;
}
.schedule div.event_explan{
padding:10px 10px 0 10px;
}
.schedule div.event_explan p{
padding-bottom:10px;
text-align:left;
}
.schedule div.event_explan{
padding:5px;
border-width:1px;
border-style:solid;
line-height:1.25;
}
.schedule div.event_explan h2{
font-size:1.2em;
font-weight:bold;
margin:0;
padding:5px 0 0 0;
}
.schedule td.left{
text-align:left;
}
/* End Schedule ----------------------------------------- */

/* Print ------------------------------------------------ */
.print td{
	text-align: left;
}
/* End Print -------------------------------------------- */

/* Logout ----------------------------------------------- */
#logout{
position:fixed;
top:50%;
left:50%;
width:500px;
height:400px;
margin-top:-200px;
margin-left:-250px;
}
#logout input{
display:block;
width:120px;
margin-top:20px;
margin-left:auto;
margin-right:auto;
}
/* End Logout ------------------------------------------- */