@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: #333333;                              /* 文字色 */
	text-align: center;                          /* テキストの行揃え*/
	font-size : 100%;                            /* フォントサイズ */
	line-height : 150%;
    height:100%;
    background : #ffffff url(./material/background.jpg) repeat-y center;
    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,ol{
	list-style-position : inside;
}

/* h1 */
h1{
	font-size : 0.1em;
	text-indent:-9999px;
	height:0px;}
	
b,strong{
	font-weight : bold;
}
table a{
	margin-left : 0px;
}

table{
	border-collapse : collapse;
}
/* テーブル全体 */
table.layout {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	padding : 0px;
	margin : 0px auto;
	margin-left : 10px;
	text-align : left ;
}
table.layout th{
	border-width: 0 1px 1px 0;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : left;
	padding : 5px;
	background : #ffd495;
}
table.layout td {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : left;
	padding : 5px;
}
table.layoutc {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	padding : 0px;
	margin : 0px auto;
	margin-left : 10px;
	text-align : center ;
}
table.layoutc th{
	border-width: 0 1px 1px 0;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : center;
	padding : 5px;
	background : #ffd495;
}
table.layoutc td {
	border-width: 1px;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : center;
	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.doctor {
	border: 0px; 
	border-collapse : collapse;
	margin-left:auto;
	margin-right:0px;
	font-size : 90%;
}
table.doctor th {
	border-bottom: 1px dashed #d4d9dc;
	margin : 0px ;
	padding : 5px 5px 0px 0px;
	text-align : left;
}
table.doctor td {
	border-bottom: 1px dashed #d4d9dc;
	margin : 0px ;
	padding : 5px 5px 0px 0px;
	text-align : left;
}

table.img {
	border: 0px; 
	border-collapse : collapse;
	margin-left:auto;
	margin-right:0px;
	font-size : 90%;
}
table.img td,th {
	border: 0px; 
	margin : 0px ;
	padding : 5px;
	text-align : center;
	font-size : 90%;
}
table.img td.textleft {
	border: 0px; 
	margin : 0px ;
	padding : 5px;
	text-align : left;
	font-size : 90%;
	vertical-align : top;
}

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


/* フォントサイズ */
#fontcontainer{
	text-align : center;
}
div#wrap ul#fontSize {
	*zoom: 1; /*forIE6,7*/
	width : 110px;
	text-align:center;
}
div#wrap ul#fontSize:after {
	content: "";
	display: block;
	clear: both; 
}
div#wrap ul#fontSize li {
	background-color: #fff;
	padding: 2px 6px 2px 6px;
	margin-right: 3px;
	float: right;
	font-size : 14px;
	font-weight : bold;
	border : 1px solid #b7c8d8;
	color : #838c9d;
	cursor: pointer;
	list-style-type : none;
	text-align:center;
	list-style-position : outside;
}
div#wrap ul#fontSize li:hover {
	background-color: #ccc;
}
div#wrap ul#fontSize li.active {
	background-color: #6c798a;
	color : #ffffff;
}
div#wrap ul#fontSize li.active:hover {
	background-color: #6c798a;
	color : #ffffff;
}


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

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

/* コンテンツ全体包括 */
#wrap {
	width : 1000px;
	border : 0px;
    height : 100%;
	margin : 0px auto;
	background : #ffffff;
}
body > #wrap {
    height: auto;
    min-height: 100%;
}
/* ヘッダーエリア */
#topimage_area{
	clear:both;
	width : 1000px;
	height : 380px;
	background : #ffffff url(./material/top.jpg) no-repeat top center;
}

#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(./material/titleback.jpg) repeat-x #ffffff;
}
#header_left{
	width : 380px;
	height : 80px;
	background : url(./material/logo.jpg) no-repeat;
	float : left;
}
#header_right{
	width : 500px;
	float : right;
}

/* ナビエリア */
#navi_area{
	clear : both;
	width: 1000px;
	height : 75px;;
	border-top : 2px solid #bac6d9;
	border-bottom : 2px solid #bac6d9;
	margin : 2px 0px 2px 0px;
	padding : 0px;
	background : url(./material/naviback.jpg) repeat-x;
}
#navi_container{
	width: 900px;
	margin:0px auto;
	padding : 0px;
}

#navi_container ul#menu-nav {
	list-style:none;
	margin: 0px;
	padding : 0px;
}
#navi_container ul li.menu-item {
	position: relative; /*z-indexの指定や子要素の基準とするために指定*/
	z-index: 1; /*ドロップダウンしたメニューが隠れないように*/
	float: left; /*親メニューは横1列に並べる*/
	margin: 0px;
	padding: 0px 0px 0px 2px;
	list-style:none;
	background : #1f5fa7;
	width : 125px;
}
#navi_container ul li.menu-item a{ 
	display: block;    /*要素の幅いっぱいにするために指定*/
	color: #fff;
	font-size: 12px;
	font-weight : bold;
	text-decoration: none;
	margin : 0px;
	padding: 0px 1px 0px 0px;
	display: inline-block; /* これ入れるとうまくいく */
}
/*マウスオーバー時等にメニューの色を変更*/
#navi_container ul li.menu-item a:hover,   /*マウスオーバー時*/
#navi_container ul li.current-menu-item a,     /*現在表示されているページのメニュー*/
#navi_container ul li.current-menu-parent a,  /*現在表示されているページの親のメニュー*/
#navi_container ul li.current-post-ancestor a {
	color: #fff;
    display: block;
}

