/* 最小化できませんでした。最小化されていないコンテンツを返します。
(1766,1): run-time error CSS1019: Unexpected token, found '@charset'
(1766,10): run-time error CSS1019: Unexpected token, found '"utf-8"'
(1766,17): run-time error CSS1019: Unexpected token, found ';'
(1968,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1973,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1987,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
(1991,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/'
 */
@charset "UTF-8";

/* //////////////////////////////////////////////////
[共通スタイル] 
ここにはシステムにかかわらず設定するものを
記述して下さい。
////////////////////////////////////////////////// */

/* 文字間隔設定（IE7バグ対策） */
*:first-child+html body,
*:first-child+html br {
 letter-spacing: 0;
}

/* 拡大縮小設定（IE6・7バグ対策） */
h1, h2, h3, h4, h5, h6,
p, dl, dt, dd, ul, ol, li, table, th, td,
div, blockquote, pre,
form, fieldset, legend,
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {

    *zoom: 1;
}

/* フォント設定（IE6・7バグ対策） */
body {
    *line-height: 1.2;
}

/* スタイルシートリセット */
input, select, button {
    font-size: 100%;
}
li {
    list-style: none;
}


/* //////////////////////////////////////////////////
[基本スタイル] 
ここにはシステム全体で共通のスタイルを
記述して下さい。
////////////////////////////////////////////////// */
/* ボディ */
body {
    margin: 0;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    font-size: 16px;
}



/* //////////////////////////////////////////////////
[機能スタイル] 
ここにはどの場所でも使えるような機能のスタイルを記述して下さい。
////////////////////////////////////////////////// */


