@charset "utf-8";

/* 共通初期設定
---------------------------------------------------------------------------- */	
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, table, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

body,input {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background: #ffffff;
	line-height: 1.5;
}

a{
	text-decoration: none; 
	color: #444444;
}
a:hover{
	text-decoration: none;
	color: #440000;
	opacity: 0.7;/*ここでマウスオーバー時の透明度が設定できます。（各ブラウザ用）*/
	filter: alpha(opacity=70);
}

/* input type=textのスタイル */
input[type="text"] , input[type="tel"], input[type="url"], input[type="email"], input[type="password"], select, textarea  {
	background-color: #F8F8F0;
}

/* input type=textでフォーカスが当たると色を変える */
input[type="text"]:focus , input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus  {
	background-color: #E6EFFA;
}

/* 一般的なbuttonのスタイル */
button {
	font-size: 14px;
	padding: 5px;
	margin: 5px;
	color: #000;
	font-weight: bold;
	line-height: 1.5em;
	cursor : pointer;
}

button:hover {
	opacity: 0.7;/*ここでマウスオーバー時の透明度が設定できます。（各ブラウザ用）*/
	filter: alpha(opacity=70);
}

/* 一般的なtableのスタイル */
table {
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	word-break:break-all;
}

table, th, tr, td {
	border:1px solid #A0A0A0;	/* 枠色 太さ */
}

#bg{
	height: auto;
	text-align: center;
	background: #FFFFFF;
	margin-left:auto;
	margin-right:auto;
	font-size: 13px;
}

/*====================================================
	CONTAINER  B1D0B1 006400
====================================================*/

#container{
	width: 100%;
	height: auto;
	margin-left:auto;
	margin-right:auto;
	padding: 0px;
	text-align: center;
	line-height: 1.6em;
	color: #000000;
	background: #FFFFFF;
	/*border:blue; */		/* debug用 */
}

/*====================================================
	HEADER
====================================================*/

header {
	width: 100%;
	min-width: 920px;
	height: 69px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background: #006400;
	color: #FFFFFF;
}

header .staff_name {
	line-height: 1.2em;
	font-size: 14px;
	font-weight: bold;
	padding: 0 10px 0px 10px;
}

header .logo {
	margin :2px ;
	padding: 0 0 0 50px;
	height: 65px;
	width: 5px;
}
header .logo img {
	height: 65px;
}

header .site_name {
	font-size: 18px;
	font-weight: bold;
	padding: 2px 20px 0px 10px;
	text-align: left;
}
header .head_title {
	line-height: 2.0em;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 20px 0px 10px;
	text-align: left;
	margin-bottom: 0;
}

header .head_logout_button {
	margin-left : 50px ;
}



#pankuzu {
	width: 98%;
	text-align: left;
	font-size: 14px;
	padding: 5px 12px;
}

#pankuzu a {
		color: #FF00FF;
		text-decoration: none;
}

#pankuzu a:hover {
		color: #8800FF;
}

/*====================================================
	リクエストエリア(条件指定など) (ID="request_area")
====================================================*/
#request_area {
	min-width: 700px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	color: #000000;
}

#result_area th {
	min-height: 20px;
}

