@charset "utf-8";
/*------------------------------------------------------------
	共通コンテンツ
------------------------------------------------------------*/
.pc_no {
	display: none;
}

/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/

#index .index_area{width:480px;margin:200px auto;}
#index .system{width:720px !important;margin:200px auto;}

#index .index_area a{
width:200px;
display:block;
height:200px;
padding-top:30px;
background:#a0a0a0;
float:left;
margin:20px;
text-align:center;
font-size:30px;
line-height: 1.2;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
#index .index_area a img{width:60px;}
#index .index_area a.btn_mokuhyo{background:#a0a0a0;color:#fff;}
#index .index_area a.btn_mendan,
#index .index_area a.btn_user{background:#242424;color:#fff;}
#index .index_area a.btn_tenpo{background:#0073be;color:#fff;}
#index .index_area a.btn_mokuhyo img{margin-top:50px;}
#index .index_area a.btn_mendan img{margin-top:20px;}
#index .index_area a.btn_tenpo img{margin-top:50px;}
#index .index_area a.btn_user img{margin-top:50px;}
/*------------------------------------------------------------
	下層ページ
------------------------------------------------------------*/
.content_area {
    width: 1000px;
    margin: 0 auto 30px;
}

#conts .main_area{width:85%;background:#efefef;float:left;padding-bottom:10px;}
.mendan_index #conts .main_area{width:100%;}
.mendan_index #conts .main_area h2{width:600px;margin:40px auto 0 auto;}
#conts .main_area .month{width:33.3%;float:left;}
#conts .main_area .month .mokuhyo{background:#fff;margin:5px;padding:10px;border-top:2px solid #71dbd2;display: block;}
#conts .year_area{float:right;background:#71dbd2;width:14%;}
#conts .year_area ul.nendo li{margin:5px 0 0 20px;font-weight:bold;}
#conts .year_area ul.nendo li a{color:#0073be;;font-weight:normal;}
#conts .year_area ul.nendo li a:hover{color:#fff;}
#conts .year_area h3{margin:10px 0 ;color:#fff;text-align:center;}

#conts .main_area  .mokuhyo h3{float:left;margin-left:5px;font-size:18px;color:#ff8c00;}
#conts .main_area  .mokuhyo p.yosan{float:right;margin-right:5px;}

#conts .main_area  h3.kojin{font-size:18px;text-align:center;
position: relative;
padding: 0 55px;
margin:0 auto;
width:100px;
}
.head_area .tenposentaku select{
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	border:1px solid #a0a0a0;

}

#conts .main_area  h3.kojin:before, #conts .main_area  h3.kojin:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}
#conts .main_area  h3.kojin:before {left:0;}
#conts .main_area  h3.kojin:after {right: 0;}


#conts .main_area  .mokuhyo .tenpo_moukhyo{border:1px solid #0073be;margin:5px;}
#conts .main_area  .mokuhyo .tenpo_moukhyo h4{background:#0073be;color:#fff;text-align:center;}
#conts .main_area  .mokuhyo .kojin h4{color:#454545;float:left;font-size:18px;
position: relative;/*相対位置*/
padding-left: 1.5em;/*アイコン分のスペース*/
line-height: 1;/*行高*/
}
#conts .main_area  .mokuhyo .kojin h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f111";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color:#71dbd2;
}

#conts .main_area  .mokuhyo .tenpo_moukhyo .clearfix{margin:5px;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .hyoka{float:left;width:20%;text-align:center;line-height:1.5em;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .hyoka span{font-size:28px;line-height:1em;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .hyoka span.batu{color:blue;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .hyoka span.maru{color:red;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .kekka{
float:left;
font-size:20px;
font-weight:bold;
line-height:1.5em;
width:60%;
text-align:center;
}
#conts .main_area  .mokuhyo .tenpo_moukhyo .kekka span{font-size:12px;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .zennenhi{font-size:10px;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .zennenhi span{font-size:12px;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .zennenhi span.down{color:blue;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .zennenhi span.up{color:red;}
#conts .main_area  .mokuhyo .memo p{font-size:10px;margin:5px;width:100%;}
#conts .main_area  .mokuhyo .memo h4{
background: -webkit-repeating-linear-gradient(-45deg, #beece6, #beece6 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #beece6, #beece6 2px, #fff 2px, #fff 4px);
padding-left:10px;
position: relative;
}
#conts .main_area  .mokuhyo .memo h4 span.kahi{position:absolute;right:10px;}
#conts .main_area  .mokuhyo .memo p.kahi{text-align:center;font-size:20px;}
#conts .main_area  .mokuhyo .memo .kahi span{font-weight:bold;}
span.red{color:red;}
span.blue{color:blue;}
#inpage .h1_area {
    height: 200px;
    background: #abdfde;
    position: relative;
    margin-bottom: 20px;
}

