@charset "utf-8";
/*
Theme Name: 高崎医療センターテンプレートテスト
Description: 高崎総合医療センターホームページレイアウトです。
Version: 1.0
Author: Reneil
Author URI: http://reneil.jp/
License: GNU General Public License
License URI: license.txt
Tags: green, Two-columns
*/
/*---------------------------------------
	スタイルシート
---------------------------------------*/

/*------------------------------------
	基本設定
------------------------------------*/

/* ブラウザによる差異をクリア */
* {
	margin : 0px;
	padding : 0px;
	font-style : normal;
	font-weight : normal;
	font-family : normal;
	text-decoration : none;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',  sans-serif;
}

/* メイン */
html{
	height : 100%;
	margin : 0px;
}

body {
	margin: 0px auto;                            /* 全体のマージン */
	padding : 0px;                               /* 全体のパディング */
	color: #000000;                              /* 文字色 */
	text-align: center;                          /* テキストの行揃え*/
	font-size : 100%;                            /* フォントサイズ */
	line-height : 150%;
    height:100%;
    word-wrap: break-word;
}

/* 全体リンク */
/* link:リンク色 visited:訪問済みリンク hover:カーソルが乗った時に変化色 active:クリック時のリンク色 */
a:link {
	text-decoration: underline;}
a:visited {
	text-decoration: underline;}
a:hover {
	text-decoration: underline;
	color: #333333;
	background: #a2d7dd;}
a:active {
	text-decoration: underline;
	color: #333333;
	background: #a2d7dd;}


/* 画像関係 */
img {
	border : 0px;
	vertical-align : middle;
}

/* リスト */
ul{
	list-style-position : inside;
}

/* h1 */
h1{
	font-size : 0.1em;
	text-indent:-9999px;
	height:0px;}

/* テーブル全体 */
table{
	text-align:left;
}
table.layout {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	caption-side : top;
	padding : 0px;
	margin : 0px;
	font-size: 90%;
	text-align : center ;
}
table.layout th{
	border-width: 0 1px 1px 0;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : center;
	background : #a2d7dd;
}
table.layout td {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : center;
	padding : 3px 1px;
}

table.yoyaku {
	width : 90%;
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	caption-side : top;
	padding : 0px;
	margin-top : 20px;
	font-size: 120%;
	text-align : left ;
}
table.yoyaku th{
	border : 1px solid #d4d9dc;
	border-color: #d4d9dc;
	text-align : center;
	background : #ffd495;
	font-weight : bold;
}
table.yoyaku th.sun{
	border-width: 0 1px 1px 0;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : center;
	background : #e6c0c0;
	color : red;
	font-weight : bold;
}
table.yoyaku td {
	width : 14%;
	border-left : 1px solid #d4d9dc;
	border-right : 1px solid #d4d9dc;
	border-bottom : 1px solid #d4d9dc;
	border-top : 0px;
	text-align : center;
}
table.yoyaku td.day {
	border-left : 1px solid #d4d9dc;
	border-right : 1px solid #d4d9dc;
	border-bottom : 0px;
	text-align : center;
	font-weight : bold;
	font-size : 18px;
}
table.yoyaku td.end {
	background : #cccccc;
}

table.yoyaku td a{
	display : block;
}


table.login {
	width : 98%;
	border : 1px solid #d4d9dc;
	border-collapse : collapse;
	text-align : center ;
}
table.login th{
	width : 30%;
	border : 1px solid #d4d9dc;
	text-align : center;
	background : #00608d;
	color : white;
	padding : 5px;
	font-weight : bold;
}
table.login td{
	border : 1px solid #d4d9dc;
	padding : 5px;
}

table.header {
	border: 0px;
	margin-left:auto;
	margin-right:0px;
	margin-top : 5px;
}
table.header td {
	border: 0px;
	margin : 0px ;
	padding : 5px 5px 0px 0px;
	text-align : right;
}
table.yoyakuform {
	border-collapse: separate;
	border-spacing: 5px 1px;
}
table.yoyakuform td.bw{
	background : #ffffff;
}
table.yoyakuform2 {
	border-collapse: separate;
	border-spacing: 5px 3px;
}
table.yoyakuform2 td.bw{
	background : #ffffff;
}

table.print {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #000000;
	padding : 0px;
	margin : 0px;
	font-size: medium;
	text-align : center ;
}
table.print th {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #000000;
	text-align : center;
	padding : 3px;
	font-size:18px;
}
table.print td {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #000000;
	text-align : left;
	padding : 3px;
	font-size:20px;
}
table.print td.noborder {
	border:0px;
}

/*　フォーム　*/
input {
	margin : 2px;
	padding : 3px;
}
input.button {
	border: 1px solid #000000;
	margin : 5px;
	padding : 5px 10px;
	background : #000000;
	color : #ffffff;
	font-weight : bold;
}

input.cal{
	width : 95%;
	height : 50px;
	border : 0px;
	background : #ffffff;
	color : #0000ff;
	font-size : 18px;
}
input.cal:hover{
	background : #a2d7dd;
}

select{
	padding : 3px;
		}


/* 個別フォント部分設定 */
.fc-green{
	color : #618e34;
	font-weight : bold;
}
.fc-red{
	color : red;
	font-size : 80%;
}

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

/* コンテンツ全体包括 */
#wrap {
	width : 1000px;
	border : 0px;
    height : 100%;
	margin : 0px auto;
	background : #ffffff;
}
body > #wrap {
    height: auto;
    min-height: 100%;
}

