/*
 * Copyright(c) 2018 logitel,Inc. All Rights Reserved.
 */
@charset "utf-8";
/*@import url(./reset.css);*/

*{
    font-family: 'メイリオ',Meiryo,'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif !important;
    margin:0px;
    padding:0px;
    list-style-type:none;
    font-size:12px;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #f5f5f5;
    /*font-size: 075em;*/
}

body#info {
    background-color: #fff;
}

h1,h2,h3,h4,h5,h6,th {
    font-weight: normal;
}

.clearfix:after {
    content: " ";
    display: table;
    clear: both;
    font-size:0.1em;
    line-height:0;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

.title img {
    margin-top: 10px;
    margin-bottom: 10px;
}

input[type="checkbox"], input[type="radio"] {
transform: scale(1.3);
    vertical-align: middle;
    text-align: center;
}

.btn_a a:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

.radius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.radius02 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* 入力案内表示 */
/* ▼IE10・IE11用 */
:-ms-input-placeholder {
    color: #CCC;
}
/* ▼Chrome・Safari・Opera用(※Edgeにも使える) */
::-webkit-input-placeholder {
    color: #CCC;
}
/* ▼Firefox18以前用 */
:-moz-placeholder {
    color: #CCC;
}
/* ▼Firefox19以上用 */
::-moz-placeholder {
    color: #d8d8d8; opacity: 1;
}
/* ▼CSS標準(予定)の記述 */
:placeholder-shown {
    color: #d8d8d8;
}
:focus::-webkit-input-placeholder { color: white; } /* Chrome・Safari・Opera用(※Edgeにも使える) */
:focus:-moz-placeholder { color: white; }  /* Firefox18以前用 */
:focus::-moz-placeholder { color: white; } /* Firefox19以上用 */
:focus:placeholder-shown { color: white; } /* CSS標準(予定)の記述 */

#main {
    width: 1300px;
}
#main.logitel {
    margin-top: 110px;
}

#changeArea {
    font-size: 100%
}

#fontSize ul
{
	overflow: hidden;
}
#fontSize li
{
	float: left;
	margin-right: 20px;
	cursor: pointer;
	border: 1px solid #ccc;
	width: 30px;
	padding: 5px 0; 
	text-align: center;
	background-color: #fff;
}
#fontSize li.current
{
	font-weight: bold;
	color: red;
}

/*	header_area
-----------------------------------------*/
header {
    min-width: 1300px;
    width: 100%;
    height: 122px;
    /*border-top: 5px #0b893b solid;     /* 枠線の装飾 */
    float: left;
    background-color: #FFFFFF;
}
header h1 {
    font-size: 12px;
}
header .logo {
    width: 302px;
    height: 122px;
    float: left;
}
header .logo_change {
    width: 345px;
    height: 122px;
    float: left;
}
header .color_size {
    float: left;
    width: 345px;
    height: 122px;
    background: url(../image/header_02.png?001);
}
header .logo_tel {
    width: 526px;
    height: 122px;
    float: left;
}
header .logo_mail {
    width: 127px;
    height: 122px;
    float: left;
}
header.login {
    height: 102px;
}
header.login .logo {
    width: 226px;
    height: 102px;
    float: left;
}
header.login .logo_change {
    width: 341px;
    height: 102px;
    float: left;
}
header.login .welcome {
    float: left;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 13px 0 0 11px;
    vertical-align: middle;
    font-size: 110%;
    letter-spacing: 0px;
    text-shadow: 0.2px 0.4px 0 #333;
}
header.login .menu {
    float: left;
    width: 100%;
    height: 27px;
    line-height: 27px;
    margin: 0 0 0 11px;
}
header.login .menu a {
    font-size: 100%;
    letter-spacing: 0px;
    margin-right: 10px;
}
header.login .color_size{
    width: 341px;
    height: 42px;
    float: left;
    background: url(../image/header_login_02B.png?001)
}
/*header.login .color_size ul {
    float: left;
    margin: 6px 0 0 80px;
}
header.login .color_size li {
    float: left;
    margin-right: 2px;
}*/
header.login .logo_hotline {
    width: 259px;
    height: 76px;
    float: left;
    padding: 13px 0;
    background: url(../image/header_login_03.png) no-repeat;
}
header.login .logo_tel {
    width: 373px;
    height: 102px;
    float: left;
}
header.login .logo_mail {
    width: 101px;
    height: 102px;
    float: left;
}
/*---------------------------------------*/

/*	時間・メニュー（ヘッダー下）
-----------------------------------------*/
.timecount_header {
    float: right;
    width: 1100px;
    height: 67px;
    line-height: 67px;
    background-color: #339d5b;
    vertical-align: middle;
}
.timecount_header.top {
    display: none;
}
.timer_header {
    float: left;
    margin-left: 82px;
    font-size: 14px;
    color: #FFF;
    text-shadow: 0.3px 0.5px 0 #333;
}
.cnt_carry_box_header {
    float: left;
    position: absolute;
    width: 176px;
    height: 41px;
    background-color: #fff;
    margin-top: 13px;
    left: 590px;
}
.cnt_carry_textbox_header {
    width: 146px;
    height: 37px;
    line-height: 37px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cnt_carry_text01_header {
    float: left;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 0px;
}
.cnt_empty_box_header {
    float: left;
    position: absolute;
    width: 176px;
    height: 41px;
    background-color: #fff;
    margin-top: 13px;
    left: 775px;
}
.cnt_empty_textbox_header {
    width: 146px;
    height: 37px;
    line-height: 37px;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cnt_empty_text01_header {
    float: left;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 0px;
}
.cnt_text02_header {
    float: left;
    width: 60px;
    height: 26px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ff2222;
    text-align: right;
}
.cnt_text03_header {
    float: left;
    height: 26px;
    font-size: 15px;
    font-weight: bold;
    margin-left: 5px;
}
.btn_timecnt_menu {
    float: left;
    position: absolute;
    width: 121px;
    height: 42px;
    margin-top: 13px;
    margin-left: 10px;
}
.btn_timecnt_menu.menu01 {
    left: 950px;
}
.btn_timecnt_menu.menu02 {
    left: 1080px;
}
.menu_header_area {
    width: 545px;
    height: 88px;
    margin-top: 5px;
    text-align: center;
}
.menu_header_area.carry {
    float: left;
    margin-left: 200px;
    border: solid 1px #ffe4e4;
    background-color: #ffe4e4;
}
.menu_header_area.empty {
    float: right;
    border: solid 1px #e9f1fd;
    background-color: #e9f1fd;
}
.menu_header_title {
    width: 100%;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 12px;
    text-align: center;
    float: left;
    font-size: 18px;
    letter-spacing: 2px;
}
.menu_header_title.carry {
    color: #e96565;
    text-shadow: 0.2px 0.3px 0.1px #F03;
}
.menu_header_title.empty {
    color: #2970c3;
    text-shadow: 0.2px 0.3px 0.1px #00f;
}
.btn_header_menu_s {
    float: left;
    margin-right: 10px;
}
.btn_header_menu_s.first {
    margin-left: 15px;
}
.btn_menu02_area.carry {
    border: solid 1px #e96565;
    background-color: #e96565;
}
.btn_menu02_area.empty {
    border: solid 1px #2970c3;
    background-color: #2970c3;
}
.btn_menu02, .btn_menu03 {
    float: left;
    height: 75px;
    margin-top: 18px;
    margin-left: 18px;
}
.btn_menu04 {
    float: left;
    width: 515px;
    height: 87px;
    margin-top: 23px;
    margin-left: 23px;
}
/*---------------------------------------*/

/*	footer_area
-----------------------------------------*/
#cpi_ssl {
    float: left;
    width: 1100px;
    height: 134px;
    position: relative;
}
.cpi_contents {
    float: left;
    width: 700px;
    height: 75px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cpi_seal img {
    float: left;
    width: 80px;
    height: 75px;
}
.cpi_comment {
    float: left;
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 95px;
    text-align: left;
}

#recept {
    float: left;
    width: 1100px;
    height: 160px;
    position: relative;
}
.recept_img {
    float: left;
    width: 1100px;
    height: 160px;
}
#footer_menu {
    float: left;
    width: 1100px;
    height: 207px;
    position: relative;
}
.menu_img {
    float: left;
    width: 1100px;
    height: 207px;
}
.menu_contents {
    float: left;
    width: 632px;
    height: 22px;
    /*background-color: #0b893b;   /* 背景色 */
    position: absolute;
    top: 158px;
    right: 0;
    left: 0;
    margin: auto;
}
.menu_contents.login {
    width: 450px;
}
.menu_contents ul li {
    display: inline-block;
    margin-right: 32px;
}
.menu_list li {
    list-style: none;
}
.menu_list li:last-child {
    border-bottom: 0px;
}
.menu_list li a {
    display: block;
    position: relative;
    z-index: 10;
    height: 22px;
    margin: 0;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    text-decoration: none;
}
.menu_list li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    padding-right: 10px;
    border: 5px solid transparent;
    border-left: 5px solid #62d08b;
}

#footer_logi {
    float: left;
    width: 1100px;
    height: 83px;
    position: relative;
}
.logi_contents {
    float: left;
    width: 680px;
    height: 37px;
    position: absolute;
    /*background-color: #0b893b;   /* 背景色 */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.logi_logo img {
    float: left;
    width: 164px;
    height: 37px;
}
.logi_company {
    float: left;
    height: 37px;
    font-size: 14px;
    line-height: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-left: 194px;
}

#footer_tel {
    float: left;
    width: 1100px;
    height: 152px;
    position: relative;
}
.footer_tel_img {
    float: left;
    width: 1100px;
    height: 152px;
    position: relative;
}
.tel_contents {
    float: left;
    width: 110px;
    height: 16px;
    /*background-color: #0b893b;   /* 背景色 */
    color: #fff;
    position: absolute;
    top: 108px;
    right: 0;
    left: 0;
    margin: auto;
}
/*---------------------------------------*/

/*	sidebar_area
-----------------------------------------*/
#sidebar_area {
    position: absolute;
    width: 200px;
    height: 1300px;
    float: left;
    top: 122px;
    background-color: #f5f5f5;
}
#sidebar_area.logitel {
    top: 213px;
    text-align: center;
    padding-top: 10px;
}
#sidebar_area.user {
    top: 122px;
    text-align: center;
    padding-top: 10px;
}
.login_area {
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(178, 178, 178);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    position: absolute;
    width: 174px;
    height: 323px;
    top: 13px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.id_text {
    float: left;
    font-size: 12px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    position: absolute;
    top: 23px;
    left: 18px;
}
.id {
    float: left;
    position: absolute;
    top: 43px;
    left: 17px;
}
.login_input {
    border: 0;
    font-size: 12px;
    line-height: 1.5;
    width: 135px;
    border: solid 1px #ccc;
}
.pass_text {
    float: left;
    font-size: 12px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    position: absolute;
    top: 86px;
    left: 18px;
}
.pass {
    float: left;
    position: absolute;
    top: 106px;
    left: 17px;
}
.login_forget {
    float: left;
    font-size: 12px;
    color: rgb(0, 0, 0);
    line-height: 1.5;
    position: absolute;
    top: 200px;
    left: 18px;
}
.login_forget a {
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5;
}
.login_tel_area {
    float: left;
    position: absolute;
    font-size: 12px;
    top: 250px;
    left: 18px;
}
.login_tel_area p {
    font-size: 12px;
}
.side_member_area {
    float: left;
    position: absolute;
    width: 174px;
    height: 134px;
    top: 351px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.side_howto_area {
    float: left;
    position: absolute;
    width: 174px;
    height: 72px;
    top: 498px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.side_question_area {
    float: left;
    position: absolute;
    width: 174px;
    height: 95px;
    top: 583px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.side_inquiry_area {
    float: left;
    position: absolute;
    width: 174px;
    height: 80px;
    top: 698px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.side_menu_list {
    list-style: none;
    overflow: hidden;
    float: left;
    position: absolute;
    top: 798px;
    left: 18px;
}
.side_menu_list li {
    list-style: none;
    overflow: hidden;
    width: 100%;
    margin-bottom: 8px;
    padding: 0;
}
.side_menu_list li:last-child {
    border-bottom: 0px;
}
.side_menu_list li a {
    display: block;
    position: relative;
    z-index: 10;
    height: 18px;
    margin: 0;
    color: #1b5631;
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
}
.side_menu_list li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-top: 5px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #339d5b;
}

.title_m {
    font-size: 160%;
    letter-spacing: 4px;
    text-shadow: 0.2px 0.5px 1px #333;
    margin-top: 0px;
    margin-bottom: 12px;
}
.title_b {
    width: 162px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 130%;
    letter-spacing: 2px;
    color: #FFFFFF;
    text-shadow: 0.1px 0.3px 1px #333;
    margin-bottom: 8px;
    margin-left: 19px;
}
.title_b.carry {
    background-color: #e96565;
}
.title_b.empty {
    background-color: #2970c3;
}
.title_s {
    float: left;
    font-size: 130%;
    letter-spacing: 2px;
    text-shadow: 0.2px 0.5px 1px #333;
    margin-left: 19px;
    margin-bottom: 5px;
}
.inp_box {
    float: left;
    width: 282px;
    margin-bottom: 10px;
    margin-left: 18px;
}
.inp_box_carry {
    float: left;
    font-size: 120%;
    letter-spacing: 2px;
    color: #e96565;
    font-weight: bold;
    margin-right: 18px;
}
.inp_box_empty {
    float: left;
    font-size: 120%;
    letter-spacing: 2px;
    color: #2970c3;
    font-weight: bold;
}
.inp_box input[type="text"] {
    float: left;
    width: 117px;
    height: 28px;
    padding: 0 5px;
    border: solid 1px #ccc;
    font-size: 110%;
}
.inp_box input[type="submit"] {
    float: left;
    margin-left: 5px;
}
.side_seek_combo select {
    width: 162px;
    height: 28px;
    font-size: 120%;
    margin-bottom: 5px;
}
.jquery-ui-datepicker {
    float: left;
    width: 151px;
    height: 28px;
    border: solid 1px #ccc;
    font-size: 110%;
    margin-bottom: 5px;
    margin-left: 18px;
    margin-right: 18px;
    padding: 0 5px;
}
#sidebar_area .from_text {
    float: left;
    width: 100%;
    font-size: 120%;
    font-weight: bold;
    transform: rotate(90deg);
    margin-bottom: 5px;
}
.place {
    color: #CCC;
}

.realtimediv {
    float: left;
    font-size: 100%;
    letter-spacing: 2px;
    text-shadow: 0.2px 0.5px 1px #333;
    margin-top: 20px;
    margin-left: 19px;
    margin-bottom: 5px;
    cursor: pointer;
}

/*---------------------------------------*/

/*	リアルタイムエリア
-----------------------------------------*/
#fixedline {
    width: 100%;
    height: 105px;
    position: fixed;
    top: 0px;
    left: 0px;
    padding-top: 5px;
    background-color: #FFFFFF;
    z-index: 999;
}
#fixedline .logi_header {
    float: left;
    width: 99%;
    height: 94px;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    top: 5px;
    left: 10px;
    border: 2px solid #339d5b;
    background-color: #FFFFFF;
}
#fixedline .logi_header iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

table.top_info {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
table.top_info td {
    line-height: 16px;
    font-size: 110%;
    border-bottom: 1px solid #339d5b;
}
table.top_info td.td_carry {
    color: red;
}
table.top_info td.td_carry_new {
    color: black;
    font-weight: bold;
}
table.top_info td.td_empty {
    color: blue;
}
table.top_info td.td_empty_new {
    color: black;
    font-weight: bold;
}
table.top_info td.td_user {
    color: green;
}
table.top_info td.td_hotline {
    color: black;
    font-weight: bold;
}
table.top_info td.td_member {
    color: hotpink;
    font-weight: bold;
}
/*---------------------------------------*/

/*	各ページ共通
-----------------------------------------*/
.container {
    width: 100%;
}

#content_area {
    position: absolute;
    width: 1100px;
    top: 122px;
    left: 203px;
    float: left;
    background-color: #fff;
}
#content_area.logitel_top, #content_area.dealer_top {
    top: 213px;
}
#content_area.logitel, #content_area.dealer {
    top: 375px;
}
#content_area.user {
    top: 265px;
}
#content_area.info {
    top: 0;
    left: 0;
}
#content_list_area {
    position: absolute;
    width: 90%;
    min-width: 1100px;
    top: 122px;
    left: 203px;
    float: left;
    background-color: #fff;
}
#content_list_area.logitel, #content_list_area.dealer {
    top: 375px;
}
#content_list_area.user {
    top: 265px;
}

