.fleft  { float: left; }
.fright { float: right; }
.clear  { clear: both; }

.clearfix:after {
	content: url("../images/pixel.gif");
	display: block;
	clear: both;
	height: 0;
}

.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.iepngfix {
	behavior: expression(IEPNGFIX.fix(this));
}

.bold { font-weight: bold; }
.small { font-size: 11px; }
.nomal { font-size: 12px; }
.large { font-size: 14px; }

.ver-top { vertical-align: top; }
.ver-btm { vertical-align: bottom; }


.mgn-lft-m15  { margin-left: -15px  ; }
.mgn-lft-5   { margin-left:   5px  ; }
.mgn-lft-7   { margin-left:   7px  ; }
.mgn-lft-10  { margin-left:  10px  ; }
.mgn-lft-22  { margin-left:  22px  ; }
.mgn-lft-25  { margin-left:  25px  ; }
.mgn-lft-50  { margin-left:  50px  ; }

.mgn-rgt-35  { margin-right:  35px ; }

.mgn-top-10  { margin-top:  10px  ; }
.mgn-top-15  { margin-top:  15px  ; }
.mgn-top-20   { margin-top:  20px  ; }
.man-top-25  { margin-top:  25px  ; }
.mgn-top-30   { margin-top:  30px  ; }
.mgn-top-30-ie   { _margin-top:  30px  ; }
.mgn-top-50   { margin-top:  50px  ; }
.mgn-top-60	  { margin-top:  60px  ; }
.mgn-top-70   { margin-top:  70px  ; }
.mgn-top-90   { margin-top:  90px  ; }
.mgn-top-150  { margin-top:  150px ; }

.mgn-btm-5    { margin-bottom :  5px ; }
.mgn-btm-10   { margin-bottom : 10px ; }
.mgn-btm-18   { margin-bottom :  18px; }

.mgn-wdt-s   { margin-left:    5px; margin-right:    5px; }
.mgn-wdt-m   { margin-left:   10px; margin-right:   10px; }
.mgn-wdt-l   { margin-left:   25px; margin-right:   25px; }

.mgn-hgt-s   { margin-top:     5px; margin-bottom:   5px; }
.mgn-hgt-m   { margin-top:    10px; margin-bottom:  10px; }
.mgn-hgt-l   { margin-top:    25px; margin-bottom:  25px; }
.mgn-hgt-xl  { margin-top:   100px; margin-bottom:  20px; }

.pdd-top-ss { padding-top :     3px;                         }
.pdd-top-s  { padding-top :     5px;                         }
.pdd-top-12 { padding-top :    12px;                         }
.pdd-top-sm { padding-top :    10px;                         }
.pdd-btm-ss { padding-bottom :  3px;                         }
.pdd-btm-s  { padding-bottom :  5px;                         }
.pdd-btm-6  { padding-bottom :  6px;                         }
.pdd-btm-sm { padding-bottom : 10px;                         }
.pdd-btm-13  { padding-bottom : 13px;                        }
.pdd-btm-m  { padding-bottom : 15px;                         }
.pdd-lft-s  { padding-left :    5px;                         }
.pdd-lft-sm { padding-left :    10px;                        }
.pdd-lft-13 { padding-left :    13px;                        }
.pdd-lft-7  { padding-left :    7px;                         }
.pdd-rgt-s  { padding-right:    5px;                         }
.pdd-rgt-m  { padding-right:   35px;                         }
.pdd-wdt-s  { padding-left :    5px; padding-right  :   5px; }
.pdd-hgt-s  { padding-top  :    5px; padding-bottom :   5px; }
.pdd-hgt-m  { padding-top  :   10px; padding-bottom :  10px; }

.in_w220px select { width: 220px; }

.error {
	text-align: center;
	font-weight: bold;
	color: red;
	margin-top: 5px;
}


/*  サイト全体
-------------------------------------------- */
*{
		margin: 0;
		padding: 0;
	}

body{
		font-family: monospace,"ＭＳゴシック","Osaka",  Arial, sans-serif;
		color: #333333;
		margin: 0 auto;
		background: #f5f5f5;
	}

