/***************************************************/
/*　各要素の初期化　*/
/***************************************************/


html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
zoom: 1;
color: #333333;
}

img, body, html {
border: 0 none;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-size: normal;
font-weight: normal;
}

ol, ul {
list-style: none outside none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

q:before, q:after {
content: "";
}

body, td, th, input, textarea {
font-size: 12px;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
line-height: 1.6em;
}

select {
font-size: 14px;
}

@media(max-width: 1023px){
	
	body, td, th, select, input, textarea {
	
	}
}

@media(max-width: 639px){
	
	body, td, th, select, input, textarea {
	font-size: 14px;
    max-width: 100%;
	}
}

img {
vertical-align: middle;
}

a {
color: #000000;
text-decoration: underline;
cursor:pointer;
}

a:hover {
color: #000000;
text-decoration: underline;
}

.display_block {
display: block !important;
}

.display_inline {
display: inline !important;
}

.display_inline-block {
display: inline-block !important;
/display: inline;
/zoom: 1;
}

.display_table {
display: table !important;
}

.display_none {
display: none !important;
}

/*　最新のClearfix　親要素に対してこのクラス名を付ける　*/
.clearfix {
/zoom: 1;
_height: 1%;

}

.clearfix:after {
content: '';
display: block;
clear: both;
height: 0px;
}

/*　古いClearfix
.clearfix {
overflow: hidden;
}
*/


/* formデザイン */

.form_design1 th {
color: #ffffff;
font-weight: 100;
padding: 0 1em;
text-align: left;
vertical-align: middle;
box-shadow: 0px 2px 3px 0px #001f36;
background-color: #F93;
width: 1%;
white-space: nowrap;
}

.form_design1 td {
border-bottom: 1px dotted #4d4d4d;
color: #666666;
padding: 7px 7px 7px 25px;
text-align: left;
vertical-align: middle;
}

@media(max-width: 639px){/*iPhoneの場合*/
	
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
border: 0 none;
color: #ffffff;
border-radius: 4px;
padding: 7px;
font-weight: 100;
background-image: url(../images/default/btn_back.png);
background-repeat: repeat-x;
display: inline-block;
vertical-align: middle;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
cursor:pointer;
background-image: url(../images/default/btn_back.png);
}

input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
background-position: center -40px;
}

input[type="text"],
input[type="password"] {
padding: 2px 3px;
border: 1px solid #c3bfb8;
border-radius: 3px;
background-image: url(../images/text-bg.gif);
background-repeat: repeat-x;
max-width: 100%;
box-sizing: border-box;
}

textarea {
padding: 7px;
border: 1px solid #c3bfb8;
border-radius: 3px;
background-image: url(../images/text-bg.gif);
background-repeat: repeat-x;
}



/***************************************************/
/*　各ブロック　*/
/***************************************************/


#wrapper {
margin: 0 auto;
width: auto;
}

#header{
margin: 0 auto;
position: fixed;
width: 100%;
z-index: 10000;
}

@media(max-width: 1023px){
	
	#header {
	
	}
}

@media(max-width: 639px){
	
	#header {
	position: static;
	width: auto;
	}
}


#header_top {
width: 900px;
margin: 0 auto;
position: relative;
}

@media(max-width: 1023px){
	
	#header_top {
	width: 700px;
	}
}

@media(max-width: 639px){
	
	#header_top {
	width: auto;
	height: auto;
	}
}


#header_bottom {
height: 30px;
width: auto;
box-shadow: 0px 2px 7px 0px #000000;
color: #373737;
background-color: #c3bfb8;
}

@media(max-width: 1023px){
	
	#header_bottom {

	}
}

@media(max-width: 639px){
	
	#header_bottom {
	display: block;
	height: auto;
	box-shadow: none;
	}
}


h1 {
font-size: 21px;
color: #ffffff;
font-weight: 100;
line-height: 40px;
display: inline-block;
}

@media(max-width: 1023px){
	
	h1 {
	
	}
}