.margin_r20 {
    margin-right: 20px;
}
.margin_t20 {
    margin-top: 20px;
}
.margin_t30 {
    margin-top: 30px;
}
.margin_b10 {
    margin-bottom: 10px;
}

td.emergency{
    vertical-align: middle;
    background-color: #f21818;
    color: #FFF;
}

.divLine {
    float: left;
    width: 900px;
    margin-left: 100px;
    border-bottom: 1px solid #d9d9d9;
}
.divLine_input {
    display: inline-block;
    width: 748px;
    margin: 20px 0;
    border-bottom: 1px solid #d9d9d9;
}
.divLine_select {
    display: inline-block;
    width: 848px;
    margin: 15px 15px 15px 0;
    border-bottom: 1px solid #d9d9d9;
}
.divLine_select_logitel {
    display: inline-block;
    width: 848px;
    margin: 15px 15px 15px 0;
    border-bottom: 2px solid #F03;
}
.divLine_sidebar {
    display: inline-block;
    width: 150px;
    margin: 15px 0 10px 0px;
    border-bottom: 1px solid #d9d9d9;
}

.title {
    position: relative;
    width: 1100px;
    height: 50px;
    /*background-color: #e5e5e5;*/
    float: left;
    margin-top: 30px;
    text-align: center;
}
.title p {
    position: absolute;
    font-size: 30px;
    letter-spacing: 3px;
    top: 12px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.title_icon_t04 {
    position: absolute;
    /* top: -6px; */
    left: 370px;
}
.title_icon_t05 {
    position: absolute;
    top: -6px;
    left: 410px;
}
.title_icon_t06 {
    position: absolute;
    top: -6px;
    left: 397px;
}
.title_icon_t08 {
    position: absolute;
    top: -6px;
    left: 368px;
}
.title_icon_m06 {
    position: absolute;
    top: 0px;
    left: 387px;
}
.title_icon_m08 {
    position: absolute;
    top: 0px;
    left: 348px;
}
.title_icon_m09 {
    position: absolute;
    top: 0px;
    left: 338px;
}
.title_icon_m10 {
    position: absolute;
    top: 0px;
    left: 323px;
}
.title_icon_m12 {
    position: absolute;
    top: 0px;
    left: 285px;
}
.title_icon_m14 {
    position: absolute;
    top: 0px;
    left: 246px;
}

.required:before {
    display: inline-block;
    content: "";
    position: relative;
    height: 10px;
    width: 10px;
    background-color: #e96565;
    border-radius: 100%;
    margin: 0 5px;
}
.required02:before {
    float: left;
    display: inline-block;
    content: "";
    position: relative;
    height: 10px;
    width: 10px;
    background-color: #e96565;
    border-radius: 100%;
    margin: 30px 5px 0;
}
.nonreq:before {
    display: inline-block;
    content: "";
    position: relative;
    height: 10px;
    width: 10px;
    margin: 0 5px;
}

.submit {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.submit.login {
    float: left;
    position: absolute;
    width: 145px;
    height: 27px;
    top: 152px;
    right: 0;
    left: 0;
    margin: 0 auto;
}
.submit.search {
    float: left;
    width: 162px;
    height: 49px;
    margin-top: 5px;
    margin-left: 19px;
}
.submit_left {
    float: left;
    width: 100%;
    text-align: left;
    margin: 10px;
}
.btn_size {
    border: 0px;
    width: 244px;
    height: 68px;
}
.btn_size_login {
    border: 0px;
    width: 145px;
    height: 27px;
}
.btn_size_sort {
    border: 0px;
    width: 161px;
    height: 29px;
}
.btn_size_sideid {
    border: 0px;
    width: 28px;
    height: 29px;
}
.btn_size_sidesearch {
    border: 0px;
    width: 162px;
    height: 49px;
}
.btn_size_short {
    border: 0px;
    width: 184px;
    height: 68px;
}
.btn_size_extract {
    border: 0px;
    width: 55px;
    height: 29px;
}
.btn_size_info {
    border: 0px;
    width: 140px;
    height: 42px;
}
.btn_size_info03 {
    border: 0px;
    width: 143px;
    height: 42px;
}
.btn_size_info04 {
    border: 0px;
    width: 132px;
    height: 42px;
}
.login_submit {
    background: url(../image/btn_login.png) left top no-repeat;
}
.conf_submit_r {
    background: url(../image/btn_conf_r.png) left top no-repeat;
}
.conf_submit_b {
    background: url(../image/btn_conf_b.png) left top no-repeat;
}
.e_conf_submit_r {
    background: url(../image/btn_conf_r.png) left top no-repeat;
    margin-right: 20px;
}
.e_conf_submit_b {
    background: url(../image/btn_conf_b.png) left top no-repeat;
    margin-right: 20px;
}
.finish_submit_r {
    background: url(../image/btn_finish_r.png) left top no-repeat;
    margin-right: 20px;
}
.finish_submit_b {
    background: url(../image/btn_finish_b.png) left top no-repeat;
    margin-right: 20px;
}
.continue_submit_r {
    background: url(../image/btn_continue.png) left top no-repeat;
    margin-right: 20px;
}
.put_submit_r {
    background: url(../image/btn_put_r.png) left top no-repeat;
}
.cont_btn_r {
    background: url(../image/btn_cont_r.png) left top no-repeat;
    margin-right: 20px;
}
.send_btn {
    background: url(../image/btn_send.png) left top no-repeat;
}
.send_conf_btn {
    background: url(../image/btn_send_conf.png) left top no-repeat;
}
.cont_btn_b {
    background: url(../image/btn_cont_b.png) left top no-repeat;
    margin-right: 20px;
}
.edit_btn_g {
    background: url(../image/btn_edit_g.png) left top no-repeat;
    margin-right: 20px;
}
.del_btn {
    background: url(../image/btn_del.png) left top no-repeat;
}
.del_btn_r {
    background: url(../image/btn_del_r.png) left top no-repeat;
    margin-right: 20px;
}
.del_btn_b {
    background: url(../image/btn_del_b.png) left top no-repeat;
    margin-right: 20px;
}
.del_btn_g {
    background: url(../image/btn_del_g.png) left top no-repeat;
    margin-right: 20px;
}
.back_btn {
    background: url(../image/btn_back.png) left top no-repeat;
}
.back_btn_short {
    background: url(../image/btn_back_short.png) left top no-repeat;
}
.top_btn {
    background: url(../image/btn_top.png) left top no-repeat;
}
.print_btn {
    background: url(../image/btn_print.png) left top no-repeat;
    margin-right: 20px;
}
.close_btn {
    background: url(../image/btn_close.png) left top no-repeat;
}
.search_submit_r {
    background: url(../image/btn_search_r.png) left top no-repeat;
}
.search_submit_b {
    background: url(../image/btn_search_b.png) left top no-repeat;
}
.viewback_submit_r {
    background: url(../image/btn_viewback_r.png) left top no-repeat;
}
.viewback_submit_b {
    background: url(../image/btn_viewback_b.png) left top no-repeat;
}
.sort_submit {
    background: url(../image/btn_sort.png) left top no-repeat;
}
.extract_submit {
    background: url(../image/btn_extract.png) left top no-repeat;
}
.delall_submit {
    background: url(../image/btn_delall.png) left top no-repeat;
}
.side_submit_id {
    background: url(../image/btn_side_id.png) left top no-repeat;
}
.side_submit_carry {
    background: url(../image/btn_side_carry.png) left top no-repeat;
}
.side_submit_empty {
    background: url(../image/btn_side_empty.png) left top no-repeat;
}
.info_btn_00 {
    background: url(../image/btn_info00.png) left top no-repeat;
    margin-right: 5px;
}
.info_btn_01 {
    background: url(../image/btn_info01.png) left top no-repeat;
    margin-right: 5px;
}
.info_btn_02 {
    background: url(../image/btn_info02.png) left top no-repeat;
    margin-right: 5px;
}
.info_btn_03 {
    background: url(../image/btn_info03.png) left top no-repeat;
    margin-right: 5px;
}
.info_btn_04 {
    background: url(../image/btn_info04.png) left top no-repeat;
}
.login_submit:hover, .conf_submit_r:hover, .conf_submit_b:hover, .finish_submit_r:hover, .finish_submit_b:hover, 
.continue_submit_r:hover, .put_submit_r:hover, .back_btn:hover, .back_btn_short:hover, .top_btn:hover, 
.search_submit_r:hover, .search_submit_b:hover, .sort_submit:hover, .extract_submit:hover, .delall_submit:hover, 
.viewback_submit_r:hover, .viewback_submit_b:hover, .side_submit_id:hover, .side_submit_carry:hover, 
.side_submit_empty:hover, .e_conf_submit_r:hover, .e_conf_submit_b:hover, .cont_btn_r:hover, .cont_btn_b:hover, 
.del_btn:hover, .del_btn_r:hover, .del_btn_b:hover, .del_btn_g:hover, .edit_btn_g:hover, .send_btn:hover, 
.send_conf_btn:hover, .print_btn:hover, .info_btn_00:hover, .info_btn_01:hover, .info_btn_02:hover, .info_btn_03:hover, 
.info_btn_04:hover, .close_btn:hover {
    cursor: pointer;
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}
.radio_input{
    display: none;
}
.radio_input + label{
    padding-left: 20px;
    position:relative;
    margin-right: 18px;
    margin-bottom: 5px;
    font-size: 100%;
    letter-spacing: 1px;
}
.radio_input + label::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 50%;
}
.radio_input:checked + label{
    color: #002bff;
    text-shadow: 0.2px 0.4px 0 #333;
}
.radio_input:checked + label::after{
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    margin-top: 2px;
    background: #002bff;
    border-radius: 50%;
}
.check_input{
    display: none;
}
.check_input + label{
    padding-left: 20px;
    position:relative;
    margin-right: 20px;
    font-size: 100%;
    letter-spacing: 1px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.check_input + label::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    background-color: #FFFFFF;
    border: 1px solid #999;
    border-radius: 4px;
}
.check_input:checked + label{
    color: #002bff;
    text-shadow: 0.2px 0.4px 0 #333;
}
.check_input:checked + label::after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #002bff;
    border-right: 3px solid #002bff;
}
.search_input{
    display: none;
}
.search_input + label{
    padding-left: 20px;
    position:relative;
    margin-right: 10px;
    font-size: 95%;
    letter-spacing: 1px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.search_input + label::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    background-color: #FFFFFF;
    border: 1px solid #999;
    border-radius: 4px;
}
.search_input:checked + label{
    color: #002bff;
    text-shadow: 0.2px 0.4px 0 #333;
}
.search_input:checked + label::after{
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #002bff;
    border-right: 3px solid #002bff;
}
.finish_message_area {
    display: inline-block;
    width: 842px;
    height: 136px;
    line-height: 136px;
    margin-bottom: 30px;
    padding: 0 72px;
    text-align: center;
    vertical-align: middle;
    font-size: 140%;
    letter-spacing: 1px;
    text-shadow: 0.2px 0.4px 0.1px #333;
}
.box_left img:hover, .box_right img:hover, .box_empty img:hover {
    cursor: pointer;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

.text_right {
    text-align: right;
}

.noninp {
    background-color: #d0d0d0;
    border: solid 1px #9c9c9c;
}

.etc_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin-bottom: 30px;
/*    background-color: #ffee99;*/
}
.etc_input_area {
    display: inline-block;
    width: 758px;
    padding: 20px 60px;
    text-align: left;
    background-color: rgb(245, 245, 245);
}
.etc_input_area .item_name {
    float: left;
    width: 80%;
    font-size: 140%;
    letter-spacing: 1.5px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.etc_input_area .conditions_text {
    float: left;
    width: 80%;
    margin: 0;
}
.etc_input_area p {
    float: left;
    width: 80%;
    margin: 40px 0 10px;
    font-size: 150%;
    color: #f03;
    letter-spacing: 1.5px;
    text-shadow: 0.2px 0.4px 0.1px #ff4040;
}
.etc_input_area input[type="input"], .etc_input_area input[type="password"] {
    float: left;
    border: 0;
   /*width: 720px;*/
    height: 50px;
    padding: 0 5px;
    margin-top: 10px;
    border: solid 1px #ccc;
    font-size: 16px;
}
.etc_input_area .str_btn {
    float: left;
    width: 60px;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    text-align: center;
    margin-top: 15px;
    margin-left: 20px;
    font-size: 100%;
    background-color: #797979;
}
.etc_input_area .str_btn a{
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    display: block;
}
.etc_input_area .str_btn a:link {
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size: 100%;
}
.etc_input_area .str_btn a:visited {
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size: 100%;
}
.etc_input_area .str_btn:hover {
    background: #9c9c9c;
}
.etc_inp_box select {
    border: 0;
    width: 355px;
    height: 50px;
    padding: 0 5px;
    margin-top: 10px;
    margin-left: 5px;
    border: solid 1px #ccc;
    font-size: 16px;
}

ul#textsize, ul#bgcol {
    float: left;
    list-style: none;
    margin: 4px 10px;
}
ul#textsize.before, ul#bgcol.before {
    float: right;
    width: 345px;
    text-align: right;
}
ul#textsize.before {
    margin-top: 15px;
}
ul#textsize.before .li_box, ul#bgcol.before .li_box {
    float: right;
    width: 155px;
    margin-right: 10px;
}
ul#textsize span, ul#bgcol span {
    float: left;
    margin-right: 10px;
    padding-top: 6px;
    font-size: 10px;
    text-shadow: 0.2px 0.4px 0.1px #333;
}
ul#textsize li, ul#bgcol li {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 12px;
}
ul#textsize li a {
    display: block;
    text-decoration: none;
    vertical-align: middle;
    padding: 2px 5px;
    border: 1px solid #c5c5c5;
    color: #333;
    border-radius: 50%;
    background-color: #d9d9d9;
    background: linear-gradient(#fff 30%, #d8d8d8 95%, #fff);
}
ul#textsize li a.active {
    display: block;
    text-decoration: none;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 50%;
    background-color: #339d5b;
    background: linear-gradient(#63cf8c, #339d5b);
}
ul#textsize li a:hover	{
    display: block;
    text-decoration: none;
    padding: 2px 5px;
    color: #fff;
    border: 1px solid #c5c5c5;
    border-radius: 50%;
    background-color: #339d5b;
    background: linear-gradient(#63cf8c, #339d5b);
}
li f1, li f2, li f3 {font-size: 12px;}
li a.f1, li a.f2, li a.f3,
li a.b1, li a.b2, li a.b3, li a.b4 {font-size: 12px;}

