﻿@charset "UTF-8";


/* _____________________________________________________________________BASIC */

html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	border: 0;
}

form{
	margin:0px;
	padding:0px;
}

img{
	border-style:none;
	border-width:0px;
	margin:0px;
	padding:0px;
	vertical-align:bottom;
}

textatea{
	max-width:100% !important;
}

.img_block{
	display:block;
}

.thin_image{
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}

p{
	margin:0px 0px 12px 0px;
	padding:0px;
}

.margin0{
	margin:0px;
	padding:0px;
}

.img_with_cap{
	margin:5px 0px;
}

.td_nowrap{
	white-space:nowrap;
}

/* _____________________________________________________________________ALIGN */

.align_center{
	text-align:center;
}

.align_right{
	text-align:right;
}

.f_right{
	float:right;
}

.f_left{
	float:left;
}

.right_image{
	margin:0px 0px 10px 10px;
	float:right;
}

.left_image{
	margin:0px 10px 10px 0px;
	float:left;
}

.f_clear{
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
	line-height:1px;
}

.f_clear_line{
	clear:both;
	margin:10px 0px;
	padding:0px;
	border-top:1px solid #CCCCCC;
	font-size:1px;
	line-height:1px;
}

body{
    margin:0px;
    padding:0px;
    text-align:left;
    font-family:Arial,sans-serif;
    font-size:small;
    color:#333333;
    background-color:#ffffff;
}

/* _____________________________________________________________________H */

h1{
    margin:0px;
    padding:0px 0px 0px 0px;
    font-size:x-large;
    font-weight:bold;
    color:#000000;
}

/* _____________________________________________________________________FONT */

.l{
    font-size:large !important;
}

.m{
    font-size:medium !important;
}

.s{
    font-size:small !important;
}

/* add maruyama */
.sa{
    font-size:small !important;
    color:#FF0000;
}
/* add maruyama */
.sb{
    font-size:small !important;
    color:#0000FF;
}

/* add maruyama */
.ss{
    font-size:x-small !important;
}

em{
    font-style:normal;
    font-weight:800;
}

/* _____________________________________________________________________TEXT COLOR*/

.tex_black{
    color:#000000;
}

.tex_white{
    color:#FFFFFF;
}

.tex_red{
    color:#ff0000;
}

.tex_gray{
    color:#888888;
}

/* _____________________________________________________________________LINK */

a:link{
    text-decoration:underline;
    color:#0099FF;
}
a:visited{
    text-decoration:underline;
    color:#6600FF;
}
a:hover{
    text-decoration:underline;
    color:#FF9900;
}
a:active{
    text-decoration:underline;
    color:#AAAAAA;
}




/* _____________________________________________________________________ INTERFACE */


#main{
    width:100%;
    margin:0px auto;
    padding:0px;
    text-align:left;
    background-color:#ffffff;
    border-top:3px solid #FFC72F;
    border-right:1px solid #FFC72F;
    border-bottom:1px solid #FFC72F;
    border-left:1px solid #FFC72F;
}

#header{
    margin:0px;
    padding:0px;
    border-bottom:1px solid #FFC72F;
    height:45px;
    position:relative;
}

#header_info{
    position:absolute;
    top:10px;
    right:10px;
}

.header_info_td{
    padding:0px 2px 0px 0px;
    font-size:medium;
}

#hd_search{
	width:220px;
	margin:0px;
	padding:0px;
	position:absolute;
	top:2px;
	right:5px;
}

#hd_search_icon{
	width:20px;
	float:left;
}
#hd_search_input{
	width:120px;
	float:left;
}

#hd_search_input input{
	font-size:14px;
	font-family:monospace;
	width:100%;
    height:20px;
	margin:0px;
	padding:0px;
}

#hd_search_btn{
	width:80px;
	margin-top:2px;
	text-align:right;
	float:left;
}

#global_navi{
    height:40px;
    background-image:url(../img/interface/navi_bg.gif);
    background-repeat:repeat-x;
    border-bottom:1px solid #FFC72F;
}

.navi_td{
    height:40px;
    padding:0px 20px;
    font-size:large;
    text-align:center;
    border-right:1px solid #FFC72F;
    background-image:url(../img/interface/navi_bg_btn.gif);
    background-repeat:repeat-x;
}

.navi_a:link{
    text-decoration:none;
    color:#000000;
}
.navi_a:visited{
    text-decoration:none;
    color:#000000;
}
.navi_a:hover{
    text-decoration:none;
    color:#000000;
}
.navi_a:active{
    text-decoration:none;
    color:#000000;
}

