/***********************************************************
Theme Name: OrderSystem-DX(Doujin eXtension) defult
Theme URI: http://sukibi.oiran.org/cgi/
Description: OSDX additional template.
Revsion: 1.1
Author: Amano Megumi(MEG)
Author URI: http://sukibi.oiran.org/
***********************************************************/

/* Infomation */
.osdx-info {
	color:black;
	background-color:#DDF;
	text-align: left;
	margin: 5px 20px 10px .5%;	/* 上・右・下・左 */
	padding: 3px;   
	border: 2px solid gray;
}


/* 商品一覧（全体を囲む） */
.osdx-ItemList {
	/* サイズ関連 */
	max-width: 880px;       /* 横幅の最大値。さらに実際の領域はこれより
				  (margin+padding+border)×2px小さくなります */
	margin: 0px auto;       /* ボーダー外の余白 */
	padding: 0px auto;      /* ボーダー内の余白 */
	border: 0px;            /* ボーダー */
}


/* 商品一覧(簡易表示) */
.osdx-item {
	display: inline-block;

	/* 色関連 */
	background-color: #FFF;    /* 背景色 */
	color: #000;               /* 文字色 */

	/* テキスト関連 */
	font-size: 80%;         /* テキストサイズ */
	text-align: center;     /* テキストの中央寄せ */
	vertical-align: top;    /* テキスト・画像の上寄せ */
	letter-spacing: normal; /* 文字の間隔を指定する */
	word-spacing: normal;   /* 単語の間隔を指定する */

	/* アイテムサイズ関連 */
	width: 120px;           /* アイテムの横幅。実際の説明領域はこれより
				  (margin+padding+border)×2px小さくなります */
	margin: 3px;            /* ボーダー外の余白 */
	padding: 3px;           /* ボーダー内の余白 */
	border: 2px solid gray; /* ボーダー */

	float: left;
}


/* 商品一覧の回り込み解除 */
.osdx-release {
	clear:both;
}

/* 商品情報テーブル */
.osdx-item_tb {
	background-color:#FFF;
	border-style: none;
	width: 400px; 
	font-size: 75%;
	text-align: left;
	color:black;

}

/* 商品一覧のサムネイル画像 */
/* pirobox利用時はClose後にここで指定したborderとwidth設定が
   無視されるため、cgi/su.cgiのitem_detail関数に直接記述している。
　 サイズ変更時はosdx-item_bg1、2も要修正 */
img.osdx-item_img {
	border-style: none;
	width: 100px; 
}

.osdx-item_bg1 {
	background-color:#99F;
	border-style: none;
	width: 100px; 
}

.osdx-item_bg2 {
	background-color:#FFF;
	border-style: none;
	width: 100px; 
}

/* 商品情報の表の中の「カートに入れる」用 */
.osdx-item_bg3 {
	background-color:#FFF;
	border-style: none;
	width: 400px; 
	text-align: right;
}

/* ボタン */
button {
	background-color: #CCF;
	border: 2px solid #96C;
	color: #330;
}

/* リンクをボタン風に（通常時） */
a.osdx-button {
    background:#FFF;
    border-right:3px solid #99F;
    border-bottom:3px solid #99F;
    border-top:3px solid #CCF;
    border-left:3px solid #CCF;
    line-height:20px;
    height:20px;
    padding:5px;
}
/* リンクをボタン風に（マウスオーバー時） */
a.osdx-button:hover {
    background:#CCF;
    border-right:3px solid #66F;
    border-bottom:3px solid #66F;
    border-top:3px solid #99F;
    border-left:3px solid #99F;
    cursor:pointer;
}

div.osdx-cgi_copyright{
	/* 色関連 */
	color: #666;            /* 文字色 */

	/* テキスト関連 */
	font-size: 80%;         /* テキストサイズ */
	text-align: center;     /* テキストの中央寄せ */

	/* サイズ・位置関連 */
	margin-top: 1em;        /* <br><br> */
	padding-bottom: .1em;   /* 必要なら */
}

div.osdx-help{}
div.osdx-link{}
div.osdx-slip{}
div.osdx-temp{}
div.osdx-order{}


/* MENU */
/* メニュー項目が右寄せのときは、leftをrightに変えた方がいいかも */
li.osdx-main_cate{
	/* 背景によるリスト画像の指定・左上寄せ */
	background: url(./menu.gif) no-repeat top left;
	text-indent: 1em;   /* テキストの字下げ一文字分 */
	position: top;      
}
li.osdx-sub_cate{
	background: url(./menu.gif) no-repeat top left;
	margin-left: 1em;   /* ボーダー内の余白 */
	text-indent: 1em;   /* テキストの字下げ一文字分 */
}