ul#bgcol li a {
    display: block;
    text-decoration: none;
    vertical-align: middle;
    padding: 2px 4px;
    border: 1px solid #c5c5c5;
    color: #333;
    border-radius: 50%;
}
ul#bgcol li a.b1 {
    background-color: #ffffff;
}
ul#bgcol li a.b2 {
    background-color: #5991ea;
}
ul#bgcol li a.b3 {
    background-color: #ffdd6d;
}
ul#bgcol li a.b4 {
    background-color: #999;
}
.error_msg {
    float: left;
    width: 100%;
    height: 1.5em;
    line-height: 1.5em;
    vertical-align: middle;
    color: red;
    font-size: 120%;
    font-weight: bold;
}
/*---------------------------------------*/

/*	荷物・空車検索エリア
-----------------------------------------*/
.search_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin: 20px 0 30px 0;
    /*background-color: #ffee99;*/
}
.search_message_area {
    float: left;
    width: 1100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
    font-size: 130%;
    letter-spacing: 2px;
}
.search_message {
    display: inline-block;
    width: 480px;
    height: 40px;
    line-height: 40px;
    font-size: 105%;
    letter-spacing: 2px;
    text-shadow: 0.2px 0.4px 0 #333;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}
.search_caution {
    display: inline-block;
    width: 1043px;
    height: 20px;
    line-height: 20px;
    text-align: right;
    vertical-align: middle;
    font-size: 16px;
}
.search_select_area {
    display: inline-block;
    width: 842px;
    padding: 40px 72px 30px 72px;
    text-align: left;
}
.search_select_area .divholding {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    font-size: 140%;
    letter-spacing: 2px;
    text-shadow: 0.2px 0.4px 0.1px #333;
}
.search_select_area .place_name {
    float: left;
    width: 50%;
    margin: 0;
    font-size: 140%;
    text-shadow: 0.2px 0.4px 0 #333;
}
.select_box {
    display: inline-block;
    width: 375px;
    height: 39px;
    padding: 10px 5px 5px 5px;
    margin-right: 30px;
    text-align: left;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    overflow: auto;
}
.select_box img {
    margin-right: 5px;
}
.poss_box {
    display: inline-block;
    width: 630px;
    height: 39px;
    padding: 5px 5px 0px 5px;
    margin: 10px 30px 10px 20px;
    text-align: left;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
    overflow: auto;
}
.poss_box img {
    margin-right: 5px;
}
.select_message {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    margin-bottom: 20px;
    font-size: 140%;
    letter-spacing: 2px;
}
.search_select_area .conditions_name {
    float: left;
    width: 15%;
    margin-left: 5%;
    font-size: 140%;
    letter-spacing: 1px;
    text-shadow: 0.2px 0.4px 0.1px #333;
}
.search_select_area .conditions_select {
    float: left;
    width: 80%;
    margin: 0;
    font-size: 120%;
}
.search_select_area .conditions_select .second {
    margin-top: 10px;
}
.search_select_area .conditions_select select {
    border: 0;
    width: 255px;
    height: 35px;
    padding: 0 5px;
    border: solid 1px #ccc;
    font-size: 110%;
}
.search_select_area .conditions_select option {
    font-size: 100%;
}
.search_select_area .conditions_text {
    float: left;
    width: 80%;
    margin: 0;
}
.search_select_area .conditions_text p {
    float: left;
    font-size: 120%;
    margin-top: 3px;
}
.search_select_area .date_area {
    float: left;
    width: 50%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-bottom: 35px;
}
.search_select_area .begin_date {
    float: left;
    width: 175px;
    height: 40px;
    margin: 0;
    z-index: 101;
}
.search_select_area .end_date {
    float: left;
    width: 175px;
    height: 40px;
    margin: 0;
    z-index: 102;
}
.date_area .search_date {
    float: left;
    width: 165px;
    height: 40px;
    font-size: 140%;
    padding: 0 5px;
    border: solid 1px #d9d9d9;
    z-index: 102;
}
.date_area .from_text {
    float: left;
    width: 35px;
    text-align: center;
    font-size: 140%;
}

.search_select_area .divholding .message {
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 80%;
    letter-spacing: 1px;
    text-shadow: initial;
}
.search_select_area .input_name01 {
    float: left;
    width: 155px;
    margin-right: 5px;
    font-size: 140%;
    letter-spacing: 1.5px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.search_select_area .input_name02 {
    float: left;
    width: 185px;
    margin-right: 20px;
    font-size: 140%;
    letter-spacing: 1.5px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.search_select_area .input_name03 {
    float: left;
    width: 102px;
    margin-right: 50px;
    font-size: 140%;
    letter-spacing: 1.5px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.search_select_area .input_name04 {
    float: left;
    width: 316px;
    font-size: 130%;
    letter-spacing: 1.5px;
}
.search_select_area .input_date_area {
    float: left;
    width: 100%;
    height: 40px;
    line-height: 40px;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 20px;
}
.input_date_area .begin_date {
    float: left;
    width: 135px;
    height: 40px;
    margin-right: 23px;
    z-index: 101;
}
.input_date_area .begin_time {
    float: left;
    width: 185px;
    height: 40px;
    margin-right: 20px;
    z-index: 101;
}
.input_date_area .begin_time select, 
.input_date_area .begin_time input,
.input_date_area .end_time select,
.input_date_area .end_time input {
    float: left;
    width: 180px;
    height: 40px;
    font-size: 140%;
    padding: 0 5px;
    border: solid 1px #d9d9d9;
}
/*.input_date_area .begin_time input {
    float: left;
    width: 180px;
    height: 40px;
    font-size: 140%;
    padding: 0 5px;
    border: solid 1px #d9d9d9;
}*/
.input_date_area .begin_time option {
    font-size: 100%;
}
.input_date_area .pref_box {
    float: left;
    width: 90px;
    height: 34px;
    padding: 3px 5px 3px 5px;
    margin-right: 30px;
    text-align: left;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
}
.input_date_area .city_name {
    float: left;
    width: 312px;
    height: 40px;
    font-size: 140%;
    padding: 0 5px;
    border: solid 1px #d9d9d9;
}
.input_date_area .end_date {
    float: left;
    width: 135px;
    height: 40px;
    margin-right: 23px;
    z-index: 102;
}
.input_date_area .end_time {
    float: left;
    width: 185px;
    height: 40px;
    margin-right: 20px;
    z-index: 101;
}
/*.input_date_area .end_time select {
    float: left;
    width: 180px;
    height: 40px;
    font-size: 140%;
    padding: 0 5px;
    border: solid 1px #d9d9d9;
}*/
.input_date_area .end_time option {
    font-size: 100%;
}
.input_date_area .search_date {
    float: left;
    width: 135px;
    height: 40px;
    font-size: 140%;
    padding: 0 5px;
    border: solid 1px #d9d9d9;
    z-index: 102;
}
#input_area .map_area {
    margin-top: 5px;
}
.search_select_area .input_name11 {
    float: left;
    width: 142px;
    font-size: 140%;
    letter-spacing: 1.5px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.search_select_area .input_name12 {
    float: left;
    width: 95px;
    font-size: 140%;
    letter-spacing: 1.5px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.search_select_area .conditions_text .caryy_text {
    float: left;
    width: 340px;
    height: 25px;
    padding: 0 5px;
    margin-right: 45px;
    font-size: 120%;
    border: solid 1px #d9d9d9;
}
.search_select_area .conditions_text .carry_weight {
    float: left;
    width: 75px;
    height: 25px;
    text-align: right;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 120%;
    border: solid 1px #d9d9d9;
}
.search_select_area .conditions_select .truck_type {
    width: 340px;
    height: 25px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 100%;
    border: solid 1px #d9d9d9;
}
.search_select_area .conditions_select textarea {
    width: 662px;
    height: 135px;
    padding: 5px;
    font-size: 100%;
    border: solid 1px #d9d9d9;
}
.slip_no {
    float: left;
    width: 100px;
    height: 25px;
    text-align: right;
    font-size: 110%;
    padding: 0 5px;
    background-color: #d0d0d0;
    border: solid 1px #9c9c9c;
}
.number {
    float: left;
    width: 75px;
    height: 25px;
    text-align: right;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 100%;
    border: solid 1px #d9d9d9;
}
.note_message {
    font-size: 90%;
    color: #f30;
    letter-spacing: 1px;
    text-shadow: 0.2px 0.4px 0 #333;
}
.price {
    float: left;
    width: 175px;
    height: 25px;
    text-align: right;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 100%;
    border: solid 1px #d9d9d9;
}
.unit {
    float: left;
    font-size: 100%;
    margin-top: 3px;
    margin-right: 30px;
}
.trans_message {
    float: left;
    margin-top: 5px;
    font-size: 90%;
    letter-spacing: 1px;
}
.shipper {
    float: left;
    width: 336px;
    height: 25px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 100%;
    border: solid 1px #d9d9d9;
}
.conf_date_area {
    float: left;
    width: 100%;
}
.conf_date_area .strbold {
    text-shadow: 0.2px 0.4px 0.1px #333;
}
.input_name10, .input_data10 {
    float: left;
    width: 100%;
    letter-spacing: 1.5px;
}
.input_name21, .input_data21 {
    float: left;
    width: 40%;
    letter-spacing: 1.5px;
}
.input_name22, .input_data22 {
    float: left;
    width: 50%;
    letter-spacing: 1.5px;
}
.input_name41, .input_data41 {
    float: left;
    width: 155px;
    margin-right: 25px;
    letter-spacing: 1.5px;
}
.input_name42, .input_data42 {
    float: left;
    width: 155px;
    margin-right: 28px;
    letter-spacing: 1.5px;
}
.input_name43, .input_data43 {
    float: left;
    width: 102px;
    margin-right: 50px;
    letter-spacing: 1.5px;
}
.input_name44, .input_data44 {
    float: left;
    width: 300px;
    letter-spacing: 1.5px;
}
.input_name10, .input_name21, .input_name22, .input_name41, .input_name42, .input_name43, .input_name44 {
    font-size: 140%;
}
.input_data10, .input_data21, .input_data22, .input_data41, .input_data42, .input_data43, .input_data44 {
    font-size: 130%;
    margin-top: 5px;
    margin-bottom: 20px;
}
.input_data10, .input_data21, .input_data41 {
    margin-left: 18px;
}
.finish_message_area.carry {
    background-color: #ffe4e4;
}
.finish_message_area.empty {
    background-color: #e9f1fd;
}

/* ----- 荷物・空車一覧エリア -----*/
.view_count_area {
    float: left;
    width: 1100px;
    height: 50px;
    line-height: 50px;
    text-align: left;
    vertical-align: middle;
    margin: 30px 0 10px 0;
    background-color: #eeeeee;
}
.view_count_area.info {
    margin-top: 0;
}
.view_count_area p {
    float: left;
    margin-left: 20px;
    font-size: 115%;
    letter-spacing: 1px;
}
.view_count_area .seek_date {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-left: 20px;
    vertical-align: middle;
}
.view_count_area .seek_date p {
    float: left;
    margin-right: 10px;
    font-size: 115%;
    letter-spacing: 1px;
}
.view_count_area .begin_date, .view_count_area .end_date {
    float: left;
    width: 145px;
    height: 28px;
    margin: 0;
    z-index: 101;
}
.view_count_area .search_date {
    float: left;
    width: 135px;
    height: 28px;
    font-size: 115%;
    padding: 0 5px;
    border: solid 1px #d9d9d9;
    z-index: 102;
}
.view_count_area .from_text {
    float: left;
    width: 28px;
    text-align: center;
    font-size: 115%;
}
.view_count_area .logi_emp {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    margin-left: 60px;
    vertical-align: middle;
}
.view_count_area .logi_emp p {
    float: left;
    margin-right: 10px;
    font-size: 115%;
    letter-spacing: 1px;
}
.view_count_area .logi_emp select {
    float: left;
    width: 120px;
    height: 28px;
    padding-left: 5px;
    font-size: 115%;
    letter-spacing: 1px;
}
.view_count_area .logi_emp .extract_btn {
    float: left;
    width: 55px;
    height: 29px;
    margin-left: 10px;
}
.view_disp_combo {
    float: right;
    margin-right: 20px;
    font-size: 115%;
    letter-spacing: 1px;
}
.view_disp_combo select {
    width: 120px;
    height: 28px;
    padding-left: 5px;
    font-size: 115%;
    letter-spacing: 1px;
}
.view_select_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin: 20px 0 10px 0;
    /*background-color: #ffee99;*/
}
.view_back_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin: 10px 0 30px 0;
    /*background-color: #ffee99;*/
}
.view_list_table {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0px;
}
.view_list_table th {
    height: 2.8em;
    color: #FFF;
}
.view_list_table td {
    /*font-size: 100%;*/
    padding: 3px;
}
.view_list_table tr.line_odd {
    background-color: #ffffff;
    height: 1.8em;
}
.view_list_table tr.line_even {
    background-color: #eeeeee;
    height: 1.8em;
}
.view_list_table tr.line_user {
    background-color: #9ACD31;  /* yellowgreen */
    height: 1.8em;
}
.view_list_table tr:hover td {
    background: #91baf2;
    color: #000;
}

.list_table {
    width: 98%;
}

.row_btn_td {
    width: 40px;
    text-align: center;
    padding: 50px;
}
.row_btn {
    width: 40px;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    text-align: center;
    font-size: 100%;
    background-color: #505050;

    -moz-border-radius: 2px;    /* 古いFirefox */
    -webkit-border-radius: 2px; /* 古いSafari,Chrome */
    border-radius: 2px;         /* CSS3 */
}
.row_btn a{
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    display: block;
}
.row_btn a:link {
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size: 100%;
}
.row_btn a:visited {
    color: #ffffff;
    font-style: normal;
    text-decoration: none;
    font-size: 100%;
}
.row_btn:hover {
    background: #9c9c9c;
}

.sort_area {
    float: left;
    width: 1100px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
    /*background-color: #eeeeee;*/
}
.sort_area .sort_text {
    float: left;
    width: 80px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 110%;
    letter-spacing: 1px;
    background-color: #eeeeee;
    border: 1px solid #d9d9d9;
}
.sort_area p {
    float: left;
    margin: 0 5px;
    font-size: 110%;
    letter-spacing: 1px;
}
.sort_area .sort_long {
    float: left;
    width: 100px;
    height: 28px;
    margin-right: 5px;
    padding-left: 5px;
    font-size: 110%;
    letter-spacing: 1px;
}
.sort_area .sort_short {
    float: left;
    width: 60px;
    height: 28px;
    margin-right: 15px;
    padding-left: 5px;
    font-size: 110%;
    letter-spacing: 1px;
}
.sort_area .sort_btn {
    float: left;
    margin-left: 10px;
}

/*	成約印刷
-----------------------------------------*/
.prt_title {
    float: left;
    width: 950px;
    height: 34px;
    padding: 0 0 0 10px;
    font-size: 24px;
    color: #000;
    letter-spacing: 0.3em;
    text-align: center;
    margin: 30px 10px 40px 0;
    background-color: #CCC;   /* 背景色 */

    border-radius: 2px;         /* CSS3 */
    -moz-border-radius: 2px;    /* Firefox */
    -webkit-border-radius: 2px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}
.prt_table{
    clear: left;
    width: 960px;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0px;
}
.prt_table th{
    width: 160px;
    height: 2.5em;
    padding-left: 10px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    text-align: left;
    background-color: #CCC;
    border-top: 1px solid #999;
    /*border-left: 1px solid #999;*/
    border-right: 1px solid #999;
}
.prt_table td{
    padding-left: 10px;
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
}
.prt_table .td_left {
    border-left: 1px solid #999;
}
.prt_table .td_bottom {
    border-bottom: 1px solid #999;
}
.prt_button {
    width: 150px;
    height: 30px;
}
@media print{
.dspOnly {
    display:none;
}
}
/*---------------------------------------*/

/*	FAX印刷
-----------------------------------------*/
.fax_title {
    float: left;
    width: 1460px;
    height: 90px;
    margin-bottom: 20px;
}
.fax_title01 {
    float: left;
    width: 25%;
    /*width: 290px;*/
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    /*color: #000;*/
    /*letter-spacing: 0.3em;*/
    text-align: left;
    padding-top: 14px;
    /*margin: 30px 10px 40px 0;*/
}
.fax_title02 {
    float: left;
    width: 30%;
    /*width: 400px;*/
    height: 50px;
    font-size: 42px;
    font-weight: bold;
    text-align: left;
}
.fax_title03 {
    float: left;
    /*width: 55%;*/
    /*width: 350px;*/
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    margin-top: 10px;
}
.fax_title03 .tel_no {
    /*float: left;*/
    /*width: 350px;*/
    height: 28px;
    font-size: 26px;
    font-weight: bold;
    text-align: left;
}
.fax_table{
    clear: left;
    width: 1460px;
    /*width: 960px;*/
    margin-top: 20px;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0px;
}
.fax_table th{
    /*width: 160px;*/
    height: 2.5em;
    padding-left: 10px;
    font-size: 16px;
    letter-spacing: 1px;
    color: #000;
    text-align: left;
    background-color: #CCC;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
}
.fax_table tr{
    height: 50px;
}
.fax_table td{
    padding-left: 10px;
    font-size: 16px;
    color: #000;
    letter-spacing: 1px;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}
.fax_table .td_left {
    border-left: 1px solid #999;
}
.fax_table .td_bottom {
    border-bottom: 1px solid #999;
}
.fax_page { 
    page-break-after: always;
}

/*---------------------------------------*/

/*	ページネーション(PHP)
-----------------------------------------*/
#page_ctrl_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin-top: 10px;
}
#page_ctrl {
    display: inline-block;
}
.page_num {
    display: inline-block;
    float: left;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    background: #f0f0f0;
    color: #000;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
    margin-right: 5px;
}
.page_num a, .page_num a:link, .page_num a:visited {
    font-size: 18px;
    text-decoration: none;
    color: #000;
}
#page_ctrl .page_num:hover { background: #fafafa; }
#page_ctrl .nonbtn:hover { background: #f0f0f0; }
/* Default スタイル */
#page_ctrl .page_num {
    cursor: pointer;
}
#page_ctrl .nonbtn {
    cursor: default;
}
/* カレントページのスタイル */
.active_carry {
    color: #FFF !important;
    background: #e96565 !important;
    /*font-weight: bold !important;*/
}
.active_carry a {
    color: #FFF !important;
}
.active_empty {
    color: #FFF !important;
    background: #2970c3 !important;
    /*font-weight: bold !important;*/
}
.active_empty a {
    color: #FFF !important;
}
/*---------------------------------------*/