@media(max-width: 639px){
	
	h1 {
	margin: 0 10px;
	line-height: 50px;
	}
}


#header_top h1 a {
color: #ffffff;
text-decoration: none;
}

h2 {
font-size: 17px;
border-bottom: 1px dotted #4D4D4D;
padding: 10px 0px;
}

h4 {
padding: 4px;
font-weight: bold;
}

#discription {
margin: 7px 0px;
}

#log {
position: absolute;
bottom: 0px;
right: 0px;
line-height: 40px;
text-align: right;
padding: 0 10px;
}

@media(max-width: 1023px){
	
	#log {
	
	}
}

@media(max-width: 639px){
	
	#log {
	display: none;
	position: static;
	background-color: #c3bfb8;
	border-bottom: 1px solid #595959;
	}
}


#logout_button {
vertical-align: middle;
padding: 3px 7px;
background-position: center -8px;
background-repeat: repeat;
}

#logout_button:active {
background-position: center -40px;
}

#log #user_name {
color: #ffffff;
vertical-align: middle;
margin-right: 1em;
}

#log #my_st_level {
vertical-align: middle;
margin-right: 0.5em;
border: 1px solid #ffffff;
display: inline-block;
height: 1.2em;
line-height: 1.3em;
width: 1.2em;
text-align: center;
font-size: x-small;
color: #ffffff;
}

@media(max-width: 1023px){
	
	#log #user_name {
	
	}
}

@media(max-width: 639px){
	
	#log #user_name {
	color: #4d4d4d;
	}
}


#header_bottom_inner {
width: 930px;
margin: 0 auto;
position: relative;
height: 30px;
/*overflow: hidden;*/
background-color: rgba(195,191,184,0.0);
}

@media(max-width: 1023px){
	
	#header_bottom_inner {
	width: 700px;
	}
}

@media(max-width: 639px){
	
	#header_bottom_inner {
	width: auto;
	height: 0px;
    overflow: hidden;
	}
}


#header_bottom_inner.view {
height: auto;
}

#header_bottom_inner.view.hidden {
height: 30px;
}

#main_menu {
width: auto;
margin: 0 15px;
position: relative;
line-height: 30px;
}

@media(max-width: 1023px){
	
	#main_menu {
	
	}
}

@media(max-width: 639px){
	
	#main_menu {
	display: none;
	width: auto;
	}
}


#main_menu li.main_menu_head {
display: inline-block;
width: 160px;
font-size: 15px;
}

#sma_menu {
display: none;
position: absolute;
top: 0px;
right: 0px;
width: 50px;
height: 50px;
background-image: url(../images/default/sma_menu.png);
background-repeat: no-repeat;
background-size: contain;
}

@media(max-width: 1023px){
	
	#sma_menu {
	
	}
}

@media(max-width: 639px){
	
	#sma_menu {
	display: block;
	}
}


#main_menu_over {
top: 0px;
left: -10px;
width: auto;
color: #ffffff;
/*background-image: url(../images/default/black70.png);*/
zoom:1;
padding: 0 10px 10px 10px;
display: block;
position: relative;
}

@media(max-width: 1023px){
	
	#main_menu_over {
	
	}
}

@media(max-width: 639px){
	
	#main_menu_over {
	position: static;
	background-image: none;
	background-color: #c3bfb8;
	width: auto;
	padding: 0px;
	}
}

#main_menu_over > li{
display: none;
}
#main_menu_over > li.view{
display: block;
}

@media(min-width: 640px){

    #main_menu_over > li{
    margin-top: -1px;
    }
    #main_menu_over > li:nth-child(2){
    margin-left: 160px;
    }
    #main_menu_over > li:nth-child(3){
    margin-left: 320px;
    }
}
#main_menu_over li a {
display: block;
padding: 5px 10px;
box-sizing: border-box;
color: #ffffff;
line-height: 30px;
}

@media(max-width: 1023px){
	
	#main_menu_over li a {
	
	}
}

