@charset "UTF-8";
/*=======================================================

	Created: 2014-06-25
	filename: smartphone.css

=======================================================*/

/*=======================================================
	no-smartphone
	スマートフォン版用に追加し通常版で表示しない要素を定義する
=======================================================*/

/*-------------------------------------------------------
	element
-------------------------------------------------------*/

/* データテーブルタイトル */
dt.sp_mtable_dt{
	display: none;
}


/* スマートフォン版メニュー領域 */
#sp_menu_main {
	display: none;
}

/* スマートフォン版のみ表示 */
.sp_only_disp {
	display: none;
}

.sp_w100p {
	width:auto;
}
/*=======================================================
	smartphone
	スマートフォン用の定義

	SmartPhone CSS start
=======================================================*/
@media (max-width:641px){


/*-------------------------------------------------------
	ログイン画面用定義
-------------------------------------------------------*/
/* ログイン領域 */
.login-inner table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 10px;
}

.login-submit {
	padding: 5px 0px!important;
}

/* 言語切替 */
#lblChangeLanuage {
	display: block;
	font-size: 115%;
	margin-top: 10px;
	margin-left: 10px;
}

/*-------------------------------------------------------
	共通要素用定義
-------------------------------------------------------*/
/* SP版で非表示対象 */
#main .sp_nodisp {
	display: none;
}

/* SP版float解除 */
#main .sp_f-none {
	float: none;
}

/* SP版tab解除 */
#main .sp_no-tab-box {
	background: none;
	border: none;
	padding: 0px 0px 0px 0px;
}

/* SP版margin-left 10px */
#main .sp_ml10 {
	margin-left: 10px;
}

/* 機能タイトル */
h1#dispTitle {
	padding-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	font-size: 1.8em;
	
}
h1#dispTitle label {
	padding-left: 5px;
}

/* テキストボックス-セレクト */
input[type=text], input[type=password], select {
	font-size: 100%;
    height: 26px;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #cbcbcb;
    padding: 0px 3px 0px 3px;
    margin: 0px 0px 1px 1px;
}

/* 上下の間隔を広げる */
.sp_pd5 {
	padding: 5px;
}

/*-------------------------------------------------------
	DataTable用定義
	class -> sp_mtable
-------------------------------------------------------*/

/* 全体設定 */
#main .sp_mtable {
	
}

/* header制御 */
#main .sp_mtable thead {
	display: none;
}

/* 行制御 */
#main .sp_mtable tr{
	background-color:white;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #aaaaab;
}

/* 列制御 */
#main .sp_mtable td{
    display: block;
    float:left;
    width: 98%;
    text-align: left;
    vertical-align: top;
    padding-left: 2%;
    padding-right:0px;
    border-style:none;
    border-width: 0px 0px 1px 0px;
}
/* 列制御非表示 */
#main .sp_mtable td.display_none {
    display: none;
}

/* DTタグ制御 */
#main .sp_mtable dt.sp_mtable_dt{
	display:block; float:left; padding-right:10px;
	color:#888888;
	width:30%;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
/* DTタグ制御 */
#main .sp_mtable dd.sp_mtable_dd{
	display:block; float:left; padding-right:10px;
	width:55%;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}


/*-------------------------------------------------------
	Table用定義
	class -> sp_table
-------------------------------------------------------*/
#main .sp_table {
	width:100%;
	margin: 0;
}

/* header制御 */
#main .sp_table thead {
	display: none;
}


/* 行制御 */
#main .sp_table tr{
	background-color:white;
	border: 1px solid #aaaaab;
	display: block;
}

/* 列制御 */
#main .sp_table th,
#main .sp_table td{
    display: block;
    text-align: left;
    vertical-align: top;
    padding-left: 2%;
    padding-right: 0px;
    border-style:none;
    border-width: 0px 0px 0px 0px;
    border-bottom: none;
    border-right: none;
    float:left;
    width : 98%;
}