/*	ページネーション(JQuery)
-----------------------------------------*/
#page_ctrl_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin-top: 10px;
}
#page_ctrl {
    display: inline-block;
}
#page_ctrl ul, #page_ctrl ul li {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
margin-right: 5px;
}
#page_before li, #page_after li, #page_number li {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    background: #f0f0f0;
    color: #000;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    margin: 0;
margin-right: 5px;
}
#page_ctrl li:hover { background: #fafafa; }
#page_ctrl li.terminal:hover { background: #f0f0f0; }
/* Default スタイル */
#page_first, #page_prev, #page_number li, #page_next, #page_last {
    cursor: pointer;
}
#page_number .p_num {
    margin-right: 5px;
}
/* 先頭あるいは末尾ページ表示中のボタンスタイル */
.terminal {
    color: #000000 !important;
    cursor: default !important;
    color: #dddddd !important;
}
/* カレントページのスタイル */
.current_page_carry {
    color: #FFF !important;
    background: #e96565 !important;
    /*font-weight: bold !important;*/
}
.current_page_empty {
    color: #FFF !important;
    background: #2970c3 !important;
    /*font-weight: bold !important;*/
}
/*---------------------------------------*/

/*	ページネーション(Bootstrap)
-----------------------------------------*/
#page_ctrl_area nav {
    display: inline-block;
}

#page_ctrl_area .pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
}

#page_ctrl_area .page-item {
    display: inline-block;
    float: left;
    margin-right: 5px;
    list-style: none;
}

#page_ctrl_area .page-link {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    background: #f0f0f0;
    color: #000;
    text-align: center;
    vertical-align: middle;
    padding: 0;
    text-decoration: none;
}

#page_ctrl_area .page-link:hover {
    background: #fafafa;
}

#page_ctrl_area .page-item.active .page-link {
    color: #fff !important;
    background: #e96565 !important;
}

#page_ctrl_area .page-item.disabled .page-link {
    color: #999;
    background: #f0f0f0;
    cursor: default;
}
/*---------------------------------------*/

/*	トップページ（ログイン前）
-----------------------------------------*/
.topimage {
    width: 1100px;
    height: 469px;
    float: left;
}