img {
		border: 0;
}

ul { list-style-type: none; }

table { border-collapse: collapse; }
/* リンク指定
----------------------------------- */
a { text-decoration: none; }
div#main a:link { color: #ff6600; }
div#main a:visited { color: #ff6600; }
div#main a:hover { color: #ff9b18; }
div#main a:active { color: #ff6600; }


div#wrap {
		width: 880px;
		margin: 0 auto ;
		background: #ffffff url("../images/wrap_bg.jpg") repeat-y;
}

/* ヘッダー
-------------------------------------------- */
div#header {
		width: 880px;
		margin: 0 auto ;
		background: #ffffff url("../images/header_bg.jpg") no-repeat;
}

div#header .logo {
		margin: 20px 0 0 26px;
}


/* サイド
-------------------------------------------- */
div#side {
		width: 220px;
		float: left;
}

/* ログイン */
div#login {
	background-color: #e5e5e5;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	padding: 15px 0 10px;
	width: 204px;
	margin: 10px 0 0 26px;
}
/*
div#login .bg {
		background: #e5e5e5 url("../images/side/login_bg.gif") repeat-y;
		width: 209px;
		margin: -3px 0 -5px 0;
}
*/

div#login .title {
		text-align: center;
}

div#login .text {
		margin: 2px 5px 0 18px;
		/margin: 2px 5px 0 15px;
}

div#login .btn {
		padding: 8px 0 4px 0;
		text-align: center;
}

/* 会員メニュー */
div#members {
		width: 220px;
		margin: 20px 0 auto 12px;
}

div#members .bg {
		padding: 0 0 6px 0;
		background: url("../images/side/members_bg.gif") repeat-y;
}

div#members .sen {
		padding: 2px 0;
}

div#members li {
		background: url("../images/side/members_sen.gif") no-repeat bottom;
}

div#members li a {
		display: block;
		position: relative; /* for IE6 */
		/margin-left: -16px;
}

div#members ul {
		list-style-type: none;
}

div#members .logout {
		text-align: center;
		margin-top: 15px;
}


/* メニュー
-------------------------------------------- */
/* メニュー */
div#menu {
		width:  220px;
		margin: 20px 0 auto 12px;
}

div#menu .sen {
		padding: 2px 0;
}

div#menu li {
		background: url("../images/side/sen.gif") no-repeat bottom;
}


div#menu li a {
		display: block;
		position: relative; /* for IE6 */
		/margin-left: -16px;
}

div#menu ul {
		list-style-type: none;
}

div#menu .newentry{
		margin: 40px 0 0 8px;
}

div#menu a { display: block; }


/* メイン
-------------------------------------------- */
div#main {
		width: 630px;
		margin: 0 auto;
		float: right;
}

div#main .image {
		margin: 20px 0 15px 15px;
}

div#main .text {
		margin-bottom: 5px;
}

div#main .border {
		margin: 0 0 6px 15px;
}

div#main .label {
		margin: 0 0 4px 17px;
}

div#main .contents {
		margin: 0 0 0 17px;
}

div#main .btn_area {
		margin: 0 0 10px 17px;
}

div#main .btn_area_c {
		text-align: center;
		margin: 15px 0;
}

div#main .link-button {
    background-color: #f2f2f2;
    border: 1px solid #a3a3a3;
    color: black;
    margin: 10px auto;
    padding: 3px;
    width: 125px;
}
div#main .link-button a {
	text-decoration: none;
	color: black !important;
	font-size: 14px;
}

/* 商品一覧 */
div#main .lineup-v {
		margin: 40px 0 8px 17px;
}

div#main .l-border {
		margin: 0 0 0 15px;
}

div#main .lineup-table {
		margin: 12px 0 0 17px;
}

/* 商品一覧 商品名 */
div#main .lineup-title {
		width: 580px;
		margin-bottom: 8px;
}

div#main .lineup-title tr{
		background-color: #bbbbbb;
		height: 30px;
		width: 580px;
}