#navi_container ul li.menu-item a:hover {
	background-color: #349fd3;  /*マウスオーバー時に背景色を変更*/
    display: block;
}

#navi_container ul li ul.sub-menu {
  display: none;  /*サブメニューは最初は非表示にしておく*/
  position: absolute;  /*絶対配置にしておかないとうまくいかない*/
  top: 75px;
  left: 0;
  border-top: 1px solid #EEE;  /*ボーダートップを指定*/
  width: 125px;
  margin : 0px;
  padding : 0px;
}
#navi_container ul li:hover ul.sub-menu {
  display: block;    /*マウスオーバー時にサブメニューを表示する*/
}
#navi_container ul li ul.sub-menu li{
	clear : both;
  float: none;  /*サブメニューはフロートさせないので解除*/
  padding: 0px;  /*親メニューのパディングを解除*/
  margin : 0px;
  border-top: 1px solid #1f5fa7; 
  list-style-position : outside;
  line-height : 1; /*IEバグ対策*/
}
#navi_container ul li ul.sub-menu li a {  
  border: 1px solid #eee;  /*ボーダーの指定*/
  border-top: none;  /*ボーダートップは重なって太くなるので解除。一番上は ul 要素に指定*/
  padding: 10px 5px;
  margin : 0px;
  background-color: #1f5fa7;
  color: #ffffff;
  text-align: left;
  line-height:120%;/*IEバグ対策*/
  display: block;
}
/*サブメニューで現在表示されているページのリンクの色を変更する*/
#navi_container ul li ul.sub-menu li.current-menu-item a {
  display: block;
}


/* メインエリア */
#main_area{
	clear : both;
	width : 900px;
	margin : 0px auto;
	margin-top : 10px;
	margin-bottom : 10px;
	padding-bottom: 300px;
}

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


#rinkendiv{
	width : 900px;
	text-align:left;
}
#rinkendiv .title{
	widht: 650px;
	height : 40px;
	text-align : left;
	background : url(./material/maintitleback.png) repeat-x;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#rinkendiv .title h2{
	padding : 5px 0px 0px 10px;
	font-size : 120%;
	font-weight:bold;
	color : #ffffff;
}

/* メイン右 */
#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;
}


/* フッター */
#footer_area{
	clear : both;
	width : 100%;
	position: relative;
	margin-top : -300px;
	height : 300px;
	padding-top : 10px;
	background : url(./material/footerback.jpg) #2166ae repeat-x;
}

#footer_title{
	width : 950px;
	height : 70px;
	margin : 0px auto;
	margin-top : 10px;
	text-align : left;
	background : url(./material/footertitle.jpg) #2166ae no-repeat;
}

#footer_container{
	width : 950px;
	margin : 0px auto;
	margin-top : 5px;
}

.footer_box{
	border : 0px;
	color : #ffffff;
	font-size : 12px;
	text-align:left;
	margin-left : 5px;
	padding : 3px;
	float:left;
}
.footer_box p.title{
	color : #fff;
	font-weight : bold;
}
.footer_box a{
	color : #fff;
	text-decoration : none;
}
.footer_box ul{
	margin-left : 0.5em;
	list-style-type : none;
	list-style-position: outside;
}
.footer_box li{
	line-height : 110%;
}


#footer_copy{
	clear : both;
	width : 900px;
	height : 17px;
	margin : 0px auto;
	background : url(./material/footercopy.jpg) #2166ae right no-repeat;
}


.pagetop {
	position: fixed;
	bottom: -40px;
	right: 50px;
}
.pagetop a {
	display: block;
	margin : 0px;
	padding : 0px;
	width: 60px;
	height: 40px;
	background-color: #333;
	border-radius: 8px 8px 0 0;
	text-align: center;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	line-height: 40px;
}

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

#topimage_area,
#navi_area,
#header_area,
#navi_container,
#topics_area,
#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 #topics_area,
* html #main_area
{height: 1%;}

#topimage_area,
#navi_area,
#header_area,
#navi_container,
#topics_area,
#main_area
{display: block;}
/* End hide from IE-mac */
/*------テーブル------- 縦上揃え横中央揃え<table class="center">で指定*/
table.center td{
	border-width: 0 1px 1px 0;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : center;
	padding: 2px;
	width: 80px;
    border:1px solid #ddd;
	font-size : 90%;
}

table.center th{
	border-width: 0 1px 1px 0;
	border-collapse : collapse;
	border-style : solid;
	border-color: #d4d9dc;
	text-align : center;
	padding : 2px;
	width: 80px;
	background : #ffd495;
	font-size : 90%;
}