.head_area{position: relative;}
.head_area .pn{position: absolute;right:12%;top:1px;}
#user_kanri .head_area .pn,
#tenpo_kanri .head_area .pn,
#hyoka .head_area .pn{right:15px;}

.head_area .pn a,.head_area .pn strong{margin:0 5px;}
.head_area .tenposentaku{float:left;margin-left:50px;padding-top:5px;}
.head_area .tenposentaku .left{margin-right:10px;}
.year{position: relative;}
.year .pn{position: absolute;right:2px;top:0;}
.year .pn a{margin:5px;}

#kojin #conts .main_area .mokuhyo .memo{width:85%;float:right;}
#kojin #conts .main_area .mokuhyo .memo tr.bd{border-top:3px solid #dadada;border-collapse: separate;}
#kojin #conts .main_area .mokuhyo .memo tr.bd_m{border-top:1px solid #dadada;border-collapse: separate;}
#kojin #conts .main_area .mokuhyo .memo th{width:110px;}
#kojin #conts .main_area .icon_tenpo{background:#71dbd2;margin:10px 20px;display:block;padding:5px;color:#fff;text-align:center;}
#kojin #conts .main_area .mokuhyo h3{float:none;margin:0;text-align:center;}

#kojin #conts .main_area .mokuhyo .kojin_area{background:#fff;margin:10px;padding:5px;border-left:2px solid #71dbd2;}
#kojin #conts .main_area .mokuhyo .kojin_area .left{width:15%;}
#kojin #conts .main_area  .mokuhyo .memo .kahi{width:50px;text-align:center;}
#kojin #conts .main_area  .mokuhyo .memo .kahi span{font-size: 20px;}
#kojin #conts .main_area  .mokuhyo .memo tr td{padding:5px 0;}
#kojin #conts .main_area  .mokuhyo .memo td{}
#conts .main_area  .mokuhyo .btn{background:#0073be;margin:10px 20px;display:block;padding:5px;color:#fff;text-align:center;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-decoration:none;
	display: block;
width: 70px;
margin: 10px auto;
}
#conts .main_area  .mokuhyo .btn:hover{opacity:0.8;}
#kojin .year .pn a.btn{background:#0073be;margin:5px;padding:5px;color:#fff;text-align:center;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	display:block;
	float:left;
	width:50px;
}
#kojin .year .pn span.btn{background:#fff;margin:5px;padding:5px;color:#0073be;text-align:center;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	display:block;
	float:left;
	width:50px;

}

#kojin #conts .main_area  .nippo{text-align:center;font-size:16px;font-weight:bold;}
#kojin #conts .main_area  .nippo span{background:#dadada;padding:5px;margin-top:5px;display:inline-block;font-weight:normal;}


.main_edit{width:1000px;margin:20px auto;}


.main_edit table.edit{border-bottom:1px solid #a0a0a0;width:100%;}
.main_edit table.edit td{padding:20px;}
.main_edit table.edit th{width:150px;padding:20px;font-size:18px;}
.main_edit .textarea{width:100%;resize: none;}
.main_edit .size01{width:80px;}
.main_edit .size02{width:200px;}
.main_edit .center{text-align:center;}
.main_edit .btn{background:#0073be;margin:10px;padding:5px 20px;color:#fff;text-align:center;
border:#0073be 1px solid;
font-size:18px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-decoration: none;

}
.main_edit .btn_back{background:#a0a0a0;margin:10px;padding:5px 20px;color:#fff;text-align:center;
border:#a0a0a0 1px solid;
font-size:18px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-decoration: none;

}
.main_edit .btn:hover,
.main_edit .btn_back:hover{opacity:0.8;}
.button-radio input[type="radio"] {display:none; }

.button-radio label {
  display:inline-block;
  color:#fff;
  background-color:#dadada;
  padding:10px 20px;
  font-size:16px;
color: #000;
border: 1px solid #a0a0a0;
border-radius: 10px;
}
#user_sv .button-radio label {
  width:100px;
  text-align:center;
  margin:5px;
  font-size:14px;
}

