@charset "UTF-8";

/**
//=========================================//
//------------------共通-------------------//
//=========================================//
*/

div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,
textarea,blockquote,table,th,tr,td {

    font-size       : 96%;
    line-height     : 100%;
    font-family     : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    letter-spacing  : 0.1em;
    margin          : 0px;
    padding         : 0px;
}

a img{
    border          : none;
}

pre {
    font-size       : 12px;
    line-height     : 110%;
    color           : #666;
}


body {

    width           : 92%;
    margin          : 4px 32px 16px  32px ;
    background-color: #FFF;
}
h1 {

    color           : #333;
    font-size       : 1.6em;
    font-weight     : bold;
    letter-spacing  : 0.3em;
    margin          : 16px 0px 16px 2px;
    padding         : 4px 0px 4px 10px;
    text-align      : left;
    clear           : both;
}
h2 {

    color           : #333;
    font-size       : 1em;
    font-weight     : bold;
    letter-spacing  : 0.3em;
    margin          : 2px 0px 16px 0px;
    padding         : 0px 0px 0px 0px;
    text-align      : left;
    clear           : both;
}
label {

    cursor          : pointer;
}

/**
//=========================================//
//------------ログインテーブル-------------//
//=========================================//
*/

div.login {

    border          : 2px solid #ccc;
    margin          : 8px 0px 0px 0px;
    padding         : 0px;
    width           : 280px;
    height          : 280px;
    clear           : both;
}
div.login table {

    font-size       : 0.9em;
    width           : 100%;
    height          : 100%;
    border          : 1px solid #FFF;
    margin          : 0px;
    padding         : 0px;
    border-collapse : collapse;
}
div.login th {

    font-weight     : bold;
    color           : #FFF;
    height          : 20px;
    text-align      : center;
    background-color: #0000FF;
    margin          : 0px;
    padding         : 8px 0px 8px 0px;
    border          : 1px solid #FFF;
    white-space     : nowrap;

}
div.login tr {

    color           : #333;
    line-height     : 140%;
    border          : 1px solid #FFF;
    background-color: #F5F5F5;
    vertical-align  : top;
    margin          : 0px 0px 0px 0px;
    padding         : 4px;
}
div.login td {

    color           : #333;
    text-align      : left;
    margin          : 0px 0px 0px 0px;
    padding         : 0px;
    border          : 1px solid #FFF;

}
/**
 *  ログインフォーム
 */
div.loginbox {

    line-height     : 140%;
    margin          : 0px;
    padding         : 4px 4px 4px 64px;
}
/**
 *  ログインフォームのテキストボックス
 */
div.login input.txt {

    width           : 140px;
    height          : 26px;
    font-size       : 1.2em;
}
/**
 *  ログインフォームのサブミットボタン
 */
div.login input.bt {

    width           : 140px;
    height          : 32px;
    cursor          : pointer;
}
/**
 *  ログインメッセージ
 */
div.login_msg,
div.login_error {

	width           : 100%;
	height          : 32px;
    line-height     : 13px;
	text-align      : center;
	margin          : 4px 0px;
}
/**
 *  ログインメッセージ(通常)
 */
div.login_msg {

    line-height     : 16px;
    color           : #666;
}
/**
 *  ログインメッセージ（エラー）
 */
div.login_error {

    line-height     : 32px;
    color           : #F00;
}

/**
//=========================================//
//------------フォームテーブル-------------//
//=========================================//
*/

div.control_temp {

    border          : 2px solid #ccc;
    margin          : 8px 0px 0px 0px;
    padding         : 0px;
    width           : 100%;
    clear           : both;
}
div.control_temp table {

    font-size       : 0.9em;
    width           : 100%;
    border          : 1px solid #FFF;
    margin          : 0px;
    padding         : 0px;
    border-collapse : collapse;
}
div.control_temp th {
	font-weight     : normal;
	color           : #000099;
	text-align      : left;
	margin          : 0px;
	padding         : 4px;
	border          : 1px solid #FFF;
	white-space     : nowrap;
	vertical-align  : top;
	background      : #B5B5EC;
}
/**
 *  上左に項目名のある表組みの<th>（高さ28px）
 */
div.control_temp tr.tophead th{

    height          : 28px;
    vertical-align  : middle;
    white-space     : nowrap;
}
/**
 *  左に項目名のある表組みの<th>（幅180px）
 */
div.control_temp th.sidehead {

    width           : 180px;
    white-space     : nowrap;
}
div.control_temp th.ctr {

    text-align      : center;
}
div.control_temp td {

    color           : #333;
    line-height     : 140%;
    margin          : 0px 0px 0px 0px;
    padding         : 4px;
    border          : 1px solid #FFF;
}