div#main .lineup-title td .b-white {
		font-weight: bold;
		color: #ffffff;
		margin: 0 0 0 10px;
		padding-top: 10px;
		font-size: 10pt;
}

/* 商品一覧 商品詳細 */
div#main .lineup-contents {
		width: 580px;
		height: 160px;
		margin-bottom: 5px;
		border: 1px solid #cbcbcb;
}

div#main .lineup-contents .left {
		width: 164px;
		border-right: 1px solid #cbcbcb;
		text-align: center;
}

div#main .lineup-contents .right{
		padding: 20px 0 0 20px;
		font-size: 10pt;
		color: #313131;
		line-height: 150%;
}

div#main .lineup-contents .m-in{
		width: 100px;
		padding: 5px 0 5px 10px;
		font-size: 10pt;
		color: #313131;
		line-height: 150%;
		border: 1px solid #cbcbcb;
		background-color: #f3f3f3;
}

div#main .lineup-contents .m-right{
		padding: 5px 10px 5px 0;
		font-size: 10pt;
		color: #515151;
		line-height: 150%;
		border: 1px solid #cbcbcb;
		text-align: right;
		font-weight: bold;
}
div#main .entry {
		margin: 35px 10px 5px 0;
		float: right;
		font-weight: bold;
		font-size: 10pt;
		color: #ea5736;
		line-height: 150%;
		text-align: right;
}

div#main .gototop {
		text-align: right;
		margin: 0 32px 0 10px;
}

/* 新規登録 */
div#main .form-table {
		width: 580px;
		margin-bottom: 15px;
		margin: 10px 0 0 15px;
}

div#main .form-table .red{
		color: #ff0000;
}

div#main .form-table .bold{
		color: #3b3b3b;
		font-weight: bold;
		margin-left: 10px;
}

div#main .form-table .title {
		background-color: #ff9b18;
		height: 30px;
		width: 580px;
		color: #3b3b3b;
		font-size: 10pt;
		border: 1px solid #ffcc99;
		font-weight: bold;
}

div#main .form-table .left {
		background-color: #fff2ca;
		border: 1px solid #ffcc99;
		width: 180px;
		padding: 10px 0 10px 8px;
		font-size: 12px;
}

div#main .form-table .right {
		background-color: #ffffff;
		border: 1px solid #ffcc99;
		width: 400px;
		padding: 10px 0 10px 15px;
		color: #706a64;
		font-size: 12px;
}

div#main .entry-btn {
		text-align: center;
		margin: 25px 0 30px 15px;
}

div#main .entry-atention {
		border-left: 1px solid #e1e1e1;
		font-size: 12px;
		color: #3b3b3b;
		line-height: 150%;
		margin: 0 0 30px 15px;
		padding: 0 0 0 8px;
}

div#main .entry-atention a {
		font-size: 12px;
		color: #ff6600;
}

div#main .line-text {
		border-left: 1px solid #e1e1e1;
		margin: 0 0 30px 17px;
		padding: 4px 0 0 8px;
		font-size: 12px;
}

div#main .howto-bloc {
		color: #5e5e5e;
		line-height: 150%;
		font-size: 12px;
}

/* 利用規約 */
div#main .agreement-title {
		margin: 20px 0 2px 15px;
}

div#main .agreement-label {
		margin: 0 0 2px 15px;
}

div#main .agreement-bloc {
		color: #5e5e5e;
		line-height: 150%;
		font-size: 12px;
		margin: 0 0 20px 15px;
}

div#main .agreement-bloc .bold {
		font-weight: bold;
		color: #613e10;
}

div#main .agreement-bloc .orange {
		color: #ff6600;
}

div#main .date {
		margin: 0 0 0 180px;
		padding: 10px 0 10px 0;
		color: #5e5e5e;
		font-size: 12px;
}

/* 会員メニュー
---------------------------------- */
/* 商品注文 */
div#main .order-table {
		width: 580px;
		margin-bottom: 15px;
		margin: 5px 0 30px 15px;
		font-size: 12px;
}

