*{margin:0; padding:0;
 line-height:150%;
 letter-spacing:0.05em;}

img {
  vertical-align:bottom
}


/* 入力部品設定 */
input[type="text"] {
	padding:3px 4px;
    vertical-align:middle;
}
input[type="email"] {
	padding:3px 4px;
    vertical-align:middle;
}
input[type="number"] {
	padding:3px 4px;
    vertical-align:middle;
}
textarea {
	padding:3px 4px;
    vertical-align:middle;
}

input[type="button"] {
	padding:3px 10px;
	vertical-align:middle;
	color: #ffffff;
    border-style: none;
    background-color:#0d84af;
    
    /* 角丸の指定 */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


input[type="submit"] {
	padding:3px 10px;
	vertical-align:middle;
	color: #ffffff;
    border-style: none;
    background-color:#0d84af;
    
    /* 角丸の指定 */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.screen-reader-text {
display: none;
}

.kakunin {
	border : none;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #6eb6cd;/*ボタン色*/
  color: #fff;
  border-radius: 3px;
  font-size : 24px;
box-shadow:2px 2px #3e506c;
}
.kakunin:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
.kakunin:hover {
	opacity : 0.7;
}

/* リンク 特定拡張子の時はアイコン追加 */
a[href$=".xls"]:before , a[href$=".xlsx"]:before {
  content: url(images/xls.png);
  padding-left:8px;
}
a[href$=".xls"]:after , a[href$=".xlsx"]:after {
  content: "(Microsoft Excel形式)";
}

a[href$=".doc"]:before , a[href$=".docx"]:before {
  content: url(images/doc.png);
  padding-left:8px;
}
a[href$=".doc"]:after , a[href$=".docx"]:after {
  content: "(Microsoft Word形式)";
}

a[href$=".pdf"]:before {
  content: url(images/pdf.png);
  padding-left:8px;
}
a[href$=".pdf"]:after {
  content: "(Adobe PDF形式)";
}

a[href$=".zip"]:before {
  content: url(images/zip.png);
  padding-left:8px;
}
a[href$=".zip"]:after {
  content: "(圧縮ファイル形式)";
}

a[href^="mailto:"]:after {
  content: url(images/mail.png);
  padding-left:2px;
}

/* ボタン風リンク */
a.button {
	display:inline-block;
	margin:7px 10px;
	text-align:center;
 	padding:10px 15px;
	text-decoration:none;
	vertical-align:middle;
	color: #ffffff;
    border-style: none;
    background-color:#111111;
    
    /* 角丸の指定 */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/* ボタン風リンク小 */
a.button_s {
	display:inline-block;
	margin:5px;
	text-align:center;
 	padding:3px 10px;
	text-decoration:none;
	vertical-align:middle;
	color: #ffffff;
    border-style: none;
    background-color:#0d84af;
    
    /* 角丸の指定 */
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* 段落 */
p{ margin:15px 10px;}

/* 各エリア設定 */
#header{
 margin:0px auto;
 text-align:center;
 background-color:#def2fd;
}
#head{
 width:960px;
 margin:0px auto;
 padding:4px 0px;
 text-align:left;
 font-size:75%;
}

#twrap{margin:0 auto;
text-align:center;

}
#title{
 width:960px;
 margin:0px auto;
 text-align:left;
}

#mwrap{
 margin:0 auto;
}
#mwrap2{
 margin:0 auto;
 text-align:center;
 background: url(images/t_bg.png) repeat-x;
}
#menu{
 width:960px;
 margin:0px auto;
 text-align:left;
}

#main{
 width:960px;
 margin:0px auto;
 text-align:left;
 padding:5px;
}

#top_left{
 float:left;
 width:320px;
}

#top_right{
 float:right;
 width:620px;
}

#top_b_box{
 display:block;
 margin:10px auto;
 width:620px;
 height:290px;
 background-image: url('images/top_b_bg.gif');
}
#top_b_box img{
 padding:0px;
 margin-left:10px;
 margin-top:17px;
}


.widget{
 text-align: center; 
 margin:10px auto;
}


#footer:before{
clear:both;}