.timecount {
    width: 1100px;
    height: 204px;
    background-color: #339d5b;
    float: left;
}
.timer {
    width: 1100px;
/*	height: 40px;
	line-height: 2.1px;*/
    float: left;
    position: absolute;
    text-align: center;
    /*left: 572px;*/
    margin-top: 25px;
    font-size: 22px;
    font-weight: bold;
    color: #FFF;
}
.cnt_carry_box {
    float: left;
    position: absolute;
    width: 443px;
    height: 99px;
    background-color: #fff;
    left: 92px;
    margin-top: 75px;
}
.cnt_carry_textbox {
    width: 364px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cnt_carry_icon {
    float: left;
    width: 48px;
    height: 44px;
}
.cnt_carry_text01 {
    float: left;
    width: 112px;
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-left: 30px;
}
.cnt_empty_box {
    float: left;
    position: absolute;
    width: 443px;
    height: 99px;
    background-color: #fff;
    left: 558px;
    margin-top: 75px;
}
.cnt_empty_textbox {
    width: 373px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cnt_empty_icon {
    float: left;
    width: 57px;
    height: 32px;
    margin-top: 5px;
}
.cnt_empty_text01 {
    float: left;
    width: 112px;
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 3px;
    margin-left: 30px;
}
.cnt_text02 {
    float: left;
    width: 140px;
    height: 44px;
    font-size: 44px;
    font-weight: bold;
    letter-spacing: 3px;
    color: #ff2222;
    text-align: right;
}
.cnt_text03 {
    float: left;
    width: 26px;
    height: 26px;
    font-size: 24px;
    font-weight: bold;
    margin-left: 5px;
}

.top_btn_area {
    float: left;
    width: 1100px;
    height: 160px;
    background-color: #fffcca;
    position: relative;
}
.beginner_btn {
    float: left;
    width: 746px;
    height: 92px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.member_regi_btn {
    width: 746px;
    height: 110px;
}

.today_carry {
    float: left;
    width: 1100px;
    height: 702px;
    position: relative;
    background: url(../image/today_carry.png)
}
.today_carry_img {
    float: left;
    width: 1100px;
    height: 702px;
    position: relative;
}
.today_carry_btn01 {
    float: left;
    width: 171px;
    height: 66px;
    position: absolute;
    left: 819px;
    top: 426px;
}
.today_carry .pickup {
    float: left;
    width: 870px;
    margin-top: 190px;
    margin-left: 119px;
}
.today_carry .data_area, .today_empty .data_area {
    float: left;
}
.col01 {
    width: 92px;
}
.col02 {
    width: 68px;
}
.col03, .col05 {
    width: 191px;
}
.col04, .col06 {
    width: 164px;
}
.col07 {
    width: 94px;
}
.col08 {
    width: 178px;
}
.col09 {
    width: 318px;
}
.col11 {
    width: 343px;
}
.col12 {
    width: 496px;
}
.data_area .name_th {
    height: 30px;
    line-height: 30px;
    font-size: 120%;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
}
.data_area .name_th.carry {
    background-color: #e96565;
    border-right: 1px solid #ff9a9a;
}
.data_area .name_th.carry.first {
    border-left: 1px solid #ff9a9a;
}
.data_area .name_th.empty {
    background-color: #2970c3;
    border-right: 1px solid #5e9be1;
}
.data_area .name_th.empty.first {
    border-left: 1px solid #5e9be1;
}
.data_area .text_td {
    display: table-cell; /* IE8から使用可能 */
    width: inherit;
    height: 67px;
    font-size: 120%;
    letter-spacing: 1px;
    text-align: center;
    vertical-align: middle;
    background-color: #ffffff;
}
.data_area .text_td.carry {
    border-right: 1px solid #e96565;
    border-bottom: 1px solid #e96565;
}
.data_area .text_td.carry.first {
    border-left: 1px solid #e96565;
}
.data_area .text_td.empty {
    border-right: 1px solid #2970c3;
    border-bottom: 1px solid #2970c3;
}
.data_area .text_td.empty.first {
    border-left: 1px solid #2970c3;
}
.today_carry .member_regi_btn {
    float: left;
    position: absolute;
    left: 177px;
    top: 547px;
}

.today_empty {
    float: left;
    width: 1100px;
    height: 807px;
    position: relative;
    background: url(../image/today_empty.png)
}
.today_empty_img {
    float: left;
    width: 1100px;
    height: 807px;
    position: relative;
}
.today_empty_btn01 {
    float: left;
    width: 171px;
    height: 66px;
    position: absolute;
    left: 819px;
    top: 530px;
}
.today_empty .pickup {
    float: left;
    width: 870px;
    margin-top: 195px;
    margin-left: 119px;
}
.today_empty .pickup.second {
    margin-top: 0px;
}
.today_empty .member_regi_btn {
    float: left;
    position: absolute;
    left: 177px;
    top: 652px;
}

.top_img_01 {
    float: left;
    width: 1100px;
    height: 625px;
    position: relative;
}
.top_img_02 {
    float: left;
    width: 1100px;
    height: 557px;
    position: relative;
}
.top_img_03 {
    float: left;
    width: 1100px;
    height: 652px;
    position: relative;
}
.top_img_11 {
    float: left;
    position: relative;
    width: 1100px;
    height: 850px;
    margin: 60px 0;
    text-align: center;
}

.top_btn_area .member_regi_btn {
    float: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.top_question {
    float: left;
    width: 1100px;
    height: 841px;
    position: relative;
}
.top_question_img {
    float: left;
    width: 1100px;
    height: 841px;
    position: relative;
}
.top_question_btn {
    float: left;
    width: 392px;
    height: 78px;
    position: absolute;
    left: 355px;
    top: 721px;
}
.today_empty .member_regi_btn {
    float: left;
    position: absolute;
    left: 177px;
    top: 652px;
}
/*---------------------------------------*/

/*	トップページ（ログイン後）
-----------------------------------------*/
.timecount_login {
    float: left;
    width: 1100px;
    height: 84px;
    line-height: 84px;
    background-color: #339d5b;
    vertical-align: middle;
}
.timer_login {
    float: left;
    /*position: absolute;*/
    /*margin-top: 25px;*/
    margin-left: 84px;
    font-size: 15px;
    color: #fff;
    text-shadow: 0.3px 0.5px 0 #333;
}
.cnt_carry_box_login {
    float: left;
    position: absolute;
    width: 280px;
    height: 56px;
    background-color: #fff;
    left: 435px;
    margin-top: 14px;
}
.cnt_carry_textbox_login {
    width: 232px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cnt_carry_icon_login {
    float: left;
    width: 30px;
    height: 27px;
    margin-top: 7px;
}
.cnt_carry_text01_login {
    float: left;
    /*width: 75px;*/
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-left: 20px;
}
.cnt_empty_box_login {
    float: left;
    position: absolute;
    width: 280px;
    height: 56px;
    background-color: #fff;
    left: 728px;
    margin-top: 14px;
}
.cnt_empty_textbox_login {
    width: 232px;
    height: 44px;
    line-height: 44px;
    background-color: #fff;
    vertical-align: middle;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.cnt_empty_icon_login {
    float: left;
    width: 35px;
    height: 20px;
    margin-top: 10px;
}
.cnt_empty_text01_login {
    float: left;
    /*width: 112px;*/
    height: 26px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-left: 15px;
}
.cnt_text02_login {
    float: left;
    width: 75px;
    height: 26px;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ff2222;
    text-align: right;
}
.cnt_text03_login {
    float: left;
    /*width: 20px;*/
    height: 20px;
    font-size: 18px;
    font-weight: bold;
    margin-left: 5px;
}

.menu_area {
    float: left;
    width: 515px;
    height: 350px;
    margin-top: 23px;
    margin-left: 23px;
    text-align: center;
}
.menu_area.carry {
    border: solid 1px #ffe4e4;
    background-color: #ffe4e4;
}
.menu_area.empty {
    border: solid 1px #e9f1fd;
    background-color: #e9f1fd;
}
.menu_title {
    width: 100%;
    height: 41px;
    margin-top: 32px;
    margin-bottom: 22px;
    text-align: center;
}
.menu_carry_icon {
    float: left;
    width: 45px;
    height: 41px;
    margin-left: 132px;
    margin-right: 20px;
}
.menu_empty_icon {
    float: left;
    width: 53px;
    height: 30px;
    margin-left: 124px;
    margin-right: 20px;
    margin-top: 6px;
}
.menu_title p {
    float: left;
    font-size: 30px;
    letter-spacing: 4px;
}
.menu_title p.carry {
    color: #e96565;
    text-shadow: 0.2px 0.3px 0 #F03;
}
.menu_title p.empty {
    color: #2970c3;
    text-shadow: 0.2px 0.3px 0 #00f;
}
.btn_menu02_area {
    width: 408px;
    height: 110px;
    margin: 0 auto;
    margin-top: 15px;
}
.btn_menu02_area.carry {
    border: solid 1px #e96565;
    background-color: #e96565;
}
.btn_menu02_area.empty {
    border: solid 1px #2970c3;
    background-color: #2970c3;
}
.btn_menu02, .btn_menu03 {
    float: left;
    height: 75px;
    margin-top: 18px;
    margin-left: 18px;
}
.btn_menu04 {
    float: left;
    width: 515px;
    height: 87px;
    margin-top: 23px;
    margin-left: 23px;
}
/*---------------------------------------*/

/*	会員登録
-----------------------------------------*/
.member_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin-bottom: 30px;
/*    background-color: #ffee99;*/
}
.member_caution {
    display: inline-block;
    width: 878px;
    height: 35px;
    line-height: 35px;
    text-align: right;
    vertical-align: middle;
    font-size: 16px;
}
.member_input_area {
    display: inline-block;
    width: 768px;
    padding: 20px 60px;
    text-align: left;
    background-color: rgb(245, 245, 245);
}
.item_name {
    display: inline-block;
    font-size: 16px;
    letter-spacing: 1px;
    margin-top: 14px;
}
.member_inp_box {
    vertical-align: top;
}
.member_inp_box input {
    border: 0;
   /*width: 720px;*/
    height: 50px;
    padding: 0 5px;
    margin-top: 10px;
    margin-left: 5px;
    border: solid 1px #ccc;
    font-size: 16px;
}
.member_inp_box select {
    border: 0;
    width: 355px;
    height: 50px;
    padding: 0 5px;
    margin-top: 10px;
    margin-left: 5px;
    border: solid 1px #ccc;
    font-size: 16px;
}
.member_inp_box textarea {
    width: 720px;
    height: 200px;
    padding: 5px;
    margin-top: 10px;
    margin-left: 5px;
    border: solid 1px #ccc;
    font-size: 16px;
}
.member_inp_box:last-child {
    margin-bottom: 20px;
}
.member_message_area {
    display: inline-block;
    width: 878px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    vertical-align: middle;
    margin-top: 40px;
    font-size: 16px;
}
.member_message_area .btn_a {
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    text-decoration: underline;
    color: #000;
}
.member_message_area .btn_a:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}
#memberinput_err {
    width: 100%;
    text-align: center;
    margin-top: 20px;
    display: none;
}
span.error_m {
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    color: #FF4040;
    margin-left: 20px;
}
span.conf_text {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    letter-spacing: 1px;
    margin: 30px 0 20px 0;
}
.member_inp_box p {
    font-size: 15px;
    letter-spacing: 1px;
    margin-left: 3em;
}
.member_finish_area {
    display: inline-block;
    width: 758px;
    padding: 20px 60px;
    text-align: left;
    background-color: rgb(245, 245, 245);
}
.member_finish_area p {
    width: 100%;
    text-align: center;
    letter-spacing: 2px;
}
.member_finish_area .main_text {
    font-size: 18px;
    margin: 30px 0 50px 0;
}
.member_finish_area .sub_text {
    font-size: 16px;
}
.member_finish_area .sub_text:last-child {
    margin-bottom: 30px;
}
.firstline {
    margin-top: 20px;
}
.long {
    width: 720px
}
.half {
    width: 355px
}
/*---------------------------------------*/

/*	会員規約
-----------------------------------------*/
.agreement_area {
    float: left;
    width: 1100px;
    height: 4010px;
    text-align: center;
    /*background-color: #ffee99;*/
}
.agreement_text_area {
    display: inline-block;
    width: 808px;
    height: 3890px;
    padding: 30px 35px;
    margin-top: 30px;
    text-align: left;
    border: solid 1px #019a3b;
    /*background-color: rgb(245, 245, 245);*/
}
.agreement_text_area h2 {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2px;
}
.agreement_intro {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 60px;
}
.agreement_text_area dl.rule {
    float: left;
    width: 790px;
}
.agreement_text_area dl.rule dt {
    float: left;
    font-size: 16px;
    letter-spacing: 2px;
}
.agreement_text_area dl.rule dt:before {
    display: inline-block;
    content: "";
    position: relative;
    height: 14px;
    width: 14px;
    background-color: #019a3b;
    border-radius: 100%;
    margin: 0 8px 0 2px;
}
.agreement_text_area dl.rule dd {
    float: left;
    margin-top: 8px;
    margin-left: 22px;
    text-align: left;
}
.agreement_text_area p {
    float: left;
    width: 790px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 1px;
}
.agreement_text_area dl.rule ol {
    float: left;
    width: 760px;
    line-height: 24px;
    letter-spacing: 1px;
    margin-left: 22px;
}
.agreement_text_area dl.rule ol.listnum li {
    list-style-type: decimal;
    font-size: 14px;
}
.agreement_text_area dl.rule ol.listnone li { 
    list-style-type: none; 
    font-size: 14px;
    text-indent: -1.8em;
    margin-left: 1em; 
}
.agreement_text_area .rights { margin:10px 0 0 160px; }
.divLine_agreement {
    float: left;
    width: 790px;
    margin: 20px 0 24px 0;
    border-bottom: 1px solid #d9d9d9;
}
/*---------------------------------------*/

/*	運営会社情報
-----------------------------------------*/
.company_area {
    float: left;
    width: 1100px;
    text-align: center;
    /*background-color: #ffee99;*/
}
.company_table {
    display: table; 
    table-layout: fixed;
    width: 878px;
    margin: 25px 111px 40px 0;
    margin-left: 111px;
    border: solid 1px #339d5b;
    border-collapse: collapse;
    /*background-color: rgb(245, 245, 245);*/
}
.row {
    display: table-row;
}
.company_table .cell_th {
    display: table-cell;
    width: 20%;
    text-align: left;
    font-size: 120%;
    letter-spacing: 2px;
    color: #ffffff;
    padding: 16px;
    background-color: #339d5b;
    border-bottom: solid 1px #ffffff;
}
.company_table .last_th {
    border-bottom: 0;
}
.company_table .cell_td {
    display: table-cell;
    width: 80%;
    text-align: left;
    font-size: 120%;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 6px;
    padding: 16px;
    border-bottom: solid 1px #339d5b;
}
.company_table .cell_td a {
    font-size: 100%;
    letter-spacing: 1px;
}
/*---------------------------------------*/

/*	ご利用方法
-----------------------------------------*/
.howto_area {
    float: left;
    width: 1100px;
    text-align: center;
    /*background-color: #ffee99;*/
}
.howto_img {
    width: 933px;
    height: 875px;
    margin: 30px 0 40px 0;
}
.howto_member_btn {
    width: 299px;
    height: 60px;
    float: left;
    position: absolute;
    left: 322px;
    top: 287px;
}
/*---------------------------------------*/

/*	よくある質問
-----------------------------------------*/
.qa_area {
    float: left;
    width: 1100px;
    text-align: center;
    margin: 30px 0 30px 0;
/*    background-color: #ffee99;*/
}
.qa_text_area {
    display: inline-block;
    width: 778px;
    padding: 30px 50px;
    text-align: left;
    background-color: rgb(245, 245, 245);
}
.qa_text_area img {
    margin-right: 20px;
}
.qa_text_area p {
    display: inline-block;
    margin-right: 20px;
}
.qa_text_area .question {
    height: 32px;
    line-height: 32px;
    margin-bottom: 20px;
}
.qa_text_area .answer {
    height: 32px;
    line-height: 32px;
}
.qa_text_area .question p {
    font-size: 125%;
    letter-spacing: 1px;
    vertical-align: top;
}
.qa_text_area .answer p {
    font-size: 140%;
    letter-spacing: 1px;
    vertical-align: top;
}
.qa_text_area .btn_a {
    font-size: 100%;
    letter-spacing: 1px;
    text-decoration: none;
    display: inline-block;
    text-decoration: underline;
}
/*---------------------------------------*/

/*	荷物情報検索
-----------------------------------------*/
.search_select_area.carry {
    background-color: #ffe4e4;
}
.search_message.carry {
    color: #e96565;
    border: solid 1px #e96565;
}

/* 荷物情報 一覧画面 */
.view_list_table.carry th {
    background-color: #e96565;
    border-right: 1px solid #ff9a9a;
}
.view_list_table.carry td {
    border-bottom: 1px solid #e96565;
    border-right: 1px solid #e96565;
}
.view_list_table.carry td.td_left {
    border-left: 1px solid #e96565;
}
.view_list_table.carry th.border,
.view_list_table.carry td.border {
    border-left: 3px solid #d93636;
}
/*---------------------------------------*/

/*	空車情報検索
-----------------------------------------*/
.search_select_area.empty {
    background-color: #e9f1fd;
}
.search_message.empty {
    color: #2970c3;
    border: solid 1px #2970c3;
}

/* 空車情報 一覧画面 */
.view_list_table.empty th {
    background-color: #2970c3;
    border-right: 1px solid #5e9be1;
}
.view_list_table.empty td {
    border-bottom: 1px solid #2970c3;
    border-right: 1px solid #2970c3;
}
.view_list_table.empty td.td_left {
    border-left: 1px solid #2970c3;
}
.view_list_table.empty th.border,
.view_list_table.empty td.border {
    border-left: 3px solid #2e86d9;
}
/*---------------------------------------*/

/*	会員情報一覧
-----------------------------------------*/
.view_list_table.member th {
    background-color: #339d5b;
    border-right: 1px solid #ffffff;
}
.view_list_table.member td {
    border-bottom: 1px solid #339d5b;
    border-right: 1px solid #339d5b;
}
.view_list_table.member td.td_left {
    border-left: 1px solid #339d5b;
}
.view_list_table.member th.border,
.view_list_table.member td.border {
    border-left: 3px solid #339d5b;
}
/*---------------------------------------*/

/*	カレンダー
-----------------------------------------*/
/* カレンダーのサイズを変更 */
.ui-datepicker {
    font-size: 150%;
    z-index: 101 !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
   display: block;
   /*padding: .6em;*/
   text-align: right;
   text-decoration: none; 
   font-size:1.2em;
}
/* 日曜日のカラー設定 */
td.ui-datepicker-week-end:first-child a.ui-state-default{
  background-color: #ffecec;   /* 背景色を設定 */
  color: #f00!important;       /* 文字色を設定 */
}
/* 土曜日のカラー設定 */
td.ui-datepicker-week-end:last-child a.ui-state-default{
  background-color: #eaeaff;   /* 背景色を設定 */
  color: #00f!important;       /* 文字色を設定 */
}
/* ホバー時の動作 */
td.ui-datepicker-week-end a.ui-state-hover{
  opacity: 0.8;
}
/* 当日を示す色はそのまま */
td.ui-datepicker-week-end a.ui-state-highlight{
  background-color: #fffa90!important;
}
/*---------------------------------------*/

/*	地図
-----------------------------------------*/
.map_area {
    display: inline-block;
    width: 776px;
    height: 626px;
    padding: 20px 30px;
    margin: 40px 0;
    text-align: left;
    background-color: #ffffff;
    border: solid 1px #d9d9d9;
}
#map_japan {
    position: relative;
    left: 140px;
    top: -110px;
    width: 460px;
    height: 380px;
    z-index: 1;
}
.map_hokkaido {
    position: absolute;
    left: 357px;
    top: 30px;
}
.map_kitatohoku {
    position: absolute;
    left: 346px;
    top: 117px;
}
.map_minamitohoku {
    position: absolute;
    left: 342px;
    top: 175px;
}
.map_kitakanto {
    position: absolute;
    left: 313px;
    top: 232px;
}
.map_minamikanto {
    position: absolute;
    left: 313px;
    top: 292px;
}
.map_hokuriku {
    position: absolute;
    left: 210px;
    top: 196px;
}
.map_koshinetsu {
    position: absolute;
    left: 219px;
    top: 253px;
}
.map_chukyo {
    position: absolute;
    left: 207px;
    top: 309px;
}
.map_chugoku {
    position: absolute;
    left: 108px;
    top: 224px;
}
.map_kansai {
    position: absolute;
    left: 120px;
    top: 274px;
}
.map_shikoku {
    position: absolute;
    left: 93px;
    top: 334px;
}
.map_kyusyu {
    position: absolute;
    left: -3px;
    top: 297px;
}
.map_annotation {
    position: relative;
    left: 369px;
    top: 499px;
    width: 404px;
    height: 109px;
}
.region {
    position: absolute;
    display: table-cell;
    width: 63px;
    padding: 0;
    vertical-align: top;
    /*background-color: #ffcc66;*/
}
.kansai {
    margin-top: 18px;
    margin-left: 4px;
}
.chugoku {
    margin-top: 18px;
    margin-left: 72px;
}
.hokuriku {
    margin-top: 18px;
    margin-left: 140px;
    z-index: 10;
}
.koshinetsu {
    margin-top: 18px;
    margin-left: 208px;
    z-index: 11;
}
.minamitohoku {
    margin-top: 56px;
    margin-left: 642px;
}
.hokkaido {
    margin-top: 18px;
    margin-left: 710px;
}
.kitakanto {
    margin-top: 286px;
    margin-left: 642px;
}
.minamikanto {
    margin-top: 286px;
    margin-left: 710px;
}
.kyusyu {
    width: 133px;
    margin-top: 421px;
    margin-left: 4px;
}
.shikoku {
    margin-top: 421px;
    margin-left: 185px;
    z-index: 12;
}
.chukyo {
    margin-top: 421px;
    margin-left: 253px;
    z-index: 13;
}
.kyusyu .block_left {
    display: inline-block;
    width: 63px;
    margin-left: 0px;
}
.kyusyu .block_right {
    display: inline-block;
    width: 63px;
    margin-left: 0px;
}
.kansai img, .chugoku img, .hokuriku img, .koshinetsu img, .minamitohoku img, .hokkaido img,
.kitakanto img, .minamikanto img, .kyusyu img, .shikoku img, .chukyo img {
    float: left;
    margin-bottom: 5px;
}
.kansai img:first-child, .chugoku img:first-child, .hokuriku img:first-child, .koshinetsu img:first-child, 
.minamitohoku img:first-child, .hokkaido img:nth-of-type(2), .kitakanto img:first-child,
.minamikanto img:first-child, .kyusyu img:first-child, .shikoku img:first-child, .chukyo img:first-child,
.kansai img:nth-of-type(2), .chugoku img:nth-of-type(2), .hokuriku img:nth-of-type(2), .koshinetsu img:nth-of-type(2), 
.minamitohoku img:nth-of-type(2), .hokkaido img:nth-of-type(3), .kitakanto img:nth-of-type(2),
.minamikanto img:nth-of-type(2), .kyusyu img:nth-of-type(2), .shikoku img:nth-of-type(2), .chukyo img:nth-of-type(2) {
    margin-bottom: 0;
}
#pref40, #pref41, #pref44, #pref45 {
    margin-bottom: 5px;
}
.kansai img:hover, .chugoku img:hover, .hokuriku img:hover, .koshinetsu img:hover, .minamitohoku img:hover, 
.hokkaido img:hover, .kitakanto img:hover, .minamikanto img:hover, .kyusyu img:hover, .shikoku img:hover, 
.chukyo img:hover, .japan_area img:hover,
.map_kansai img:hover, .map_chugoku img:hover, .map_hokuriku img:hover, .map_koshinetsu img:hover, 
.map_minamitohoku img:hover, .map_hokkaido img:hover, .map_kitakanto img:hover, .map_minamikanto img:hover, 
.map_kyusyu img:hover, .map_shikoku img:hover, .map_chukyo img:hover {
    cursor: pointer;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
img._ci:hover {
    cursor: initial;
    opacity: 100;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}
/*---------------------------------------*/

/*	ポップアップウインドウ
-----------------------------------------*/
#modal-content {
    width: 650px;
    margin: 0;
    padding: 20px 20px;
    border: 2px solid #339d5b;
    background: #fff;
    position: fixed;
    display: none; 
    z-index: 2;
}
#modal-content-innar{
    margin: 0 auto;
    width: 80%;
    font-size: 120%;
    letter-spacing: 1px;
}
#modal-content-innar p {
    font-size: 120%;
    letter-spacing: 1px;
}
#modal-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(208,208,208,0.7);
}