#request_area .kensaku_button {
	width: 80px;
	background: -webkit-linear-gradient(top, #0CCE03 0%,#519649 50%, #118100 51%, #0CCE03 100%);	/* Webkit系 */
	background: -moz-linear-gradient(top, #0CCE03 0%,#519649 50%, #118100 51%, #0CCE03 100%);	/* Mozilla系 */
	background: linear-gradient(to bottom, #0CCE03 0%,#519649 50%, #118100 51%, #0CCE03 100%);		/* IE10+ */
	background: -o-linear-gradient(top, #0CCE03 0%,#519649 50%, #118100 51%, #0CCE03 100%);/* Opera 11.10+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0CCE03', endColorstr='#519649', GradientType=0)"; /* IE8-9 */
	border: 1px solid #DDD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	margin: 10px auto;
	cursor : pointer;
	display: block;
}

#request_area .reset_button {
	width: 80px;
	background: -webkit-linear-gradient(top, #DB0309 0%,#AA0303 50%, #910000 51%, #DB0309 100%);	/* Webkit系 */
	background: -moz-linear-gradient(top, #DB0309 0%,#AA0303 50%, #910000 51%, #DB0309 100%);	/* Mozilla系 */
	background: linear-gradient(to bottom, #DB0309 0%,#AA0303 50%, #910000 51%, #DB0309 100%);		/* IE10+ */
	background: -o-linear-gradient(top, #DB0309 0%,#AA0303 50%, #910000 51%, #DB0309 100%);/* Opera 11.10+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB0309', endColorstr='#AA0303', GradientType=0)"; /* IE8-9 */
	border: 1px solid #DDD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
	margin: 10px auto;
	cursor : pointer;
	display: block;
}
/*====================================================
	リザルトエリア(結果、リストなど) (ID="result_area")
====================================================*/
#result_area {
	min-width: 700px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 20px;
	margin-bottom: 30px;
}

#result_area .list_caption {
	font-size: 16px;
	font-weight: bold;
}

#result_area th {
}

#result_area td {
	vertical-align: middle;
}

#result_area .comp_panel  {	/* 幅700pxの背景色付パネル */
	width: 700px;
	background: #B1D0B1;
	padding: 30px 10px;
	margin-left:auto;
	margin-right:auto;
	min-height: 200px;
	vertical-align: middle;
}

#result_area .send_msg_panel  {	/* 幅700pxの背景色付パネル */
	width: 700px;
	background: #B1D0B1;
	padding: 50px 10px;
	margin-left:auto;
	margin-right:auto;
	min-height: 150px;
	vertical-align: middle;
}

/*====================================================
	ログイン
====================================================*/
.login_panel {
	margin-top: 100px;
	margin-bottom: 10px;
}

.login_panel div {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*====================================================
	メニュー(top.php id=top-menu)
====================================================*/
#top-menu .menu_panel {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	min-height: 400px;
}

#top-menu .menu_block {
	width: 660px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
}

#top-menu .menu_block .menu_block_title {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 6px;
	padding-bottom: 6px;
	border:1px solid #3B3B3B;	/* 枠色 太さ */
	font-weight: bold;
	font-size: 14px;
}