@media(max-width: 639px){

    #main_menu_over > li{
    display: block;
    background: none;
    }
	#main_menu_over li a {
	display: block;
	margin: 0px;
	padding: 0px;
	border: 1px solid #4D4D4D;
	line-height: normal;
	height: 40px;
	line-height: 40px;
	color: #000000;
	text-shadow: 0px 1px 0px #ffffff;;
	}
	
	#main_menu_over li a:hover {
	text-decoration: none;
	color: #000000;
	}
}

#main_menu_over li a:hover {
background-image: url(../images/default/white20.png);
}

#main_menu_over_close_btn {
position: absolute;
top: 40px;
right: 10px;
display: block;
}

@media(max-width: 1023px){
	
	#main_menu_over_close_btn {
	
	}
}

@media(max-width: 639px){
	
	#main_menu_over_close_btn {
	display: none;
	}
}


.sma_close_btn {
width: 30px !important;
height: 30px !important;
background-image: url(../images/default/sma_close_btn.png) !important;
background-size: contain !important;
}

.sma_close_btn:hover {
cursor: pointer;
}

.main_menu_cols {
width: 160px;
color: #ffffff;
display: inline-block;
vertical-align: top;
    
background-image: url(../images/default/black70.png);
}

@media(max-width: 1023px){
	
	.main_menu_cols {
	
	}
}

@media(max-width: 639px){
	
	.main_menu_cols {
	display: block;
	width: auto;
	padding: 10px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #595959;
	}
}

.main_menu_cols_head {
color: #ffffff;
font-size: 15px;
font-weight: normal;
margin-bottom: 10px;
display: none;
}

@media(max-width: 1023px){
	
	.main_menu_cols_head {
	
	}
}

@media(max-width: 639px){
	
	.main_menu_cols_head {
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #4d4d4d;
	font-weight: bold;
	}
}


.main_menu_cols li {

}

@media(max-width: 1023px){
	
	.main_menu_cols li {
	
	}
}

@media(max-width: 639px){
	
	.main_menu_cols li {
	float: left;
	display: block;
	vertical-align: middle;
	width: 49%;
	margin-left: 49%;
	margin: -1px 0px 0px -1px;
	text-align: center;
	padding: 0px;
	background-image: url(../images/default/sma_btn_back.png);
	background-repeat: repeat-x;
	background-position: center center;
	}
}


#main {
position: relative;
top: 70px;
margin: auto;
min-height: 600px;
height: auto !important;
height: 600px;
padding: 10px 10px 10px 10px;
width: 900px;
}

@media(max-width: 1023px){
	
	#main {
	width: auto;
	}
}

@media(max-width: 639px){
	
	#main {
	width: auto;
	position: static;
	}
}


/*　ボックスのテーブルデザイン　*/

.table_design1 {
border-collapse: collapse;
width: 100%;
background-color: #ffffff;
border: #4d4d4d 1px solid;
display: table;
table-layout: fixed;
}

.table_design1 .tr {
display: table-row;
}

.table_design1 .caption {
display: table-caption;
text-align: left;
padding:4px 5px;
border-left: 5px #4d4d4d solid;
font-size: 16px;
margin-bottom: 5px;
}

@media(max-width: 639px){
	
	.table_design1 .caption {
	display:block;
	}
}


.table_design1 .th {
display: table-cell;
border: 1px #000000 dotted;
font-weight: 100;
color: #ffffff;
text-align: left;
padding: 4px 5px;
white-space: nowrap;
vertical-align: middle;
}

.table_design1.form .th {
width: 160px;
}

.table_design1 .td {
display: table-cell;
text-align: left;
padding: 3px;
border: 1px #4d4d4d dotted;
vertical-align: middle;
}

@media(max-width: 639px){
	.table_design1 .td{
		border: 0px none;
	}
}
.tr.odd {
background-color: #ffffff;
}

.tr.even {
background-color: #f4f4f4;
}

.table_design1 .td textarea {
width: 100%;
margin: 0px;
padding: 0px;
border: 1px solid #c3bfb8;
}



