/*
 *  main.css
 */

/*---------------------------
	初期スタイル調整
----------------------------*/
/**
	* 1. Set default font family to sans-serif.
	* 2. Prevent iOS text size adjust after orientation change, without disabling
	*    user zoom.
 */
html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}
body {
	font-size:100%;
	font-style:normal;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

	color:#333333;
	line-height:120%;
	text-align:center;
	margin:0px;
	padding:0px;
	}
img
{
	max-width:100%;
	height:auto;
}
p,div,img,ul,form { margin:0; padding:0; border:0; }
table,td,th { margin:0px; padding:0px; font-size:100%;}
hr {display:none;}

/*** h1-h5 ***/

h1 {width:auto;margin:0px;padding:0px;}

h2,h3,h4,h5 {
	width:auto;
	margin:0px;
	padding:0px;
	font-size:100%;
	}

/*** link ***/

a:link,
a:visited,
a:active {color:#0571b0;text-decoration:none;}

a:hover {color:#CC0000;text-decoration:none;}

/* クリックできる */
.clickable{
	cursor:pointer;
}
input[type="button"], button{
	cursor:pointer;
}
input[type=text],input[type=password]{
	height:1.2em;
	line-height:1.2em;
	padding:2px;
}

/* block位置上中下 */
.blcTop{
	vertical-align:top;
}
.blcMiddle{
	vertical-align:middle;
}
.blcBottom{
	vertical-align:bottom;
}

/* font */
.fontWeightBold{
	font-weight:bold;
}
.fontWeightNomal{
	font-weight:nomal;
}
.fontSmall{
	font-size:0.7em;
}
/* text位置 */
.txtLeft{
	text-align:left;
}
.txtRight{
	text-align:right;
}
.txtCenter{
	text-align:center;
}
.txtVertical {
	-ms-writing-mode: tb-rl; /* for MS IE8+ */
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
/* position */
.posRelavive{
	position:relative;
}
.posAbsolute{
	position:absolute;
}
/* フロート関係 */
.floatLeft {
	float: left;
}
.floatRight{
	float: right;
}
.floatClear:after {
	display:block;
	clear:both;
	height:0px;
	
	content:"";
}

/* 入力必須 */
.required  {
	width:40px;
	height:1.2em;
	line-height:1.2em;
	margin:auto;
	top:0;
	bottom:0;
	left:5px;
	text-align:center;
	padding:1px;
	background: red;
	color:white;
}
.required:after  {
	content:"必須";
}

.noWrap {
	white-space:nowrap;
}
/*-------------------
フォント
-------------------*/
.fontBold{
	font-weight:bold;
}

/*-------------------
フォントカラー
-------------------*/

.f-blue {color:#0000FF;}
.f-red { color:#FF3300;	}
.f-ore { color:#ff6600;	}
.f-ore a:visited, .f-ore a:link { color:#ff6600;}
.f-black { color:#333333;}
.f-black a:visited, .f-black a:link { color:#333333;}
.f-gre { color:#009900;}
.f-gre a:visited, .f-gre a:link { color:#009900;}

.f-sizeup { font-size:140%;}
.font-midashi { font-size:140%; color:#ffffff; }

/*---------------------------
	基本構造
----------------------------*/

/*---header---*/

#header {
	width:100%;
	max-width:900px;
	margin: 0 auto;
	color:#2e1b0a;
/*	background-image:url("../image/header1.jpg"); */
	background-repeat:repeat-x;
/*	text-align:center;	*/
	text-align:justify;
	/* background-color:#EAF7FA; */
	}
#header .unibtn{
	width:100%;
	max-width:900px;
	margin: 0 auto;
	margin-top:8px;
	margin-right:4px;
	text-align:right;
	}

.responsive-characterSize, .responsive-backgroundColor{
	margin:0 10px;
}
.responsive-characterSize a, .responsive-backgroundColor a{
	padding:4px;
}

/*---contents---*/

#conts {
	width:100%;
	/*
	border-top:1px solid #fff;
	background:url('bg-gray2.gif') repeat-x top;
	*/
	text-align:center
	}

#conts-body {
	width:100%;
	max-width:920px;
	margin: 0 auto;
	text-align:left;
	}

#conts-body p{
	margin: 7px 0;
	}
	
/*ページタイトル*/
#conts .title{
	font-size:105%;
	
	padding: 8px 0 2px 10px;
	float:left;
	}

#conts .usertools{
	text-align:right;
	font-size:90%;
	margin: 5px 0 0 0;
	padding: 2px 0 2px 10px;
	line-height:30px;
	height : 30px;
	}

.message {
	display:block;
	border-top: solid #b4e169 4px;
	padding: 7px 0 2px 10px;
	color:#990000;
	margin-bottom:15px;
	text-align:left;
	width:100%;
	}

.shisetuname {
	display:block;
	padding: 2px 0 2px 20px;
	color:#2e1b0a;
	text-align:left;
	font-size:130%;
	}

.shisetuname2 {
	display:block;
	padding: 2px 0 2px 0px;
	color:#2e1b0a;
	text-align:left;
	font-size:120%;
	}

.search-box {
	padding: 5px 0 5px 0px;
	color:#2e1b0a;
	text-align:right;
	background-color:#f5eec5;
	}

/*トップへなどのボタンエリア*/

.button-area {
	text-align:center;
	padding: 15px 0px 15px 0px;
	}
	
.button-area input {margin: 0px 10px;}
.button-area img {margin: 0px 10px;}

/* リストをfloatしたうえでセンタリング*/
.button-areaList{
	position: relative;
	overflow: hidden;
}
.button-areaList ul {
	position: relative;
	left: 50%;
	float: left;
	list-style-type:none;
}
.button-areaList ul li {
	position: relative;
	left: -50%;
	float: left;
	margin:13px;
}
/*---footer---*/

#footer {
	width:100%;
	margin-top:10px;
	padding:10px 0 0 0; 
	text-align:center;
	border-top: solid #8cbd3f 5px;
	position:relative;
	}
	
#footer .banner{
	position:absolute;
	top:15px;
	right:10%;
	width:100px;
	height:27px;
	}

#footer address{font-weight: normal;}	

.loginWindow{
	width:400px;
	margin:0 auto;
	text-align: center;
}
/*-------------------------
	floatクリア
--------------------------*/
	
.clr {clear:both;}

/*---------------------------
	アイコンのボタン配置
----------------------------*/

#navi {
	text-align:center;
	}

#navi img {
	margin: 0px 20px;
	}	

/*---------------------------
	施設の選択
----------------------------*/

/***施設の選択のカラム***/
#sentaku-area {
	margin:0;
	padding:0 0 0 10px;
	text-align:left;
	}