div#main .order-table .title {
		background-color: #ff9b18;
		height: 30px;
		width: 580px;
		color: #3b3b3b;
		padding: 10px 0 0 15px;
		font-size: 10pt;
		border: 1px solid #ffcc99;
}

div#main .order-table .title p {
		font-weight: bold;
		text-align: center;
}

div#main .order-table .left {
		background-color: #ffffff;
		border: 1px solid #ffcc99;
		width: 400px;
		padding: 10px 0 10px 8px;
		color: #706a64;
}

div#main .order-table .left span {
		margin-left: 10px;
}

div#main .order-table .in {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		width: 90px;
		padding: 10px 0 10px 15px;
}

div#main .order-table .in p {
		text-align: right;
		margin-right: 10px;
		color: #706a64;
}

div#main .order-table .right {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		width: 90px;
		padding: 10px;
}

div#main .order-table .right p {
		text-align: center;
		color: #706a64;
}

div#main .order-text {
		color: #4c4c4c;
		font-weight: bold;
		font-size: 14px;
}

div#main .order-table2 {
		width: 580px;
		margin-bottom: 15px;
		margin: 0 0 25px 15px;
		font-size: 12px;
}

div#main .order-table2 .title {
		background-color: #ff9b18;
		height: 30px;
		width: 580px;
		color: #3b3b3b;
		padding: 5px 0 0 15px;
		font-size: 10pt;
		border: 1px solid #ffcc99;
		font-weight: bold;
		text-align: center;
}

div#main .order-table2 .deleate {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		width: 55px;
		padding: 5px 0;
		color: #706a64;
		text-align: center;

}

div#main .order-table2 .item {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		padding: 5px 0 5px 5px;
		color: #706a64;
}

div#main .order-table2 .price {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		width: 90px;
		padding: 5px 5px 5px 0;
		color: #706a64;
		text-align: right;
}

div#main .order-table2 .count {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		width: 90px;
		padding: 5px 0;
		color: #706a64;
		text-align: center;
}

div#main .order-table2 .sum {
		background-color: #fff4d2;
		border: 1px solid #ffcc99;
		padding: 5px 5px 5px 0;
		text-align: right;
		color: #3b3b3b;
		font-weight: bold;
}

/* 発注状況確認 */
div#main .result {
		width: 580px;
		text-align: left;
		margin: 5px 0 20px 18px;
		font-weight: bold;
		color: #ff9204;
		font-size: 12px;
}

div#main .status-table {
		width: 580px;
		margin-bottom: 15px;
		margin: 5px 0 0 15px;
}

div#main .status-table .title {
		background-color: #ff9b18;
		height: 30px;
		width: 580px;
		color: #3b3b3b;
		padding: 10px 0 0 15px;
		font-size: 10pt;
		border: 1px solid #ffcc99;
}

div#main .status-table .title p {
		font-weight: bold;
		text-align: center;
}

div#main .status-table .search {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		padding: 10px 10px 10px 10px;
}

div#main .status-table .search p {
		text-align: center;
		font-size: 12px;
}

div#main .status-btn {
		text-align: center;
		margin: 25px 0 30px 15px;
}

div#main .under-table {
		width: 580px;
		margin-bottom: 15px;
		margin: 5px 0 30px 15px;
}

div#main .under-table .number {
		background-color: #ff9b18;
		width: 50px;
		border: 1px solid #ffcc99;
		font-size: 12px;
}

div#main .under-table .number p {
		font-weight: bold;
		text-align: center;
		color: #ffffff;
}

div#main .under-table .title {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		padding: 10px 0 10px 10px;
		width: 100px;
}

div#main .under-table .title p {
		text-align: left;
		font-size: 12px;
		color: #706a64;
}

div#main .under-table .contents {
		background-color: #ffffff;
		border: 1px solid #ffcc99;
		padding: 10px 0 10px 10px;
}

div#main .under-table .contents p {
		text-align: left;
		font-size: 12px;
		color: #706a64;
}

/* 登録情報 */
div#main .data-table {
		width: 580px;
		margin: 10px 0 15px 15px;
}