#mainblock{
    width:100%;
    background-repeat:repeat-y;
    border-right:solid 10px #FFC72F;
}

#mainblock_main{
    width:100%;
}

#mainblock_sub{
    width:100%;
}

#mainblock_sub_inside{
    margin:0px;
    padding:0px;
}

#mainblock_f_clear{
    clear:both;
    border-bottom:1px solid #FFC72F;
    font-size:1px;
    line-height:0px;
}

#topicpath{
    background-color:#FFEBB5;
    padding:4px;
    font-size:medium;
    border-bottom:1px solid #FFC72F;
}

#page_title{
    padding:10px;
    border-bottom:1px solid #BDBDBD;
}

#mainblock_mainarea{
    padding:15px;
}


#next_back_area{
    padding:10px 0px;
    text-align:right;
    font-size:medium;
}

#footer{
    background-color:#FFC72F;
    padding-right:10px;
    text-align:right;
    font-size:small;
}

.label {
    width:960px;
    background: #ffa500;
    border: 1px solid #dc143c;
}

.content {
    width:960px;
    background: #fff8dc;
}
/* _____________________________________________________________________ LOGIN */

#main_login{
    width:600px;
    margin:80px auto;
    padding:0px;
    text-align:center;
    background-color:#ffffff;
    border-top:7px solid #FFC72F;
    border-right:1px solid #FFC72F;
    border-bottom:1px solid #FFC72F;
    border-left:1px solid #FFC72F;
}

#login_logo{
    margin:40px 0px;
}

#login_input_table{
    width:400px;
    margin:0px auto;
}

#login_input_table th{
    font-size:medium;
    font-weight:normal;
    color:#333333;
    text-align:right;
    vertical-align:middle;
    padding:4px;
}

#login_input_table td{
    font-size:medium;
    font-weight:normal;
    color:#333333;
    text-align:left;
    vertical-align:middle;
    padding:4px;
}

.login_inpsubmit{
    margin:40px 0px 30px 0px;
}

/* _____________________________________________________________________ ESTIMATE */

#contents_controlarea{
    width:952px;
    background-color:#FFF4D7;
    border-bottom:1px solid #E7AA04;
    text-align:left;
}

#contents_controlarea_inside{
    padding:5px;
}

.contents_control_table{
    width:948px;
    padding:5px;
}

.contents_control_td_btn_new{
    width:90px;
    padding:0px;
    font-size:medium;
    border-right:1px solid #FFC72F;
}


.contents_control_td_01{
    width:120px;
    background-color:#FFFFFF;
    font-size:medium;
    white-space:nowrap;
    text-align:right;
}
.contents_control_td_01_inside{
    padding:2px 2px 2px 4px;
    font-size:medium;
}

.contents_control_td_02{
    width:140px;
    background-color:#FFFFFF;
    font-size:medium;
    white-space:nowrap;
}
.contents_control_td_02_inside{
    padding:2px;
    font-size:medium;
}

.contents_control_td_03{
    width:130px;
    background-color:#FFFFFF;
    text-align:right;
    font-size:medium;
    white-space:nowrap;
}
.contents_control_td_03_inside{
    padding:2px 2px 2px 14px;
    font-size:medium;
}

.contents_control_td_04{
    width:40px;
    background-color:#FFFFFF;
    font-size:medium;
    white-space:nowrap;
}
.contents_control_td_04_inside{
    padding:2px;
    font-size:medium;
    text-align:center;
}

.contents_control_td_btn_search{
    width:90px;
    padding:0px;
    background-color:#FFFFFF;
    font-size:medium;
    text-align:right;
}

.contents_control_td_inside{
    width:749px;
    background-color:#FFFFFF;
}

.contents_control_table_inside{
    margin:5px;
    width:749px;
}

.contents_control_table_inside th{
    padding:5px;
}

.contents_control_table_inside td{
    padding:5px;
}

.contents_list_table{
    width:100%;
    border-top:1px solid #FFC72F;
    border-left:1px solid #FFC72F;
}

.contents_list_table th{
    padding:4px;
    background-color:#FFEBB5;
    text-align:center;
    font-size:small;
    font-weight:400;
    border-right:1px solid #FFC72F;
    border-bottom:1px solid #FFC72F;
}