#sentaku-area #left {
	width:200px;
	float:left;
	margin-left:50px;
	}

*html #sentaku-area #left {
	margin-left:25px;
	}

#sentaku-area #right {
	width:570px;
	float:left;
	margin-left:20px;
	}

.yoyaku-bt{
	text-align:right;
	padding:2px 0;
	}
	
/***施設選択のボタン関係***/

/***ボタン配置***/
.sentaku-table {
	margin: 0 0 20px 0;
	/*width:570px;*/
	border-collapse:collapse;
	}

.sentaku-table td{
	text-align:center;
	padding:0 0 15px 0;
	}

/***マウスアウト***/
a.shisetsu-bt {
	display:block;
	font-weight:bold;
	width:270px;
	background:url('../image/haikei_L1.jpg') no-repeat;
	text-align:center
	}

a.shisetsu-bt span{
	display:block;
	height:43px;
	background:url('../image/haikei_L1.jpg') no-repeat bottom;
	padding-left:0; padding-right:0; padding-top:8px; padding-bottom:8px
	}	


.shisetsu-bt_off strong{
	font-size:80%;
	color:#999
	}
	
/***オンマウス***/
a.shisetsu-bt:hover {background:url('../image/haikei_L1.jpg') no-repeat;}
a.shisetsu-bt:hover span{background:url('../image/haikei_L1.jpg') no-repeat bottom;color:#CC0000}

a.shisetsu-bt:link,
a.shisetsu-bt:visited,
a.shisetsu-bt:active { color:#222}


/***施設選択サイドバー***/

.menu-title{
	font-size:110%;
	color:#333;
	text-align:center;
	background:url('menu-title_bg.gif') top;
	border:1px solid #b98d05;; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
	}

#menu {
	width:196px;
	margin:0 0 10px 0;
	font-size:100%;
	border:solid #aaaaaa 2px;
	}

#menu li{
	font-size:110%;
	list-style:none;
	}

/***チェックマーク***/

#menu li .on{ 
	display:block;
	font-weight:bold;
	color:#bf3f00;
	background:#fff4aa url('menu-on.gif') no-repeat 1% 50%;
	border-top:1px solid #d6bc2a;
	border-bottom:1px solid #d6bc2a;; padding-left:20px; padding-right:0; padding-top:1px; padding-bottom:1px
	}		

#menu li .off{ 
	display:block;
	font-weight:bold;
	color:#333;
	background:#dfdfdf url('menu-off.gif') no-repeat 1% 10%;
	padding-left:20px; padding-right:0; padding-top:2px; padding-bottom:2px
	}

#menu li .edit{ 
	display:block;
	font-weight:bold;
	color:#333;
	background:#f5f5ed url('menu-off2.gif') no-repeat 1% 10%;
	border-bottom: 2px dotted #c7c7c7;; padding-left:20px; padding-right:0; padding-top:2px; padding-bottom:2px
	}
		
#menu li ul {
	font-size:65%;
	margin:0px;
	padding:0px;
	}		

#menu li ul li{
	margin: 0;
	background:url('menu-list.gif') no-repeat 0 50%;; padding-left:20px; padding-right:0; padding-top:0; padding-bottom:0
	}	

/***月選択のヘッダー***/

.month-cal-top {
	border-collapse:collapse;
	border-bottom:solid #8ec711 2px;
	margin-bottom:2px;
	}

.month-cal-top th{
	border-left:1px solid #a3cf74; border-right:1px solid #a3cf74; border-top:1px solid #a3cf74; font-size:120%;
	text-align:center;
	border-bottom:0 none;
	/*background:url('../image/bg-gre.gif') repeat-x top;*/
	}

.month-cal-top th.shisets-name{
	font-size:120%;
	margin: 0 8px;
	text-align:left;
	border:0 none;
	background:url('shisetsu-name.gif') no-repeat;; padding-left:50px; padding-right:0; padding-top:8px; padding-bottom:8px
	}

.month-cal-top th.shisets-name span{font-size:65%; margin: 0 4px;}
	

/*---------------------------
	テーブルレイアウト
	
	月別カレンダー等
	汎用的に使用
	色はclassで指定
----------------------------*/
	
.table-style {
	text-align:center;
	font-size:80%;
	margin:5px 0;
	font-weight: bold;
	border-collapse:collapse;
	}

.table-style th {
	border:solid #cccccc 1px;
	padding:0 4px;
	}