/* //////////////////////////////////////////////////
[テーブル] 
////////////////////////////////////////////////// */
/* テーブルタグのボーダーを表示しないスタイル */
table.border_none,
table.border_none th,
table.border_none td {
    border: none;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

/* /////////////////////
テキストボックス部品
///////////////////// */

/* テキストボックス(基本) */
.text_box{
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	border: 1px #DDDDDD solid;
	padding: 4px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;
    
	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

/* /////////////////////
テキストエリア部品
///////////////////// */

/* テキストエリア(基本) */
.textarea {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	border: 1px #DDDDDD solid;
	padding: 4px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;

	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

/* /////////////////////
ボタン部品
///////////////////// */

/* ボタン(基本) */
.btn {
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 14px;

	margin: 6px auto 6px auto;
	padding: 8px;

    /* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

/* ボタンS(基本) */
.btn_s {
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: smaller;

	margin: 4px auto 4px auto;
	padding: 5px;

    /* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

/* /////////////////////
セレクトボックス部品
///////////////////// */

/* セレクトボックス(基本) */
.select {
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	border: 1px #DDDDDD solid;
	padding: 3px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;

	text-align: left;

	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}


/* /////////////////////
アンカー（リンク）部品
///////////////////// */
a {
        color: #0000ff;
        text-decoration: none;
}
a:hover {
        color: #0000ff;
        text-decoration: underline;
}


/* /////////////////////
タブ部品
///////////////////// */
.tabs {
    position: relative;
    padding: 0;
}
.tabs li {
    list-style: none;
    display: inline-block;
}
.tabs input[type=radio] {
    display: none;
}
.tabs label {
    display: block;
    cursor: pointer;
    padding: 5px;
    line-height: 20px;
    background-color: #999999;
    color: #ffffff;
}
.tabs label:hover {
    background-color: #cccccc;
    color: #000000;
}
.tabs input[type=radio]:checked + label {
    background-color: #cccccc;
    color: #000000;
}
.tabs .contents {
    display: none;
    position: absolute;
    top:30px;
    left: 0;
    padding: 10px;
    background: #ffffff;
}
.tabs input[type=radio]:checked + label + .contents{
    display: block;
}

/* /////////////////////
幅部品
///////////////////// */
.w30 {
    width: 30px;
}

.w40 {
    width: 40px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w85 {
    width: 85px;
}

.w90 {
    width: 90px;
}

.w100 {
    width: 100px;
}

.w110 {
    width: 110px;
}

.w115 {
    width: 115px;
}

.w120 {
    width: 120px;
}

.w130 {
    width: 130px;
}

.w140 {
    width: 140px;
}

.w160 {
    width: 160px;
}

.w180 {
    width: 180px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w400 {
    width: 400px;
}

.w100p {
    width: 96%;
}

/* /////////////////////
高さ部品
///////////////////// */
.h240 {
	height: 240px;
}

/* /////////////////////
アライメント部品
///////////////////// */
.tc{
	text-align:	center;
}

.tr{
	text-align:	right;
}

.tl{
	text-align:	left;
}

.vt{
	vertical-align: top;
}

.vm{
	vertical-align: middle;
}

.vb{
	vertical-align:	bottom;
}

/* /////////////////////
フォントサイズ部品
///////////////////// */
.ft12{
	font-size:12px;
}

.ft16{
	font-size:16px;
}

.ft20{
	font-size:20px;
}

.ft26{
	font-size:26px;
}


/* /////////////////////
マージン部品
///////////////////// */

.mr10{
	margin-right:10px;
}

.ml15{
	margin-left:15px;
}

.ml20{
	margin-left:20px;
}

.ml30{
	margin-left:30px;
}

.ml50{
	margin-left:50px;
}

.ml90{
	margin-left:90px;
}

.mt5 {
	margin-top:5px;
}

.mt10 {
	margin-top:10px;
}

.mt15 {
	margin-top:15px;
}

.mt30 {
	margin-top:30px;
}

.m15 {
	margin:15px;
}


/* /////////////////////
フォント色部品
///////////////////// */
.font_red {
	color:red;
}

.font_blue {
	color:blue;
}

/* /////////////////////
背景色部品
///////////////////// */
.row_title_h {
	background: #ffc0cb;
}
.row_title {
	background: #b0e0e6;
}

.row_title_d {
	background: #dcdcdc;
}

.row_title_yellow {
	background: yellow;
}

.row_title_gray {
	background: #d3d3d3;
}

.row_title_pink {
    background: #ffc6e2;
}

.row_title_mizuiro {
    background: #cce5ff;
}

/* /////////////////////
TD罫線なし部品
///////////////////// */
.non_border_tr {
    border-right-style:none; 
	border-right: 0px;
}

.non_border_tl {
    border-left-style:none; 
	border-left: 0px;
}

/* /////////////////////
その他部品
///////////////////// */
.nowrap {
    white-space: nowrap;
}


/* //////////////////////////////////////////////////
[個別スタイル] 
ここには個別のスタイルを記述して下さい。
////////////////////////////////////////////////// */

/* /////////////////////
サイトロゴ部 
///////////////////// */
.site h1 a {
    color: #000000;
    text-decoration: none;
}
.site h1 {
    margin: 5px 0 0 0;
    font-size: 30px;
}

/* /////////////////////
フッタエリア（コピーライト）部 
///////////////////// */
.footerarea {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #dddddd;
    margin-bottom: 100px;
}
.footerarea p{
    margin: 0;
    color: #666666;
    font-size: 12px;
}

/* /////////////////////
ページリンク部
///////////////////// */
.pageLink{
    padding-top:25px;
	border-collapse: collapse;
}

/* /////////////////////
 ページコンテンツ部
///////////////////// */
.page_content h2 {
    margin: 3px;
    font-size: 28px;
    border-bottom: solid 2px #dddddd;
    font-weight: normal;
}

.page_content h3 {
    margin: 3px;
}

.page_content p {
    margin-top: 0;
    margin-bottom: 15px;
}

/* /////////////////////
トップページ お知らせ部
///////////////////// */
.news {
    padding: 10px;
    border: solid 5px #dddddd;
    word-break: break-all;
}

.news ul {
    margin: 0;
    padding: 0;
}
.news li a {
    display: block;
    padding: 5px;
    border-bottom: dotted 2px #dddddd;
    color: #000000;
    font-size: 16px;
    text-decoration: none;
}
.news li a:hover {
    background-color: #aebafa;
}
.news a:after {
    content: "";
    display: block;
    clear: both;
}

/* /////////////////////
アイコン・イメージ
///////////////////// */
.icon {
    width: 50px;
    height: 50px;
    display: inline-block;
}

.photo_image {
    width: 259px;
    height: 194px;
}


/* /////////////////////
カラーボックス
///////////////////// */

/* ページ表示用 */
.color_box {
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px;

    padding-top: 10px;
    display: inline-block;

    text-align: center;
    vertical-align: middle;
    
    width: 46px;
    height: 32px;

    border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0px 0px 0px 3px #696969;
    -moz-box-shadow: 0px 0px 0px 3px #696969;
    -webkit-box-shadow: 0px 0px 0px 3px #696969;
}

/* ポップアップ表示用 */
.color_box2 {
    
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px;

    margin: 15px;
    height: 20px;
    text-align: center;
    vertical-align: middle;

    border-radius: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0px 0px 0px 3px #696969;
    -moz-box-shadow: 0px 0px 0px 3px #696969;
    -webkit-box-shadow: 0px 0px 0px 3px #696969;
}

/* 車両乗換あり */
.color_box_white {
	color: #000000;
    background: white;
    font-size: 27px;
    font-family: HGMaruGothicMPRO;
    font-weight: bold;
   
    padding: 9px 0px 8px 0px;
    width:100px;
	text-align: center;
    vertical-align: middle;

    border-radius:5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:0px 0px 0px 3px #696969;
    -moz-box-shadow:0px 0px 0px 3px #696969;
    -webkit-box-shadow:0px 0px 0px 3px #696969;
}

/* 車検証登録なし */
.color_box_red {
	color: white;
    background: Red;

    margin:2px;
    padding-top:12px;
	height:26px;
	text-align: center;
    vertical-align: middle;

    border-radius:5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:0px 0px 0px 3px #696969;
    -moz-box-shadow:0px 0px 0px 3px #696969;
    -webkit-box-shadow:0px 0px 0px 3px #696969;
    color: #ffffff;
}

/* 車検証登録あり */
.color_box_blue {
	color: white;
    background: Blue;

    margin:2px;
    padding-top:12px;
	height:26px;
	text-align: center;
    vertical-align: middle;

    border-radius:5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    box-shadow:0px 0px 0px 3px #696969;
    -moz-box-shadow:0px 0px 0px 3px #696969;
    -webkit-box-shadow:0px 0px 0px 3px #696969;
}


/* /////////////////////
タグリスト
///////////////////// */
.oh {
    overflow: hidden;
    margin-top: 3px;
}

.tag-list-td {
  vertical-align: top;
  padding: 0px;
}

#tag-list .tag-list {
  padding: 0px;
  margin-top: 0;
  padding-left: 3px;
  padding-right: 3px;
}
#tag-list .tag-list li a {
  line-height: 25px;
  padding-left: 5px;
  padding-right: 5px;
  color: #373737;
  border: 1px solid #373737;
  border-radius: 3px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  transition-property: background-color, color;
}
#tag-list .tag-list li a:hover,
#tag-list .tag-list li a:active,
#tag-list .tag-list li a:visited {
  text-decoration: none;
}
#tag-list .tag-list li a:hover {
  background-color: #6D82E9;
  color: white;
}


/* /////////////////////
明細表示（行選択処理あり）
///////////////////// */
.select_list_table {
    padding: 2px;
    background: #FFFFFF;
    border-radius: 5px;
}
.select_list_table table {
    width: 100%;
    line-height: 1.2;
    background: #fff;
	border-collapse: collapse;
}
.select_list_table th {
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
    border: 1px solid #ccc;
	height: 20px;
}
.select_list_table td {
    padding: 3px;
    border: 1px solid #ccc;
}
.select_list_table thead th { /* IEでセルのborderが消えるのでfilterは指定しない */
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
	height: 20px;
}
.select_list_table tr:hover {
    background: #83acd0;
}


/* /////////////////////
明細表示（行選択処理なし）
///////////////////// */
.list_table {
    padding: 2px;
    background: #FFFFFF;
    border-radius: 5px;
}

.list_table h2 {
    margin-bottom: 10px;
    color: #666;
}

.list_table table {
    width: 100%;
    line-height: 1.2;
    background: #fff;
	border-collapse: collapse;
}
.list_table th {
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
    border: 1px solid #ccc;
	height: 20px;
}

.list_table td {
    padding: 3px;
    border: 1px solid #ccc;
}

.list_table thead th { /* IEでセルのborderが消えるのでfilterは指定しない */
    padding: 6px;
    background: #f6f6f6; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    color: #666;
    white-space: nowrap;
	height: 20px;
}


/* /////////////////////
明細表示 小さいフォント版（行選択処理なし）
///////////////////// */
.list_table_s {
    background: #FFFFFF;
    font-size : small;
}

.list_table_s table {
    width: 100%;
    line-height: 1.2;
    background: #fff;
	border-collapse: collapse;
}
.list_table_s th {
    padding: 6px;
    color: #666;
    background: #e1e1f1;
    white-space: nowrap;
    border: 1px solid #ccc;
	height: 15px;
}

.list_table_s td {
    padding: 3px;
    border: 1px solid #ccc;
	height: 15px;
}

/* /////////////////////
目標管理
///////////////////// */
.mokuhyo_table {
    background: #FFFFFF;
    font-size: small;
    table-layout: fixed;
}

    .mokuhyo_table table {
        width: 10%;
        line-height: 1.2;
        background: #fff;
        border-collapse: collapse;
    }

    .mokuhyo_table th {
        padding: 10px;
        color: #666;
        background: #ededf7;
        white-space: nowrap;
        border: 1px solid #ccc;
    }

    .mokuhyo_table td {
        border: 1px solid #ccc;
        white-space: nowrap;
    }

/* /////////////////////
カレンダー表示
///////////////////// */
.calendar {
    background: #FFFFFF;
    font-size : small;
}

.calendar table {
    line-height: 1.2;
    background: #fff;
	border-collapse: collapse;
}
.calendar th {
    padding: 4px;
    color: #666;
    background: #e1e1f1;
    white-space: nowrap;
    border: 1px solid #ccc;
    height: 16px;
    text-align: center;
    vertical-align: central;
}

.calendar td {
    padding: 4px;
    border: 1px solid #ccc;
    height: 16px;
    text-align: center;
    vertical-align: central;
}

/* /////////////////////
タブの表示
///////////////////// */
.cp_tab *, .cp_tab *:before, .cp_tab *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_tab {
    margin: 1em auto;
}

    .cp_tab > input[type='radio'] {
        margin: 0;
        padding: 0;
        border: none;
        border-radius: 0;
        outline: none;
        background: none;
        -webkit-appearance: none;
        appearance: none;
        display: none;
    }

    .cp_tab .cp_tabpanel {
        display: none;
    }

    .cp_tab > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child,
    .cp_tab > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2),
    .cp_tab > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3),
    .cp_tab > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4),
    .cp_tab > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5),
    .cp_tab > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6) {
        display: block;
    }

    .cp_tab > label {
        position: relative;
        display: inline-block;
        padding: 15px;
        cursor: pointer;
        border: 1px solid transparent;
        border-bottom: 0;
    }

        .cp_tab > label:hover,
        .cp_tab > input:focus + label {
            color: #0066cc;
        }

    .cp_tab > input:checked + label {
        margin-bottom: -1px;
        border-color: #cccccc;
        border-bottom: 1px solid #ffffff; /*背景色と同じ*/
        border-radius: 6px 6px 0 0;
    }

    .cp_tab .cp_tabpanel {
        padding: 0.5em 1em;
        border-top: 1px solid #cccccc;
    }