#top-menu .menu_block .top_menu_buton {
	background: -webkit-linear-gradient(top, #585858 0%,#595959 50%, #3B3B3B 51%, #6C6C6C 100%);	/* Webkit系 */
	background: -moz-linear-gradient(top, #585858 0%,#595959 50%, #3B3B3B 51%, #6C6C6C 100%);	/* Mozilla系 */
	background: linear-gradient(to bottom, #585858 0%,#595959 50%, #3B3B3B 51%, #6C6C6C 100%);		/* IE10+ */
	background: -o-linear-gradient(top, #585858 0%,#595959 50%, #3B3B3B 51%, #6C6C6C 100%);/* Opera 11.10+ */
	border: 1px solid #DDD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0;
	margin: 5px 10px;
	cursor : pointer;
	display: block;
}
#top-menu .menu_block .top_menu_butonclose {	/* ボタン押せないモード（未作成ページへのリンクボタンなど） */
	background: -webkit-linear-gradient(top, #787878 0%,#797979 50%, #5B5B5B 51%, #8C8C8C 100%);	/* Webkit系 */
	background: -moz-linear-gradient(top, #787878 0%,#797979 50%, #5B5B5B 51%, #8C8C8C 100%);	/* Mozilla系 */
	background: linear-gradient(to bottom, #787878 0%,#797979 50%, #5B5B5B 51%, #8C8C8C 100%);		/* IE10+ */
	background: -o-linear-gradient(top, #787878 0%,#797979 50%, #5B5B5B 51%, #8C8C8C 100%);/* Opera 11.10+ */
	border: 1px solid #DDD;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0;
	margin: 5px 10px;
	display: block;
}

/*====================================================
サブメニュー
====================================================*/
.menu-link-block {
	width:445px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.menu-link-block650 {
	width:650px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/*-------------------------------------------------
	 (1行に1リンクタイプ）
-------------------------------------------------*/
.menu-link:link {
	font-size: 14px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	text-align: left;
	background: #ffffff;
	border: 1px solid #9999ff;
	font-weight: lighter;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 8px;
	padding-left: 10px;
	width: 420px;
	height: 23px
}

.menu-link:visited {
	font-size: 14px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	text-align: left;
	background: #ffffff;
	border: 1px solid #9999ff;
	font-weight: lighter;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-left: 10px;
	width: 420px;
	height: 23px;
}

.menu-link:hover {
	background-position:0 -30px;
	color:#FF0000;
}
.menu-link_waku{
	color: #000000;
//	background-color: #CBE163;
	font-size:13px;
	padding: 5px;
//	border-bottom:1px solid #B0C4D3;
//	border-right:1px solid #B0C4D3 ;
}

/*-------------------------------------------------
	 (1行に複数リンクタイプ）
-------------------------------------------------*/
.menu-link-colum {
	font-size: 14px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #ffffff;
	border: 1px solid #9999ff;
	font-weight: lighter;
	text-decoration: none;
	margin: 0 20px;
	padding-top: 4px;
	width: 175px;
	height: 23px;
	float:left;
}
.menu-link-colum-large {
	font-size: 13px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #ffffff;
	border: 1px solid #9999ff;
	font-weight: lighter;
	text-decoration: none;
	margin: 0 4px;
	padding-top: 4px;
	width: 350px;
	height: 23px;
	float:left;
}
.menu-link-colum-mini {
	font-size: 13px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	text-align: center;
	background: #ffffff;
	border: 1px solid #9999ff;
	font-weight: lighter;
	text-decoration: none;
	margin: 0 4px;
	padding-top: 4px;
	width: 40px;
	height: 23px;
	float:left;
}

.menu-link-colum:link , .menu-link-colum-mini:link , .menu-link-colum-large:link {
	padding-top: 8px;
}

.menu-link-colum:hover , .menu-link-colum-mini:hover , .menu-link-colum-large:hover {
	color:#FF0000;
}
.menu-link-colum_waku{
	width: 100%;
	overflow: hidden;
	position: relative;
	color: #000000;
	background-color: #CBE163;
	font-size:13px;
	padding: 5px;
	border-bottom:1px solid #B0C4D3;
	border-right:1px solid #B0C4D3 ;
}

.menu-colum {
	font-size: 14px;
	text-align: left;
	margin: 0 20px;
	padding-top: 4px;
	width: 195px;
	height: 23px;
	float:left;
}

/*====================================================
	ページナビ
====================================================*/
.page_navi {
	font-size: 12px;
	color: #ff0000;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 16px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	/*background: #eeeecc;*/
}
.page_navi span{
	margin-left: 5px;
	margin-right: 5px;
}
.page_navi .no_link {
	color: #FF8888;
}
.page_navi a {
	color: #FF00FF;
	text-decoration: none;
}
.page_navi a:hover {
	color: #8800FF;
}

.page_navi .page_num {
	width: 3em;
	text-align: center;
	ime-mode:disabled;	/* IEのみ有効 */
}

.page_navi .jump_button {
	background: -webkit-linear-gradient(top, #58B7E7 0%,#59B7E8 50%, #3BAAE3 51%, #6CBFEA 100%);	/* Webkit系 */
	background: -moz-linear-gradient(top, #58B7E7 0%,#59B7E8 50%, #3BAAE3 51%, #6CBFEA 100%);	/* Mozilla系 */
	background: linear-gradient(to bottom, #58B7E7 0%,#59B7E8 50%, #3BAAE3 51%, #6CBFEA 100%);		/* IE10+ */
	background: -o-linear-gradient(top, #58B7E7 0%,#59B7E8 50%, #3BAAE3 51%, #6CBFEA 100%);/* Opera 11.10+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#80CCE6', endColorstr='#59B7E8', GradientType=0)"; /* IE8-9 */
	border: 1px solid #3DABE4;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 5px;
	cursor : pointer;
}

/*====================================================
	MAIN
====================================================*/


/*====================================================
	ORDER
====================================================*/

button.btn_cart_in {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px;
	font-size: 12px;
	cursor: pointer;
}

.suji{
	ime-mode:disabled;
	text-align: right;
}
.eisu {
	ime-mode: disabled;
	text-align: left;
}
.kana {
	ime-mode: active;
	text-align: left;
}
.ime {
	ime-mode: inactive;
	text-align: left;
}


/*====================================================
	ページ共通 class指定
====================================================*/
/* コメント */
.comment {
	color:#1A33A4;
}
/* エラーメッセージ */
.error_msg {
	color:#FF0000;
}
/* 注意事項 */
.caution_msg {
	color:#CC3300;
	text-decoration: underline;
	font-weight: bolder;
}

/* 脚注 */
.footnote_msg {
	color:#72AE01;
	font-size: 12px;
	line-height: 1.4em;
	font-weight: bolder;
	padding: 2px 0px 5px 0px;
	text-align: left;
}

.line01{	/* line02とセットで利用。行色を交互に出すなど 背景色 */
	background: #99B199;
}

.line02{	/* line01とセットで利用。行色を交互に出すなど 背景色 */
	background: #B1D0B1;
}
/* 自動的に偶数行と奇数行の色を変更 tableタグにline_autocolor のclass宣言 */
.line_autocolor tr:nth-child(2n+1) {
	background: #99B199;
}
.line_autocolor tr:nth-child(2n) {
	background: #B1D0B1;
}
.line_newdata {		/* 新しいデータを他と識別するための色 */
	background: #FAEC01 !important;
}

.disp_off{	/* 無効 非表示などの背景色 薄め */
	background: #d3d3d3 !important;
}
.disp_off_dark{	/* 無効 非表示などの背景色 濃いめ */
	background: #c0c0c0 !important;
}
.line_err {		/* エラー時用背景色 強め （赤）*/
	background: #CD0A0A;
	color: #FFFFFF
}
.line_alert {		/* エラー時用背景色 注意喚起レベル （黄色）*/
	background: #FFF2A0;
	color: #000000
}

.td_gray {		/* 色分け用背景色　グレー */
	background: #d3d3d3;
}
.td_green {		/* 色分け用背景色　緑色 66FFCC*/
	background: #d5f9b6;
}
.td_momoiro {		/* 色分け用背景色　薄いピンク（休日） */
	background: #FFCCCC !important;;
}
.td_orange {		/* 色分け用背景色　オレンジ */
	background: #fae29b;
}

.bgc_gray {		/* 色分け用背景色　グレー */
	background: #d3d3d3;
}
.bgc_green {		/* 色分け用背景色　緑色 66FFCC*/
	background: #d5f9b6;
}
.bgc_momoiro {		/* 色分け用背景色　薄いピンク（休日） */
	background: #FFCCCC;
}
.bgc_orange {		/* 色分け用背景色　オレンジ */
	background: #fae29b;
}
.bgc_blue {		/* 色分け用背景色　薄いブルー */
	background: #9DC3E6;
}
.bgc_usu_orange {	/* 色分け用背景色　薄オレンジ */
	background: #FFF2CC;
}
.bgc_lemon {		/* 色分け用背景色　レモン色 */
	background: #FFFF99;
}
.bgc_rightgreen {		/* 色分け用背景色　明るい緑色 */
	background: #CCFFCC;
}
.bgc_white {		/* 色分け用背景色　白 */
	background: #FFFFFF;
}
.bgc_black {		/* 色分け用背景色　黒 */
	background: #000000;
}

.bgc_green2 {		/* 色分け用背景色　濃い緑色の交互表示用 */
	background: #006600 !important;
}


.waku_trbl {
	border: solid 1px #003D00;
}
.waku_tb {
	border-top: solid 1px #003D00;
	border-bottm: solid 1px #003D00;
}
.waku_lr {
	border-left: solid 1px #003D00;
	border-right: solid 1px #003D00;
}
.waku_t {
	border-top: solid 1px #003D00;
}
.waku_b {
	border-bottm: solid 1px #003D00;
}
.waku_l {
	border-left: solid 1px #003D00;
}
.waku_r {
	border-right: solid 1px #003D00;
}

.font20 {
	font-size: 20px;
	line-height:2.0em;
}

.font15 {
	font-size: 15px;
	line-height:1.9em;
}
.font13 {
	font-size: 13px;
	line-height:1.9em;
}

.bgcolor_title {
	background: #006EDA;
	color: #FFFFFF;
	margin: 1px;
	padding: 1px;
}
.bgcolor_val {
	background: #FFFFCC;
	color: #000000;
	margin: 1px;
	padding: 1px;
}

.td_command {		/* td内 ボタンエリア用背景色、センタリング配置 */
	background: #FFFFFF !important;
	vertical-align: middle;
	text-align: center !important;
	min-height: 30px;
	margin: 2px;
}

.txt_img, .va_middle {
	vertical-align: middle !important;
}

.va_top {
	vertical-align: top !important;
}

.form_submit {		/* submit用 マウスカーソル指定 */
	cursor: pointer;
	padding-top: 2px;
}

.center {
	text-align: center !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}

.cursor-pointer {
	cursor : pointer
}
.cursor-pointer:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter:"alpha( opacity=80 )";
}

.no-disp-must {
	display : none !important;
}

.no-disp {	/* !importantをつけるとjsでのshow()が効かないため*/
	display : none;
}

.datepicker {
	width: 90px;
}

.light_caption_waku {
	font-weight: bolder;
	padding-top: 2px;
	padding-left: 3px;
	padding-bottom: 2px;
	margin-top: 20px;
	margin-bottom: 10px;
	border:solid 1px #003D00;
	background-color:#006400;
	color: #FFFFFF;
}

/* buttonタグ 場所をとらないようpaddingが少ないもの */
.button_mini {
	padding: 1px 3px;
	font-weight: normal;
	margin: 1px;
}

/* アイコンサイズ */
.icon_detail {
	width: 32px;
}
.icon_mini {
	width: 20px;
	padding-left: 2px;
	padding-right:2px;
	vertical-align: middle;
}
.icon_detail:hover, .icon_mini:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter:"alpha( opacity=80 )";
	cursor : pointer
}
/* マイナスを赤く出す用 */
.minus { color: red !important; }

/*====================================================
	幅指定関連
====================================================*/
.panel500  {	/* 幅500pxの背景色付パネル 中央 */
	width: 500px;
	background: #B1D0B1;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.panel700  {	/* 幅700pxの背景色付パネル */
	width: 700px;
	background: #B1D0B1;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.panel800  {	/* 幅800pxの背景色付パネル */
	width: 800px;
	background: #B1D0B1;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.panel1000  {	/* 幅500pxの背景色付パネル */
	width: 1000px;
	background: #B1D0B1;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.panel1000 .memo, .panel800 .memo, .panel700 .memo, .panel500 .memo {
	font-weight: bolder;
	font-size: 12px;
	text-align: left;
	line-height:1.3em;
	color: #E63F39;
	padding-top: 4px;
}
.panel1000 .panel_head, .panel800 .panel_head, .panel700 .panel_head, .panel500 .panel_head {
	background: #2C7FB4;
	color: #FFFFFF;
	margin: -10px -10px 20px -10px;
	padding: 5px;
	width: 100%+20px;
}

.panel500white  {	/* 幅500pxの背景白パネル 中央 */
	width: 500px;
	background: #FFFFFF;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}
.panel500 ol,.panel700 ol,.panel800 ol, .panel500white ol {
	list-style-type: decimal;
	text-align: left;
	margin-left: 25px;
	margin-right: 20px;
	margin-bottom: 40px;
}
.panel500 li,.panel700 li,.panel800 li, .panel500white li {
	font-weight: bolder;
	padding-top: 2px;
	padding-left: 3px;
	padding-bottom: 2px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom:solid 1px #0052D6;
	border-left:solid 3px #0052D6;
	background-color:#73CFF5;
}

.wide100p  {	/* 幅を100%にする */
	width: 100%;
}
.wide98p  {	/* 幅を98%にする */
	width: 98%;
}
.wide90p  {	/* 幅を90%にする */
	width: 90%;
}
.wide50p  {	/* 幅を50%にする */
	width: 50%;
}
.wide30px  {	/* 幅を30pxにする */
	width: 30px !important;
}
.wide40px  {	/* 幅を40pxにする */
	width: 40px !important;
}
.wide50px  {	/* 幅を50pxにする */
	width: 50px !important;
}
.wide60px  {	/* 幅を60pxにする */
	width: 60px !important;
}
.wide70px  {	/* 幅を70pxにする */
	width: 70px !important;
}
.wide80px  {	/* 幅を80pxにする */
	width: 80px !important;
}
.wide90px  {	/* 幅を90pxにする */
	width: 90px !important;
}
.wide100px  {	/* 幅を100pxにする */
	width: 100px !important;
}
.wide120px  {	/* 幅を120pxにする */
	width: 120px !important;
}
.wide130px  {	/* 幅を130pxにする */
	width: 130px !important;
}
.wide150px  {	/* 幅を150pxにする */
	width: 150px !important;
}
.wide180px  {	/* 幅を180pxにする */
	width: 180px !important;
}
.wide200px  {	/* 幅を200pxにする */
	width: 200px !important;
}
.wide210px  {	/* 幅を210pxにする */
	width: 210px !important;
}
.wide230px  {	/* 幅を230pxにする */
	width: 230px !important;
}
.wide250px  {	/* 幅を250pxにする */
	width: 250px !important;
}
.wide290px  {	/* 幅を290pxにする */
	width: 290px !important;
}
.wide300px  {	/* 幅を300pxにする */
	width: 300px !important;
}
.wide320px  {	/* 幅を320pxにする */
	width: 320px !important;
}
.wide340px  {	/* 幅を340pxにする */
	width: 340px !important;
}
.wide400px  {	/* 幅を400pxにする */
	width: 400px !important;
}
.wide500px  {	/* 幅を500pxにする */
	width: 500px !important;
}
.wide550px  {	/* 幅を550pxにする */
	width: 550px !important;
}
.wide600px  {	/* 幅を600pxにする */
	width: 600px !important;
}
.wide700px  {	/* 幅を700pxにする */
	width: 700px !important;
}
.wide750px  {	/* 幅を750pxにする */
	width: 750px !important;
}
.wide800px  {	/* 幅を800pxにする */
	width: 800px !important;
}
.wide850px  {	/* 幅を850pxにする */
	width: 850px !important;
}
.wide1000px  {	/* 幅を1000pxにする */
	width: 1000px;
}
.wide1200px  {	/* 幅を1200pxにする */
	width: 1200px;
}
.in_hincode_w  {	/* 幅を品目コード（半角10文字）がちょうどの幅85pxにする */
	width: 85px !important;
}
.center-wide330px  {	/* 幅を330pxにしてcenterにそろえる */
	width: 330px;
	margin-left: auto;
	margin-right: auto;
}
.center-wide500px  {	/* 幅を500pxにしてcenterにそろえる */
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.center-wide660px  {	/* 幅を660pxにしてcenterにそろえる */
	width: 660px;
	margin-left: auto;
	margin-right: auto;
}
.center-wide1000px  {	/* 幅を1000pxにしてcenterにそろえる */
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.center-wide1250px  {	/* 幅を1250pxにしてcenterにそろえる */
	width: 1250px;
	margin-left: auto;
	margin-right: auto;
}

.float_left {	/* divを横並びに宣言 解除時は clear を指定する*/
	float: left;
}
.float_right {	/* divを横並びに宣言 解除時は clear を指定する*/
	float: right;
}
.clear {	/* フロート 解除*/
	clear: both !important;
}


/*====================================================
	form
====================================================*/

/* 上位のDIVでのwidthに対しての98%のサイズ */
button.button98 {
	width: 98%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px;
	font-size: 14px;
	cursor: pointer;
}
button.button48 {
	width: 48%;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px;
	font-size: 14px;
	cursor: pointer;
}

input[type="text"].suji , input[type="tel"].suji {
	width: 5em;
	text-align: right;
	ime-mode:disabled;	/* IEのみ有効 */
}
input[type="text"].suryo, input[type="tel"].suryo {
	width: 3em;
	text-align: right;
	ime-mode:disabled;	/* IEのみ有効 */
}
input[type="text"].textdate, input[type="tel"].textdate {
	width: 6em;
	text-align: center;
}
input[type="text"].text5, input[type="tel"].text5, input[type="url"].text5, input[type="password"].text5, textarea.text5 {
	width: 4em;
}
input[type="text"].text10, input[type="tel"].text10, input[type="url"].text10, input[type="password"].text10, textarea.text10 {
	width: 8em;
}
input[type="text"].text20, input[type="tel"].text20, input[type="url"].text20, input[type="password"].text20, input[type="file"].text20, textarea.text20 {
	width: 16em;
}
input[type="text"].text30, input[type="tel"].text30, input[type="url"].text30, input[type="email"].text30, input[type="password"].text30, input[type="file"].text30, textarea.text30 {
	width: 24em;
}
input[type="text"].text50 , input[type="tel"].text50, input[type="url"].text50, input[type="email"].text50, input[type="password"].text50, input[type="file"].text50, textarea.text50  {
	width: 40em;
}

.winclose_button {
	font-size: 12px;
	padding: 3px 6px;
	margin: -30px 0 0 0;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 2px;	/* 文字間隔を増やす */
	cursor: pointer;
}
/*====================================================
	table
====================================================*/
/* 検索用のテーブル */
.table_search tr {
	min-height: 28px;
}
.table_search th {
	min-width: 100px;
	padding: 3px;
	vertical-align: middle;
	background: #199F95;
	color: #FFFFFF;
	text-align: right;
}
.table_search td {
	min-width: 110px;
	padding: 3px;
	vertical-align: middle;
	background: #F1F7EE;
	text-align: left;
}

/* 編集用のテーブル */
.table_form tr {
	min-height: 28px;
}
.table_form th {
	width: 140px;
	padding: 3px 3px 6px 3px;
	vertical-align: middle;
	background: #003D00;
	color: #FFFFFF;
	text-align: right;
}
.table_form td {
	padding: 3px;
	vertical-align: middle;
	background: #B1D0B1;
	text-align: left;
}
.table_form td .list_button, .table_form th .list_button{
	font-size: 14px;
	padding: 5px 10px 5px 20px;
	margin: 1px 10px;
	font-weight: bold;
	line-height: 1.1em;
	letter-spacing: 0.7em;	/* 文字間隔を増やす */
	cursor: pointer;
}

/* リスト用のテーブル */
.table_list {
	margin: 10px auto;
}
.lefttable_list {
	margin: 10px 0 0;
}
.lefttable_list_mt0 {
	margin: 0 0;
}
.table_list th,.lefttable_list th ,.lefttable_list_mt0 th {
	padding: 2px 1px;
	vertical-align: middle;
	text-align: center;
	line-height:1.2em;
	background: #003D00;
	color: #FFFFFF;
}
.table_list td ,.lefttable_list td ,.lefttable_list_mt0 td {
	font-size: 13px;
	padding: 3px 1px;
	text-align: left;
	vertical-align: top;
	line-height:1.3em;
}
.table_list td .list_button ,.lefttable_list td .list_button ,.lefttable_list_mt0 td .list_button {
	font-size: 12px;
	padding: 3px 6px;
	margin: 0;
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 1px;	/* 文字間隔を増やす */
	cursor: pointer;
}
.table_list th .list_button ,.lefttable_list th .list_button,.lefttable_list_mt0 th .list_button {
	font-size: 13px;
	padding: 5px 10px;
	margin: 2px;
	font-weight: normal;
	line-height: 1.1em;
	letter-spacing: 4px;	/* 文字間隔を増やす */
	cursor: pointer;
}

/* 写真リスト用 div flortでテーブル化する */
.photo_tbl img {
	width: 220px;
	margin: 5px;
}
.photo_col {
	margin: 5px;
	float: left;
}

/* 通常サイズのラジオボタンとチェックボックス */
input[type="checkbox"].default, input[type="radio"].default {
	width: initial;
	height: initial;
}

/*====================================================
	LINK a tag
====================================================*/
a.dl_link {
	color: #AAAAAA;
	background: #034ACA;
	padding: 0 2px;
}

/*====================================================
	margin padding 上下左右それぞれ10刻みで10～40
====================================================*/
.mtm10 {
	margin-top: -10px;
}
.mt0 {
	margin-top: 0px;
}
.mt3 {
	margin-top: 3px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt45 {
	margin-top: 45px;
}
.mb0 {
	margin-bottom: 0px;
}
.mb3 {
	margin-bottom: 3px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.ml0 {
	margin-left: 0px;
}
.ml3 {
	margin-left: 3px;
}
.ml10 {
	margin-left: 10px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.mr0 {
	margin-right: 0px;
}
.mr3 {
	margin-right: 3px;
}
.mr10 {
	margin-right: 10px;
}
.mr20 {
	margin-right: 20px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.pt3 {
	padding-top: 3px;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pb3 {
	padding-bottom: 3px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pl3 {
	padding-left: 3px;
}
.pl10 {
	padding-left: 10px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pr3 {
	padding-right: 3px;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}
/*====================================================
自動で消えるメッセージの領域 function fadeOutMessage(message) とセットで使う
====================================================*/
#modalMsg {
	width: 250px;
	padding: 20px;
	font-size: 15px;
	/*height: 150px;*/
	position: fixed; /* viewpointを相対位置にする */
	border: 2px solid #888888;
	background-color: #E8E8E8;
	display: none; 
	z-index: 1  /* 「メインのHTML要素」(ディフォルトは0）よりもスタックレベルを高くする */
}