.table-style td {
	border:solid #cccccc 1px;
	padding:0 4px;
	}

.table-style td a{
	display:block;
	font-weight:bold;
	padding: 10px 0;
	}

.table-style input,
.register-table input {
	margin:2px;
	}

.table-style td.no-border {border:solid #fff 1px;}

.table-style td.button-area {
	border:0;
	padding-top:7px;
	font-size:120%;
	}

/*---------------------------
	レイアウトテーブル
	
	レイアウト用に使用
	色はclassで指定
----------------------------*/

.layout-style {
	text-align:center;
	margin:5px 0;
	font-weight: bold;
	border-collapse:collapse;
	}

.layout-style th {
	padding:5px 10px;
	border: solid #fff 1px;
	}

.layout-style td {
	padding:10px;
	border-bottom: dotted #dddddd 1px;
	}	

.layout-style input{margin: 3px 5px;}

.layout-style td label{ margin: 5px;}
	
/*--------------------
	利用者登録用
	フォームテーブル
--------------------*/

.register-table {
	border:solid #bbbbbb 2px;
	text-align:center;
	font-size:80%;
	margin:5px 0;
	font-weight: bold;
	border-collapse:collapse;
	}

.register-table th
	{
	background:#e3e1d9;
	border:solid #aaaaaa 1px;
	padding:5px;
	}

.register-table td
 	{
	border:solid #aaaaaa 1px;
	padding:5px 5px 5px 60px;
	}
	
.register-table td.hissu {
	background:url('hissu.gif') no-repeat 10px 50%;
	}

.register-table .error {
	border: solid #FF6600 2px;
	}

.register-table td.error {
	color:#FF3300;
	}

.register-btn-area {
	margin: 10px 0;
	text-align:center;	
	}

/*--------------------
	利用者情報テーブル
--------------------*/
.userInfoTable {
	width:90%;
	text-align:center;
	font-size:80%;
	margin:5px auto;
	font-weight: bold;
	border-collapse:collapse;
}

.userInfoTable th
	{
	border:solid #b0b0b0 1px;
	padding:5px;
}

.userInfoTable td
 	{
	border:solid #b0b0b0 1px;
	padding:5px 5px 5px 55px;
	text-align:left;
}

/*--------------------
	申請用
	フォームテーブル
--------------------*/

#shinseitbl {
	border:solid #b0b0b0 1px;
	text-align:center;
	font-size:80%;
	margin:5px 0;
	font-weight: bold;
	border-collapse:collapse;
	}

#shinseitbl th
	{
	background:#f7f7f3;
	border:solid #b0b0b0 1px;
	padding:5px;
	}

#shinseitbl td
 	{
	border:solid #b0b0b0 1px;
	padding:5px 5px 5px 55px;
	text-align:left;
	}
	
#shinseitbl td.hissu {
	background:url('../image/17.gif') no-repeat 10px 50%;
	}

#shinseitbl td.yoyakunichiji {
	border:solid #b0b0b0 1px;
	padding:5px 5px 5px 5px;
	text-align:left;
	}

/*--------------------
	備品用
	フォームテーブル
--------------------*/
.bihintbl {
	width:90%;
	text-align:center;
	font-size:80%;
	margin:5px auto;
	font-weight: bold;
	border-collapse:collapse;
	}

.bihintbl th
	{
	padding:5px;
	}

.bihintbl td
 	{
	padding:5px 5px 5px 5px;
	text-align:left;
	}
	
.bihintbl td.hissu {
	background:url('../image/17.gif') no-repeat 10px 50%;
	}

/*--------------------
	申込履歴
	テーブル
--------------------*/
#dsptbl {
	border:solid #b0b0b0 1px;
	text-align:center;
	font-size:80%;
	margin:5px 0;
	border-collapse:collapse;
	}

#dsptbl th
	{
	background:#f7f7f3;
	border:solid #b0b0b0 1px;
	padding:5px;
	}

#dsptbl td
 	{
	border:solid #b0b0b0 1px;
	padding:5px 5px 5px 5px;
	text-align:center;
	}
	

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

#bordernone {
	border:none;
}
#bordernone td {
	border:none;
}


/*--------------
登録内容確認画面
tdの余白消し
---------------*/

.comp td{
	padding:5px 5px 5px 10px;
	}
			
/***テーブルのカラーチェンジ**/