@media (max-width: 480px) {
    .cp_tab {
        width: 100%;
        font-size: 0.8em;
    }

        .cp_tab label {
            padding: 0.5em;
        }
}

/* //////////////////////////////////////////////////
[折り畳みリスト] 
////////////////////////////////////////////////// */
details {
    font: 16px "Open Sans", "Arial", sans-serif;
    width: 100px;
}

    details > summary {
        padding: 2px 6px;
        width: 230px;
        border: none;
        list-style: none;
        outline: none
    }

.btn-flat-border {
    display: inline-block;
    padding: 9px 5px 8px 5px;
    text-decoration: none;
    color: black;
    border: solid 1px gray;
}

    .btn-flat-border:hover {
        background: gray;
        color: white;
    }

/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */

/* サイドメニュー */
.sidemenu {
    margin-bottom:1px;
	font-size: 20px;
}
.sidemenu h1 {
    margin: 0;
	font-size: 20px;
}
.sidemenu h1 i {
    margin-right: 5px;
    color: #8abc60;
}
.sidemenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidemenu li {
    position : relative ;
}

.sidemenu li a {
    display: block;
    padding: 7px 4px 1px 25px;
    border-top: solid 1px #dddddd;
    color: #000000;
    text-decoration: none;
	font-size: 18px;
}

