@charset "UTF-8";
@import url(common/font/px.css);
@import url(common/element.css);
@import url(common/paragraph.css);
@import url(common/table.css);
@import url(page/singledata.css);
@import url(layout/col1.css);

/* Bootstrapレスポンシブ無効化
-------------------------------------------------- */
.container {
  max-width: none !important;
/*  min-width: 100%;*/
  min-width: 970px;
}

.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
}

.navbar-toggle {
  display: none;
}

.navbar-brand {
  margin-left: -15px;
}



/* サイト内共通スタイル指定用
--------------------------------------------------
INDEX
--------------------------------------------------
共通レイアウト
    body　wrap

基本スタイル
    font　text-color　img 　ol , ul , li

基本text-align指定
    .left　.center　.right

基本float指定
    .fleft　.fright　.clear

サイズ幅指定
    .sizeLL .sizeL .sizeM .sizeS .sizeSS .sizeSSS

テキスト,音声ブラウザ用
    hr.divider　#textNav　.hidden

プリント改行指定
    .printbr

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


/* 共通レイアウト
-------------------------------------------------- */

body
    {
    margin:0;
    padding:0;
    text-align:center;
    background:#eee;
    }

#wrap
    {
    background:#fff;
    border-right:solid 1px #999;
    border-left:solid 1px #999;
    margin:0 auto;
    text-align:left;
    width:100%;
    }
/* Except WinIE */
html>body #wrap
    {
    width:100%;
    }

#top
    {
    position:absolute;
    left:-999px;
    width:999px;
    }

* {
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
}


/* 基本スタイル
-------------------------------------------------- */

/*----font----*/

body
    {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 500;
    }

input
    {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 500;
    }

select
    {
    }

/*----text color----*/

body
    {
    color:#333;
    }
/*
a:link
    {
    color:#36c;
    }

a:visited
    {
    color:#36c;
    }

a:hover
    {
    color:#00f;
    }

a:active
    {
    color:#36f;
    }
*/
a.noline
    {
    color:#000000 !important;
    text-decoration:none;
    }

/*---- img ----*/

img
    {
    border:none;
    vertical-align:bottom;
    }





/* 共通リスト
-------------------------------------------------- */

ol ,
ul
    {
    padding:0;
    margin:0 10px 10px 30px;
    }

li
    {
    padding:0;
    margin:0 0 0.5em 0;
    }




/* 基本text-align指定
-------------------------------------------------- */

.left
    {
    text-align:left;
    }

.center
    {
    text-align:center;
    }

.center .test
    {
    margin:10px auto;
    }

.right
    {
    text-align:right;
    }

.lmargin
    {
    margin-left:5px;
    }

.tmargin
    {
    margin-top:10px;
    }

.lheight1
    {
    line-height:1.45em;
    }

.lheight2
    {
    line-height:2.5em;
    }

.vtop
    {
    vertical-align:top;
    }

.vmid
    {
    vertical-align:middle;
    }

/* 基本float指定
-------------------------------------------------- */

.fleft
    {
    float:left;
    }

.fright
    {
    float:right;
    }

/*---- img ----*/

img
    {
    border:none;
    }



img.left
    {
    float:left;
    margin:15px 19px 5px 0px;
    display:block;
    }

img.right
    {
    float:right;
    margin: 15px 0px 5px 19px;
    display:block;
    }




/* 基本float clear指定
-------------------------------------------------- */

.clearRight
    {
    clear:right;
    }

.clearLeft
    {
    clear:left;
    }

.clearAll
    {
    clear:both;
    }

.clear
    {
    clear:both;
    position:absolute;
    left:-999px;
    }

html>body .clear
    {
    position:static;
    height:0;
    }



/* 点線を表示 */
.divider
    {
    clear:both;
    background:url(../img/bg_hr_dash.gif) center;
    }



/* サイズ幅の指定
-------------------------------------------------- */
.sizeMAX
    {
    width:100%;
    }

.sizeLL
    {
    width:96%;
    }

.sizeL
    {
    width:92%;
    }

.sizeLM
    {
    width:70%;
    }

.sizeM
    {
    width:60%;
    }
.sizeS
    {
    width:50%;
    }

.sizeSS
    {
    width:30%;
    }

.sizeSSS
    {
    width:25%;
    }

/* Except WinIE */

html>body .sizeLL
    {
    width:100%;
    }

html>body .sizeL
    {
    width:84%;
    }

html>body .sizeM
    {
    width:64%;
    }

html>body .sizeS
    {
    width:54%;
    }

html>body .sizeSS
    {
    width:34%;

    }