.bg-yellow-1 {background:#fffc00;}/*濃い黄色*/
.bg-yellow-2 {background:#ffff89;}/*黄色*/
.bg-yellow-3 {background:#ffffcc;}/*薄い黄色*/

/*グレイ*/
.bg-gray-1 {background:#7d7b6f;color:#FFFFFF;}/*濃いグレイ*/
.bg-gray-2 {background:#f2f2e7;}/*グレイ*/
.bg-gray-3 {background:#f6f4ee;}/*薄いグレイ*/
.bg-gray-4 {background:#f2f2e7;}/*グレイ*/

/*青*/
.bg-blue-1 {background:#006699;color:#FFFFFF;}/*濃い青*/
.bg-blue-2 {background:#dbe5f1;}/*青*/
.bg-blue-3 {background:#d7f6ff;}/*薄い青*/

/*赤*/
.bg-red-1 {background:#e63964;color:#FFFFFF;}/*濃い赤*/
.bg-red-2 {background:#f6dedb;}/*赤*/
.bg-red-3 {background:#ffe1e1;}/*薄い赤*/

TD.bg-gray-2 {
line-height : 90%;
padding-top : 3px;
}
TD.bg-gray-4 {
height:50px;
line-height : 110%;
padding-top : 3px;
}


/***時間選択のヘッダー***/

.time-title {
	border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-top:1px solid #bbbbbb; font-size:115%;
	text-align:center;
	border-bottom:2px solid #b0af97;
	background:url('bg-gray.gif') repeat-x top;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
	}

/*---------------------------
	各種ボタンスタイル
	
	月のボタン
	1日前、1週間の遷移ボタン
----------------------------*/

/***月のボタン***/
.month-bt {
	display:block;
	text-align:center;
	font-weight:bolder;
	font-size:120%;
	border:2px solid #ffa302;
	margin:2px;
	background:#fffecb url('bg-yellow.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:6px; padding-bottom:6px
	}

.month-bt:hover {
	background: #fed804 url('bg-yellow_h.gif') repeat-x bottom;
	color:#9A1449;
	border:2px solid #ff2a00;
	}

/*選択済み*/
.month-bt_on {
	display:block;
	text-align:center;
	font-weight:bolder;
	font-size:120%;
	border:2px solid #ff2a00;
	margin: 2px;
	color:#9A1449;
	background:url('bg-yellow_h.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:6px; padding-bottom:6px
	}

/***週間の遷移ボタン***/

.week-back {
	background:url('../image/L13.gif') no-repeat 0 50% ;
	font-size:90%;
	font-weight:bolder; padding-left:27px; padding-right:5px; padding-top:5px; padding-bottom:5px;
	vertical-align:middle;
 	}

.week-next {
	background:url('../image/13.gif') no-repeat 100% 50% ;
	font-size:90%;
	font-weight:bolder; padding-left:5px; padding-right:27px; padding-top:5px; padding-bottom:5px;
	vertical-align:middle;
	}
	
.day-back {
	background:url('../image/L12.gif') no-repeat 0 50% ;
	font-size:90%;
	font-weight:bolder; padding-left:27px; padding-right:5px; padding-top:5px; padding-bottom:5px;
	vertical-align:middle;
	}

.day-next {
	background:url('../image/12.gif') no-repeat 100% 50% ;
	font-size:90%;
	font-weight:bolder; padding-left:5px; padding-right:27px; padding-top:5px; padding-bottom:5px;
	vertical-align:middle;
	}

/*オンマウス*/
.week-back:hover {background:url('../image/L13.gif') no-repeat 0 50% ;}
.week-next:hover {background:url('../image/13.gif') no-repeat 100% 50% ;}	
.day-back:hover {background:url('../image/L12.gif') no-repeat 0 50% ;}
.day-next:hover {background:url('../image/12.gif') no-repeat 100% 50% ;}	

/***ログイン画面のボタン***/

.num-bt {
	display:block;
	text-align:center;
	font-weight:900;
	font-size:160%;
	border:solid #ff9000 4px;
	margin: 2px;
	}

.num-bt span{
	display:block;
	border:2px solid #fff;
	background:#ffffe6 url('bg-yellow.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:0.6em; padding-bottom:0.6em
	}
	
.num-bt2 {
	display:block;
	text-align:center;
	font-weight:900;
	font-size:120%;
	border:solid #ff9000 4px;
	margin: 2px;
	}

.num-bt2 span{
	display:block;
	border:2px solid #fff;
	background:#ffffe6 url('bg-yellow.gif') repeat-x bottom;; padding-left:0; padding-right:0; padding-top:0.8em; padding-bottom:0.8em
	}

.num-bt:hover, .num-bt2:hover {border:solid #ff9000 3px;}
.num-bt:hover span, .num-bt:hover span{background:#ffffe6 url('bg-yellow_h.gif') repeat-x bottom;}


/***ボタン***/
.table-style .disp-bt,
.disp-bt {
	display:block;
	text-align:center;
	font-weight:bolder;
	font-size:100%;
	border:1px solid #b8ccf3;
	background-color:#d4e0f8;
	margin:2px 4px; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
	}

.disp-bt-no {
	display:block;
	text-align:center;
	font-weight:bolder;
	font-size:100%;
	border:2px solid #cccccc;
	background:#fffecb url('bg-gray.gif') repeat-x top;
	margin:2px 4px;
	color:#666666; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
	}
	
.table-style .disp-bt:hover,
.disp-bt:hover {background:#ebeef3;color:#cc0000;border:1px solid #d4e0f8;}

.table-style .disp-bt2,
.disp-bt2 {
	display:block;
	width:80px;
	text-align:center;
	font-weight:bolder;
	font-size:100%;
	border:1px solid #b8ccf3;
	background-color:#d4e0f8;
	margin:2px auto; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
	}

.disp-bt2-no {
	display:block;
	width:80px;
	text-align:center;
	font-weight:bolder;
	font-size:100%;
	border:2px solid #cccccc;
	background:#fffecb url('bg-gray.gif') repeat-x top;
	margin:2px 4px;
	color:#666666; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
	}
	
.table-style .disp-bt2:hover,
.disp-bt2:hover {background:#ebeef3;color:#cc0000;border:1px solid #d4e0f8;}


/*---------------------------
	汎用的に使うボタン
----------------------------*/

/*ボタン 150X40 */
.back-bt {
	background:url('../image/08.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px
	}

.top-bt {
	background:url('../image/09.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px
	}

.akisearch-bt {
	background:url('../image/19.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:152px;
	height:155px;
	cursor:pointer;
	margin: 0 10px
	}

.shisetuannai-bt {
	background:url('../image/20.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:152px;
	height:155px;
	cursor:pointer;
	margin: 0 10px
	}

.mypage-bt {
	background:url('../image/mypage.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:152px;
	height:155px;
	cursor:pointer;
	margin: 0 10px
	}

.haikei1-bt {
	background:url('../image/haikei_1.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px;
	color:#FFFFFF;
	}

.haikeiL1-bt {
	background:url('../image/haikei_L1.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:270px;
	height:40px;
	cursor:pointer;
	margin: 0 10px
	}

.haikei2-bt {
	background:url('../image/haikei_2.jpg') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px;
	color:#FFFFFF;
	}

.haikei3-bt {
	background:url('../image/haikei_3.jpg') no-repeat;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:319px;
	height:53px;
	cursor:pointer;
	margin: 0 10px
	}

.haikei3-bt:hover {color:#CC0000;}

.bihin-bt {
	background:url('../image/35.gif') no-repeat;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:138px;
	height:37px;
	cursor:pointer;
	margin: 0 10px
	}

.bihin-bt:hover {color:#CC0000;}

.jyusho-bt {
	background:url('../image/46.gif') no-repeat;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:138px;
	height:37px;
	cursor:pointer;
	margin: 0 10px
	}

.jyusho-bt:hover {color:#CC0000;}

/*黄色いボタン 150X40 */
.yellow-bt {
	background:url('yellow-bt_bg.gif') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px
	}

.yellowB-bt {
	background:url('yellow-bt_bg.gif') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px
	}

/*緑色のボタン 150X40 */
.green-bt {
	background:url('green-bt_bg.gif') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px
	}	

/*青色のボタン 150X40 */
.blue-bt {
	background:url('blue-bt_bg.gif') no-repeat 0 40%;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:150px;
	height:40px;
	cursor:pointer;
	margin: 0 10px
	}	

/*次へなど右矢印の汎用ボタン 140X30 */
.next-bt {
	background:url('next-bt_bg.gif') no-repeat;
	font-size:100%;
	font-weight:bold;
	border:0 none;
	width:140px;
	height:35px;
	cursor:pointer;
	margin: 0 10px;
	padding-bottom:3px
	}

/*キャンセルなどの汎用ボタン 140X30 */	
.cancel-bt {
	background:url('cancel-bt_bg.gif') no-repeat 0 50%;
	font-size:100%;
	font-weight:bold;
	width:90px;
	height:40px;
	cursor:pointer;
	margin: 0 10px;
	border:0 none;
	padding-left:4px; padding-right:0; padding-top:0; padding-bottom:3px
	}

.cancel-dis-bt {
	background:url('cancel-dis-bt_bg.gif') no-repeat 0 50%;
	font-size:100%;
	font-weight:bold;
	color:#fff;
	width:90px;
	height:40px;
	cursor:pointer;
	margin: 0 10px;
	border:0 none;
	padding-left:4px; padding-right:0; padding-top:0; padding-bottom:3px
	}
		
/*---------------------------
	ログイン画面
----------------------------*/

#login-box {
	width:700px;
	text-align:center;
	margin:0px auto;
	margin-bottom:30px;
	}

#login-box #left {
	width:325px;
	float:left;
	margin-right:25px;
	}

#login-box #right {
	width:350px;
	float:left;
	}

#login-box #right .login-area {
	background-color:#CCCCCC;
	padding:15px;
	}

#login-box #right .passID {
	text-align:center;
	margin:15px;
	}

/*---------------------------
	ユーザーメニュー
----------------------------*/

.user-info ul {
	list-style:none;
	font-size:90%;
	padding: 5px;
	border-top: solid #ffbc3b 2px;
	border-bottom: solid #ffbc3b 2px;
	}

/*---------------------------
	各種ボタンスタイル
	月のボタン
	1日前、1週間の遷移ボタン
----------------------------*/

#apply-left {
	width:280px;
	float:left;
	margin-top:10px;
	font-size:85%;	
	}		

#apply-right {
	width:258px;
	padding:10px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	border:solid #cccccc 1px;
	background-color:#eeeeee;
	font-size:90%;
	}
		
/*---------------------------
	ユーザー情報変更画面
----------------------------*/

#henko-area {
	width:800px;
	margin:0 auto;
	text-align:center;
	}

.henko-message {
	background:#f3f3f3;
	padding:10px;
	border:solid #bbbbbb 1px;
	text-align:left;
	color:#ff3300;
	}


#henko-area .henko-left {
	width:500px;
	margin-left:10px;
	text-align:left;
	clear:both;
	float:left;
	}

#henko-area .henko-right {
	width:270px;
	padding: 8px 0;
	float:left;
	text-align:center;
	}

#henko-area .henko-right input {
	margin-bottom:15px;
	}

#henko-area .henko-right img {
	margin-bottom:15px;
	}

#pwdhenko {
	width:500px;
	padding:8px 0px;
	}

/*---------------------------
	ご利用の手引き
----------------------------*/

.tebiki-area {
	padding: 0px 15px;
	}
	
.tebiki {
	clear:both;
	margin:5px 0px;
	font-size:95%;
	background:url('arrow.gif') no-repeat 50% 100%;; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:37px
	}		

.tebiki-btm {
	clear:both;
	margin:5px 0px;
	padding: 0px 0 10px 0px;
	font-size:95%;
	}	
	
.tebiki dt,
.tebiki-btm dt{
	font-size:130%;
	font-weight:bold;
	border: 1px solid #e6803c;
	background:url('bg-ore.gif') repeat-x top;; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px
	}

.tebiki dd,
.tebiki-btm dd{
	margin:0;
	padding: 5px 10px 5px 10px;
	text-align:left;
	border-bottom: dotted #e6803c 1px;
	}

.koma-area {
	margin: 8px 0;
	}

.koma-table {
	text-align:center;
	font-size:80%;
	font-weight: bold;
	border-collapse:collapse;
	}

.koma-table th {
	border:solid #aaaaaa 1px;
	background:#777777;
	color:#ffffff;
	}

.koma-table td {
	border:solid #aaaaaa 1px;
	}


/*---------------------------
	各種レイアウト
----------------------------*/

/*-------------------
	各種ボタン配置など
	汎用的に使用
-------------------*/

.main-area {
	width:720px;
	text-align:center;
	margin: 20px auto 10px auto;
	}

.main-area img {
	margin: 0px 20px;
	}

.main-area-bt2 {
	text-align:center;
	padding: 20px 0px 30px 0px;
	}

.main-area-bt2 img {
	margin: 0px 10px;
	}

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

.top-message {
	width:70%;
	max-width:700px;
	margin:0px auto 10px auto;
	
	text-align:left;
	font-size : 80%;
	}

.kiyaku-message {
	width:750px;
	text-align:right;
	font-size : 80%;
	margin-bottom:20px;
	}

#new {
	text-align:center;
	width:80%;
	max-width:800px;
	margin:0px auto 15px auto;
	padding:0px 10px 5px 10px;
	border-bottom:solid #b4e169 3px;
	}

#new ul {
	margin:10px;
	padding:0px ;
	text-align:left;
	list-style-image:url('../image/05.gif');
	}

#new ul li {
	margin-left:10px ;
	}

#new h3 {
	margin:0px;
	text-align:left;
	position:relative;
	border-bottom:2px solid #b4e169;
	background:url('new-title_bg.gif') no-repeat 2% 50%;; padding-left:80px; padding-right:0; padding-top:8px; padding-bottom:8px
	}

#new h2 {
	margin:0px;
	text-align:left;
	position:relative;
	border-bottom:3px solid #b4e169;
	}

#new a.new-bt{
	font-size:85%;
	padding:0 5px;
	background: #f5dc67 ;
	border:solid #ceb300 2px;
	position:absolute;
	top:8px;
	right:0px;
	}

.oshirase {
	width:620px;
	text-align:left;
	background:url('oshirase.gif') no-repeat 0 50%;
	border-bottom:3px dotted #FFCC00;
	line-height:150%; margin-left:auto; margin-right:auto; margin-top:5px; margin-bottom:15px; padding-left:70px; padding-right:10px; padding-top:10px; padding-bottom:10px	
	}

.oshirase strong{font-size:115%;color:#FF0000;}
	
/*-------------------
	注意事項の表示
-------------------*/

.meisai-box {
	margin:10px auto;
	padding:8px 0px;
	background-color:#f1f1f1;
	border:solid #888888 1px;
	font-size:90%;
	text-align:center;
	}		

.meisai-box strong{
	color:#FF0000;
	}	


/**************  agreement.tpl  **************/	

#agreement {
	margin:10px 30px;
	text-align:left;
	}

#agreement dl dt{
	margin:5px 0px;
	font-weight: bold;
	}

/*-------------------
よくある質問と回答
-------------------*/

#faq-area {
	margin:10px 35px;
	}

#faq-area h2{
	padding:3px;
	border:solid #cccccc 1px;
	background-position:bottom;
	background-repeat:repeat-x;
	color:#FF0000;
	}

#faq-area h3{
	padding:3px 3px 3px 8px;
	border-bottom:solid #FFCC66 1px;
	border-left:solid #FF9900 5px;
	margin:10px 0px 15px 0px;
	font-weight: bold;
	text-align:left;
	}
	
#faq-area dl{
	text-align:left;
	font-size:85%;
	margin-left:10px;
	}

#faq-area dl dt{
	margin:5px 0px;
	border-bottom: solid #0066FF 1px;
	font-weight: bold;
	}

#faq-area dl dt span {
	font-size:110%;
	color:#FF3300;
	margin: 0px 8px 8px 0px ;
	}

#faq-area dl dd{
	margin:5px 0px 10px 0px;
	border-bottom: dashed #cccccc 1px;
	}

#faq-area dl dd span {
	font-size:110%;
	color:#0000FF;
	margin: 0px 8px 8px 0px ;
	font-weight: bold;
	}