.sel_open {
    cursor: pointer;
}
.sel_open:hover {
    text-decoration: underline;
}
#modal-info {
    width: 760px;
    height: 70px;
    margin: 0;
    padding: 5px 5px;
    border: 2px solid #339d5b;
    background: #fff;
    position: fixed;
    display: none; 
    z-index: 2;
}
#modal-info-innar{
    margin: 0 auto;
    width: 100%;
    font-size: 120%;
    letter-spacing: 1px;
    text-align: center;
}
#modal-info-innar p {
    font-size: 110%;
    letter-spacing: 1px;
}
#modal-info-overlay {
    z-index: 1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120%;
    background-color: rgba(208,208,208,0.7);
}
.submit_info {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

/*---------------------------------------*/

/*	TOPへ戻るボタン
-----------------------------------------*/
#pageTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 999;
}
#pageTop a {
    display: block;
    width: 40px;
    height: 20px;
    padding: 10px 0;
    background-color: #9FD6D2;
    font-size: 12px;
    font-weight: bold;
    color: #0000FF;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    -moz-border-radius: 3px;    /* 古いFirefox */
    -webkit-border-radius: 3px; /* 古いSafari,Chrome */
    border-radius: 3px;         /* CSS3 */
}
#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}
/*---------------------------------------*/



.button-link {
 color: #00f ;
 text-decoration: underline ;
}
 
.button-link:hover {
 cursor: pointer ;
 color: #f00 ;
}

/*.top_navi {
  float: left;
}
.top_navi li{
	float: left;
	width: 238px;
	text-align: center;
	font-size: 14px;
	margin-left:2px;
	list-style:none;
}
.top_navi li.menu00 {
	background: #4e4e4e;
}
.top_navi li.menu01 {
	background: #0b893b;
}
.top_navi li.menu02 {
	background: #9a1616;
}
.top_navi li.menu03 {
	background: #0e5ca4;
}
.top_navi li.active{
	background:#ff5f27;
	border:none;
	width: 238px;
	padding:1px 0;
}
.top_navi li.active a{
	color: #ffffff;
}
.top_navi li.menu00:hover {
	background: #828282;
}
.top_navi li.menu01:hover {
	background: #0fbd52;
}
.top_navi li.menu02:hover {
	background: #cc1d1d;
}
.top_navi li.menu03:hover {
	background: #1378d6;
}
.top_navi li a{
    color: #ffffff;
    font-style:normal;
    text-decoration:none;
	display:block;
	padding:7px 0 6px 0;
}
.top_navi li a:link {
    color: #ffffff;
    font-style:normal;
    text-decoration:none;
	font-size: 108%;
}
.top_navi li a:visited {
    color: #ffffff;
    text-decoration:none;
}
.top_navi li:hover a{
	color: #ffffff;
}*/

/*#topcontent_area .intro_text{
    float: left;
    width: 940px;
    margin: 50px auto;
    text-align: center;
}

#topcontent_area h2 {
	font-size: 32px;
	margin-bottom: 1em;
}
#topcontent_area h2 span{
	font-size: 100%;
	color: #0c8d3d;
}
#topcontent_area p.welcome {
	font-size: 20px;
	text-align:left;
}
#topcontent_area p.welcome b {
	font-size: 100%;
}
#topcontent_area .text_red {
	font-size: 100%;
	color: red;
}
#topcontent_area img {
	margin-top: 20px;
	margin-bottom: 20px;
}

#topimage {
    width: 960px;
	height: 499px;
}
#topimage .main_image {
	float: left;
    width: 960px;
	height: 489px;
	margin-top: 10px;
	position: relative;
}
#topimage .login {
	background: url(../image/login02.gif) no-repeat;
	float: left;
    width: 216px;
	height: 234px;
	position: absolute;
	z-index: 2;
	top: 255px;
	left: 725px;
}
#topimage .login .id{
	float: left;
	width: 196px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	vertical-align: middle;
	margin-top: 37px;
	margin-left: 10px;
}
#topimage .login .id input {
	float: right;
	width: 120px;
	height: 20px;
}
#topimage .login .pass {
	float: left;
	width: 196px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	vertical-align: middle;
	margin-top: 5px;
	margin-left: 10px;
}
#topimage .login .pass input {
	float: right;
	width: 120px;
}
#topimage .login .put {
	float: left;
	width: 196px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	vertical-align: middle;
	margin-top: 5px;
	margin-left: 10px;
}
#topimage .login .btnlogin {
	float: left;
	width: 125px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	background-color: #505050;
	margin-top: 10px;
	margin-left: 45px;

	-moz-border-radius: 2px;     古いFirefox 
	-webkit-border-radius: 2px;  古いSafari,Chrome 
	border-radius: 2px;          CSS3 
}
#topimage .login .btnlogin a{
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	display: block;
}
#topimage .login .btnlogin a:link {
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}
#topimage .login .btnlogin:hover {
	background: #9c9c9c;
}*/

.title_crr {
	float: left;
    width: 950px;
    height: 26px;
    padding: 0 0 0 10px;
	font-size: 20px;
    color: #FFF;
	letter-spacing: 0.3em;
	text-align: center;
    margin: 10px 10px 20px 0;
    border: 1px #c61616 solid;     /* 枠線の装飾 */
    background-color: #9a1616;   /* 背景色 */

    border-radius: 2px;         /* CSS3 */
    -moz-border-radius: 2px;    /* Firefox */
    -webkit-border-radius: 2px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}
.title_ept {
	float: left;
    width: 950px;
    height: 26px;
    padding: 0 0 0 10px;
	font-size: 20px;
    color: #FFF;
	letter-spacing: 0.3em;
	text-align: center;
    margin: 10px 10px 20px 0;
    border: 1px #2979c3 solid;     /* 枠線の装飾 */
    background-color: #0e5ca4;   /* 背景色 */

    border-radius: 2px;         /* CSS3 */
    -moz-border-radius: 2px;    /* Firefox */
    -webkit-border-radius: 2px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}
.title_mem {
	float: left;
    width: 950px;
    height: 26px;
    padding: 0 0 0 10px;
	font-size: 18px;
    color: #FFF;
	letter-spacing: 0.3em;
	text-align: center;
    margin: 10px 10px 20px 0;
    border: 1px #16800d solid;     /* 枠線の装飾 */
    background-color: #0b893b;   /* 背景色 */

    border-radius: 2px;         /* CSS3 */
    -moz-border-radius: 2px;    /* Firefox */
    -webkit-border-radius: 2px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}
.title_etc {
	float: left;
    width: 950px;
    height: 26px;
    padding: 0 0 0 10px;
	font-size: 18px;
    color: #FFF;
	letter-spacing: 0.3em;
	text-align: center;
    margin: 10px 10px 20px 0;
    border: 1px #994c00 solid;     /* 枠線の装飾 */
    background-color: #e67300;   /* 背景色 */

    border-radius: 2px;         /* CSS3 */
    -moz-border-radius: 2px;    /* Firefox */
    -webkit-border-radius: 2px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}
.root {
	letter-spacing: 0em;
    padding: 0 0 0 10px;
	text-align: left;
    behavior: url(./bin/pie/PIE.php); /* IE6,7,8 */
}

.normal_text {
	font-size: 80%;
}

.caution {
	clear: left;
}

table#sortSelect {
    width: 960px;
    margin-top: 10px;
    margin-bottom: 10px;
}
table#sortSelect .select {
    width: 220px;
    text-align: left;
}
table#sortSelect .selectshort {
    width: 140px;
    text-align: left;
}

#member_navi {
	width: 960px;
	height: 59px;
	float: left;
}
#member_navi .member_navi_crr {
	width: 470px;
	height: 59px;
	float: left;
	margin-right: 20px;
	background-color: #9a1616;

	-moz-border-radius: 3px;    /* 古いFirefox */
	-webkit-border-radius: 3px; /* 古いSafari,Chrome */
	border-radius: 3px;         /* CSS3 */
}
#member_navi .member_navi_ept {
	width: 470px;
	height: 59px;
	float: left;
	background-color: #0e5ca4;

	-moz-border-radius: 3px;    /* 古いFirefox */
	-webkit-border-radius: 3px; /* 古いSafari,Chrome */
	border-radius: 3px;         /* CSS3 */
}
#member_navi .title {
	float: left;
	width: 470px;
	height: 24px;
	margin-top: 5px;
	font-size: 14px;
	color: #FFF;
	letter-spacing: 0.3em;
	text-align: center;
}
#member_navi li{
	float: left;
	width: 105px;
	height: 20px;
	margin-top: 0px;
	margin-left: 10px;
	text-align: center;
	font-size: 14px;
	background-color: #FFF;

	-moz-border-radius: 2px;    /* 古いFirefox */
	-webkit-border-radius: 2px; /* 古いSafari,Chrome */
	border-radius: 2px;         /* CSS3 */
    behavior: url(./bin/pie/PIE.php); /* IE6,7,8 */
}
#member_navi .member_navi_crr li a{
	color: #9a1616;
    font-style: normal;
    text-decoration: none;
	display: block;
}
#member_navi .member_navi_crr li a:link {
	color: #9a1616;
    font-style: normal;
    text-decoration: none;
	font-size: 100%;
	letter-spacing: 0.3em;
}
#member_navi .member_navi_ept li a{
	color: #0e5ca4;
    font-style: normal;
    text-decoration: none;
	display: block;
}
#member_navi .member_navi_ept li a:link {
	color: #0e5ca4;
    font-style: normal;
    text-decoration: none;
	font-size: 100%;
	letter-spacing: 0.3em;
}
#member_navi li:hover {
	background: #d9d9d9;
}
/*
.top_navi li.active{
	background:#ff5f27;
	border:none;
	width: 238px;
	padding:1px 0;
}
.top_navi li.active a{
	color: #ffffff;
}
.top_navi li a:visited {
    color: #ffffff;
    text-decoration:none;
}
*/

#time_counter {
	width: 960px;
	height: 40px;
	float: left;
	background-color: #e5e5e5;

    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    behavior: url(./bin/pie/PIE.php); /* IE6,7,8 */
}
#time_counter .timer {
	width: 420px;
	height: 40px;
	line-height: 40px;
	float: left;
	vertical-align: middle;
	font-size: 16px;
	margin-left: 20px;
	margin-right: 10px;
}
#clock {
	font-size: 110%;
}
#time_counter .carrynumber_r {
    width: 240px;
    height: 30px;
	line-height: 30px;
	float: left;
    text-align: center;
    vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 5px;
	margin-left: 10px;
    color: #9a1616;
	background-color: #FFF;

    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    behavior: url(./bin/pie/PIE.php); /* IE6,7,8 */
}
#time_counter .emptynumber_r {
    width: 240px;
    height: 30px;
	line-height: 30px;
	float: left;
    text-align: center;
    vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-top: 5px;
	margin-left: 10px;
    color: #0e5ca4;
	background-color: #FFF;

    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    behavior: url(./bin/pie/PIE.php); /* IE6,7,8 */
}
#time_counter .carrynumber {
    width: 240px;
    height: 30px;
	line-height: 30px;
	float: left;
    text-align: center;
    vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-top: 5px;
	margin-left: 10px;
    color: #9a1616;
	background-color: #FFF;

    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}
#time_counter .emptynumber {
    width: 240px;
    height: 30px;
	line-height: 30px;
	float: left;
    text-align: center;
    vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-top: 5px;
	margin-left: 10px;
    color: #0e5ca4;
	background-color: #FFF;

    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}

#login_name {
	width: 960px;
	height: 30px;
	float: left;
}
#login_name li{
	float: right;
	width: 100px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	margin-top: 0px;
	margin-left: 5px;
	text-align: center;
	font-size: 12px;
	background-color: #505050;

	-moz-border-radius: 2px;    /* 古いFirefox */
	-webkit-border-radius: 2px; /* 古いSafari,Chrome */
	border-radius: 2px;         /* CSS3 */
}
#login_name li a{
	color: #ffffff;
    font-style: normal;
    text-decoration: none;
	display: block;
}
#login_name li a:link {
	color: #ffffff;
    font-style: normal;
    text-decoration: none;
	font-size: 100%;
}
#login_name li:hover {
	background: #9c9c9c;
}

#fixedline02 {
    width: 100%;
    height: 190px;
    position: fixed !important;
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 5px;
    padding-left: 10px;
    background-color: #FFFFFF;
}
#fixedline02 .mem_header {
    width: 98%;
    top: 5px;
    left: 10px;
    background-color: #FFFFFF;
}

#info_user {
    float: left;
    width: 98%;
    height: 94px;
/*
    position: fixed !important;
    position: absolute;
*/
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;

    top: 5px;
    left: 10px;
    border: 2px solid #e5e5e5;
    background-color: #FFFFFF;
}
#info_user iframe {
    width:100%;
    height:100%;
    border:none;
    display:block;
}