/*　基本テーブルデザイン　*/

table.design1 {
border-collapse: collapse;
width: 100%;
background-color: #ffffff;
border: #4d4d4d 1px solid;
}

table.design1 th {
border: 1px #000000 dotted;
font-weight: 100;
/background-image: url(../images/bg_td01.gif);
/background-position: 0px -1px;
color: #ffffff;
text-align: left;
padding: 4px 3px;
padding-left: 6px;
white-space: nowrap;
}

table.design1 td {
text-align: left;
padding: 4px 3px;
border: 1px #4d4d4d dotted;
}

tr.odd {
background-color: #ffffff;
}

tr.even {
background-color: #f4f4f4;
}




/*　レイアウト用テーブルデザイン　*/

table.layout {
border-collapse: collapse;
border: 0 none;
margin: 0px;
padding: 0px;
}

table.layout > tbody > tr > th {
border: 0 none;
margin: 0px;
padding: 0px;
}

table.layout > tbody > tr > td {
border: 0 none;
margin: 0px;
padding: 0px;
}


.btn_div {
text-align: center;
padding: 10px;
background-color: #ffffff;
}


/***************************************************/
/*　パーソナルカラー　*/
/***************************************************/

/*1*****************************/
body.p_color1 #header {
background-color: #F93;
}

body.p_color1 a {
color: #F93;
}

body.p_color1 h4 {
color: #ffffff;
background-color: #F93;
}

body.p_color1 h2 {
color: #F93;
}

body.p_color1 .form_design1 th {
background-color: #F93;
box-shadow: 0px 2px 3px 0px #F93;
}

body.p_color1 input[type="button"],
body.p_color1 input[type="submit"],
body.p_color1 input[type="reset"] {
background-color: #F93;
}

body.p_color1 .design1 th {
background-color: #F93;
}

body.p_color1 .table_design1 .th {
background-color: #F93;
}

body.p_color1 .table_design1 .caption {
color: #F93;
border-left: 5px #F93 solid;
}

body.p_color1 .p_color {
color: #F93;
}

body.p_color1 .suplybtn {
background-color: #F93;
}

/*
body.p_color1 #suplybtn {
background-color: #F93;
}
*/


/*スライダー　ボタン色*/
body.p_color1 .slick-dots li.slick-active button{
    background-color: #F93;
}
/*2*****************************/
body.p_color2 #header {
background-color: #62003c;
}

body.p_color2 a {
color: #62003c;
}

body.p_color2 h4 {
color: #ffffff;
background-color: #62003c;
}

body.p_color2 h2 {
color: #62003c;
}

body.p_color2 .form_design1 th {
background-color: #62003c;
box-shadow: 0px 2px 3px 0px #62003c;
}

body.p_color2 input[type="button"],
body.p_color2 input[type="submit"],
body.p_color2 input[type="reset"] {
background-color: #62003c;
}

body.p_color2 .design1 th {
background-color: #62003c;
}

body.p_color2 .table_design1 .th {
background-color: #62003c;
}

body.p_color2 .table_design1 .caption {
color: #62003c;
border-left: 5px #62003c solid;
}

body.p_color2 .p_color {
color: #62003c;
}

body.p_color2 .suplybtn {
background-color: #62003c;
}

/*
body.p_color2 #suplybtn {
background-color: #62003c;
}
*/

/*スライダー　ボタン色*/
body.p_color2 .slick-dots li.slick-active button{
    background-color: #62003c;
}


/*3*****************************/
body.p_color3 #header {
background-color: #690818;
}

body.p_color3 a {
color: #690818;
}

body.p_color3 h4 {
color: #ffffff;
background-color: #690818;
}

body.p_color3 h2 {
color: #690818;
}

body.p_color3 .form_design1 th {
background-color: #690818;
box-shadow: 0px 2px 3px 0px #690818;
}

body.p_color3 input[type="button"],
body.p_color3 input[type="submit"],
body.p_color3 input[type="reset"] {
background-color: #690818;
}