/*-------------------
	お知らせの一覧
	info.tplで使用
-------------------*/

#info-area {
	width:90%;
	text-align:center;
	margin: 0px auto 8px auto ;
	}

#info-area h3 {
	text-align:left;
	border-bottom: 1px solid #FF9900;
	margin-bottom:5px;
	background:url('new-list.gif') no-repeat 5px 50%;; padding-left:25px; padding-right:0; padding-top:3px; padding-bottom:3px
	}

#info-area p {
	text-align:left;
	padding:8px;
	border-bottom: solid #dddddd 1px;
	margin-bottom:15px;
	}

#info-area ul {
	margin:10px;
	padding:0px ;
	text-align:left;
	list-style-image:url('../image/05.gif');
	}

#info-area ul li {
	margin-left:10px ;
	}

/**************  tebiki.tpl  **************/	

.tebiki-1 {
	width:550px;
	padding:5px 0 8px 75px;
	margin:8px 0;
	background:url(../image/tebiki-step1.gif) no-repeat left center;
	border-top: solid #dddddd 1px;
	border-bottom: solid #dddddd 1px;
	}

.tebiki-2 {
	width:550px;
	padding:8px 0 8px 75px;
	margin:8px 0;
	background:url(../image/tebiki-step2.gif) no-repeat left center;
	border-top: solid #dddddd 1px;
	border-bottom: solid #dddddd 1px;
	}