.contents_list_table td.cell{
    padding:2px;
    font-size:medium;
    border-right:1px solid #FFC72F;
    border-bottom:1px solid #FFC72F;
}

.contents_list_tr_1{
    background-color:#FFFFFF;
}
.contents_list_tr_2{
    background-color:#EEEEEE;
}

.contents_control_edit_table{
    width:960px;
}

.contents_control_edit_table th{
    font-weight:bold;
    text-align:right;
    padding:3px;
}

.contents_control_edit_table td{
    text-align:left;
    padding:3px;
}

.contents_control_edit_td_00{
    font-size:medium;
    white-space:nowrap;
    text-align:left;
}
.contents_control_edit_td_00_inside_s{
    padding:2px 2px 2px 2px;
    font-size:medium;
}
.contents_control_edit_td_00_inside{
    padding:2px 15px 2px 2px;
    font-size:medium;
}

.contents_control_edit_td_01{
    width:110px;
    font-size:medium;
}
.contents_control_edit_td_01_inside{
    padding:2px;
    font-size:medium;
}

.contents_control_edit_td_02{
    width:295px;
    font-size:medium;
    white-space:nowrap;
}
.contents_control_edit_td_02_inside{
    padding:2px;
    font-size:medium;
}

.contents_control_edit_td_03{
    width:100px;
    text-align:right;
    font-size:medium;
    white-space:nowrap;
}
.contents_control_edit_td_03_inside{
    padding:2px 2px 2px 14px;
    font-size:medium;
}

.contents_control_edit_td_04{
    font-size:medium;
    white-space:nowrap;
}
.contents_control_edit_td_04_inside{
    padding:2px;
    font-size:medium;
    text-align:center;
}

#contents_edit_underbtn{
    text-align:center;
    padding:5px;
}

.tundra .dijitTextBoxFocused input,
.tundra .dijitComboBoxFocused input,
.tundra .dijitSpinnerFocused input {
	background-color: #ff6 !important;
}

.inptex_10{
    width:10px !important;
    border:1px solid #FFC72F !important;
}

.inptex_20{
    width:20px !important;
    border:1px solid #FFC72F !important;
}

.inptex_30{
    width:30px !important;
    border:1px solid #FFC72F !important;
}