body.p_color3 .design1 th {
background-color: #690818;
}

body.p_color3 .table_design1 .th {
background-color: #690818;
}

body.p_color3 .table_design1 .caption {
color: #690818;
border-left: 5px #690818 solid;
}

body.p_color3 .p_color {
color: #690818;
}

body.p_color3 .suplybtn {
background-color: #690818;
}

/*
body.p_color3 #suplybtn {
background-color: #690818;
}
*/

/*スライダー　ボタン色*/
body.p_color3 .slick-dots li.slick-active button{
    background-color: #690818;
}



/*4*****************************/
body.p_color4 #header {
background-color: #1f0045;
}

body.p_color4 a {
color: #1f0045;
}

body.p_color4 h4 {
color: #ffffff;
background-color: #1f0045;
}

body.p_color4 h2 {
color: #1f0045;
}

body.p_color4 .form_design1 th {
background-color: #1f0045;
box-shadow: 0px 2px 3px 0px #1f0045;
}

body.p_color4 input[type="button"],
body.p_color4 input[type="submit"],
body.p_color4 input[type="reset"] {
background-color: #1f0045;
}

body.p_color4 .design1 th {
background-color: #1f0045;
}

body.p_color4 .table_design1 .th {
background-color: #1f0045;
}

body.p_color4 .table_design1 .caption {
color: #1f0045;
border-left: 5px #1f0045 solid;
}

body.p_color4 .p_color {
color: #1f0045;
}

body.p_color4 .suplybtn {
background-color: #1f0045;
}

/*
body.p_color4 #suplybtn {
background-color: #1f0045;
}
*/

/*スライダー　ボタン色*/
body.p_color4 .slick-dots li.slick-active button{
    background-color: #1f0045;
}


/*5*****************************/
body.p_color5 #header {
background-color: #00355b;
}

body.p_color5 a {
color: #00355b;
}

body.p_color5 h4 {
color: #ffffff;
background-color: #00355b;
}

body.p_color5 h2 {
color: #00355b;
}

body.p_color5 .form_design1 th {
background-color: #00355b;
box-shadow: 0px 2px 3px 0px #00355b;
}

body.p_color5 input[type="button"],
body.p_color5 input[type="submit"],
body.p_color5 input[type="reset"] {
background-color: #00355b;
}

body.p_color5 .design1 th {
background-color: #00355b;
}

body.p_color5 .table_design1 .th {
background-color: #00355b;
}

body.p_color5 .table_design1 .caption {
color: #00355b;
border-left: 5px #00355b solid;
}

body.p_color5 .p_color {
color: #00355b;
}

body.p_color5 .suplybtn {
background-color: #00355b;
}

/*
body.p_color5 #suplybtn {
background-color: #00355b;
}
*/

/*スライダー　ボタン色*/
body.p_color5 .slick-dots li.slick-active button{
    background-color: #00355b;
}

/*6*****************************/
body.p_color6 #header {
background-color: #0e3c48;
}

body.p_color6 a {
color: #0e3c48;
}

body.p_color6 h4 {
color: #ffffff;
background-color: #0e3c48;
}

body.p_color6 h2 {
color: #0e3c48;
}

body.p_color6 .form_design1 th {
background-color: #0e3c48;
box-shadow: 0px 2px 3px 0px #0e3c48;
}

body.p_color6 input[type="button"],
body.p_color6 input[type="submit"],
body.p_color6 input[type="reset"] {
background-color: #0e3c48;
}

body.p_color6 .design1 th {
background-color: #0e3c48;
}

body.p_color6 .table_design1 .th {
background-color: #0e3c48;
}

body.p_color6 .table_design1 .caption {
color: #0e3c48;
border-left: 5px #0e3c48 solid;
}

body.p_color6 .p_color {
color: #0e3c48;
}

body.p_color6 .suplybtn {
background-color: #0e3c48;
}

/*
body.p_color6 #suplybtn {
background-color: #0e3c48;
}
*/