div.control_temp tr {
    margin          : 0px;
    background      : #ECEEFF;
}
/**
//=========================================//
//--------------設定テーブル---------------//
//=========================================//
*/

div.control {

    border          : 2px solid #ccc;
    margin          : 8px 0px 0px 0px;
    padding         : 0px;
    width           : 100%;
    clear           : both;
}

div.control-complete {

    margin          : 8px 0px 0px 0px;
    padding         : 0px;
    width           : 100%;
    clear           : both;
}

div.control table {

    font-size       : 0.9em;
    width           : 100%;
    border          : 1px solid #FFF;
    margin          : 0px;
    padding         : 0px;
    border-collapse : collapse;
}
div.control th {

    font-weight     : normal;
    color           : #FFF;
    text-align      : left;
    background-color: #0000FF;
    margin          : 0px;
    padding         : 4px;
    border          : 1px solid #FFF;
    white-space     : nowrap;
    vertical-align  : top;
}
/**
 *  上左に項目名のある表組みの<th>（高さ28px）
 */
div.control tr.tophead th{
    height          : 28px;
    vertical-align  : middle;
    white-space     : nowrap;
	background-color: #FF6600;
}

div.control tr.tophead-orange th{
    height          : 28px;
    vertical-align  : middle;
    white-space     : nowrap;
	background-color: #FFCC00;
	color			:#000000;
}

/**
 *  左に項目名のある表組みの<th>（幅180px）
 */
div.control th.sidehead {

    width           : 180px;
    white-space     : nowrap;
}
div.control th.ctr {

    text-align      : center;
}
div.control td {

    color           : #333;
    line-height     : 140%;
    margin          : 0px 0px 0px 0px;
    padding         : 4px;
	padding-left	: 1em;
    border          : 1px solid #FFF;
}

/**
 *  エラー時のinput枠（赤）
 */
div.err input,
div.control td.err input{

    border          : 1px solid #F00;
    background-color: #FEE;
}
div.control td.err textarea{

    border          : 1px solid #F00;
    background-color: #FEE;
}
.err_str {
    color           : #F00;
}


div.control input.bt {

    cursor          : pointer;
}
div.control td.nowrap_ctr {

    text-align      : center;
    white-space     : nowrap;
}

.ctr {

    text-align      : center;
}
.nowrap {

    white-space     : nowrap;
}

div.control tr {

    margin          : 0px;
    background-color: #F5F5F5;
}

div.control tr.odd {

    background-color: #F6F6F6;

}

div.control tr.even {

    background-color: #E9E9E9;

}



div.control tr.sub_total {

    margin          : 0px;
    background-color: #E7D1C9;
}
div.control_title {

    color           : #666;
    font-size       : 0.9em;
    font-weight     : bold;
    text-align      : left;
    letter-spacing  : 0.5em;
    border-left     : 8px solid #CCC;
    border-bottom   : 1px solid #CCC;
    border-top      : 1px solid #FFF;
    border-right    : 1px solid #FFF;
    padding         : 2px 16px 2px 12px;
    margin          : 24px 0px 12px 0px;
    float           : left;
}
div.control_err {

    color           : #F00;
    font-size       : 0.9em;
    font-weight     : bold;
    text-align      : left;
  /*letter-spacing  : 0.5em;*/
    border          : 1px solid #F00;
    background-color: #FFEEEE;
    padding         : 2px 16px 2px 12px;
    margin          : 24px 0px 12px 12px;
}

div.control_msg {

    color           : #333;
    font-size       : 0.9em;
    line-height     : 120%;
    text-align      : left;
    padding         : 2px 16px 2px 12px;
    margin          : 24px 0px 12px 12px;
    float           : left;
}

div.control_effected_msg {

    letter-spacing  : 0em;
    color           : #00F;
    font-weight     : bold;
    font-size       : 0.9em;
    text-align      : center;
    border          : 1px solid #00F;
    background-color: #E8E8FF;
  /*padding         : 2px 16px 2px 12px;*/
    padding         : 2px 32px 2px 32px;
}