.button-radio input[type="checkbox"] {display:none; }

#mendan .index_area {width: 600px;margin: 20px auto;}
#mendan .index_area .sentaku{background:#fff;text-align:center;padding:30px;float:left;margin:20px;width:200px;border-top:2px solid #71dbd2;}
#mendan .index_area .sentaku .btn,
#sheet .btn,
#hyoka .btn{background:#0073be;margin:10px;padding:5px 20px;color:#fff;text-align:center;
border:#0073be 1px solid;
font-size:18px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-decoration: none;
display:block;
}
#hyoka input.left{margin:20px !important;}
#hyoka .gray{background:#a0a0a0;border:#a0a0a0 1px solid;margin:20px !important;}
#hyoka .orange{background:#ff791a;border:#ff791a 1px solid;margin-bottom:20px !important;}
#mendan .index_area .sentaku .btn:hover,
#sheet .btn:hover,
#hyoka .btn:hover,
.btn_back:hover{opacity:0.8;}
#sheet .btn,
#hyoka .btn{display:block;width:200px;margin:50px auto;}
a.btn_back{background:#a0a0a0;margin:10px;padding:5px 20px;color:#fff;text-align:center;
border:#a0a0a0 1px solid;
font-size:18px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-decoration: none;
display:block;width:200px;margin:50px auto;}

#sheet .btn_area,
#hyoka .btn_area{width:500px;margin:10px auto;}

#user_kanri .btn_s,
#tenpo_kanri .btn_s,
#hyoka .btn_s{background:#0073be;margin:5px auto;padding:5px;color:#fff;text-align:center;
border:#0073be 1px solid;
font-size:12px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-decoration: none;
display:block;
width:120px;
}
.w150{width:150px;}

#user_kanri .pn .btn_s,
#tenpo_kanri .pn .btn_s,
#hyoka .pn .btn_s{background:#ff791a;border:#ff791a 1px solid;}