#footer{
 float:left;
 width:100%;
 padding:10px 0px;
 text-align:center;
 font-size:90%;
}
#footer_top{
 width:960px;
 margin:10px auto 0px;
 text-align:right;
}
#footer hr{
 width:100%;
 border-top:solid 2px #def2fd;
 margin-bottom:10px;
 height:0px;
}


#main_1col_center{
 text-align:center;
}

#main_1col{
 text-align:left;
}


/* トップサイドコラム欄 */
.u_box{
 padding:5px;
 border-left:solid 1px #f08300;
 border-right:solid 1px #f08300;
 border-bottom:solid 1px #f08300;
 background-color:#fcf8d8;
}

.u_box ul li{
  list-style-image: url('images/icon_column.jpg');
  list-style-position:outside;
  margin:7px 5px 15px 40px;
  text-align: left; 
}


/* メニュー用タグ */
nav ul li {
  float: left;
  list-style-type: none; 
}
 
nav ul li a {
  display: block;
  width: 160px;
  height: 0;
  padding-top: 35px;
  overflow: hidden;
  background-image: url(images/menu.jpg);
}
.nav_emptyspace { background-position: 0px top; cursor:default;}
.nav_home { background-position: 800px top;}
.nav_what { background-position: 640px top;}
.nav_list { background-position: 480px top;}
.nav_address {  background-position: 320px top;}
.nav_member { background-position: 160px top;}
.nav_emptyspace:hover { background-position: 0px bottom;cursor:default;}
.nav_home:hover { background-position: 800px bottom;}
.nav_what:hover { background-position: 640px bottom;}
.nav_list:hover { background-position: 480px bottom;}
.nav_address:hover { background-position: 320px bottom;}
.nav_member:hover { background-position: 160px bottom;}
/* ここまで */

h2{
 font-size:110%;
 padding:12px 16px;
 color:#333333;
 border-left:solid 5px #fc0203;
}
#top_left h2{
 border-left:solid 5px #6668b5;
}

h3{
 font-size:105%;
 margin:5px auto;
 padding:8px 10px;
 color:#333333;
 border-left:solid 3px #034d74;
}

h4{
 margin:5px auto;
 padding:6px 15px;
 color:#333333;
}



/* お知らせ欄用 */
.news_date{
 display:inline;
 font-size:90%;
}
.news_mark{
 display:inline-block ;
 background-image:url('images/mark_new.png');
 width:32px;
 height:12px;
 margin-left:10px;
}
.news_title{
 font-size:110%;
 text-decoration:underline;
 margin:5px 0px 10px;
}
.news_comment{
 border-bottom:dashed 1px black;
 font-size:90%;
 padding-bottom:10px;
 margin-bottom:25px;
}

.news_title2{
 font-size:100%;
 text-decoration:underline;
 margin:2px 0px 3px;
}
.news_comment2{
 border-bottom:dashed 1px black;
 font-size:90%;
 margin:2px 0px 10px 3px;
}


/* 医院一覧用タグ */
.clinic_list{
 margin:3px auto;
 width:100%
} 
.clinic_list th { 
 padding:10px 0px;
 background: #def2fd;
 text-align:center;
 font-weight: normal;
 font-size:85%;
 font-weight:bold;
} 
.clinic_list td{
 text-align:left;
 font-size:90%;
 padding:10px 10px;
}
.clinic_list tr:nth-child(2n+1) { 
 background: #fcf8d8; 
}

/* リスト用タグ */
.linklist {
	margin:5px 0px 5px 60px;
	font-size:100%;
	list-style-type: square;
}

.linklist li{
	margin:7px 0px;
}

/* 数字リスト用タグ */
ol {
	margin:5px 0px 5px 60px;
	font-size:100%;
	list-style-type: decimal;
}

ol li{
	margin:7px 0px;
}