div.control_note {

    color           : #666;
    font-size       : 0.8em;
    line-height     : 120%;
    text-align      : left;
    margin          : 4px 0px 4px 2px;
    padding         : 0px 0px 0px 0px;
}
div.control_note_intable {

    color           : #666;
    font-size       : 1em;
    line-height     : 120%;
    text-align      : left;
    margin          : 4px 0px 4px 0px;
    padding         : 0px;
}
div.control_description {

    width           : auto;
    color           : #666;
    font-size       : 0.8em;
    line-height     : 120%;
    border          : 1px dotted #CCC;
    margin          : 8px 0px 20px 0px;
    padding         : 12px 0px 12px 12px;
    background-color: #FFF5DF;
}

.control_exp {

    color           : #666;
}

/**
//=========================================//
//-------------注文明細テーブル------------//
//=========================================//
*/

div.shoppingdetail table {

    color           : #666;
    font-size       : 0.9em;
    margin          : 20px 0px 0px 0px;
    padding         : 0px;
    border-collapse : collapse;
}
div.shoppingdetail th {

    font-weight     : normal;
    text-align      : right;
    margin          : 0px;
    padding         : 4px;
    white-space     : nowrap;
    vertical-align  : top;
    border-bottom   : 1px solid #CCC;
}
div.shoppingdetail tr {

    border-bottom   : 1px solid #CCC;
}
div.shoppingdetail td {

    margin          : 0px 0px 0px 0px;
    padding         : 4px 4px 4px 8px;
    border-bottom   : 1px solid #CCC;
}

/**
//=========================================//
//---------------商品表示------------------//
//=========================================//
*/

div.shopping_gds {

    border          : 2px solid #ccc;
    margin          : 8px 0px 0px 0px;
    padding         : 0px;
    width           : 400px;
    clear           : both;
}
div.gds_p {

	color           : #333;
    background-color: #CCC;
    margin          : 0px;
    padding         : 5px 3px;
}
div.gds_v {

	color           : #333;
    margin          : 0px;
    padding         : 5px 3px;
}
div.gds_s {

	color           : #FFF;
	background-color: #0000FF;
	margin          : 0px;
	padding         : 5px 3px;
	text-align      : center;
}
div.shopping_gds table {

    font-size       : 0.9em;
    width           : 100%;
    border          : 1px solid #FFF;
    margin          : 0px;
    padding         : 0px;
    border-collapse : collapse;
}
div.shopping_gds th {
	width           : 130px;
	height          : 150px;
	font-weight     : normal;
	color           : #FFF;
	background-color: #CCC;
	margin          : 0px;
	padding         : 4px;
	border          : 1px solid #FFF;
	white-space     : nowrap;
	vertical-align  : middle;
	text-align: center;
}
div.shopping_gds td {

    color           : #333;
    line-height     : 140%;
    margin          : 0px;
    padding         : 0px 0px 0px 2px;
    border          : 1px solid #FFF;
    vertical-align  : top;
}
div.shopping_gds input.btn {

    font-size       : 1.0em;
    width           : 64px;
    height          : 24px;
    cursor          : pointer;
}

/**
//=========================================//
//------------------ボタン-----------------//
//=========================================//
*/

div.btn {

    text-align      : center;
    margin          : 16px 0px;
    clear           : both;
}
div.btn input{

    font-size       : 0.9em;
    width           : 128px;
    height          : 28px;
    cursor          : pointer;
}
div.right_btn {

    float           : right;
    padding         : 0px;
    margin          : 24px 0px 8px 0px;
}
div.right_btn input{

    cursor          : pointer;
}
input.bt{

    cursor          : pointer;
}

h1 {
    font-size       : 1.1em;
    color           : #666;
    margin          : 0px;
}



/**
//=========================================//
//-----------------メニュー----------------//
//=========================================//
*/

div.hmenu {

    text-align      : right;
    font-size       : 0.9em;
    margin          : 8px 0px;
    padding         : 4px 6px 0px 0px;
}


div.zantei_menu {

    font-size       : 0.8em;
    line-height     : 120%;
    color           : #666;
    margin          : 6px 0px;
    padding         : 6px;
}



div.menu {

    width           : 60%;
    border          : 1px solid #CCC;
    margin          : 8px 0px 20px 50px ;
    padding         : 12px;
    background-color: #FFF;
}
div.menu li{

    font-size       : 0.8em;
    list-style      : none;
    margin          : 0px 10px;
}
div.menu .off{

    color           : #999;
}

/**
//=========================================//
//----------------ページング---------------//
//=========================================//
*/

div.paging {

    font-size       : 0.9em;
    width           : 99%;
    height          : 1em;
    margin          : 8px 0px;
    padding         : 2px 0px;
}
div.page_navi {

    float           : right;
}
div.page_total {

    float           : left;
}

/**
//=========================================//
//-----------------フォーム----------------//
//=========================================//
*/