#sheet .size_hyoka{width:35px;margin: 0 auto;display: block;}
#sheet .textarea_hyoka{width:99%;resize: none;padding:0;margin: 0 auto;display: block;}
#sheet p{margin:10px;}
.button-radio input[type="radio"]:checked + label { background-color:#71dbd2;}
.button-radio input[type="checkbox"]:checked + label { background-color:#71dbd2;}

#hyoka table.sheet td,
#hyoka table.sheet th{font-size:12px;}

ul.list {
    margin: 20px 20px 50px 20px;
}
ul.list li {
    list-style-type: disc;
    color: #abdfde;
    margin: 5px 20px;
}
.main_edit p{margin:20px auto;}
table.sheet{margin:1%;width:98%;background:#fff;}
#user_kanri table.sheet,
#tenpo_kanri table.sheet{margin:10px auto;background:#fff;}
#user_kanri table.sheet th, #user_kanri table.sheet td {font-size:14px;text-align:center;}
#tenpo_kanri table.sheet th,#tenpo_kanri table.sheet td{font-size:14px;width:33%;text-align:center;}

table.sheet th{border:1px solid #a0a0a0;font-size:10px;background:#dadada;text-align:center;padding:2px;}
table.sheet th.w300{width:300px;}
table.sheet th.w600{width:600px;}
table.sheet td{border:1px solid #a0a0a0;font-size:10px;padding:2px;}
table.sheet td a.btn_copy{
    border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-decoration: none;
	color:#fff;
	background:#0073be;
	display: block;
	text-align: center;
}
table.sheet td a.btn_copy:hover{opacity:0.8;}
table.sheet td.w80{width: 80px;}
table.sheet td.st{font-size:18px;text-align:center;}
table.sheet td.bg_g{background:#b0b0b0;}
table.sheet_total{margin-top:10px;margin-right: 10px;margin-left: auto;}
table.sheet_total th{border:1px solid #a0a0a0;font-size:10px;background:#dadada;text-align:center;padding:2px;}
table.sheet_total td{border:1px solid #a0a0a0;font-size:10px;padding:2px;text-align:center;font-size:18px;}
#sheet .head_area .pn{right:5px;}

#user_edit .main_edit,
#tenpo_edit .main_edit,
#user .main_edit{width:600px;position:relative;}
#user_sv .main_edit{width:700px;}
#user_edit table.edit,
#tenpo_edit table.edit,
#user .main_edit table.edit,
#user_sv .main_edit table.edit{border-bottom:none;}

#user_edit .main_edit select,
#tenpo_edit .main_edit select,
#user .main_edit select,
#user_sv .main_edit select{
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #a0a0a0;
padding:5px;
width:300px;
}
#user_edit .main_edit input.size02,
#tenpo_edit .main_edit input.size02,
#user .main_edit input.size02,
#user_sv .main_edit input.size02 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #a0a0a0;
padding:5px;
width:288px;
}
#login #conts table{margin-top:50px;}
#login #conts {width:450px;margin-top:200px;}
#login #conts table.edit{border-bottom:none;}
#login #conts input.size02 {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid #a0a0a0;
padding:5px;
width:288px;
}
.size_chosei{width:60px;margin:0 auto;display:block;}
.size_choseinaiyou{width:120px;margin:0 auto;display:block;}
@media print {
.pr_no{display:none;}
#conts .main_area{
top:0 !important;
        left:0 !important;
        width:172mm !important;
        height:251mm !important;}
        
#conts .main_area .month .mokuhyo{margin:0;}
#conts .main_area .mokuhyo .tenpo_moukhyo{width:100% margin:0;padding:0;}
#conts .main_area .month .mokuhyo .tenpo_moukhyo h4{background:#71dbd2 !important;}
.header,#conts .year_area{display:none;}
#conts .main_area{width:100% !important;}
#conts .main_area  .mokuhyo h3,#conts .main_area  .mokuhyo p{font-size:6pt;}

#conts .main_area  .mokuhyo .tenpo_moukhyo .hyoka{width:auto;padding:2px;}
#conts .main_area  .mokuhyo{background:#fff;margin:0;padding:1px;border:1px solid #a0a0a0;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .kekka{width:auto;font-size:11px;}
#conts .main_area  .mokuhyo .tenpo_moukhyo .zennenhi{padding:2px;}
#conts .main_area .mokuhyo .tenpo_moukhyo .hyoka span.batu,
#conts .main_area .mokuhyo .tenpo_moukhyo .hyoka span.maru{font-size:6pt;}
#conts .main_area .mokuhyo .tenpo_moukhyo .hyoka,
#conts .main_area .mokuhyo .memo p{font-size:4pt !important;line-height:1em;}
#conts .main_area h3.kojin,
#conts .main_area .mokuhyo .memo h4{font-size:6pt;}
#conts .main_area .mokuhyo .tenpo_moukhyo .kekka,
#conts .main_area .mokuhyo .tenpo_moukhyo h4{font-size:6pt;}
#conts .main_area .mokuhyo .memo p.kahi{font-size:6pt;}
#conts .main_area h3{font-size:7pt;}
#conts .main_area .mokuhyo .kojin h4{font-size:7pt}
h2{font-size:6pt;}
h1{margin-bottom:0;font-size:7pt;}
table.sheet th.w600,
table.sheet th.w300{width:auto;}
table.sheet td{font-size:5pt;}
.head_area .tenposentaku,#sheet p,#member p,#member .pn,.head_area .tenposentaku select{font-size:5pt;}
}
table.sheet_total td{font-size:10px;}
hr { page-break-after: always;color: #fff;height: 0;border: none;}

div.shop_history{ position: absolute; right: -500px; top: 0; width: 500px; }
div.shop_history th, div.shop_history td { padding: 5px 5px 5px 0; }