div#main .data-table .title {
		background-color: #ff9b18;
		height: 30px;
		width: 580px;
		color: #3b3b3b;
		padding: 5px 0 0 5px;
		font-size: 10pt;
		border: 1px solid #ffcc99;
}

div#main .data-table .title p {
		font-weight: bold;
		text-align: center;
}

div#main .data-table .left {
		background-color: #fff2ca;
		border: 1px solid #ffcc99;
		width: 150px;
		padding: 5px 0 5px 8px;
		font-size: 12px;
		color: #706a64;
}

div#main .data-table .right {
		background-color: #ffffff;
		border: 1px solid #ffcc99;
		width: 400px;
		padding: 5px 0 5px 10px;
		font-size: 12px;
		color: #706a64;
}

div#main .data-atention {
		font-size: 12px;
		color: #3b3b3b;
		line-height: 150%;
		margin: 15px 0 30px 15px;
		padding: 0 0 0 8px;
}

div#main .data-atention a {
		font-size: 12px;
		color: #ff6600;
}

div#main .price-table {
		width: 580px;
		margin-bottom: 15px;
		margin: 10px 0 50px 15px;
}

div#main .price-table .bold {
		font-weight: bold;
		text-align: center;
}

div#main .price-table .title {
		background-color: #ff9b18;
		height: 30px;
		width: 580px;
		padding: 5px 0 0 15px;
		font-size: 10pt;
		border: 1px solid #ffcc99;
}

div#main .price-table .title p {
		font-weight: bold;
		text-align: center;
}

div#main .price-table .left {
		background-color: #ffffff;
		border: 1px solid #ffcc99;
		width: 400px;
		padding: 5px 0 5px 10px;
		font-size: 12px;
		color: #706a64;
}

div#main .price-table .white {
		background-color: #ffffff;
		border: 1px solid #ffcc99;
		width: 400px;
		padding: 5px 0 5px 10px;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #3b3b3b;
}

div#main .price-table .orange {
		background-color: #fff2ca;
		border: 1px solid #ffcc99;
		width: 180px;
		padding: 5px 8px 5px 0;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #3b3b3b;
}

div#main .price-table .right {
		background-color: #fff2ca;
		border: 1px solid #ffcc99;
		width: 180px;
		padding: 5px 8px 5px 0;
		font-size: 12px;
		text-align: right;
		color: #706a64;
}

/* 請求書の確認 */
div#main .invoice-table {
		width: 580px;
		margin-bottom: 15px;
		margin: 5px 0 40px 15px;
		text-align: center;
		font-size: 12px;
}

div#main .invoice-table .title {
		background-color: #ff9b18;
		height: 30px;
		width: 580px;
		color: #3b3b3b;
		padding: 5px 0 0 5px;
		font-size: 10pt;
		border: 1px solid #ffcc99;

}

div#main .invoice-table .left {
		background-color: #fff4d2;
		border: 1px solid #ffcc99;
		width: 80px;
		padding: 5px 0;
		color: #706a64;
		font-weight: bold;
}

div#main .invoice-table .in {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		width: 180px;
		padding: 5px 0;
}

div#main .invoice-table .right {
		background-color: #fffcf3;
		border: 1px solid #ffcc99;
		width: 90px;
		padding: 5px;
}

div#main .invoice-table .right p {
		text-decoration: underline;
		color; #3b3b3b;
}

div#main .invoice-table .right a:link { color: #ff6600; }
div#main .invoice-table .right a:visited { color: #706a64; }
div#main .invoice-table .right a:hover { color: #ff6600; }
div#main .invoice-table .right a:active { color: #3b3b3b; }

/* フッター
---------------------------------- */
div.footer {
		border: 0px ;
		margin: 25px auto 0 auto;
		padding: 0;
		background: #fafafa url(../images/footer_bg.gif) no-repeat;
		width : 880px;
		height: 78px;
}

.copyright{
		width: 880px;
		color: #666666;
		font-size: 8pt;
		text-align: center;
		padding-top: 30px;
}