table.top_infouser {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
table.top_infouser td {
    line-height: 16px;
    font-size: 12px;
    border-bottom: 1px solid #e5e5e5;
}
table.top_infouser td.td_carry {
    color: red;
}
table.top_infouser td.td_empty {
    color: blue;
}
table.top_infouser td.td_user {
    color: green;
}

/* 荷物情報 入力・選択画面 */
.carryTable{
    clear: left;
    width: 960px;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0px;
}
.carryTable th{
    padding: 3px;
	color: #FFFFFF;
	text-align: left;
    background-color: #9a1616;
    border-top: 1px solid #d93636;
    border-right: 1px solid #d93636;
}
.carryTable td{
    padding: 3px;
    border-top: 1px solid #d93636;
    border-right: 1px solid #d93636;
}
.carryTable th.oneleft,
.carryTable th.oneleft_r {
    width: 120px;
    border-left: 1px solid #d93636;
    border-bottom: 1px solid #d93636;
}
.carryTable th.topleft,
.carryTable th.middleleft,
.carryTable th.topleft_r {
    width: 120px;
    border-left: 1px solid #d93636;
}
.carryTable th.bottomleft,
.carryTable th.bottomleft_inp,
.carryTable th.bottomleft_inp_r {
    width: 120px;
    border-left: 1px solid #d93636;
    border-bottom: 1px solid #d93636;
}
.carryTable td.oneright,
.carryTable td.bottomright,
.carryTable td.bottommiddle,
.carryTable td.oneright_r,
.carryTable td.bottomright_inp,
.carryTable td.bottomright_inp_r {
    border-bottom: 1px solid #d93636;
}
.carryTable th.border {
    width: 120px;
    border-left: 1px solid #d93636;
    border-bottom: 4px solid #d93636;
}
.carryTable td.border {
    border-bottom: 4px solid #d93636;
}

/* 空車情報 入力・選択画面 */
.emptyTable{
    clear: left;
    width: 960px;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0px;
}
.emptyTable th{
    padding: 3px;
	color: #FFFFFF;
	text-align: left;
    background-color: #0e5ca4;
    border-top: 1px solid #2e86d9;
    border-right: 1px solid #2e86d9;
}
.emptyTable td{
    padding: 3px;
    border-top: 1px solid #2e86d9;
    border-right: 1px solid #2e86d9;
}
.emptyTable td.addressarea {
    padding: 0px;
}
.emptyTable th.oneleft,
.emptyTable th.oneleft_r {
    width: 120px;
    border-left: 1px solid #2e86d9;
    border-bottom: 1px solid #2e86d9;
}
.emptyTable th.topleft,
.emptyTable th.middleleft,
.emptyTable th.topleft_r {
    width: 120px;
    border-left: 1px solid #2e86d9;
}
.emptyTable th.bottomleft,
.emptyTable th.bottomleft_inp,
.emptyTable th.bottomleft_inp_r {
    width: 120px;
    border-left: 1px solid #2e86d9;
    border-bottom: 1px solid #2e86d9;
}
.emptyTable td.oneright,
.emptyTable td.bottomright,
.emptyTable td.bottommiddle,
.emptyTable td.oneright_r,
.emptyTable td.bottomright_r,
.emptyTable td.bottomright_inp,
.emptyTable td.bottomright_inp_r {
    border-bottom: 1px solid #2e86d9;
}
.emptyAddressTable {
    clear: left;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.emptyAddressTable th {
    border-top: 0px;
}
.emptyAddressTable th.thright,
.emptyAddressTable td.tdright {
    border-right: 0px;
}
.emptyTable th.border {
    width: 120px;
    border-left: 1px solid #2e86d9;
    border-bottom: 4px solid #2e86d9;
}
.emptyTable td.border {
    border-bottom: 4px solid #2e86d9;
}

/* その他 入力・選択画面 */
.etcTable{
    clear: left;
    width: 960px;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0px;
}
.etcTable th{
    padding: 3px;
	color: #FFFFFF;
	text-align: left;
    background-color: #0b893b;
    border-top: 1px solid #12660a;
    border-right: 1px solid #12660a;
}
.etcTable td{
    padding: 3px;
    border-top: 1px solid #12660a;
    border-right: 1px solid #12660a;
}
.etcTable th.oneleft,
.etcTable th.oneleft_r {
    width: 120px;
    border-left: 1px solid #12660a;
    border-bottom: 1px solid #12660a;
}
.etcTable th.topleft,
.etcTable th.middleleft,
.etcTable th.topleft_r {
    width: 120px;
    border-left: 1px solid #12660a;
}
.etcTable th.bottomleft,
.etcTable th.bottomleft_inp,
.etcTable th.bottomleft_inp_r {
    width: 120px;
    border-left: 1px solid #12660a;
    border-bottom: 1px solid #12660a;
}
.etcTable td.oneright,
.etcTable td.bottomright,
.etcTable td.bottommiddle,
.etcTable td.oneright_r,
.etcTable td.bottomright_r,
.etcTable td.bottomright_inp,
.etcTable td.bottomright_inp_r {
    border-bottom: 1px solid #12660a;
}

/* 空車情報 一覧画面 */
.emptyListTable{
    clear: left;
    width: 100%;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0px;
}
.emptyListTable th{
	color: #FFF;
    background-color: #0e5ca4;
    border-top: 1px solid #2e86d9;
    border-right: 1px solid #2e86d9;
}
.emptyListTable td{
    padding: 3px;
    border-top: 1px solid #2e86d9;
    border-right: 1px solid #2e86d9;
}
.emptyListTable th.oneleft {
    border-left: 1px solid #2e86d9;
    border-bottom: 1px solid #2e86d9;
}
.emptyListTable th.topleft,
.emptyListTable th.middleleft,
.emptyListTable td.middleleft,
.emptyListTable th.topleft_r {
    border-left: 1px solid #2e86d9;
}
.emptyListTable th.bottomleft,
.emptyListTable td.bottomleft,
.emptyListTable td.bottomboth,
.emptyListTable td.bottomleft_r,
.emptyListTable td.bottomboth_r {
    border-left: 1px solid #2e86d9;
    border-bottom: 1px solid #2e86d9;
}
.emptyListTable td.oneright,
.emptyListTable td.bottomright,
.emptyListTable td.bottommiddle,
.emptyListTable td.bottomright_r {
    border-bottom: 1px solid #2e86d9;
}
.emptyListTable th.border,
.emptyListTable td.border {
    border-left: 3px solid #2e86d9;
}
.emptyListTable td.emergency{
    vertical-align: middle;
    background-color: #f21818;
    color: #FFF;
}
.emptyListTable tr.line_odd{
    background-color:#ffffff;
    height: 1.8em;
}
.emptyListTable tr.line_even{
    background-color:#eeeeee;
    height: 1.8em;
}
.emptyListTable tr.line_user{
    background-color: #9ACD31;  /* yellowgreen */
    height: 1.8em;
}
.emptyListTable tr:hover td {
    background: #91baf2;
    color: #000;
}

/* その他 一覧画面 */
.etcListTable{
    clear: left;
    width: 100%;
    margin-bottom: 10px;
    border-collapse: separate;
    border-spacing: 0px;
}
.etcListTable th{
	color: #FFF;
    background-color: #0b893b;
    border-top: 1px solid #12660a;
    border-right: 1px solid #12660a;
}
.etcListTable td{
    padding: 3px;
    border-top: 1px solid #12660a;
    border-right: 1px solid #12660a;
}
.etcListTable th.oneleft {
    border-left: 1px solid #12660a;
    border-bottom: 1px solid #12660a;
}
.etcListTable th.topleft,
.etcListTable th.middleleft,
.etcListTable td.middleleft,
.etcListTable th.topleft_r {
    border-left: 1px solid #12660a;
}
.etcListTable th.bottomleft,
.etcListTable td.bottomleft,
.etcListTable td.bottomboth,
.etcListTable td.bottomleft_r,
.etcListTable td.bottomboth_r {
    border-left: 1px solid #12660a;
    border-bottom: 1px solid #12660a;
}
.etcListTable td.oneright,
.etcListTable td.bottomright,
.etcListTable td.bottommiddle,
.etcListTable td.bottomright_r {
    border-bottom: 1px solid #12660a;
}
.etcListTable td.emergency{
    vertical-align: middle;
    background-color: #f21818;
    color: #FFF;
}
.etcListTable tr.line_odd{
    background-color:#ffffff;
    height: 1.8em;
}
.etcListTable tr.line_even{
    background-color:#eeeeee;
    height: 1.8em;
}
.etcListTable tr:hover td {
    background: #91baf2;
    color: #000;
}

#input30 {
	float: left;
    width: 1235px;
}
#input30 .hotline {
	float: left;
    width: 960px;
    height: 50px;
	margin-bottom: 15px;
}
#input30 .hotline .mark {
	float: left;
    width: 128px;
    height: 50px;
	background-color: #ffffff;
}
#input30 .hotline .mark a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
#input30 .hotline .comment {
    float: left;
    width: 600px;
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
    margin-left: 10px;
}
#input30 .form_title {
	float: left;
    width: 960px;
    /*height: 50px;
	margin-bottom: 15px;*/
	font-size: 110%;
	font-weight: bold;
}
#input30 .form_comment {
	float: left;
    width: 950px;
	font-size: 100%
}
#input30 .form_charge {
	float: left;
    width: 950px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#input30 .form_charge .name {
	float: left;
	width: 170px;
	font-size: 12px;
}
#input30 .form_charge .name:input {
	float: left;
	font-size: 100%;
}
#input30 .form_charge .tel {
	float: left;
	width: 160px;
	font-size: 12px;
}
#input30 .form_charge .tel:input {
	float: left;
	font-size: 100%;
}
#input30 .form_charge .configput {
	float: left;
	font-size: 12px;
}
#input30 .carry {
	float: left;
	width: 960px;
	height: 92px;
	margin-bottom: 10px;
    border: 1px #c61616 solid;     /* 枠線の装飾 */
}
#input30 .carry .title {
	width: 100%;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
    color: #FFF;
	letter-spacing: 0.3em;
	text-align: center;
	vertical-align: middle;
    background-color: #9a1616;   /* 背景色 */
}
#input30 .carry .frame01 {
	float: left;
	width: 460px;
	height: 65px;
    border-right: 1px #c61616 solid;     /* 枠線の装飾 */
}
#input30 .carry .frame01 .date_line01 {
	width: 460px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	vertical-align: middle;
    border-bottom: 1px #c61616 solid;     /* 枠線の装飾 */
}
#input30 .carry .frame01 .date_line01 .date {
	float: left;
	width: 170px;
	font-size: 12px;
	color: #9a1616;
	font-weight: bold;
	margin-left: 10px;
}
#input30 .carry .frame01 .date_line01 .arr {
	float: right;
	width: 280px;
	font-size: 12px;
	color: #9a1616;
	font-weight: bold;
}
#input30 .carry .frame01 .date_line01 .arr:select {
	float: left;
	font-size: 12px;
}
#input30 .carry .frame01 .date_line01 .arr:input {
	float: left;
	font-size: 12px;
}
#input30 .carry .frame01 .date_line02 {
	width: 460px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	vertical-align: middle;
}
#input30 .carry .frame01 .date_line02 .date {
	float: left;
	width: 170px;
	font-size: 12px;
	color: #9a1616;
	font-weight: bold;
	margin-left: 10px;
}
#input30 .carry .frame01 .date_line02 .arr {
	float: right;
	width: 280px;
	font-size: 12px;
	color: #9a1616;
	font-weight: bold;
}
#input30 .carry .frame01 .date_line02 .arr:select {
	float: left;
	font-size: 12px;
}
#input30 .carry .frame01 .date_line02 .arr:input {
	float: left;
	font-size: 12px;
}
#input30 .carry .frame02 {
	float: left;
	width: 390px;
	height: 65px;
    border-right: 1px #c61616 solid;     /* 枠線の装飾 */
}
#input30 .carry .frame02 .frame02_01 {
	float: left;
	width: 380px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #9a1616;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 10px;
}
#input30 .carry .frame02 .frame02_02 {
	float: left;
	width: 380px;
	height: 33px;
	line-height: 33px;
	font-size: 12px;
	vertical-align: middle;
	margin-left: 10px;
}
#input30 .carry .frame02 .frame02_02 .car {
	float: left;
	width: 130px;
	font-size: 12px;
	color: #9a1616;
	font-weight: bold;
}
#input30 .carry .frame02 .frame02_02 .car:input {
	float: left;
	font-size: 12px;
}
#input30 .carry .frame02 .frame02_02 .type {
	float: left;
	width: 150px;
	font-size: 12px;
	color: #9a1616;
	font-weight: bold;
}
#input30 .carry .frame02 .frame02_02 .type:input {
	float: left;
	font-size: 12px;
}
#input30 .carry .frame03 {
	float: right;
	width: 106px;
	height: 65px;
	padding-top: 20px;
}
#input30 .carry .frame03 .btn_carry {
	width: 80px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	background-color: #9a1616;
	margin: auto;

	-moz-border-radius: 2px;    /* 古いFirefox */
	-webkit-border-radius: 2px; /* 古いSafari,Chrome */
	border-radius: 2px;         /* CSS3 */
}
#input30 .carry .frame03 .btn_carry a{
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	display: block;
}
#input30 .carry .frame03 .btn_carry a:link {
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}
#input30 .carry .frame03 .btn_carry a:visited {
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}
#input30 .carry .frame03 .btn_carry:hover {
	background: #cc1d1d;
}
#input30 .empty {
	float: left;
	width: 960px;
	height: 92px;
	margin-bottom: 10px;
    border: 1px #2979c3 solid;     /* 枠線の装飾 */
}
#input30 .empty .title {
	width: 100%;
	height: 27px;
	line-height: 27px;
	font-size: 14px;
    color: #FFF;
	letter-spacing: 0.3em;
	text-align: center;
	vertical-align: middle;
    background-color: #0e5ca4;   /* 背景色 */
}
#input30 .empty .frame01 {
	float: left;
	width: 485px;
	height: 65px;
    border-right: 1px #2979c3 solid;     /* 枠線の装飾 */
}
#input30 .empty .frame01 .date_line01 {
	width: 485px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	vertical-align: middle;
    border-bottom: 1px #2979c3 solid;     /* 枠線の装飾 */
}
#input30 .empty .frame01 .date_line01 .date {
	float: left;
	width: 180px;
	font-size: 12px;
	color: #0e5ca4;
	font-weight: bold;
	margin-left: 10px;
}
#input30 .empty .frame01 .date_line01 .arr {
	float: right;
	width: 295px;
	font-size: 12px;
	color: #0e5ca4;
	font-weight: bold;
}
#input30 .empty .frame01 .date_line01 .arr:select {
	float: left;
	font-size: 12px;
}
#input30 .empty .frame01 .date_line01 .arr:input {
	float: left;
	font-size: 12px;
}
#input30 .empty .frame01 .date_line02 {
	width: 485px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	vertical-align: middle;
}
#input30 .empty .frame01 .date_line02 .date {
	float: left;
	width: 180px;
	font-size: 12px;
	color: #0e5ca4;
	font-weight: bold;
	margin-left: 10px;
}
#input30 .empty .frame01 .date_line02 .arr {
	float: right;
	width: 295px;
	font-size: 12px;
	color: #0e5ca4;
	font-weight: bold;
}
#input30 .empty .frame01 .date_line02 .arr:select {
	float: left;
	font-size: 12px;
}
#input30 .empty .frame01 .date_line02 .arr:input {
	float: left;
	font-size: 12px;
}
#input30 .empty .frame02 {
	float: left;
	width: 365px;
	height: 65px;
    border-right: 1px #2979c3 solid;     /* 枠線の装飾 */
}
#input30 .empty .frame02 .frame02_01 {
	float: left;
	width: 360px;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color: #0e5ca4;
	font-weight: bold;
	vertical-align: middle;
	margin-left: 10px;
}
#input30 .empty .frame02 .frame02_02 {
	float: left;
	width: 360px;
	height: 33px;
	line-height: 33px;
	font-size: 12px;
	vertical-align: middle;
	margin-left: 10px;
}
#input30 .empty .frame02 .frame02_02 .car {
	float: left;
	width: 130px;
	font-size: 12px;
	color: #0e5ca4;
	font-weight: bold;
}
#input30 .empty .frame02 .frame02_02 .car:input {
	float: left;
	font-size: 12px;
}
#input30 .empty .frame02 .frame02_02 .type {
	float: left;
	width: 150px;
	font-size: 12px;
	color: #0e5ca4;
	font-weight: bold;
}
#input30 .empty .frame02 .frame02_02 .type:input {
	float: left;
	font-size: 12px;
}
#input30 .empty .frame03 {
	float: right;
	width: 106px;
	height: 65px;
	padding-top: 20px;
}
#input30 .empty .frame03 .btn_empty {
	width: 80px;
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	background-color: #0e5ca4;
	margin: auto;

	-moz-border-radius: 2px;    /* 古いFirefox */
	-webkit-border-radius: 2px; /* 古いSafari,Chrome */
	border-radius: 2px;         /* CSS3 */
}
#input30 .empty .frame03 .btn_empty a{
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	display: block;
}
#input30 .empty .frame03 .btn_empty a:link {
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}
#input30 .empty .frame03 .btn_empty a:visited {
	color: #ffffff;
	font-style: normal;
	text-decoration: none;
	font-size: 100%;
}
#input30 .empty .frame03 .btn_empty:hover {
	background: #1378d6;
}