.inptex_40{
    width:40px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_50{
    width:50px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_60{
    width:60px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_70{
    width:70px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_80{
    width:80px !important;
    border:1px solid #FFC72F !important;
}
.inptex_90{
    width:90px !important; 
    border:1px solid #E7AA04 !important;
}

.inptex_100{
    width:100px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_120{
    width:120px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_140{
    width:140px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_160{
    width:160px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_180{
    width:180px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_200{
    width:200px !important;
    border:1px solid #FFC72F !important;
}

.inptex_220{
    width:220px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_240{
    width:240px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_260{
    width:260px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_280{
    width:280px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_300{
    width:300px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_320{
    width:320px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_340{
    width:340px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_360{
    width:360px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_380{
    width:380px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_400{
    width:400px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_450{
    width:450px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_500{
    width:500px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_550{
    width:550px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_600{
    width:600px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_650{
    width:650px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_700{
    width:700px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_750{
    width:750px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_800{
    width:800px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_850{
    width:850px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_900{
    width:900px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_950{
    width:950px !important;
    border:1px solid #E7AA04 !important;
}

.inptex_right,
.inptex_right input
{
	text-align:right !important;
	padding-right:1px;
}

.inptex_noIME,
.inptex_noIME input
{
    ime-mode:disabled !important;
}

.inptex_disabled{
    border:1px solid #AAAAAA !important;
}

.tex_jyodai,
.tex_jyodai input
{
    color:#000000 !important;
}

.tex_uriage,
.tex_uriage input
{
    color:#000088 !important;
}

.tex_weburiage,
.tex_weburiage input
{
    color:#0000FF !important;
}

.tex_siire,
.tex_siire input
{
    color:#880000 !important;
}

.tex_tokubetusiire,
.tex_tokubetusiire input
{
    color:#FF0000 !important;
}
/*----エラー設定----*/

table.error
{
	width:500px;
	border:3px #F2BFBF solid;
}

table.error th
{
	text-align:right;
	font-size:90%;
	width:160px;
	padding:10px 0 10px 5px;
	margin:0 0 0 10px;
	color:#d94040;
}

table.error td
{
	text-align:left;
	font-size:80%;
	padding:5px 0 5px 10px;
}


.order_list_table{
	width:930px;
	border-bottom:3px solid #cecece;
	border-right:1px solid #cecece;
}
.order_list_table th{
	background-color:#eeeeee;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
	padding:1px;
	font-weight:800;
	text-align:center;
}
.order_list_table td{
	text-align:left;
}

.order_list_table .cell{
	background-color:#ffffff;
	border-top:1px solid #cecece;
	border-left:1px solid #cecece;
	padding:1px;
	font-weight:400;
}

.order_list_table .cell_bottom{
	border-bottom:1px solid #cecece;
}

.order_list_table td.block{
	background-color:#ffffff;
	border-top:3px solid #999999;
}


.finalsubmit_table_totalcost{
	float:right;
	width:300px;
}

.finalsubmit_table_totalcost th{
	background-color:#EEEEEE;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	color:#000000;
	padding:2px;
	font-weight:800;
	text-align:center;
}
.finalsubmit_table_totalcost th.th_final{
	background-color:#F46100;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	color:#FFFFFF;
	padding:10px;
	font-weight:800;
	text-align:center;
}
.finalsubmit_table_totalcost td{
	background-color:#ffffff;
	border-bottom:1px solid #cecece;
	border-left:1px solid #cecece;
	border-right:1px solid #cecece;
	color:#000000;
	padding:2px;
	font-weight:800;
	text-align:right;
}

.payment_table{
	width:679px;
	border-bottom:3px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
}
.payment_table th.colorbar_1{
	width:9px;
	background-color:#F46100;
	border-top:3px solid #999999;
	border-left:1px solid #C0C0C0;
	padding:0px;
	font-weight:800;
	text-align:center;
}
.payment_table th.colorbar_2{
	width:9px;
	background-color:#F4B200;
	border-top:3px solid #999999;
	border-left:1px solid #C0C0C0;
	padding:0px;
	font-weight:800;
	text-align:center;
}
.payment_table th{
	background-color:#EEEEEE;
	border-top:3px solid #999999;
	border-left:1px solid #C0C0C0;
	padding:2px;
	font-weight:800;
	text-align:center;
}
.payment_table th.payment_th_02{
	width:125px;
	background-color:#EEEEEE;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	padding:0px;
	font-weight:800;
	text-align:left;
}
.payment_table_padding{
	padding:2px;
}
.payment_table td{
	background-color:#ffffff;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	padding:2px;
	font-weight:400;
	text-align:left;
}
.payment_table td.input_radio{
	background-color:#ffffff;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	padding:2px;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
}
.payment_table th.address_title_th{
	width:120px;
	background-color:#ffffff;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	padding:2px;
	font-weight:400;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}
.payment_table td.address_title_td{
	background-color:#ffffff;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	padding:2px;
	font-weight:400;
	text-align:left;
	vertical-align:top;
}
.payment_table td.edit_btn{
	width:80px;
	background-color:#ffffff;
	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
	padding:0px;
	font-weight:400;
	text-align:center;
	vertical-align:top;
}
.payment_table th.address_title_th2{
	width:120px;
	background-color:#ffffff;
	border-top:3px solid #999999;
	border-left:1px solid #C0C0C0;
	padding:2px;
	font-weight:400;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
}
.payment_table td.address_title_td2{
	background-color:#ffffff;
	border-top:3px solid #999999;
	border-left:1px solid #C0C0C0;
	padding:2px;
	font-weight:400;
	text-align:left;
	vertical-align:top;
}

#gnav                                     { margin:0;padding:0;height:28px;border-bottom:1px solid #EEE; font-size:small; position: relative}
#gnav ul                                  { margin:0;padding:0;list-style: none; }
#gnav ul.dropdown                         { position: relative; }
#gnav ul.dropdown li                      { float: left; }
#gnav ul.dropdown a:hover                 { color: #000; }
#gnav ul.dropdown a:active                { color: #FFE284; }
#gnav ul.dropdown li a                    { text-decoration:none;display: block; padding: 4px 8px; border-right: 1px dotted #ccc;color: #222; }
#gnav ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
#gnav ul.dropdown li.hover,
#gnav ul.dropdown li:hover                { background: #FFE284; color: black; position: relative; }
#gnav ul.dropdown li.hover a              { color: black; }
#gnav ul.dropdown ul                      { width: 280px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:10000; }
#gnav ul.dropdown ul li                   { text-decoration:none;font-weight: normal; background: #FFF; color: #000; border-bottom: 1px solid #ccc; float: none; }