/* 休日診療表用（市松） */
.holiday_list{
 margin:20px auto;
} 
.holiday_list th { 
 padding:10px 0px;
 background: #def2fd;
 font-weight: normal;
 font-size:85%;
 font-weight:bold;
 text-align:center;
} 
.holiday_list td{
 font-size:90%;
 padding:8px;
 text-align:center;
}
.holiday_list tr:nth-child(4n+2) { 
 background: #fcf8d8; 
}
.holiday_list tr:nth-child(4n+3) { 
 background: #fcf8d8; 
}

.holiday_list tr:nth-child(4n) td:nth-child(4n+3){ 
 background: #fcf8d8; 
}
.holiday_list tr:nth-child(4n) td:nth-child(4n+4){ 
 background: #fcf8d8; 
}
.holiday_list tr:nth-child(4n+1) td:nth-child(4n+2){ 
 background: #fcf8d8; 
}

.holiday_list tr:nth-child(4n+2) td:nth-child(4n+3){ 
 background: #ffffff; 
}
.holiday_list tr:nth-child(4n+2) td:nth-child(4n+4){ 
 background: #ffffff; 
}
.holiday_list tr:nth-child(4n+3) td:nth-child(4n+2){ 
 background: #ffffff; 
}
/* 休日診療表用ここまで */


/* 会員ログイン画面用タグ */
.login {
 margin:80px 0px 80px 0px;
}
.login_button {
	width:111px;
	height:23px;
    padding:0;
    margin:4px 0px 0px 0px;
    background:none;
    border:0;
    font-size:0;
    line-height:0;
    overflow:visible;
    cursor:pointer;
}
.login table{
text-align:center;
margin:0px auto;
}
.login input{
  margin:2px 0px 8px 0px;
  padding:5px 10px;
  font-size:110%;
}


/* 会員用カレンダータグ */
#calender_box{
display:block;
margin:0px auto;
width:840px;
}
#calender_box h2{
 font-size:105%;
 margin:5px auto;
 padding:4px 7px;
 color:#333333;
 border-left:0px;
}


/* バナー画像用タグ */
.banner{
 border:solid 1px #5fb6e9;
 margin:5px auto;
}

/* 注釈用タグ */
.descript{
font-size:80%;
}
.descript img{
 margin:0px 2px;
}


/* フロート（２カラム） */
.float_left2{
display:block;
width:460px;
margin:5px 10px;
float:left;
}
/* フロート（３カラム） */
.float_left3{
width:300px;
margin:5px 10px;
float:left;
}

.right{
text-align:right;
}
.left{
text-align:left;
}
.center{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.aligncenter{
display: block;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.clear{
border-width:0px;
clear:both;
}

.small{
font-size:90%;
}

.bold{
font-weight:bold;
}

.wd15{width:15px;}
.wd30{width:30px;}
.wd60{width:60px;}
.wd120{width:120px;}
.wd180{width:180px;}
.wd210{width:210px;}
.wd240{width:240px;}
.wd300{width:300px;}
.wd360{width:360px;}
.wd480{width:480px;}
.wd600{width:600px;}
.wd720{width:720px;}
.wd840{width:wd840;}


		
.post ul{
	margin-left : 30px;
}


table.poster{
border-collapse : collapse;
border : 1px solid #000;
margin-bottom : 4em;
}
table.poster td{
border : 1px solid #000;
	vertical-align:top;
	text-align : center;
	padding:1em 0;
}
table.poster td img{
	margin-bottom : 5px;
}

table.hyogo{
border-collapse : collapse;
border : 1px solid #000;
margin-bottom : 4em;
}
table.hyogo td{
border : 1px solid #000;
	vertical-align:top;
	text-align : center;
	padding:1em 0;
	font-family:  serif;
	font-weight:bold;
}
.gold{background : #ffd700;padding:2px 2px}
.silver{background : #c9caca;padding:2px 2px}
.bronze{background : #8b4513;padding:2px 2px;color:#fff}

table.houmon{
	border-collapse : collapse;
	border : 1px solid #000;
	margin-bottom : 4em;
}
table.houmon th{
	border : 1px solid #000;
	vertical-align:top;
	text-align : left;
	padding:1em;
	background : #ccffff;
}

table.houmon td{
	border : 1px solid #000;
	vertical-align:top;
	text-align : left;
	padding:1em;
}