/* フォームのボタンなどのwidth指定 */
input.osdx-normal{	width: 200px; }   /* 管理画面 */
select.osdx-normal{	width: 200px; }   /* 管理画面 */
select.osdx-item{	width: 100px; }   /* 商品情報 */
input.osdx-item{	width: 40px; }    /* 商品情報 */
input.osdx-notice{	width: 90px; }
select.osdx-nom{	width: 30px; font-size:90%;}   /* カートに入れる数 */
input.osdx-cart{	width: 90px;}   /* カートに入れる */
input.osdx-change{	width: 50px; }  /* カート内で個数変更 */
input.osdx-order{	width: 90px; }	/* 決定ボタン */
input.osdx-manage{	width: 100px; }	/* 注文管理画面のステータス変更 */
input.osdx-manage2{	width: 200px; }	/* 注文管理画面のメール送信 */
select.osdx-csv{	width: 250px; }	/* 注文管理画面でのログ加工 */

/* カート用のテーブル */
table.osdx-cart{
	margin-left: 30px;		/* 枠の外側のサイズ  */
	border:1px solid #666;		/* 枠線の太さ・種類・色 */
	border-collapse: collapse;	/* 隣接する枠線を重ねるかどうか */
	border-spacing: 0px;		/* 間隔の大きさ */
	background: #FFF;		/* セルの色 */
	border-spacing:0;
	background-color:#FFF;		/* セルの色 */
	empty-cells:show;		/* セルが空の場合（実は不要） */
}
.osdx-cart th{
	border:1px solid #666;		/* 枠線の太さ・種類・色 */
	color:#330000;			/* 文字の色 */
	background: #CCF;		/* セルの色 */
	padding:1px;			/* 枠の内側のサイズ */

}
.osdx-cart td{
	border:1px solid #666;		/* 枠線の太さ・種類・色 */
	padding:1px;			/* 枠の内側のサイズ */
}


/* 注文管理画面用のテーブル */
table.osdx-manage{
	border-collapse: collapse;	/* 隣接する枠線を重ねるかどうか */
	border-spacing: 0px;		/* 間隔の大きさ */
	font-size: 90%;			/* フォントサイズ */
	border:1px solid #333;		/* 枠線の太さ・種類・色 */
}

/* 注文管理画面用のテーブル　セルの枠線 */
.osdx-manage th,.osdx-manage tr,.osdx-manage td{
	border:1px solid #333;		/* 枠線の太さ・種類・色 */
}

/* 注文管理画面用のテーブル・入金未確認 */
tr.osdx-state0,td.osdx-state0{
	background: #FCC;		/* セルの色 */
}
/* 注文管理画面用のテーブル・入金期限切 */
tr.osdx-state0b,td.osdx-state0b{
	background: #F66;		/* セルの色 */
}
/* 注文管理画面用のテーブル・入金確認済 */
tr.osdx-state1,td.osdx-state1{
	background: #FF9;		/* セルの色 */
}
/* 注文管理画面用のテーブル・発送済 */
tr.osdx-state2,td.osdx-state2{
	background: #9F9;		/* セルの色 */
}
/* 注文管理画面用のテーブル・キャンセル済 */
tr.osdx-state3,td.osdx-state3{
	background: #999;		/* セルの色 */
}

/* 注文管理画面やカート等の数字（値段・個数） */
/* 表の要素に対して付加する2番目のクラスである場合が多く */
/* ここに書いた内容で1番目のクラスの定義の一部が無効になる場合がある */
th.osdx-table-num,tr.osdx-table-num,td.osdx-table-num{
	text-align: right;		/* テキストの右寄せ */
}


/* ご依頼人情報記入用のテーブル */
table.osdx-user{
	margin-left: 30px;		/* 枠の外側のサイズ  */
	font-size: 80%;			/* フォントサイズ */
	border:1px solid #666;		/* 枠線の太さ・種類・色 */
	border-collapse: collapse;	/* 隣接する枠線を重ねるかどうか */
	border-spacing: 0px;		/* 間隔の大きさ */
	background: #FFF;		/* セルの色 */
	empty-cells:show;		/* セルが空の場合 */
}
.osdx-user th{
	border:1px solid #666;		/* 枠線の太さ・種類・色 */
	background: #CCF;		/* セルの色 */
	text-align:right;		/* 右寄せ */
}
.osdx-user td{
	border:1px solid #666;		/* 枠線の太さ・種類・色 */
}


/* 複数ページにまたがる場合に使用する */
div.osdx-page-navi{
	text-align:center;		/* 中寄せ */
}
a.osdx-page-navi{
	text-decoration:underline;	/* 下線あり */
}