#header_area{
	border-left : 3px solid #dfeaf0;
	border-bottom : 3px solid #dfeaf0;
	border-right : 3px solid #dfeaf0;
	width : 900px;
	margin : 0px auto;
	background : #ffffff;
	border-radius: 0px 0px 10px 10px;		     /* CSS3草案 */
	-webkit-border-radius: 0px 0px 10px 10px;	 /* Safari,Google Chrome用 */
	-moz-border-radius: 0px 0px 10px 10px;	    /* Firefox用 */
	background : url(../../../../res/titleback.jpg) repeat-x #ffffff;
}
#header_left{
	width : 380px;
	height : 80px;
	background : url(../../../../res/logo.jpg) no-repeat;
	float : left;
}
#header_right{
	width : 500px;
	float : right;
}


/* ログイン */
#login{
	width : 500px;;
	margin : 0px auto;
	margin-top : 100px;
}

/* メニューエリア */
#menu_area{
	clear : both;
	width : 200px;
	margin : 0px;
	margin-top : 10px;
	margin-bottom : 10px;
	text-align:left;
}
#menu_area h2{
	font-size:18px;
	font-weight : bold;
	color : #00608d;
	margin-bottom : 10px;
	text-align:center;
}
#menu_area ul{
	margin : 0px;
	list-style : none;
}
#menu_area ul li{
	list-style : none;
	margin-bottom : 10px;
	padding : 0px;
	display : block;
	background : #0073a8;
}
#menu_area ul li a{
	margin : 0px;
	padding : 5px;
	padding-left : 10px;
	list-style : none;
	display : block;
	text-decoration : none;
	color : #ffffff;
	font-weight : bold;
	font-size 14px;
}
#menu_area input.menu{
	width : 190px;
	margin : 0px;
	margin-bottom:10px;
	padding : 10px 5px;
	display : block;
	background : #0073a8;
	border:0px;
	color : #ffffff;
	font-weight : bold;
	text-align:left;
	font-size:16px;
}

#menu_area input.menu:hover{
	background : #a2d7dd;
}

#menu_area input.menu01{
	width : 190px;
	margin : 0px;
	margin-bottom:10px;
	padding : 10px 5px;
	display : block;
	background : #5a4498;
	border:0px;
	color : #ffffff;
	font-weight : bold;
	text-align:left;
	font-size:16px;
}

#menu_area input.menu01:hover{
	background : #8d93c8;
}

/* メインエリア */
#main_area{
	clear : both;
	width : 95%;
	margin : 0px auto;
	margin-top : 10px;
	margin-bottom : 10px;
}
#main_area h2{
	color : #00608d;
}

/* メイン左 */
#main_left{
	width: 650px;
	float : left;
}

/* メイン右 */
#main_right{
	width: 230px;
	float : right;
}

.right_box{
	width: 224px;
	border : 1px solid #999999;
	text-align : left;
	margin-bottom : 10px;
	font-size: 90%;
}
.right_box_kamoku{
	margin : 0px auto;
	width: 226px;
	border-right : 2px solid orange;
	border-left : 2px solid orange;
	border-bottom : 2px solid orange;
	background : #ffffff;
}
.right_box p,a{
	margin : 5px;
}
.right_box_kamoku a{
	margin : 0px;
}
.right_box_nb{
	width: 228px;
	text-align : center;
	margin-bottom : 10px;
	font-size: 90%;
}
.right_box_nb a{
	margin : 0px;
}

/* メイン */
#main_text{
	margin : 0px auto;
	padding: 5px;
	background : #f7f6f5;
}
#main_form{
	margin : 0px auto;
	padding: 5px;
	background : #95b3d7;
}
.main_text_output{
	border : 1px solid black;
	margin : 0px auto;
	margin-top:20px;
	padding: 5px 5px 20px 5px;
	background : #ffffff;
	font-size:120%;
}

.irai_container{
	width : 97%;
	margin : 0px auto;
	margin-top:10px;
}
.irai_left{
	width : 50%;
	border : 1px solid black;
	padding : 10px;
	float : left;
}
.irai_right{
	width : 30%;
	border : 1px solid black;
	padding : 10px;
	float : right;
}

.print_left{
	width : 40%;
	border : 0px;
	padding : 10px;
	float : left;
}
.print_right{
	width : 40%;
	border : 0px;
	padding : 10px;
	float : right;
}

.btitle{
	font-weight : bold;
	text-align : left;
}

.form_box{
	clear : both;
	width : 95%;
	border : 1px solid black;
	margin : 0px auto;
	padding : 10px;
	margin-top:20px;
	text-align : left;
}

.ex{
	font-size:12px;
}

#info_area{
	width : 700px;
	margin : 0px auto;
	margin-top:30px;
}

#info_area h2{
	color : #00608d;
	text-align:center;
	margin-bottom : 20px;
}

#info_area li{
	text-align:left;
}

.mode-hira{
	ime-mode: active;
	}
.mode-num{
	ime-mode: disabled;
	}


/* クリア */
#topimage_area:after,
#header_area:after,
#navi_area:after,
#navi_container:after,
.irai_container:after,
#main_area:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#topimage_area,
#navi_area,
#header_area,
#navi_container,
.irai_container,
#main_area
{display: inline-table; _height: 1%;}
/* \*/	display: block; /* */

/* Hides from IE-mac \*/
* html #topimage_area,
* html #navi_area,
* html #header_area,
* html #navi_container,
* html .irai_container,
* html #main_area
{height: 1%;}

#topimage_area,
#navi_area,
#header_area,
#navi_container,
.irai_container,
#main_area
{display: block;}
/* End hide from IE-mac */