@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;
}

body {
/*	padding-top: 12px;*/
}

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


/* 一般的なbuttonのスタイル */
button {
	font-size: 14px;
	padding: 5px;
	margin: 5px;
	color: #000;
	font-weight: bold;
	line-height: 1.1em;
	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;	/* 枠色 太さ */
}

table.no_border, table.no_border th,table.no_border tr ,table.no_border td {
	border: 0;
}

#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用 */
}

.shime_info{
	font-size: 16px;
	font-weight: bold;
}

/*====================================================
	リクエストエリア(条件指定など) (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;
}



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

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


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

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

.suji{
	text-align: right;
}
.eisu {
	text-align: left;
}
.kana {
	text-align: left;
}
.ime {
	text-align: left;
}


/*====================================================
	ページ共通 class指定
====================================================*/
/* コメント */
.comment {
	color:#1A33A4;
}
/* エラーメッセージ */
.error_msg {
	color:#FF0000;
}
.error_msg11 {
	color:#FF0000;
	font-size: 11px;
	font-weight: bolder;
}
.error_msg15 {
	color:#FF0000;
	font-size: 15px;
	font-weight: bolder;
}
/* 注意事項 */
.caution_msg {
	color:#FF0000;
	font-weight: bolder;
	font-size:14px;
}

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

/* 太字 */
.hutoji {
	font-weight: bold;
}


.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;
}
/* 自動的に偶数行と奇数行の色を変更 tableタグにline_autocolor12 のclass宣言 */
.line_autocolor12 tr:nth-child(2n+1) {
	background-color: #FFFFCC;/*#FAEBD7;*/
	font-size: 14px;
}
.line_autocolor12 tr:nth-child(2n) {
	background-color:#CDCDFF; /* #FFFFFF;*/
	font-size: 14px;
}
.line_current {	/* 現在行を示す色 */ 
	background-color:#AFEEEE !important;
}
.line_current .fc ,.remind .fc {	/* 現在行かつフォーカスが来たとき */ 
		background-color:#FFFFCC !important;
}
.line_newdata {		/* 新しいデータを他と識別するための色 */
	background: #FAEC01 !important;
}

.disp_off{	/* 無効 非表示などの背景色 薄め */
	background: #d3d3d3 !important;
}
.disp_off_dark{	/* 無効 非表示などの背景色 濃いめ */
	background: #c0c0c0 !important;
}
.line_err {		/* エラー時用背景色 強め （赤）*/
	background: #ff0000;
	/*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 !important;
}
.bgc_dgray {		/* 色分け用背景色　グレー */
	background: #aaaaaa !important;
}
.bgc_green {		/* 色分け用背景色　緑色 66FFCC*/
	background: #d5f9b6;
}
.bgc_momoiro {		/* 色分け用背景色　薄いピンク（休日） */
	background: #FFCCCC !important;
}
.bgc_orange {		/* 色分け用背景色　オレンジ */
	background: #fae29b;
}
.bgc_blue {		/* 色分け用背景色　薄いブルー */
	background: #9DC3E6;
}
.bgc_aqua {		/* 色分け用背景色　薄い水色 */
	background: #e0ffff !important;
}
.bgc_usu_orange {	/* 色分け用背景色　薄オレンジ */
	background: #FFF2CC !important;
}
.bgc_lemon {		/* 色分け用背景色　レモン色 */
	background: #FFFF99 !important;
}
.bgc_rightgreen {		/* 色分け用背景色　明るい緑色 */
	background: #CCFFCC;
}
.bgc_white {		/* 色分け用背景色　白 */
	background: #FFFFFF;
}
.bgc_black {		/* 色分け用背景色　黒 */
	background: #000000;
}
.bgc_dblue {		/* 色分け用背景色　濃青 */
	background: #0a61b1;
	color: #FFFFFF
}
.bgc_dorange {		/* 色分け用背景色　濃オレンジ */
	background: #ba8d0a;
	color: #FFFFFF
}

.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;
}
.center-auto {
	text-align: center !important;
	margin-left: auto;
	margin-right: auto;
}
.right-auto {
	text-align: right !important;
	margin-left: auto;
}
.center-auto-free {
	margin-left: auto;
	margin-right: auto;
}

.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,.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%;
}
.wide80p  {	/* 幅を80%にする */
	width: 80%;
}
.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;
}
.wide650px  {	/* 幅を650pxにする */
	width: 650px !important;
}
.wide700px  {	/* 幅を700pxにする */
	width: 700px !important;
}
.wide750px  {	/* 幅を750pxにする */
	width: 750px !important;
}
.wide800px  {	/* 幅を800pxにする */
	width: 800px !important;
}
.wide850px  {	/* 幅を850pxにする */
	width: 850px !important;
}
.wide900px  {	/* 幅を900pxにする */
	width: 900px !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;
}

// テキストエリアなどの高さ
.height5ln {
	height: 5rem;
	line-height: 1.0rem;
}
.height8ln {
	height: 8rem;
	line-height: 1.0rem;
}

/*====================================================
	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, button.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 !important;
}
.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 !important;
}
.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;
}

.p5 {
	padding: 5px;
}

.pt3 {
	padding-top: 3px;
}
.p0 {
	padding: 0 !important;
}
.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;
}


.va_middle {
	vertical-align: middle !important;
}
/*====================================================
ソートアイコンをテーブルのカラム内に設置する
====================================================*/
.sort_ctr {	/*ソートアイコンを配置するth td内に置く */
	cursor: pointer;
	position: relative;
	padding-left: 15px;
}
.sort_ctr::before, .sort_ctr::after {
	content: "";
	height: 10px;
	width: 1px;
	position: absolute;
	border: 10px solid transparent;
	left: 1px;
}
.sort_ctr::before {
	top: -7%;
}
.sort_ctr::after {
	top: 48%;
}
.sort_ctr::before {
	border-bottom-color: #aaa;
	margin-top: -10px;
}
.sort_ctr::after {
	border-top-color: #aaa;
	margin-top: 2px;
}
.sort_ctr.asc::before {
	border-bottom-color: #444;
}
.sort_ctr.desc::after {
	border-top-color: #444;
}

/*====================================================
自動で消えるメッセージの領域 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）よりもスタックレベルを高くする */
}