﻿HTML  { overflow-y:scroll;}
BODY  { margin: 0; padding:0px; background-color:#456; font-family:"メイリオ", Sans-Serif, 'Hiragino Kaku Gothic Pro'; font-size:16px; line-height:1.8em; -webkit-tap-highlight-color:rgba(0,0,0,0); }
IMG   { border:0; *vertical-align:top; }
SELECT, INPUT, TEXTAREA
      { font-family:"メイリオ", Sans-Serif; font-size:1.1em; margin-bottom:3px; }
INPUT[type="text"], INPUT[type="tel"], INPUT[type="number"], INPUT[type="password"], TEXTAREA, SELECT { border-radius:4px; border-width:1px; }
TABLE { border-spacing:0; border-collapse:collapse; }
h1    { margin: 0; padding:5px 20px 0 20px; font-weight:normal ; font-size:large; border:0;}
h1 a  { font-size:medium;} 
h2    { margin: 0 0 10px; padding: 4px 10px; font-size:16px; font-weight:normal; border-bottom:1px solid #999; }
h3    { font-size:12px; line-height:1.4em; margin:8px 0 2px; padding:0 10px; color:#FFF; background-color:#999; font-weight:bold; border-radius:5px; }

.ime-active      { ime-mode: active;}
.ime-disabled    { ime-mode: disabled;}
.num-center   { ime-mode: disabled; text-align: center;}
.num-right    { ime-mode: disabled; text-align: right;} 

.DIVchecks { padding:0 0 0 10px; font-size:18px; line-height:2.5em; }
.DIVchecks SPAN { white-space:nowrap; margin-right:0.5em; }
input[type="radio"] , input[type="checkbox"]{-webkit-transform: scale(1.5); transform: scale(1.5); margin:0 0.3em 0 0; }

.head { padding:5px 0 5px; line-height:50px; height:50px; color:White; background-color:#456; xposition:fixed; xtop:0; xwidth:100%; z-index:5; }
.toolbtn { float:right; text-align:center; font-size:10px; font-weight:bold; line-height:1.4em; color:White; display:block; width:40px; margin-top:7px; text-decoration:none; position:relative; }
.toolbtn IMG {  border-radius:3px; margin-bottom:2px; }
.toolbtn SPAN { background-color:Red; color:White; font-size:12px; position:absolute; top:-6px; right:0; min-width:11px; padding:0 2px; height:15px; line-height:15px; display:block; border-radius:10px; }

.content_outer    { padding:10px; font-family:"メイリオ", Sans-Serif, 'Hiragino Kaku Gothic Pro'; font-size:16px; line-height:1.8em; background-color:White; }

/*　メインコンテンツ　*/
.modal          { background-image:url('image/modalback.png'); position:fixed; top:0; left:0; width:100%; z-index:1; display:none; }

.nextbutton { background-image:url('image/next.png'); width:40px; height:40px; background-color:#CCC; float:right; }
.nextbutton:active { background-color:#F80;}
.prevbutton { background-image:url('image/prev.png'); width:40px; height:40px; background-color:#CCC; float:left; }
.prevbutton:active { background-color:#F80;}

.DIVwindow   { display:none; position:absolute; top:20px; left:10px; z-index:10; line-height:1.4em; background-color:White; border-radius:8px; box-shadow: 0px 0px 4px 0px #000; -webkit-box-shadow: 0px 0px 4px 0px #000; -moz-box-shadow: 0px 0px 4px 0px #000; }

.wintitle { background-color:#024; line-height:30px; color:White; padding:0 10px; border-radius:8px 8px 0 0; cursor:pointer; }

.TBL { width:100%; text-align:center; }
.TBL TD { border:1px solid #444; }

.workTBL { width:100%; font-size:20px; line-height:2em; text-align:center; white-space:nowrap; }
.workTBL TD { border:1px solid #000; }
.workTBL INPUT[type="text"], [type="tel"], INPUT[type="number"] { border:0; width:100%; padding:0; text-align:center; }
.intadd { background-color:#3C3; color:#FFF; font-weight:bold; padding:0 20px; }
.intdel { background-color:#F33; color:#FFF; font-weight:bold; padding:0 10px; }

#titlesort { list-style-type: none; margin: 0; padding: 0; }
#titlesort li { margin:0; padding:0;}
#titlesort P { display:none; }
#castsort { list-style-type: none; margin: 0; padding: 0; }
#castsort li { margin:0; padding:0;}
#castsort P { display:none; }
.sorthandle { padding:0 10px; }
.sorthandle TABLE { width:20px }
.sorthandle TD { border-top:1px solid #888; border-bottom:1px solid #888; height:3px; }

.setTBL { width:100%; line-height:2em; background-color:#EEE; border-spacing:0; margin-bottom:2px; border-radius:8px; white-space:nowrap; }
.setTBL TD { padding:0 5px; }

.chart { width:100%; white-space:nowrap; text-align:center; line-height:20px; background-color:#EEE; margin-top:10px; }
.chart TD { padding:2px; border:1px solid #000;}
.chart DIV { background-color:#36F; border-radius:0 10px 10px 0; }
.chart SPAN { padding-right:5px; }

.ptitle { line-height:30px; text-align:center; font-size:20px; background-color:#678; color:White; border-radius:15px; margin-bottom:5px; position:relative; }
.ptitle A { text-decoration:none; color:white; padding:0 5px; position:absolute; }

SELECT { -webkit-appearance: none; } 

.pnote { width:100%; table-layout:fixed; text-align:right; }
.pnote TD { border:1px solid #000; padding:0 5px; }
.headtotal { text-align:center; font-weight:bold; color:White; background-color:#36F; }
.headave { text-align:center; font-weight:bold; color:White; background-color:#E80; }

@media screen and (min-width: 1001px) {
.mb { display:none; }
}

@media screen and (max-width: 1000px) {
.pc { display:none; }
}