/*スライダー　ボタン色*/
body.p_color6 .slick-dots li.slick-active button{
    background-color: #0e3c48;
}


/*7*****************************/
body.p_color7 #header {
background-color: #1a360a;
}

body.p_color7 a {
color: #1a360a;
}

body.p_color7 h4 {
color: #ffffff;
background-color: #1a360a;
}

body.p_color7 h2 {
color: #1a360a;
}

body.p_color7 .form_design1 th {
background-color: #1a360a;
box-shadow: 0px 2px 3px 0px #1a360a;
}

body.p_color7 input[type="button"],
body.p_color7 input[type="submit"],
body.p_color7 input[type="reset"] {
background-color: #1a360a;
}

body.p_color7 .design1 th {
background-color: #1a360a;
}

body.p_color7 .table_design1 .th {
background-color: #1a360a;
}

body.p_color7 .table_design1 .caption {
color: #1a360a;
border-left: 5px #1a360a solid;
}

body.p_color7 .p_color {
color: #1a360a;
}

body.p_color7 .suplybtn {
background-color: #1a360a;
}

/*
body.p_color7 #suplybtn {
background-color: #1a360a;
}
*/

/*スライダー　ボタン色*/
body.p_color7 .slick-dots li.slick-active button{
    background-color: #1a360a;
}

/*8*****************************/
body.p_color8 #header {
background-color: #c34000;
}

body.p_color8 a {
color: #c34000;
}

body.p_color8 h4 {
color: #ffffff;
background-color: #c34000;
}

body.p_color8 h2 {
color: #c34000;
}

body.p_color8 .form_design1 th {
background-color: #c34000;
box-shadow: 0px 2px 3px 0px #c34000;
}

body.p_color8 input[type="button"],
body.p_color8 input[type="submit"],
body.p_color8 input[type="reset"] {
background-color: #c34000;
}

body.p_color8 .design1 th {
background-color: #c34000;
}

body.p_color8 .table_design1 .th {
background-color: #c34000;
}

body.p_color8 .table_design1 .caption {
color: #c34000;
border-left: 5px #c34000 solid;
}

body.p_color8 .p_color {
color: #c34000;
}

body.p_color8 .suplybtn {
background-color: #c34000;
}

/*
body.p_color8 #suplybtn {
background-color: #c34000;
}
*/

/*スライダー　ボタン色*/
body.p_color8 .slick-dots li.slick-active button{
    background-color: #c34000;
}

/*9*****************************/
body.p_color9 #header {
background-color: #73801c;
}

body.p_color9 a {
color: #73801c;
}

body.p_color9 h4 {
color: #ffffff;
background-color: #73801c;
}

body.p_color9 h2 {
color: #73801c;
}

body.p_color9 .form_design1 th {
background-color: #73801c;
box-shadow: 0px 2px 3px 0px #73801c;
}

body.p_color9 input[type="button"],
body.p_color9 input[type="submit"],
body.p_color9 input[type="reset"] {
background-color: #73801c;
}

body.p_color9 .design1 th {
background-color: #73801c;
}

body.p_color9 .table_design1 .th {
background-color: #73801c;
}

body.p_color9 .table_design1 .caption {
color: #73801c;
border-left: 5px #73801c solid;
}

body.p_color9 .p_color {
color: #73801c;
}

body.p_color9 .suplybtn {
background-color: #73801c;
}

/*
body.p_color9 #suplybtn {
background-color: #73801c;
}
*/

/*スライダー　ボタン色*/
body.p_color9 .slick-dots li.slick-active button{
    background-color: #73801c;
}



.p_color1 {
color: #F93;
}

.p_color2 {
color: #62003c;
}

.p_color3 {
color: #690818;
}

.p_color4 {
color: #1f0045;
}

.p_color5 {
color: #00355b;
}

.p_color6 {
color: #0e3c48;
}

.p_color7 {
color: #1a360a;
}

.p_color8 {
color: #c34000;
}

.p_color9 {
color: #73801c;
}



/* パーソナルカラー　bg
------------------------------------------------*/
.p_color1 .bg_p_color{
background-color: #F93;
}

