@charset "UTF-8";
/* jsghp2019_common.css
build:20190420
update:20190430
update:20190714
update:20190808
update:20190813
update:20190816
Copyright H.Hishida. All rights reserved. */

/*       1         2         3         4         5         6         7 *
  34567890123456789012345678901234567890123456789012345678901234567890 */
/* ▼▲△▽●○■□◆◇★☆↑↓←→ */ /* style="color:white;" */

/* html, body
 ------------------------------ */
html{
    background-color: #ede4db; /* JSGHP2015 #ede4db */ /* ブラウザ背景色を下まで伸ばす */
}
body{
  /* 背景画像の設定 */
    background-color: linen; /* linen #faf0e6 */ /* ブラウザ背景色 */
    background-image: url("../bgi.jpg"); /* ブラウザ背景画像 */
    background-repeat: no-repeat; /*     背景画像の繰り返し - なし */
    background-attachment: fixed; /*     背景画像位置 - 固定 */
    -moz-background-size: cover;
    background-size: cover; /*     縦横比は保持し、背景領域を完全に覆う最小サイズに設定 */

  /* 文字（フォント）の設定 */
    font-size: 80%;
    font-weight: normal;
    line-height: 1.5;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    -webkit-text-size-adjust: none; /* 横向きにしてもフォントサイズを維持 */
}
h1 {
  padding: 0.25rem 0;
  margin-left: -0.7rem; /* 20190818 */
}
h2 {
  padding: 0.25rem 0;
}
h3 {
  font-size: 1.2rem;
  font-weight: 600;
  padding-left: 0.4rem;
}
h5 {
  font-size: 1.0rem;
  font-weight: 600;
  padding-left: 0.25rem;
  padding-top: 1.0rem;
}
h6 {
  font-size: 0.8rem;
}
a, a:hover{
  text-decoration: none; /* リンクの下線を表示しない */
}
/* リストスタイルのクリア */
ul {
  list-style: none;
}
/*
ul li::before {
  content: "\200B";
}
*/

/* header
 ------------------------------ */
/* サイト名
 ------------------------------ */
#header, #site img, #header img{
  width: 100%;
/*  max-height: 50px;*/
}
#site img {
  opacity: 0.75;
}
#top_page #site img {
  opacity: 1;
}

/* main
 ------------------------------ */
h3{
  color: rgba(0, 0, 0, 0.7);
}

/* footer
 ------------------------------ */
footer{
  font-size:x-small;
  padding: 15px 0px 15px 0px;
  clear: left; /* 回り込みを解除 */
}
footer p{
  width: 100%;
  text-align: right;
}
/* copyright
 ------------------------------ */
/*
footer .copyright1::after{
  content: "1988-2019"
}
*/
footer .copyright2 {
  font-style: italic;
}
footer .copyright2::after{
  content: "Japanese Society of General Hospital Psychiatry"
}
/* search
 ------------------------------ */
.search-container {
	padding:10px 0;
}
dl.search1{
	position:relative;
	background-color:#fff;
	border:1px solid #aaa;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	-o-border-radius:16px;
	-ms-border-radius:16px;
	border-radius:16px;
	box-sizing:border-box; /* 内側border */
}
dl.search1 dt{
	margin-right:40px;
	padding:8px 0 8px 8px;
	height: 34px;
}
dl.search1 dt input{
	width:100%;
/*	height:24px; del 20190825 */
/*	line-height:24px;  */
	background:none;
	border:none;
	outline: 0; /* 20190825 */
	font-size: 12px;
}
dl.search1 dd{
	position:absolute;
	top:0;
	right:0;
}
dl.search1 dd button{
	display:block;
	padding:7px 12px;
	background:none;
	border:none;
	cursor: pointer;
}
dl.search1 dd button span{
	display:block;
	width:20px;
	height:20px;
	background:url('../img/search.png') no-repeat scroll -69px 0;
}

/* debug & Tips
 ------------------------------ */