html>body .sizeSSS
    {
    width:29%;
    }


/* プリント用
-------------------------------------------------- */

.printbr
    {
    page-break-after:always;
    }

.printString
    {
    display: none;
    }




/* テキスト,音声ブラウザ用
-------------------------------------------------- */

hr.divider
    {
    display:none;
    }

#textNav ,
.hidden
    {
    position:absolute;
    left:-999px;
    width:999px;
    }


/* 左メニュー
-------------------------------------------------- */

html, body
    {
    -webkit-tap-highlight-color: transparent;
/*    overflow-x: auto;*/
    }

/* Lists */
ul
    {
    margin: 0;
    padding: 0;
    }

/* Container */
#container {
  position: relative;
/*  padding: 30px 0 30px 5em;*/
  padding: 30px 0;
}

/* breadcrumb */
.breadcrumb
    {
    margin: 0;
    padding: 0 0 15px 0;
    background-color: #fff;
    }
.breadcrumb > li
    {
    margin: 0;
    }
.breadcrumb > li + li:before
    {
    content: ">";
    }

.menu-btn
    {
    width: 44px;
    height: auto;
    min-height: 100%;
    padding: 10px;
    margin-bottom: 30px;
    background: #006666;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    position: fixed;
    top:0px;
    left:0px;
    z-index: 9999;
    }
.menu-btn:hover
    {
    background: #339999;
    }
.menu-btn > span.menu-btn-text
    {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl;
    }

.pushy
    {
    width: 240px;
    }

/* Header */
.site-header {
  position: fixed;
  background: #000;
  color: #FFF;
  width: 100%;
  padding: 20px 0;
  text-align: center;
  z-index: 9998;
}

/* Footer */
.site-footer {
  position: relative;
  border-top: 1px solid #EEE;
  color: #999;
  padding: 10px;
  font-size: 0.8em;
  text-align: center;
}

/*pushy*/
.pushy-submenu
    {
    margin: 0;
    }
.pushy a
    {
    padding: 10px 10px 10px 60px;
    border-bottom: 1px dotted #666;
    }
.pushy a.pushy-link
    {
    font-weight:nomal;
    }
.pushy-submenu ul,
.pushy-submenu ul .pushy-link
    {
    background:#333;
    }
.pushy a.ic-box
    {
    background:none;
    color:#ddd;
    text-decoration:underline;
    }
.pushy a.ic-box:hover
    {
    color:#fff;
    }
/*pushy*/

.btnWrap
    {
    margin-top:15px;
    }

.btn
    {
    min-width:80px;
    }
.btn-lg
    {
    min-width:200px;
    }

input[type="radio"]
    {
    margin: 4px;
    }

.pager li
    {
    float: left;
    }

.text-error
    {
    padding:10px;
    padding-left:2em;
    color: #f00;
    font-weight: bold;
    }

/* カレンダーダイアログ */
#ui-datepicker-div {
    font-size:1em;
}
.ui-datepicker-sunday > .ui-state-default {
    background-color: #F5CED2!important;
    color: #333333!important;
}
.ui-datepicker-saturday > .ui-state-default {
    background-color: #e3f1f9!important;
    color: #333333!important;
}
.datepicker{
    width:8em !important;
}
.ympicker{
    width:8em !important;
}

/* 個別スタイル */
.bold
    {
    font-weight: bold;
    }

.mt15 {
    margin-top: 15px;
}

.ml15 {
    margin-left: 15px;
}

.w20 {
    width: 20px;
}

.w60 {
    width: 60px;
}

.w200 {
    width: 200px;
}

/* width */
.w1px{
    width:1px !important;
}
.w2px{
    width:2px !important;
}
.w8px{
    width:8px !important;
}

.w120px{
    width:120px !important;
}

.w200px{
    width:200px !important;
}

.w350px{
    width:350px !important;
}

.w400px{
    width:400px !important;
}


/* header right */
.headerRight
    {
/*    margin-right: 0 !important; */
    float:right !important;
    margin:0;
    padding-left: 0;
    list-style: none;

    }

/*
.pushy-open-left #container{
	transform:none;
}

@media (min-width: 1100px){
	#header .navbar-left {
		 float: right !important;
	}
}

@media (min-width: 1200px){
	.container {
		width: 970px !important;
	}
}
*/







/* modalHoiku */
.modalHoiku {
display: none;
position: fixed;
z-index: 1;
left: 0;
top: 0;
height: 100%;
width: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.5);
}

.modal-contentHoiku{
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: auto;
background-color: white;
width: 400px;
height: 500px;
}