.sidemenu li img {
    position: absolute;
    bottom: 5px;
    width: 20px;
    height: 20px;
}

.sidemenu li a:hover {
    background-color: #eeeeee;
}




/* BOX Aの下に罫線を挿入（コンテンツページのみ） */
.contents .headerarea {
    border-bottom: solid 1px #dddddd;
}


/* ボックスの左右 */
.headerarea, .box4, .footerarea, .box6, .main_sidearea
 {
    padding-left: 15px;
    padding-right: 15px;
}

/* ボックスの上下 */
.headerarea {
    padding-top   : 5px;
}
.box4 {
    padding-top: 20px;
    padding-bottom: 20px;
}
.box4-1 {
    padding-bottom: 20px;
}
.box6 {
    padding-top: 20px;
}
.box6-1, .box6-2, .box6-3
 {
    padding-bottom: 10px;
}
.main_sidearea {
    padding-top: 15px;
    padding-bottom: 25px;
}


.sub_sidearea {
    padding: 10px;
}

/* ########### 599px以下 ########### */
@media (max-width: 599px) {

    /* ナビゲーション */
    .menu li a {
        padding: 0 3.5px;
        font-size: 11px;
    }

    /* ナビゲーションと情報の面を合わせる */
	.naviadjustmarge {
		margin-left: 3.5px;
	}

    /* キャッチコピー */
    .catch {
        padding: 5px 10px;
        font-size: 12px;
    }
}