.tebiki-3 {
	width:550px;
	padding:8px 0 8px 75px;
	margin:8px 0;
	background:url(../image/tebiki-step3.gif) no-repeat left center;
	border-top: solid #dddddd 1px;
	border-bottom: solid #dddddd 1px;
	}

.tebiki-4 {
	width:550px;
	padding:8px 0 8px 75px;
	margin:8px 0;
	background: url(../image/tebiki-step4.gif) no-repeat left center;
	border-top: solid #dddddd 1px;
	border-bottom: solid #dddddd 1px;
	}

.tebiki-5 {
	width:550px;
	padding:8px 0 8px 75px;
	margin:8px 0;
	background:url(../image/tebiki-step5.gif) no-repeat left center;
	border-top: solid #dddddd 1px;
	border-bottom: solid #dddddd 1px;
	}
			
.tebiki-1 h2, .tebiki-2 h2, .tebiki-3 h2, .tebiki-4 h2, .tebiki-5 h2{
	text-align:center;
	color:#FF3300;
	padding-right:80px;
	}

.tebiki-1 p, .tebiki-2 p, .tebiki-3 p, .tebiki-4 p, .tebiki-5 p{
	padding:3px 5px;
	}

/**************  annai.tpl  **************/	

#annai-table {
	margin: 10px auto;
	font-size:90%;
	border-collapse:collapse;
	}