/*-------------------------------------------------------
	Menu用定義
	id -> sp_menu
-------------------------------------------------------*/
/* SP版メニュー全体 */
#sp_menu_main {
	padding-left:5px;
	padding-right:5px;
	display:block;
}

/* SP版メニュー本体 */
#sp-menu-inner {
	background-color: #d3e2eb;
	border: 5px solid #d3e2eb;
	border-radius: 10px;
}

/* SP版親メニュースタイル */
#sp-menu-inner .sp_menu a.menu_parent_title_lv2 {

	/* #6691cc 0%, #33609b */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6691cc),color-stop(100%, #33609b));
	background-image: -webkit-linear-gradient(top, #6691cc 0%, #33609b 100%);
	background-image: -moz-linear-gradient(top, #6691cc 0%, #33609b 100%);
	background-image: -o-linear-gradient(top, #6691cc 0%, #33609b 100%);
	background-image: linear-gradient(top, #6691cc 0%, #33609b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6691cc', endColorstr='#33609b');

	padding:15px;
	border:1px solid #ffffff;
	
	border-radius: 5px;
	display:block;
	
	color: #ffffff;
    font-size: 110%;
    font-weight: bold;
    line-height: 25px;
    position: relative;
    text-decoration: none;
}

/* SP版子メニュースタイル */
#sp-menu-inner .sp_menu ul.menu_child_lv2 li {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BFD9FC),color-stop(100%, #BFD9FC));
	background-image: -webkit-linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	background-image: -moz-linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	background-image: -o-linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	background-image: linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD9FC', endColorstr='#BFD9FC');

	padding: 10px;
	padding-left: 10px;
	border:1px solid #ffffff;
	border-top: 0px;
	border-radius: 5px;
	
}
#sp-menu-inner .sp_menu ul.menu_child_lv2 li a{
	display: block;
	font-size: 94%;
	font-weight: bold;
	line-height: 25px;
	margin: 0;
	padding: 0 10px;
	position: relative;
	text-decoration: none;
	color: #4C4F54;
}

/* 孫メニュー設定 */
#sp-menu-inner .sp_menu ul.menu_child_lv2 a.menu_parent_title_lv3 {
	display: none;
}
#sp-menu-inner .sp_menu ul.menu_child_lv2 li.menu_parent_lv3 {
	padding: 0px;
	border: none;
}
#sp-menu-inner .sp_menu ul.menu_child_lv3 li {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BFD9FC),color-stop(100%, #BFD9FC));
	background-image: -webkit-linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	background-image: -moz-linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	background-image: -o-linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	background-image: linear-gradient(top, #BFD9FC 0%, #BFD9FC 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#BFD9FC', endColorstr='#BFD9FC');

	padding: 10px;
	padding-left: 10px;
	border:1px solid #ffffff;
	border-top: 0px;
	border-radius: 5px;
	display: block;
	
}

/* 非表示設定 */
#sp-menu-inner .sp_menu .menu01 {
	display: none;
}
#sp-menu-inner .sp_menu .sp_menu_nodisp {
	display: none;
}

/* スマートフォン版のみ表示 */
.sp_only_disp {
	display: inline;
}

/* スマートフォン版は表示しない */
.sp_non_disp {
	display: none;
}

.sp_tbl_base_tate {
	margin-bottom:10px;
}

/* ラベル枠の横幅を制御 */
.sp_tbl_base_tate th {
	width: 30%;
}

/* margin設定 */
.sp_mt10 {
	margin-top:10px;
	margin-bottom:10px;
}
.sp_ma10 {
	margin:10px;
}

.sp_w100p {
	width:100%;
}

.sp_tbl_base_yoko {
	width:100%;
}

#main .sp_tbl_base_yoko th {
	text-align:left;
}


.sp_disp_booth_th {
	margin-top:5px;
	margin-bottom:10px;
}
.sp_disp_booth_td {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;

}


/*=======================================================
	SmartPhone CSS End
=======================================================*/
}