input {

    margin          : 1px 0px 1px 0px;
    padding         : 0px 2px 0px 2px;
}
input.p98 {
    width           : 98%;
}

input.p94 {
    width           : 94%;
}

input.p20 {
    width           : 16%;
}
input.w32 {
    width           : 32px;
}
input.w64 {
    width           : 64px;
}
input.w128 {
    width           : 128px;
}
input.w180 {
    width           : 180px;
}
input.w256 {
    width           : 256px;
}
input.w384 {
    width           : 384px;
}
input.w512 {
    width           : 512px;
}
textarea {
    font-size       : 1.1em;
    line-height     : 120%;
    padding         : 1px;
    /*font-family     : "ＭＳ ゴシック", "Osaka－等幅";*/
}
textarea.p100x50 {
     width          : 100%;
     height         : 50px;
}
textarea.p100x100 {
     width          : 96%;
     height         : 100px;
}
textarea.p100x400 {
    width           : 100%;
    height          : 400px;
}

/**
//=========================================//
//---------------ページ区切り--------------//
//=========================================//
*/

/**
 *  ページ
 */
div.page {

    font-size       : 1.0em;
    border          : 1px solid #CCC;
    background-color: #FFF;
    margin          : 24px 0px;
    padding         : 24px 16px;
}
/**
 *  ページ内容
 */
div.page_contents {

    width           : auto;
    color           : #333;
    font-size       : 0.8em;
    line-height     : 120%;
    border          : 1px solid #CCC;
    margin          : 8px 0px 20px 0px;
    padding         : 12px 0px 12px 12px;
    clear           : both;
}
/**
 *  メールメッセージヘッダ
 */
div.mail_msg_header {

    float           : left;
    color           : #333;
    font-size       : 0.8em;
    line-height     : 120%;
    border          : 1px dotted #CCC;
    background-color: #FFF;
    margin          : 8px 0px -12px 20px;
    padding         : 4px 8px 4px 8px;
}
/**
 *  メールメッセージ
 */
div.mail_msg {

    width           : auto;
    color           : #333;
    font-size       : 0.8em;
    line-height     : 120%;
    border          : 1px dotted #CCC;
    margin          : 8px 0px 20px 0px;
    padding         : 18px 0px 12px 12px;
    clear           : both;
}

/**
//=========================================//
//-------フォーム作成機能サンプル----------//
//=========================================//
*/

div.form_table table {

    border-collapse : collapse;
    width           : 80%;
    background-color: #FFF;
    font-size       : 12px;
}
div.form_table th{

    font-size       : 12px;
    /*font-weight     : bold;*/
    color           : #333;
    background-color: #FFF;
    text-align      : right;
    margin          : 0px;
    padding         : 8px;
    white-space     : nowrap;
    vertical-align  : top;
}
div.form_table td{

    font-size       : 12px;
    background-color: #FFF;
    text-align      : left;
    margin          : 0px;
    padding         : 4px;
    white-space     : nowrap;
    vertical-align  : top;
}

/**
//=========================================//
//----------------スペース-----------------//
//=========================================//
*/

div.space8 {

    height          : 8px;
    clear           : both;
}
div.space16 {

    height          : 16px;
    clear           : both;
}
div.space30 {

    height          : 30px;
    clear           : both;
}

/**
//=========================================//
//----------------フォント-----------------//
//=========================================//
*/

.red {
    color           : #F00;
}


/**
//=========================================//
//----------------箇条書き-----------------//
//=========================================//
*/

.in {
	list-style-position: inside;
}


/**
//=========================================//
//------------------開発用-----------------//
//=========================================//
*/
div.tplname {

    text-align      : right;
    margin          : 4px 10px;
}
div.dbtable {

    text-align      : right;
    margin          : 4px 10px;
}
div.page_description {

    font-size       : 0.8em;
    line-height     : 120%;
    color           : #666;
    border          : 1px solid #CCC;
    background-color: #FFF5DF;
    margin          : 24px 0px;
    padding         : 12px 0px 12px 12px;
}

div.description {

    font-size       : 0.8em;
    line-height     : 120%;
    color           : #666;
    border          : 1px solid #CCC;
    background-color: #FFF5DF;
    margin          : 24px 0px;
    padding         : 12px 0px 12px 12px;
}
div.description h2{

    font-size       : 1.2em;
    color           : #666;
}

div.description li,
div.page_description li{

    font-size       : 12px;
    text-indent     : -1em;
    list-style      : none;
    line-height     : 120%;
    margin          : 0px 12px 0px 10px;

}