#annai-table th{
	border: solid #EFE6C2 1px;
	white-space: nowrap;
	padding: 1px;
	background:#EFFC98;
	}

#annai-table th.shisetsu-neme{
	border: solid #EFE6C2 1px;
	text-align:left;
	padding-left:10px;
	background:#F8FFD9;
	}

#annai-table td{
	border: solid #EFE6C2 1px;
	padding: 3px;
	background:#F8FFD9;
	}
#annai-table .shisetsu-neme{
	padding-left:1em;
	font-weight:bold;
}
#annai-table td.lft{
		text-align:center;
		}

/**************  UsrHenko.tpl  **************/	

#usrhenko-area {
	width:700px;
	margin:0px 20px;
	text-align:left;
	}

#usrhenko-area h3 {
	clear:left;
	text-align:left;
	padding: 8px 0;
	}
	
#usrhenko-area table {
	width:390px;
	padding:8px 0px;
	border:solid #ffcb4e 2px;
	border-collapse:collapse;
	font-size:90%;
	}

#usrhenko-area table th {
	width:104px;
	text-align:center;
	border-bottom: dashed #FF6600 1px;
	padding:3px;
	}

#usrhenko-area table td{
	width:274px;
	border-bottom: dashed #FF6600 1px;
	padding:3px;
	text-align:left;
	}

#usrhenko-area table.float-left {
	float:left;
	}

#usrhenko-area .usrhenko-right {
	width:290px;
	margin-left:20px;
	float:left;
	}

/**************  kensaku layout  **************/

.kensaku-bt {
	text-align:center;
	margin:10px 0 6px 0;
	}
	
.kensaku-bt img {
	margin-left:13px;
	}

/************** 2009 textlayout **************/

.textbox-left {
	margin: 0px 40px;
	text-align:left;
	font-size:90%;
	}

/************** 2011 datail.tpl  **************/

#datail {
	width:600px;
	margin: 0 auto;
	position:relative;
	}

/*
#datail .cancel-area{
	width:100px;
	position:absolute;
	top:10px;
	right:-100px;
	}
*/

#datail .cancel-area{
	width:100px;
	position:absolute;
	top:10px;
	right:-200px;
	}

/************** 2011 list.tpl  **************/

.prevpage {
	padding:8px 0 8px 0;
	}

.prevpage a.pv{
	border: 2px solid #dddddd;
	background:url('bg-gray3.gif') repeat-x top;; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px 
	}

.prevpage a.pv:hover{
	border: solid #ffcc00 2px;
	}

.prevpage span{
	border: 2px solid #ffcc00;
	background:url('bg-yellow2.gif') repeat-x top;; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
	}

#floatWindow{
    display:none;
    position:absolute;
    top:100px;
    margin:0 auto;
    left:0;
    right:0;
    width:330px;
    height:280px;
    background-color : #ffffff;
    border:5px solid #aaaaaa;
}
#floatWindow a.close{
    position:absolute;
    right:5px;
    top:9px;
}
#floatWindow a.close img{
    border:none;
}
#floatWindow dl{
    width:100%;
    height:100%;
    margin:0;
}
#floatWindow dl dt{
    height:32px;
    line-height:32px;
    /*text-indent:1em;*/
    padding-top : 3px;
    color:#333333;
    font-weight:bold;
    /*cursor:move;*/
    background-color : #ececec;
}
#floatWindow dl dd{
    margin:0;
    padding:2em;
    line-height:1.5;
    /*text-indent:1em;*/
}

#floatWindow dl dd table {
	width : 230px;
	margin :7px auto 26px;
}
#floatWindow dl dd table th {
	font-weight : normal;
	width : 40%;
}
#floatWindow dl dd table td {
	width : 60%;
}

/* 施設選択などのボタン基本 */
.btnInsutitutionSelect{
	min-width:300px;
	width:auto;
	height:50px;
	line-height:50px;
	text-align:center;
	border-radius:5px;
	position:relative;
	margin:2px;
	font-weight:bold;
	
	
}
.btnInsutitutionSelect-header{
	position:absolute;
	width:10px;
	height:90%;
	top:0;
	bottom:0;
	left:3px;
	margin: auto;
	border-radius:2px;
	
	
	
}
.btnInsutitutionSelect-body{
	white-space:nowrap;
	margin-left:15px;
	margin-right:15px;
}






		
/* 施設選択連絡ボタン */
.goNews:after{
	content:"連絡"
}
/* 施設選択案内ボタン */
.goGuide:after{
	content:"案内"
}
/************ 施設検索条件 ShisetuKensaku.asp ************/