/* ########### 767px以下 ########### */
@media (max-width: 767px) {

    /* トグルボタン */
    #menubtn {
        padding: 6px 12px;
        border: solid 1px #aaaaaa;
        border-radius: 5px;
        background-color: #ffffff;
        position: absolute;
        top: 20px;
        right: 15px;
        cursor: pointer;
    }
    #menubtn:hover {
        background-color: #dddddd;
    }
    #menubtn:focus {
        outline: none;
    }
    #menubtn i {
        color: #888888;
        font-size: 18px;
    }
    #menubtn span {
        display: inline-block;
        text-indent: -9999px;
    }

    /* ナビゲーションメニュー（縦並び） */
    .menu {
        display: none;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .menu li a {
        display: block;
        padding: 0 2.5px;
        color: #000000;
        font-size: 14px;
        text-decoration: none;
    }
    /* ナビゲーションと情報の面を合わせる */
	.naviadjustmarge {
		margin-left: 2.5px;
	}
    .menu li a:hover {
        background-color: #eeeeee;
    }
}

/* ########### 1000px以上 ########### */
@media (min-width: 1000px) {

    /* トグルボタン */
    #menubtn    {
        display: none;
    }

    /* ナビゲーション */
    #menu {
        display: block !important;
    }
    .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .menu li a  {
        display: block;
        padding: 0 7.5px;
        color: #0000ff;
        font-size: 16px;
        text-decoration: none;
    }
    /* ナビゲーションと情報の面を合わせる */
	.naviadjustmarge {
		margin-left: 7.5px;
	}
    .menu li a:hover {
        background-color: #eeeeee;
    }
    .menu li span  {
        display: block;
        padding-left: 15px;
        color: #000000;
        font-size: 16px;
        text-decoration: none;
    }
    .menu ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .menu li {
        float: left;
        width: auto;
    }

    /* BOX1とBOX2を横に並べる設定 */
    .headerarea:after {
        content: "";
        display: block;
        clear: both;
    }
    .systemnamearea {
        float: left;
        width: auto;
    }
    .headerlinkarea {
        float: right;
        width: auto;
    }

    /* BOX4-1とBOX4-2を横に並べる設定 */
    .box4:after {
        content: "";
        display: block;
        clear: both;
    }
    .box4-1 {
        float: left;
        width: 70%;
        padding-right: 35px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .box4-2 {
        float: left;
        width: 30%;
    }

    /* BOX6-1、BOX6-2、BOX6-3を横に並べる設定 */
    .box6:after {
        content: "";
        display: block;
        clear: both;
    }
    .box6-1 {
        float: left;
        width: 32%;
        margin-right: 2%;
    }
    .box6-2 {
        float: left;
        width: 32%;
        margin-right: 2%;
    }
    .box6-3 {
        float: left;
        width: 32%;
    }

    /* BOX7-1とBOX7-2を横に並べる設定 */
    .main_sidearea:after {
        content: "";
        display: block;
        clear: both;
    }
    .mainarea {
        float: right;
        width: 80%;
        min-height: 760px;
        padding-left: 50px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    .sidearea {
        float: left;
        width: 20%;
    }
}

/* ########### 1190px以上 ########### */
@media (min-width: 1190px) {

    /* 全体の横幅を固定 */
    .box3, .box4, .headerarea-inner, .box6, .main_sidearea {
        /*width: 1140px;*/
        margin-left: auto;
        margin-right: auto;
    }

    /* BOX Aの下に罫線を挿入 */
    .headerarea {
        border-bottom: solid 1px #dddddd;
    }
}

/* フォント */
.mainfont {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

/* 折り畳みバースタイル */
.folderbar{
	cursor:pointer;
	color:blue;
}



/* 以下 村上 追加分 */
/* フォント 青 */
.fontblue{
    color:blue;
}

/*目標管理画面*/
.text_box_targetmanagement {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px #DDDDDD solid;
    padding: 6px;
    background: #FFFFFF;
    font-size: 14px;
    color: #000000;
    text-align: right;
}

/* メール会員登録 */
.rules_box{
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px solid #AAA;
	padding: 4px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;

	height:250px;
	overflow-x:hidden;
	overflow-y:auto;

    /* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

.divmail {
    margin: 0px auto;
    width: 90%;
    text-align: left;
    font-style: normal;
}

.tablemail {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 2px;
    border-color: grey;
}

.text_box2{
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px solid #AAA;
	padding: 2px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;
    height: 20px;
    
	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

.textarea2 {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px solid #AAA;
	padding: 2px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;

	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

.select2 {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px solid #AAA;
	padding: 2px;
	background: #FFFFFF;
	font-size: 16px;
	color: #000000;
    height: 26px;

	/* CSS3 */
	-webkit-box-shadow: 0 0 6px #CCCCCC;
	-moz-box-shadow: 0 0 6px #CCCCCC;
	box-shadow: 0 0 6px #CCCCCC;
	-webkit-transition: background 1s ease;
	-moz-transition: background 1s ease;
	transition: background 1s ease;
}

.tablemail th {
    white-space: nowrap;
    font-weight: normal;
    background-color: #EDEDED;
    padding: 10px 15px 10px 10px;
    border: 1px solid #AAA;
}

.tablemail td{
    padding: 10px 15px 10px 10px;
    border: 1px solid #AAA;
}

.indent{
    padding-left:1em;
    text-indent:-1em;
}
/* //////////////////////////////////////////////////
日報システム用スタイル

////////////////////////////////////////////////// */
/* 入力用テーブルスタイル */

.entry_table {
    background: #FFFFFF;
    font-size: small;
}

    .entry_table table {
        width: 10%;
        line-height: 1.2;
        background: #fff;
        border-collapse: collapse;
        table-layout: fixed;
    }

    .entry_table th {
        padding: 10px;
        color: #666;
        background: #ededf7;
        white-space: nowrap;
        border: 1px solid #ccc;
    }

    .entry_table td {
        padding: 10px;
        border: 1px solid #ccc;
        white-space: nowrap;
    }


/* 幅固定用スタイル */

.nippo_table {
    background: #FFFFFF;
    font-size: small;
    box-sizing: border-box;
}

    .nippo_table table {
        line-height: 1.2;
        background: #fff;
        border-collapse: collapse;
    }

    .nippo_table th {
        padding: 10px;
        color: #666;
        background: #ededf7;
        border: 1px solid #ccc;
        word-break: break-all;
    }

        .nippo_table th.th1 {
            background: #ffe4e1;
        }

    .nippo_table td {
        padding: 10px;
        border: 1px solid #ccc;
        white-space: nowrap;
        overflow: auto;
        word-break: break-all;
    }

/* テキストボックス(日報入力用小さいサイズ) */
.text_box_nippo {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px #DDDDDD solid;
    padding: 4px;
    background: #FFFFFF;
    font-size: 12px;
    color: #000000;
    text-align: right;
}

/* 幅固定用スタイル */

.nipporank_table {
    background: #FFFFFF;
    font-size: small;
    box-sizing: border-box;
}

    .nipporank_table table {
        line-height: 1.2;
        background: #fff;
        table-layout: fixed;
        border-collapse: collapse;
    }

    .nipporank_table th {
        padding: 10px;
        color: #666;
        background: #ededf7;
        border: 1px solid #ccc;
        word-break: break-all;
    }

    .nipporank_table td {
        padding: 10px;
        border: 1px solid #ccc;
        white-space: nowrap;
        overflow: auto;
        word-break: break-all;
    }


/* 日報関連テーブル用スタイル */

.dailyReport_table {
    background: #FFFFFF;
    font-size: small;
}

    .dailyReport_table table {
        line-height: 1.2;
        background: #fff;
        border-collapse: collapse;
        table-layout: fixed;
        width:1000px;
    }

    .dailyReport_table th {
        font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
        font-size: 12px;
        padding: 10px;
        color: #666;
        background: #ededf7;
        white-space: nowrap;
        border: 1px solid #ccc;
        word-break: break-all;
    }

    .dailyReport_table td {
        font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
        font-size: 12px;
        border: 1px solid #ccc;
        word-wrap: break-word;
        height: 35px;
        word-break: break-all;
    }

/* 日報関連テーブル用スタイル */
.dailyReportsub_table {
    background: #FFFFFF;
    font-size: small;
}

    .dailyReportsub_table table {
        line-height: 1.2;
        background: #fff;
        border-collapse: collapse;
    }

    .dailyReportsub_table th {
        font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
        font-size: 12px;
        padding: 10px;
        color: #666;
        background: #ededf7;
        white-space: nowrap;
        border: 1px solid #ccc;
        word-break: break-all;
    }

    .dailyReportsub_table td {
        font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
        font-size: 12px;
        border: 1px solid #ccc;
        word-wrap: break-word;
        height: 35px;
        word-break: break-all;
    }

/* テキストボックス(日報入力用小さいサイズ) */
.text_box_dailyReport {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px #DDDDDD solid;
    padding: 9px;
    background: #FFFFFF;
    font-size: 12px;
    color: #000000;
    text-align: right;
}

/* テキストボックス(日報入力用小さいサイズ) */
.text_box_dailyReportSub {
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    border: 1px #DDDDDD solid;
    padding: 12px;
    background: #FFFFFF;
    font-size: 12px;
    color: #000000;
    text-align: right;
}


.height {
    padding: 10px;
}
/*カレンダーどこを押しても表示されるようにする*/

input[type="date"] {
    width: 200px;
    position: relative;
}

    input[type="date"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="date"]::-webkit-clear-button {
        -webkit-appearance: none;
    }

input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/*カレンダーどこを押しても表示されるようにする*/

input[type="month"] {
    width: 200px;
    position: relative;
}

    input[type="month"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    input[type="month"]::-webkit-clear-button {
        -webkit-appearance: none;
    }

input[type=month]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

/*いいね用*/

.balloon1-left {
    position: relative;
    display: inline-block;
    margin: 1.8em 0 6px 0px;
    padding: 7px 10px;
    min-width: 20px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #ffbcdd;
    border-radius: 15px;
}

    .balloon1-left:before {
        content: "";
        position: absolute;
        top: 50%;
        left: -21px;
        margin-top: -15px;
        border: 15px solid transparent;
        border-right: 15px solid #ffbcdd;
    }

    .balloon1-left p {
        margin: 0;
        padding: 0;
    }

.per1 {
    vertical-align: -80%;
}

.goodButton {

    cursor: pointer;
}
@charset "utf-8";
/*
----------------------------------------------------------------
	This style for popupwindow.
----------------------------------------------------------------
*/
.pWindow , .pWindow table{
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
	.pWindow table td {
		margin: 0;
		padding: 0;
	}

	.pWindow .pwContainer {
		border-collapse: collapse;
	}

	.pWindow .titleBar {
		font-weight: bold;
		line-height: 31px;
	}
		.pWindow .titleBar .pwBarL {
			background: url(images/pw_tbar_l.png) left top no-repeat;
			width: 8px;
			height: 31px;
		}
			* html .pWindow .titleBar .pwBarL {
				background: url(images/forie/pw_tbar_l.png) left top no-repeat;
			}

		.pWindow .titleBar .pwBarCenter {
			background: url(images/pw_tbar_c.png) left top repeat-x;
			height: 31px;
		}
			* html .pWindow .titleBar .pwBarCenter {
				background: url(images/forie/pw_tbar_c.png) left top repeat-x;
			}

		.pWindow .titleBar .pwBarR {
			background: url(images/pw_tbar_r.png) left top no-repeat;
			width: 18px;
			height: 31px;
		}
			* html .pWindow .titleBar .pwBarR {
				background: url(images/forie/pw_tbar_r.png) left top no-repeat;
			}

.pWindow .contentsBox {
	position: relative;
}
	.pWindow .contentsBox .contentsL {
		background: url(images/pw_body_l.png) left top repeat-y;
		width: 8px;
		height: 100%;
	}
		* html .pWindow .contentsBox .contentsL {
			background: url(images/forie/pw_body_l.png) left top repeat-y;
		}
	
	.pWindow .contentsBox .contentsBody {
		background-color: #fff;
		padding: 10px 5px 5px;
		overflow: auto;
		vertical-align: top;
        text-align: center;
	}
		.pWindow .contentsBox .contentsBody div.information {
			background: url(images/ico_information.png) left top no-repeat;
			padding-left: 50px;
			min-height: 44px;
			height: auto !important;
			height: 44px;		/* for IE */
		}
		
		.pWindow .contentsBox .contentsBody div.warning {
			background: url(images/ico_warning.png) left top no-repeat;
			padding-left: 50px;
			min-height: 44px;
			height: auto !important;
			height: 44px;		/* for IE */
		}
		
		.pWindow .contentsBox .contentsBody div.caution {
			background: url(images/ico_caution.png) left top no-repeat;
			padding-left: 50px;
			min-height: 44px;
			height: auto !important;
			height: 44px;		/* for IE */
		}
	
		.pWindow .contentsBox .contentsBody.contentsMain {	/* for Opera and IE hack */
			height: 100%;
		}
		
		.pWindow .contentsBox .contentsBody iframe {
			width: 100%;
			height: 100%;
		}
		
		.pWindow .contentsBox.btnArea td {
			overflow: hidden;
			padding: 0 !important;
			vertical-align: bottom;
			height: 35px;
		}
	
	.pWindow .contentsBox .contentsR {
		background: url(images/pw_body_r.png) left top repeat-y;
		width: 18px;
		height: 100%;
	}
		* html .pWindow .contentsBox .contentsR {
			background: url(images/forie/pw_body_r.png) left top repeat-y;
		}
	
.pWindow .contentsFooter {
	position: relative;
}
	.pWindow .contentsFooter .cfL {
		background: url(images/pw_foot_l.png) left top no-repeat;
		width: 8px;
		height: 18px;
	}
		* html .pWindow .contentsFooter .cfL {
			background: url(images/forie/pw_foot_l.png) left top no-repeat;
		}
	
	.pWindow .contentsFooter .cfC {
		background: url(images/pw_foot_c.png) left top repeat-x;
		margin: 0 9px 0 8px;
		height: 18px;
	}
		* html .pWindow .contentsFooter .cfC {
			background: url(images/forie/pw_foot_c.png) left top repeat-x;
		}
	
	.pWindow .contentsFooter .cfR {
		background: url(images/pw_foot_r.png) left top repeat-y;
		width: 18px;
		height: 18px;
	}
		* html .pWindow .contentsFooter .cfR {
			background: url(images/forie/pw_foot_r.png) left top repeat-y;
		}
		
		.pWindow .contentsFooter .cfR.resizable {
			background: url(images/pw_foot_r_resize.png) left top no-repeat;
			width: 18px;
			height: 18px;
		}
			* html .pWindow .contentsFooter .cfR.resizable {
				background: url(images/forie/pw_foot_r_resize.png) left top no-repeat;
			}
	
.pwBtn {
	text-align: center;
	height: 25px;
}

/*
------------------------------------------------------
	ボタン関連のスタイル
------------------------------------------------------
*/
.closeBtn {
	background: url(images/btn_close.png) left top no-repeat;
	outline: 0;
	position: absolute;
	right: 12px;
	top: 5px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

.minimumBtn {
	background: url(images/btn_minimum.png) left top no-repeat;
	outline: 0;
	position: absolute;
	right: 57px;
	top: 5px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

.maximumBtn {
	background: url(images/btn_maximum.png) left top no-repeat;
	outline: 0;
	position: absolute;
	right: 35px;
	top: 5px;
	text-indent: -9999px;
	width: 20px;
	height: 20px;
}

.pwYes {
	background: url(images/btn_pw_yes.png) left top no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	outline: 0;
	line-height: 25px;
	width: 75px;
	height: 25px;
	/zoom: 1;
}
	.pwYes.confirm {
		margin-right: 3px;
	}
	
	.pwYes:hover {
		background-position: left bottom;
	}

.pwNo {
	background: url(images/btn_pw_no.png) left top no-repeat;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	outline: 0;
	width: 75px;
	height: 25px;
	/zoom: 1;
}
	.pwNo:hover {
		background-position: left bottom;
	}

/*
------------------------------------------------------
	モーダル表示時の背景の色と透過のスタイル
------------------------------------------------------
*/
#pwCover {
	background-color: black;
}