.dev-border {border: 2px solid navy;}
.dev-bk-color {background-color: #ccc;}
.dev-bk-color1 {background-color: #fcc;}
.dev-bk-color2 {background-color: #cfc;}
.dev-bk-color3 {background-color: #ccf;}

.none {display: none !important;}
.hidden {visibility: hidden !important;}

.static   {position: static;}   /* 初期値はこれ。指定することはほとんどない */
.relative {position: relative;} /* 現在の位置を基準に相対的な位置を決める */
.absolute {position: absolute;} /* 親要素を基準に絶対的な位置を決める */
.fixed    {position: fixed;}    /* 画面のきまった位置に固定する */

.right {right: 0px;}
.top   {top: 0px;}
.left  {left: 0px;}
.bottom {bottom: 0px;}

.p15px {padding: 15px;}
.p025rem {padding: 0.25rem;}
.m15px {margin: 15px;}
.m025rem {margin: 0.25rem;}

/* Priority 0>1>2>･･･>9>99
 ------------------------------ */
.z-0 {z-index: 999;}
.z-1 {z-index: 90;}
.z-2 {z-index: 80;}
.z-3 {z-index: 70;}
.z-4 {z-index: 60;}
.z-5 {z-index: 50;}
.z-6 {z-index: 40;}
.z-7 {z-index: 30;}
.z-8 {z-index: 20;}
.z-9 {z-index: 10;}
.z-99 {z-index: 0;}

/* text color
 ------------------------------ */
.text-{color: ;}
.text-black{color: black;}   /* #000000 */
.text-gray{color: gray;}     /* #808080 */
.text-silver{color: silver;} /* #c0c0c0 */
.text-white{color: white;}   /* #ffffff */

.text-red{color: red;}       /* #ff0000 */
.text-green{color: green;}   /* #008000 */
.text-blue{color: blue;}     /* #0000ff */
.text-yellow{color: yellow;} /* #ffff00 */

.text-fuchsia{color: fuchsia;} /* #ff00ff */
.text-purple{color: purple;} /* #800080 */
.text-lime{color: lime;}     /* #00ff00 */
.text-navy{color: navy;}     /* #000080 */
.text-aqua{color: aqua;}     /* #00ffff */

.text-olive{color: olive;}   /* #808000 */
.text-teal{color: teal;}     /* #008080 */

/* http://www.tohoho-web.com/wwwcolor.htm */

/* background-color
 ------------------------------ */
.bg-{background-color: ;}
.bg-black{background-color: black;}
.bg-gray{background-color: gray;}
.bg-silver{background-color: silver;}
.bg-white{background-color: white;}

/* box size
 ------------------------------ */
.box-{width: ;height:;}
.box-s100{width: 100px;height: 100px;}
.box-s120{width: 120px;height: 120px;}
.box-s150{width: 150px;height: 150px;}
.box-s200{width: 200px;height: 200px;}
.box-s300{width: 300px;height: 300px;}
.box-s400{width: 400px;height: 400px;}
.box-200x100{width: 200px;height: 100px;}
.box-400x100{width: 400px;height: 100px;}
.box-400x200{width: 400px;height: 200px;}
.box-auto100{width: auto;height: 100px;}
.box-auto120{width: auto;height: 120px;}
.box-auto150{width: auto;height: 150px;}
.box-auto200{width: auto;height: 200px;}
.box-auto300{width: auto;height: 300px;}
.box-auto400{width: auto;height: 400px;}

/* etc.
 ------------------------------ */


/* jsghp2015 style
 ------------------------------ */
.jsghp-bk-transparent {background-color: transparent;}
.jsghp-bk-standard {background-color: #ede4db;}
.jsghp-bk-white {background-color: white;}
.jsghp-bk-green {background-color: #8dc440;}
.jsghp-bk-blue  {background-color: #2494B9;}
.jsghp-bk-pink  {background-color: #ff9999;}
.jsghp-bk-light_green {background-color: #f3f5c9;}
.jsghp-bk-light_blue  {background-color: #a1d7e2;}

.jsghp-text-standard {color: #3f3b3a;}
.jsghp-text-white {color: white;}
.jsghp-text-green {color: #8dc440;}
.jsghp-text-blue  {color: #2494b9;}
.jsghp-text-teal  {color: teal;}

/* jsghp2019 style
 ------------------------------ */


/* //End of page -------------- */