.calYM, .selectCalYM{
	width:80%;
}
.calDaycell{
	width:14%;
	height:35px;
	padding-left:10px;
}
.searchCriteria{
	width:70%;
	margin-top:10px;
}
.searchCriteria th{
	width:auto;
	min-width:140px;
	max-width:250px;
	padding:10px 0 ;
}

.institutionSelectArea, .incidentalSelectArea{
	width:100%;
}
.institutionName, .incidentalName{
	width:50%;
	padding:2px 0;
	
}
.institutionName label:hover, .incidentalName label:hover
,.institutionName input:hover, .incidentalName input:hover{
	cursor:pointer;
}

/************ 施設検索結果 ShisetuKensakuDay.asp ************/
.reserveConditionTable{
	font-size:80%;
	margin:0 auto;
	border-collapse:collapse;
}
.reserveConditionTable th{
	padding:5px;
	border:solid #b0b0b0 1px;
}
.reserveConditionTable td{
	border:solid #b0b0b0 1px;
	padding:5px 5px 5px 5px;
	text-align:center;
}

/************ 予約状況照会 ScheduleInfo_View.asp ************/
/* 予約状況色サンプル */
.colorSample {
	width:18px;
}
.scheduleInfoViewTable{
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}
.scheduleInfoViewTable th, .scheduleInfoViewTable td{
	border:1px solid #b0b0b0;
}
.scheduleInfoViewLeft{
	width:27%;
}
.scheduleInfoViewLeft-day{
	width:55px;
}
.scheduleInfoViewLeft-weekday{
	width:25px;
	margin:0 auto;
}
.scheduleInfoViewLeft-division{
	width:165px;
}

.scheduleInfoViewRight{
	width:73%;
}

/* ************************* 申請かご ScheduleKago.asp ************************* */
.applicationBasket{
	border-collapse:collapse;
}
.applicationBasket td{
	border:solid #b0b0b0 1px;
	
}

/* ************************* 予約申請 SinseiMake.asp / 申請確認 SinseiKakunin.asp ************************* */
.applicationTable, .applicationChackTable{
	border-collapse:collapse;
	width:100%;
}
.applicationTable td, .applicationTable th,
.applicationChackTable td, .applicationChackTable th{
	border:solid #b0b0b0 1px;
	padding:2px;
}
@media only screen and (max-width: 800px) { 
	.statusAppTable { 
		display: block; 
		width: 100%; 
		margin: 0 -10px;
	}
	.statusAppTable thead{ 
		display: block; 
		float: left;
		overflow-x:scroll;
	}
	.statusAppTable tbody{ 
		display: block; 
		width: auto; 
		overflow-x: auto; 
		white-space: nowrap;
	}
	.statusAppTable th{ 
		display: block;
		width:auto;
		padding-left:15px;
		height:40px;
	}
	.statusAppTable tbody tr{ 
		display: inline-block; 
		margin: 0 -3px;
	}
	.statusAppTable td{ 
		display: block;
		height:40px;
	}
}
/* ウィンドウ幅が479〜679pxの場合に適用するCSS */
@media screen and (min-width:480px) and (max-width:679px)
{
	/************ 施設選択 ShisetuSentakuMenu.asp ************/
	/************ MyPage 利用者情報確認 EditUserInformation.asp ************/
	.button-areaList ul.responsive-floatNone, .button-areaList ul li.responsive-floatNone, .responsive-floatNone{
		float:none;
	}
}
/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:479px)
{
	/* 表示しない */
	.responsive-displayNone{
		display:none;
	}
	/* 背景色変更ボタン*/
	.responsive-backgroundColor{
		margin-bottom:10px;
	}
	.responsive-backgroundColor a{
		margin-right:5px;
	}
	/* 文字サイズ変更ボタン */
	.responsive-characterSize{
		display:none;
	}
	/* 戻る　ホームなどのボタン*/
	.button-areaList ul li {
		margin:5px;
	}
	/* 施設選択などのボタン 基本スタイルを上書き */
	.responsive-InsutitutionSelect{
		min-width:150px;
		font-size:0.8em;
	}
	.goNews:after{
		content:"連"
	}
	.goGuide:after{
		content:"案"
	}
	/************ 施設選択 ShisetuSentakuMenu.asp ************/
	.button-areaList ul.responsive-floatNone, .button-areaList ul li.responsive-floatNone{
		float:none;
	}
	/************ 施設検索条件 ShisetuKensaku.asp ************/
	.calDaycell{
		width:10%;
		padding-left:0px;
	}
	.searchCriteria th{
		min-width:100px;
	}
	.institutionName, .incidentalName{
		width:90%;
	}
	
	/************ 予約状況照会 ScheduleInfo_View.asp ************/
	/*
	.scheduleInfoViewLeft{
		width:50%;
		max-width:190px;
	}
	.scheduleInfoViewLeft-day{
		width:45px;
		font-size:0.8em;
	}
	.scheduleInfoViewLeft-weekday{
		width:25px;
		font-size:0.8em;
	}
	.scheduleInfoViewLeft-division{
		width:125px;
		font-size:0.8em;
	}
	.scheduleInfoViewRight{
		width:43%;
	}
	*/

}