.p_color2  .bg_p_color{
background-color: #62003c;
}

.p_color3 .bg_p_color{
background-color: #690818;
}

.p_color4 .bg_p_color{
background-color: #1f0045;
}

.p_color5 .bg_p_color{
background-color: #00355b;
}

.p_color6  .bg_p_color{
background-color: #0e3c48;
}

.p_color7 .bg_p_color{
background-color: #1a360a;
}

.p_color8 .bg_p_color{
background-color: #c34000;
}

.p_color9 .bg_p_color{
background-color: #73801c;
}


/***************************************************/
/*ただいま準備中ですのデザイン*/
/***************************************************/


.comming_soon {
border: 1px solid #999999;
}

.comming_soon_inner {
border: 1px solid #999999;
background-image: url("../images/bg_td01.gif");
margin: 10px;
}

.comming_soon_inner p {
margin: 50px;
font-size: 24px;
font-weight: bold;
color: #999999;
text-align: center;
line-height: 1em;
}




/***************************************************/
/*エラーの場合の表示*/
/***************************************************/


.error_conf {
color: red;
margin-top: 10px;
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
}


/***************************************************/
/*　アイコンの設定　*/
/***************************************************/


.icon {
border: 0 none;
color: #ffffff;
border-radius: 0px;
padding: 0px !important;
font-weight: 100;
background-color: transparent !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}

.icon:active {
background-position: center center !important;
}

.edit_icon {
background-image: url(../images/edit_icon.png) !important;
width: 31px;
height: 31px;
}

.group_icon {
background-image: url(../images/group_icon.png) !important;
width: 31px;
height: 31px;
}

.personal_icon {
background-image: url(../images/personal_icon.png) !important;
width: 31px;
height: 31px;
}

.edit_icon_mini {
background-image: url(../images/edit_icon.png) !important;
background-size: contain;
width: 31px;
height: 31px;
}

.delete_icon_mini {
background-image: url(../images/delete.png) !important;
background-size: contain;
width: 31px;
height: 31px;
}


@media(max-width: 1023px){/*iPadタテの場合*/
	
	.edit_icon_mini {
	width: 31px;
	height: 31px;
	}
}

@media(max-width: 639px){/*iPhoneの場合*/
	
	.edit_icon_mini {

	}
}


#login {
position: absolute;
top: 40px;
right: 20px;
text-align: right;
}

#login label.id_label {
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 1px 0px 1px 6px;
height: 16px;
line-height: 16px;
border-left: 3px solid #b40d0e;
vertical-align: middle;
}

#login label.pass_label {
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 1px 0px 1px 6px;
height: 16px;
line-height: 16px;
vertical-align: middle;
}

#login input {
font-size: 10px;
width: 8em;
display: inline-block;
padding: 1px 2px;
height: 14px;
line-height: 14px;
vertical-align: middle;
}


/*モーダルウィンドー*/
#modal_div {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.8);
z-index: 10000;
}

#modal_div iframe {
border: 0px none;
margin: 0px;
padding: 0px;
overflow: hidden;
width: 100%;
height: 100%;
}

#sysmesse {
background-color: #ffffff;
color: red;
font-size: 18px;
padding: 5px;
margin-bottom: 5px;
}


/*　フラグデザイン　*/
.flg_ok {
color: blue;
font-weight: bold;
font-size: large;
}

.flg_ng {
color: red;
font-weight: bold;
font-size: large;
}


.caution {
color: red;
font-size: x-small;
margin-left: 1em;
}

/*PCのみ表示*/    
.pcOnly{
    display: block;
} 
/*SMPのみ表示*/
.smpOnly{
    display: none;
}
@media(max-width: 639px){
	
    .pcOnly{
        display: none;
    }
    .smpOnly{
        display: block;
    }
}

/*印刷時の基本スタイル*/
@media print {

#header,
#discription {
display: none;
}

#main {
position: static;
}

h2 {
font-size: 24px;
}




}