@charset "UTF-8";

/*   

1. INITIAL

*/

/* ------------------------------------------------------------------------ */
/* INITIAL
/* ------------------------------------------------------------------------ */

*{word-break:break-all; -webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;}

html{margin:0; padding:0; overflow-y: scroll;}
body{position:relative; background:#FFF; margin:0 10px; padding:0; font:13px/24px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; text-align:center;}

body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:1em;
	font-weight:normal;
	background:transparent;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

ul,ol{list-style:none;}

blockquote, q{quotes:none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

abbr[title], dfn[title]{border-bottom:1px dotted #000; cursor:help;}

table{border-collapse:collapse; border-spacing:0;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
img{vertical-align:bottom;}

a{-webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
a,a:link,a:visited{color:#111; outline:none; text-decoration:none;}
a:hover,a:active,a:focus{color:#888; outline:none; text-decoration:none;}

.f-small{font-size:0.82em;}
.f-large{font-size:1.25em;}
.f-strong{font-weight:bold;}

strong{font-weight:bold;}

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre, code, kbd, samp {font-family:monospace, sans-serif;}

.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor:pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin:0;}
/* make buttons play nice in IE */
button {width:auto; overflow:visible;}
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode:bicubic;}
/* prevent BG image flicker upon hover */
.ie6 html {filter:expression(document.execCommand("BackgroundImageCache", false, true));}

::selection{background:#AAA; color:#FFF;}
::-moz-selection {background:#AAA; color:#FFF;}

.flt-R{float:right;}
.flt-L{float:left;}
.flt-C{text-align:center; margin-left:auto; margin-right:auto;}

.tb-L{margin-left:0; margin-right:auto; text-align:left;}
.tb-R{margin-right:0; margin-left:auto; text-align:right;}

.clr-L{clear:left;}
.clr-R{clear:right;}
.clr-B{clear:both;}

.noshow{display:none;}

.clearfix:before,
.clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear: both;}
.clearfix{zoom:1;}

.clear{clear:both; visibility:hidden; width:0; height:0;}

.border-box{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}

.linkbox .readmore,
.lkbx .readmore{display:none;}

.font-Min{font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; letter-spacing:0.1em;}
.font-Go{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


/* -------------------------------------------------------------------------------*/
/* HEADER
/* -------------------------------------------------------------------------------*/

#Global-Header{width:100%; background:url(../img/header/line-header.jpg) repeat-x 0 0; height:130px; width:100%; margin-bottom:12px; min-width:860px;}
#Global-Header h1{float:left; width:230px; height:130px; overflow:hidden; display:block;}
#Global-Header .header-img{float:right; width:630px; height:130px; overflow:hidden;}


#BreadCrumbs{clear:both; position:relative; background:#f4efd9; border-bottom:1px solid #8d9e02; border-left:7px solid #8d9e02; padding:8px 10px; font-size:92%; line-height:1; color:#666; margin-bottom:30px;}
#BreadCrumbs ul{overflow:hidden; *zoom:1;}
#BreadCrumbs li{float:left; margin-right:10px;}
#BreadCrumbs li a:after{content:'>'; padding:0 0 0 10px; color:#948c6b;}


/* -------------------------------------------------------------------------------*/
/* CONTENT
/* -------------------------------------------------------------------------------*/

.content{clear:both; position:relative; padding:0 0 40px 10px; text-align:left; min-width:1010px;}

.row:before,
.row:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.row:after{clear: both;}
.row{zoom:1;}

.scn-norm{}
.scn-norm h2{font-size:125%; line-height:1.5; margin-bottom:10px;}

.scn-norm.select-area{}
.scn-norm.select-area .mapImg{border:3px solid #EEE;}

#GoogleMapArea{border:3px solid #EEE; width:800px; height:550px;}

.monitors{float:left; width:640px;}
.ctrl-panel{float:left; width:340px; margin-left:20px; _margin-left:10px;}
.ctrl-panel .row{width:100%;}

#Ph-Main{clear:both; margin:0 0 20px;}
#Ph-Main .ph-wrap{position:relative; width:640px; height:520px; overflow:hidden;}
#Ph-Main ul{position:absolute; width:1920px; overflow:hidden; *zoom:1;}
#Ph-Main li{float:left; width:640px;}
/*#Ph-Main li img{width:100%; height:auto;}*/
#Ph-Main li img{width:100%; height:480px;}
#Ph-Main li p{margin-top:5px; text-align:right; font-size:92%; line-height:1.5;}

#Ph-Thumbs{clear:both; position:relative;}
#Ph-Thumbs ul{overflow:hidden; margin:0 0 0 -11px;}
#Ph-Thumbs li{float:left; width:206px; _width:217px; padding-left:11px; font-size:85%; line-height:1.5;}
#Ph-Thumbs li img{width:100%; height:auto;}
#Ph-Thumbs li p{margin-top:5px; text-align:right;}

.sts-list{width:100%;}
.sts-list h4{float:left; padding-bottom:5px;}
.sts-list select{float:right; padding-bottom:5px;}
.sts-list table{width:100%; border:1px solid #AAA; font-size:92%; line-height:1.5; }
.sts-list table thead{overflow:hidden; *zoom:1;}
.sts-list table thead tr{float:left; display:block;}
.sts-list table thead th{background:#DDD; border-bottom:1px solid #AAA;}
.sts-list table thead th.date{padding:3px 10px 3px 5px; width:150px;}
.sts-list table thead th.gate{padding:3px 15px; text-align:center; width:50px;}
.sts-list table thead th.name{padding:3px 10px; width:80px;}

.sts-list table tbody{float:left; height:150px; width:100%; overflow:auto;}
.sts-list table tbody tr{border-bottom:1px solid #DDD; display:block; background-color:#f7f5ea;}
.sts-list table tbody tr.even{background-color:#FFF;}
.sts-list table tbody td.date{padding:3px 10px 3px 5px; width:150px;}
.sts-list table tbody td.gate{padding:3px 15px; text-align:center; width:50px;}
.sts-list table tbody td.name{padding:3px 10px; width:80px;}

.compo{border:1px solid #DDD; background:#F5F5F5; padding:4px 10px 10px; margin-top:10px;}
.compo h4{border-bottom:1px solid #DDD; padding-bottom:3px; margin-bottom:10px; font-weight:bold;}
.cntrl-arrows{width:165px; overflow:hidden; *zoom:1; margin-top:10px; float:left;}
.cntrl-arrows li{float:left; width:55px; height:50px;}

.compo.wd-half{width:143px; _width:165px;}
.compo.wd-half.zchange{width:120px; _width:140px; padding:4px 6px 10px;}
.compo.wd-half.fchange{width:180px; _width:200px; padding:4px 6px 10px;}

.compo.wd-half ul{overflow:hidden; *zoom:1;}
.compo.wd-half ul.moveCnt{margin-left:11px;}
.compo.wd-half li{float:left;}

.cntrl-panel-notice{text-align:center; font-size:85%; line-height:1.4; margin-bottom:10px;}
.cntrl-panel-notice.spT{margin:5px auto 0;}
.compo.preset{}
.compo.preset ul{overflow:hidden; *zoom:1; margin-left:-17px;}
.compo.preset li{float:left; padding-left:17px; padding-bottom:10px; width:50px; _width:67px;}
.compo.preset li.first-child{}
.preset-change{border-top:1px dotted #BBB; padding-top:10px;}
.preset-change table{width:100%;}
.preset-change table td{vertical-align:middle;}
/*.preset-change table td input{width:100px;}*/
.preset-change table td.btns{text-align:right;}