/***************************************************************************/
h1.carry {
    background-image: url(../image/h1_carry.gif);
/*    background-color: #ff3333;   /* 背景色 */
/*    border: 1px #000080 solid;     /* 枠線の装飾 */
/*    border-radius: 5px;         /* CSS3 */
/*    -moz-border-radius: 5px;    /* Firefox */
/*    -webkit-border-radius: 5px; /* Safari,Chrome */
/*    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}

h1.empty {
    background-image: url(../image/h1_empty.gif);
/*    background-color: #1a1aff;   /* 背景色 */
/*    border: 1px #000080 solid;     /* 枠線の装飾 */
/*    border-radius: 5px;         /* CSS3 */
/*    -moz-border-radius: 5px;    /* Firefox */
/*    -webkit-border-radius: 5px; /* Safari,Chrome */
/*    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}

h1.etc {
    background-image: url(../image/h1_etc.gif);
/*    background-color: #16800d;   /* 背景色 */
/*    border: 1px #000080 solid;     /* 枠線の装飾 */
/*    border-radius: 5px;         /* CSS3 */
/*    -moz-border-radius: 5px;    /* Firefox */
/*    -webkit-border-radius: 5px; /* Safari,Chrome */
/*    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}

.loginline {
    height:24px;
    padding:0 0 0 10px;
    font-weight:normal;
    color:#FFF;
    margin:0 0 10px 0;

    width:950px;
    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */

    border: 1px #000080 solid;     /* 枠線の装飾 */
    background-color: #0240B3;   /* 背景色 */
}

.ssBotton {
    width: 70px;
    height: 30px;
}
.mmBotton {
    width: 150px;
    height: 30px;
}
.llBotton {
    width: 200px;
    height: 30px;
}
 
input.imeauto { ime-mode: auto; }
input.ime_on { ime-mode: active; }
input.ime_off { ime-mode: inactive; }
input.ime_non { ime-mode: disabled; }
textarea.ime_on { ime-mode: active; }

.r10 { font-size: 10px; line-height: 14px; color: #333333;}
.r12 { font-size: 12px;	line-height: 17px; color: #333333;}
.r14 { font-size: 14px;	line-height: 20px; color: #333333;}
.grey10 { font-size: 10px; line-height: 14px; color: #666666;}
.grey12 { font-size: 12px; line-height: 17px; color: #666666;}
.grey14 { font-size: 14px; line-height: 20px; color: #666666;}
.black10 { font-size: 10px; line-height: 14px; color: #000000;}
.black12 { font-size: 12px; line-height: 17px; color: #000000;}
.black14 { font-size: 14px; line-height: 20px; color: #000000;}
.red14b { font-size: 14px; line-height: 20px; color: #F03; font-weight: bold;}

a:link { text-decoration:none; color:#0000FF;}
a:visited { text-decoration:none; color:#990066;}
a:active { text-decoration: none; color:#cc0000;}
a:hover {text-decoration:underline; color:#cc0000;}
.r11 {font-size: 11px;	line-height: 13px; color: #333333;}
.r12_t {font-size: 12px;line-height: 18px; color: #333333;}
.r12blue {font-size: 12px;line-height: 20px;color: #003399;}

.bg_shadow_left {
	background-image: url(image/back01.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.bg_shadow_right {
	background-image: url(image/back02.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.bg_menu {
	background-image: url(image/back03.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.bg_topmenu {
	background-image: url(image/tback03.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.bg_flow {
	background-image: url(flow/images/img02.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.white {
	color: #FFFFFF;
}

topwords {
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.rule {
  float: left;
  width: 960px;
  height: 500px;
  border: 0px;
  text-align: center;
  margin-bottom: 40px;
}

.bigRed {
    font-size: 25px;
    color: #0033CC;
    font-weight: bold;
}
.boldbigRed {
    color: red;
    font-size: 16px;
    font-weight: bold;
}
.boldRed {
    color: red;
    font-weight: bold;
}
.boldbigBlack {
    color: black;
    font-size: 20px;
    font-weight: bold;
}
.boldbigBlack18 {
    color: black;
    font-size: 18px;
    font-weight: bold;
}
.boldbigRed20 {
    color: red;
    font-size: 20px;
    font-weight: bold;
}

.list {
	width: 100%;
	clear: both;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.list th {
	padding: 3px 5px 3px 10px;
	text-align: left;
	background-color: #f2f2f2;
	background-image: url(../images/listheader.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #999;
}

.list td {
	padding: 3px 5px 3px 10px;
	border-bottom: 1px solid #999;
}

.list th a:link, .list th a:visited, .list th a:active {
	color: #333;
}

table.top {
    margin-bottom: 3px;
}

table.topcomment01 {
    width: 960px;
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 2px dotted #1e00b2;
}

table.topcomment02 {
    width: 960px;
    margin-bottom: 10px;
    padding-bottom: 2px;
    border-bottom: 5px solid #1e00b2;
}

table.topmenu {
    width: 960px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    border: 5px solid #1e00b2;
}
table.topmenu td {
    width: 80px;
    text-align: center;
}
table.topmenu a {
    display: block;
}
table.topmenu a:hover img {
    visibility: hidden;
}
table.topmenu td.current img {
    visibility: hidden;
}
table.topmenu td.topmenu00 {
    background-image: url(../image/top_menu_o00.gif);
}
table.topmenu td.topmenu01 {
    background-image: url(../image/top_menu_o01.gif);
}
table.topmenu td.topmenu02 {
    background-image: url(../image/top_menu_o02.gif);
}
table.topmenu td.topmenu03 {
    background-image: url(../image/top_menu_o03.gif);
}
table.topmenu td.topmenu04 {
    background-image: url(../image/top_menu_o04.gif);
}
table.topmenu td.topmenu05 {
    background-image: url(../image/top_menu_o05.gif);
}
table.topmenu td.topmenu06 {
    background-image: url(../image/top_menu_o06.gif);
}

table.menu {
    width: 960px;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 5px;
    border-bottom: 3px solid #1e00b2;
}
table.menu td {
    width: 118px;
    text-align: center;
}
table.menu a {
    display: block;
}
table.menu a:hover img {
    visibility: hidden;
}
table.menu td.current img {
    visibility: hidden;
}
table.menu td.menu00 {
    background-image: url(../image/menu_o00.gif);
}
table.menu td.menu01 {
    background-image: url(../image/menu_o01.gif);
}
table.menu td.menu02 {
    background-image: url(../image/menu_o02.gif);
}
table.menu td.menu06 {
    background-image: url(../image/menu_o06.gif);
}
table.menu td.menu07 {
    background-image: url(../image/menu_o07.gif);
}
table.menu td.menu11 {
    background-image: url(../image/menu_o11.gif);
}
table.menu td.menu12 {
    background-image: url(../image/menu_o12.gif);
}
table.menu td.menu13 {
    background-image: url(../image/menu_o13.gif);
}
table.menu td.menu14 {
    background-image: url(../image/menu_o14.gif);
}
table.menu td.menu21 {
    background-image: url(../image/menu_o21.gif);
}
table.menu td.menu22 {
    background-image: url(../image/menu_o22.gif);
}
table.menu td.menu23 {
    background-image: url(../image/menu_o23.gif);
}
table.menu td.menu24 {
    background-image: url(../image/menu_o24.gif);
}
table.menu td.menu31 {
    background-image: url(../image/menu_o31.gif);
}
table.menu td.menu32 {
    background-image: url(../image/menu_o32.gif);
}

table.login {
    width: 960px;
    padding-top: 5px;
    padding-bottom: 5px;
}

table.logitelnet {
    width: 960px;
    margin-bottom: 10px;
    padding-top: 5px;
}
table.logitelnet td {
    height: 100px;
/*    padding-top: 13px;
    padding-left: 20px;
    background-image: url(../image/logitelnet.gif);
    background-repeat: no-repeat;*/
    font-size:  17px;
    line-height: 20px;
    letter-spacing: 0.1em;
}

table.loginname {
    width: 960px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 10px;
    border-top: 2px solid #1a1aff;
    border-bottom: 2px solid #1a1aff;
}
table.loginname td {
/*    border-radius: 6px;         /* CSS3 */
/*    -moz-border-radius: 6px;    /* Firefox */
/*    -webkit-border-radius: 6px; /* Safari,Chrome */
/*    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}
table.loginname td.nametime {
    width: 370px;
    height: 40px;
    vertical-align: bottom;
}

table.loginID {
    width: 250px;
    height: 38px;
    border: 2px solid #CCC;
}
table.loginID td.title {
    width: 86px;
    text-align: center;
    background-color: #FFF;   /* 背景色 */
    border-right: 2px solid gainsboro;
}
table.loginID td.title img {
    margin: 0;
}
table.loginID input {
    font-size: 14px;
}

table.loginBtn {
    width: 124px;
    height: 38px;
    border: 2px solid #CCC;
}
table.loginBtn input {
    font-size: 14px;
}

table.loginSave {
    width: 246px;
    height: 38px;
    border: 0px solid gainsboro;
    font-size: 16px;
}
table.loginSave td {
    font-size: 16px;
    font-weight: bold;
}

table.inputlogin td.title {
    width: 100px;
    color: #FFF;
    text-align: center;
    border: 0px solid #1a1aff;
    background-color: #0b01b8;   /* 背景色 */

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    behavior: url(./bin/pie/PIE.php); /* IE6,7,8 */
}

table.topimage02 {
    width: 960px;
    margin-left: 10px;
}
table.topimage02 td.merit {
    height: 600px;
    /*
    padding-top: 82px;
    padding-left: 20px;
    padding-right: 35px;
    background-image: url(../image/topimage_02.gif);
    background-repeat: no-repeat;
    vertical-align: text-top;
    font-size:  18px;
    line-height: 20px;
    letter-spacing: 0.1em;*/
}

.logout{
    width: 100px;
    height: 30px;
    float: right;
    font-size:14px;
    color:#fff;
    line-height: 30px;
    text-align: center;

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */

    border: 1px #000080 solid;     /* 枠線の装飾 */
    background-color: #009d41;   /* 背景色 */
}
.logout:hover {
    background-color: #46cc61;   /* 背景色 */
}

.logout_r{
    width: 100px;
    height: 30px;
    float: right;
    font-size:14px;
    color:#fff;
    line-height: 30px;
    text-align: center;

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    behavior: url(./bin/pie/PIE.php); /* IE6,7,8 */

    border: 1px #000080 solid;     /* 枠線の装飾 */
    background-color: #009d41;   /* 背景色 */
}
.logout_r:hover {
    background-color: #46cc61;   /* 背景色 */
}

.divLine_t5 {
    width: 960px;
    margin-top: 5px;
    margin-bottom: 20px;
    border-bottom: 5px solid #1e00b2;
}

.divLine_b10 {
    width: 960px;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 5px solid #1e00b2;
}

.divLine_dot {
    width: 960px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 3px dotted #1e00b2;
}

.memid {
    width: 150px;
    background-color: #0b01b8;   /* 背景色 */
}

.merit img {
    padding-top: 5px;
    padding-bottom: 2px;
}

.carrycall {
    width: 960px;
    margin-bottom: 15px;
	font-size: 150%;
}

.emptycall {
    width: 960px;
    margin-bottom: 15px;
    border-bottom: 2px solid #1a1aff;
}

.linkbtn {
    width: 20px;
    color:#000;
    text-align: center;

    border: 1px #000080 solid;     /* 枠線の装飾 */
    background-color: #0b01b8;   /* 背景色 */

    border-radius: 5px;         /* CSS3 */
    -moz-border-radius: 5px;    /* Firefox */
    -webkit-border-radius: 5px; /* Safari,Chrome */
    /*behavior: url(../bin/pie/PIE.php); /* IE6,7,8 */
}

.operator {
    color: #00f;
    cursor: pointer;
}

.operator:hover {
    color: #29f;
    text-decoration: underline;
}

ul#navi {
    padding: 0px;
    margin: 0px;
    width: 950px;
    height: 70px;
    background-image: url(../image/top_menu_o.gif);
    background-repeat: no-repeat;
}
ul#navi li {
    width: 235px;
    height: 70px; 
    float: left;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
ul#navi li a { 
    display: block;
}
ul#navi li a:hover img {
    visibility: hidden;
}  
ul#navi span {
    display: none;
}

#logitelcomm {
    width: 944px;
    height: 85px;
/*    margin-top: 20px;
    margin-bottom: 20px;*/
    padding: 5px;
    border: 3px solid #002bff;
    font-size: 14px;
}

#comselect {
    font-size: 16px;
}

/* 会社概要ページ */
.companyTable {
    clear: left;
    width: 960px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0px;
}
.companyTable th {
    width: 160px;
    height: 25px;
    text-align: right;
    vertical-align: text-top;
}
.companyTable td {
    width: 800px;
    text-align: left;
    vertical-align: text-top;
}

.divLine_dot02 {
    width: 730px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 3px dotted #1e00b2;
}

/* 会員用トップページ */
.toppageTable{
    clear: left;
    width: 960px;
    height: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-collapse: separate;
    border-spacing: 0px;
}

div.listcontrol{
	clear:both;
margin:0 0 10px 0px;
}

div.listcontrol2{
margin:0 0 5px 0;
clear:both;
}

div.listcontrol_left{
 float:left;
 text-align:left;
 font-size:16px;
}
div.listcontrol_right{
 text-align:right;
}

.attention {
    color:#F03;
}

#carryid {
    height: 2em;
    text-align: right;
    padding-right: 2px;
    border: 3px solid red;
}
#emptyid {
    height: 2em;
    text-align: right;
    padding-right: 2px;
    border: 3px solid blue;
}

#dealerComment {
  width: 942px;
  height: 75px;
  text-align: left;
  padding: 4px;
  margin-bottom: 10px;
  font-size:16px;
  border: 5px solid #009d41;
}
#dealerTel {
  margin-bottom: 20px;
}
.dealerInfo {
  margin-bottom: 10px;
  padding-left: 20px;
  text-align: left;
  font-size:22px;
}
#dealerArea {
  width: 960px;
  height: 600px;
  margin-bottom: 10px;
}
#dealerMap {
  width: 600px;
  height: 600px;
  float: left;
}
#dealerList {
  width: 330px;
  height: 600px;
  float: right;
  padding-left: 30px;
}
#dealerListTable {
  width: 80%;
  border-collapse: separate;
  border-spacing: 0px;
  font-size: 16px;
}
#dealerListTable th {
  font-size: 16px;
  color: #FFF;
  text-align: left;
  background-color: #666666;
  padding-left: 10px;
}
#dealerListTable .telFax {
  font-size: 16px;
  color: #000;
  background-color: #ffee99;
}
.highlight_row {
    background: #fff3a3 !important;
}