@charset "utf-8";
/* 
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
スマホ固有のスタイル
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
・スタイル初期値
・ページレイアウト
・基本ボックス
・ヘッダー
・フッター
・メニュー
・メインエリア
・汎用スタイル
 */
@media screen and (max-width: 640px) {
/* =========================================================
スタイル初期値
========================================================= */
body {
    font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", ArialMT,  メイリオ, sans-serif;  
    font-size: 12px;  
    line-height: 1.5;  
    -webkit-text-size-adjust: none; 
}
img {
	border: 0;
	vertical-align: bottom;
}
p {
	margin: 3px;
	line-height: 1.5;
	word-break: keep-all;
}
a {  
    -webkit-tap-highlight-color: rgba(200,200,555,.6);  
}  
/* =========================================================
スマホ非表示情報
========================================================= */
#header-nav, #visual, #special, #used-menu, #haika #main-menubg ,#english #main-menubg ,#form #main-menubg , .box_inner{
	display: none;
}
header #logo img, #top #sidebar img {
	display: none;
}
#sidebar #side-title, #sub-menu .sub-nav p, .side-bottom, .bottom, #top header #back-btn {
	display: none;
}
/* =========================================================
ページレイアウト
========================================================= */

body {
	padding: 0;
	margin: 0;
	clear: both;
	line-height: 1.5;
	font-size: 90%;
	width: 100%;
	color: #4E4E4E;
}
/* =========================================================
基本ボックス
========================================================= */
#container {
	width: 100%;
	overflow: hidden;
}
#contents {
	width: 100%;
	text-align: left;
	clear: both;
	margin: 0 auto;
}
#contents #sidebar {
	width: 100%;
}
#haika #sidebar {
	border-top: 1px solid #6D9275;
	border-bottom: 1px solid #6D9275;
	background: #B5D2BC;
	padding: 5px;
	margin-top: 10px;
}
#contents #main {
	width: 98%;
	margin: 0 auto 10px;
}
/* =========================================================
ヘッダー
========================================================= */
#headerbg {
	position: relative;
}
#top header ,
#haika header ,
#english header ,
#sitemap header  {
	border-top: 4px solid #115424;
 	margin: 0;
	width: 100%;
	position: relative;
}
/* サイトロゴ
--------------------------------------------------------- */
header #logo {
	padding: 0;
	position: relative;
	height: 50px;
	width: 100%;
	background: url(../img/img_logo.png) no-repeat left top, -moz-linear-gradient(rgba(255,255,255,1)80%, rgba(204,204,204,1));
	background: url(../img/img_logo.png) no-repeat left top, -webkit-gradient(linear, 100% 80%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(204,204,204,1)));
	background-size: 240px auto, auto auto;
}

header #logo a {
	text-indent: -9999px;
	display:block;
}


/* 戻るボタン
--------------------------------------------------------- */
#haika header #back-btn,
#english header #back-btn,
#sitemap header #back-btn ,
#form header #back-btn {
	position: absolute;
	top: 5px;
	right: 10px;
	width: 62px;
	height: 31px;
	background: url(../img/btn_back.png) no-repeat top right;
	background-size: auto 31px;
	text-indent: -9999px;
}
#haika header #back-btn a ,
#english header #back-btn a ,
#sitemap header #back-btn a ,
#form header #back-btn a {
	display: block;
}
/* 薬剤師研修支援システムボタン
--------------------------------------------------------- */
header #system {
	position: relative;
}
header #system a {
	width: 75%;
	margin: 15px auto;
	color: #1B7034;
	background: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	text-decoration: none;
	border: 1px solid #84AA93;
	padding: 10px;
	border-radius: 5px;
	background: url(../img/btn_sien.png) no-repeat center left, -moz-linear-gradient(rgba(255,255,255,1), rgba(223,233,226,1));
	background: url(../img/btn_sien.png) no-repeat center left, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(223,233,226,1)));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
	background-size: 15px auto, auto auto;
}
header #system a.active {
	background: #ffffff;
}
/* 検索
--------------------------------------------------------- */
header #cse-search-form {
	position: relative;
	text-align: center;
	width: 90%;
	margin: 10px auto;
}
   
header #cse-search-form input.gsc-input ,
header #cse-search-form .gsc-input-box,
header #cse-search-form .gsc-input-box-hover,
header #cse-search-form .gsc-input-box-focus {
    border-color: #206031;
	padding: 5px 0;
}

header #cse-search-form input.gsc-search-button,
header #cse-search-form input.gsc-search-button:hover,
header #cse-search-form input.gsc-search-button:focus {
    border-color: #206031;
    background-color: #206031;
    background-image: none;
    filter: none;
	margin:0;
}
/* =========================================================
フッター
========================================================= */
#footerbg {
	overflow: hidden;
}
footer {
	width: 100%;
	overflow: hidden;
}
#footerbg .header-menu {
	background: #EDF4EE;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	text-align: center;
	overflow: hidden;
}

#footerbg .header-menu li {
	display: inline;
	background: url(../img/i_arrow_right.gif) no-repeat left 3px;
	background-size: 9px auto;
	padding-left: 5px;
}

footer #footer-menu {
	color: #FFF;
	background: #DFDFDF;
	overflow: hidden;
	padding: 5px 20px;
}
footer #footer-menu li {
	color: #000;
	float: left;
}
footer #footer-menu li a {
	color: #000;
}
footer #copyright {
	font-size: 70%;
	padding: 5px;
	text-align: center;
	color: #FFF;
	background: #155727;
}
/* =========================================================
メニュー
========================================================= */
/* メインメニュー
--------------------------------------------------------- */
#main-menu {
	width: 100%;
	clear: both;
	padding: 12px 8px;
	margin: 5px 0;
	background: -moz-linear-gradient(top, #528B62, #145627);
	background: -webkit-gradient(linear, left top, left bottom, from(#528B62), to(#145627));
}
#global-nav {
	font-size: 1.2em;
}
#global-nav li {
	width: 90%;
	background: #ffffff;
	border: 1px solid #999999;
	padding: 10px 0 10px 20px;
	border-radius: 5px;
	background: url(../img/btn_meinmenu.png) no-repeat right center, -moz-linear-gradient(rgba(255,255,255,1)30%, rgba(225,225,225,1));
	background: url(../img/btn_meinmenu.png) no-repeat right center, -webkit-gradient(linear, 100% 30%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(225,225,225,1)));
	background-size : 33px auto, auto auto;
}
#main-menu #global-nav li a {
	display:block;
	text-decoration: none;
	font-size: 120%;
	font-weight: bold;
	color: #1B7034;
}
/* サブメニュー
--------------------------------------------------------- */
#sub-menu {
	width: 100%;
	clear: both;
	padding: 5px;
	margin: 5px 0;
	background: -moz-linear-gradient(top, #528B62, #145627);
	background: -webkit-gradient(linear, left top, left bottom, from(#528B62), to(#145627));
}
#sub-menu h2 {
	margin: 5px 10px 5px 0;
	padding: 10px 50px;
	border-radius: 5px;
	font-size: 120%;
	background: url(../img/bunrui_bg_off.png) no-repeat center left, -moz-linear-gradient(rgba(255,255,255,1), rgba(223,233,226,1));
	background: url(../img/bunrui_bg_off.png) no-repeat center left, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(223,233,226,1)));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
	background-size: 39px auto, auto auto;
}
#sub-menu h2.active {
	background: url(../img/bunrui_bg_on.png) no-repeat center left, -moz-linear-gradient(rgba(255,255,255,1), rgba(223,233,226,1));
	background: url(../img/bunrui_bg_on.png) no-repeat center left, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(223,233,226,1)));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
	background-size: 39px auto, auto auto;
}
#sub-menu .sub-nav {
	display: none;
}
#container #sub-menu .sub-nav li {
	border: 1px solid #1D7136;
	background: #E9F7DB;
	margin-right: 10px;
}
#container #sub-menu .sub-nav li a {
	border-left: 10px solid #BDE5C1;
	padding: 7px 0 7px 10px;
	color: #000;
}
#container #sub-menu .sub-nav li.active a {
	color: #52A9EE;
}
#sub-menu .sub-nav p {
	color: #BDDDC0;
	padding: 0;
	margin: 0 6px;
	font-size: 140%;
}
#sub-menu .sub-nav a {
	display: block;
}
/* サイドメニュー
--------------------------------------------------------- */
#sidebar .side-menu {
	margin-right: 10px;
}
#sidebar .side-menu h1 {
	background: #ffffff;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	display: block;
	border: 1px solid #034D17;
	padding: 10px 0 10px 30px;
	background: url(../img/sitamenu_level1_bg_off.png) no-repeat left center, -moz-linear-gradient(top, #A0C0AA, #679B77 2%, #306742 70%);
	background: url(../img/sitamenu_level1_bg_off.png) no-repeat left center, -webkit-gradient(linear, center top, center bottom, from(#A0C0AA), color-stop(0.03, #679B77), to(#306742));
	background-size: 26px auto, auto auto;
}
#sidebar .side-menu h1.active {
	background: url(../img/sitamenu_level1_bg_on.png) no-repeat left center, -moz-linear-gradient(top, #A0C0AA, #679B77 2%, #306742 70%);
	background: url(../img/sitamenu_level1_bg_on.png) no-repeat left center, -webkit-gradient(linear, center top, center bottom, from(#A0C0AA), color-stop(0.03, #679B77), to(#306742));
	background-size: 26px auto, auto auto;
}
#sidebar .side-menu h2 {
	color: #000;
	padding: 8px 0 8px 45px;
	font-size: 100%;
	display: block;
	border: 1px solid #6F9277;
	background: url(../img/sitamenu_lsitamenu_level2_bg_off.gif) no-repeat left center, -moz-linear-gradient(rgba(238,246,240,1), rgba(202,226,210,0.5));
	background: url(../img/sitamenu_lsitamenu_level2_bg_off.gif) no-repeat left center, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(238,246,240,1)), to(rgba(202,226,210,0.5)));
	background-size: 40px auto, auto auto;
}
#contents #sidebar .side-menu h2.active {
	background: url(../img/sitamenu_level2_bg_on.gif) no-repeat left top, -moz-linear-gradient(rgba(238,246,240,1), rgba(202,226,210,0.5));
	background: url(../img/sitamenu_level2_bg_on.gif) no-repeat left top, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(238,246,240,1)), to(rgba(202,226,210,0.5)));
	background-size: 40px auto, auto auto;
}
#contents #sidebar .side-menu h2.no-child {
	background: url(../img/sitamenu_level2_bg_none.gif) no-repeat left top, -moz-linear-gradient(rgba(238,246,240,1), rgba(202,226,210,0.5));
	background: url(../img/sitamenu_level2_bg_none.gif) no-repeat left top, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(238,246,240,1)), to(rgba(202,226,210,0.5)));
	background-size: 40px 150%, auto auto;
}
#contents #sidebar .side-menu h2.active a, #contents #sidebar .side-menu h2.no-link.active a {
	color: #2375D8;
}
#contents #sidebar .side-menu h2 a {
	padding: 0;
	color: #2375D8;
	display:block;
}
/* サイドメニューのレベル2、レベル3
--------------------------------------------------------- */
#contents .side-menu .list a {
	display: block;
}
/* ----- 1階層目 ----- */
#contents .side-menu .list .lev1 a {
	margin-right: 1px;
	padding: 7px 0 7px 15px;
	background: #E9F7DB url(../img/sitamenu_level3_bg.png) no-repeat top left;
	background-size: 11px auto;
	color: #000;
}
/* ----- 2階層目 ----- */
#contents .side-menu .list .lev2 a {
	margin-right: 1px;
	padding: 5px 0 5px 18px;
	background: #FFF url(../img/sitamenu_level4_bg.png) no-repeat 7px center;
	background-size: 8px auto;
	color: #000;
}
/* リンク設定と現在地のアクティブ化
--------------------------------------------------------- */
#contents .side-menu .list a:hover, #contents .side-menu .list a:active, #contents .side-menu .list .active a {
	color: #2A94E6;
}
/* =========================================================
メインエリア
========================================================= */
/* 見出し
--------------------------------------------------------- */
#main h1 {
	border: 3px solid #3C704D;
	background: -moz-linear-gradient(rgba(229,239,231,1), rgba(165,200,174,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(229,239,231,1)), to(rgba(165,200,174,1)));
	padding: 10px;
	font-size: 140%;
}
#main h2 {
	font-size: 120%;
	background: url(../img/h2_bg.png) no-repeat left center, -moz-linear-gradient(rgba(255,255,255,1)30%, rgba(225,225,225,1));
	background: url(../img/h2_bg.png) no-repeat left center, -webkit-gradient(linear, 100% 30%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(225,225,225,1)));
	background-size: 17px auto, auto auto;
	border: 1px solid #999999;
	padding: 5px 0 5px 20px;
	margin: 2px 0;
}
#main h3 {
	background: url(../img/h3_bg.gif) no-repeat 5px 5px;
	background-size: 7px auto;
	text-indent: 20px;
	z-index: 1;
	margin: 10px 0;
}
#main h3:after {
	z-index: 10;
	content: "";
	display: block;
	height: 2px;
	background: -moz-linear-gradient(bottom, #528B62, #145627);
	background: -webkit-gradient(linear, left top, right bottom, from(#145627), to(rgba(229,239,231,1)));
}
#main h4 {
	font-weight: bold;
	background: #E7EFEA url(../img/h4_bg.png) no-repeat 5px 5px;
	background-size: 3px auto;
	text-indent: 20px;
	color: #024013;
	padding: 3px 0;
}
#main h5 {
	background: url(../img/h5_bg.png) no-repeat 2px 5px;
	background-size: 13px auto;
	padding-left: 20px;
	color: #024013;
	margin-top: 10px;
}
#main h6 {
	font-size: 90%;
	background: #2A5F39 url(../img/kanren_bg.png) no-repeat left center;
	background-size: 39px auto;
	text-indent: 45px;
	padding-top: 3px;
	color: #fff;
}
#contents #main p.sub-head {
	font-size: 90%;
	font-weight: bold;
	padding-left: 20px;
	color: #024013;
}
/* 注意、ポイント、補足情報
--------------------------------------------------------- */
#contents #main .caution-title {
	background: #EEDFE3 url(../img/caution_bg.gif) no-repeat left top;
	background-size: 78px auto;
	border-color: #BB7B8B;
}
#contents #main .point-title {
	background: #D1E9D3 url(../img/point_bg.gif) no-repeat left top;
	background-size: 100px auto;
	border-color: #98CFA0;
}
#contents #main .supplement-title {
	background: #D8DADC url(../img/supplement_bg.gif) no-repeat left top;
	background-size: 100px auto;
	border-color: #BCBCBC;
}
#contents #main .caution-title, #contents #main .point-title, #contents #main .supplement-title {
	margin:0;
	padding-bottom: 15px;
	border-width: 2px 1px 0px 1px;
	border-style: solid;
	text-indent: -9999px;
	margin-top: 5px;
}
#contents #main .caution {
	border: #BB7B8B 1px solid;
}
#contents #main .caution:before {
	border: #EEDFE3 5px solid;
}
#contents #main .point {
	border: #98CFA0 1px solid;
}
#contents #main .point:before {
	border: #D1E9D3 5px solid;
}
#contents #main .supplement {
	border: #BCBCBC 1px solid;
}
#contents #main .supplement:before {
	border: #D8DADC 5px solid;
}
#contents #main .caution, #contents #main .point, #contents #main .supplement {
	border-top: none;
	position: relative;
	z-index: 10;
	padding: 10px 5px;
}
#contents #main .caution:before, #contents #main .point:before, #contents #main .supplement:before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: none;
}
#contents #main .caution p, #contents #main .point p, #contents #main .supplement p {
	margin-left: 10px;
}
#contents #main .caution ul li {
	background: url(../img/i_kajyo_caution.gif) no-repeat left 10px;
	background-size: 8px auto;
	margin-left: 10px;
	padding-left: 15px;
	list-style: none;
}
#contents #main .point ul li {
	background: url(../img/i_kajyo_point.gif) no-repeat left 10px;
	background-size: 8px auto;
	margin-left: 10px;
	padding-left: 15px;
	list-style: none;
}
#contents #main .supplement ul li {
	background: url(../img/i_kajyo_supplement.gif) no-repeat left 10px;
	background-size: 8px auto;
	margin-left: 10px;
	padding-left: 15px;
	list-style: none;
}
/* このページのトップへ
--------------------------------------------------------- */
#contents .top-of-page {
	background: #DEDEDE;
	border-top: 1px solid #B3B3B3;
	text-align: right;
	font-size: 90%;
	padding: 5px;
	margin-top: 20px;
	overflow: hidden;
}
#contents .top-of-page li {
	float: right;
	background: url(../img/i_arrow_up.gif) no-repeat left 5px;
	background-size: 9px auto;
}
#container #contents .top-of-page li a {
	margin-left: 10px;
	color: #000;
}
/* =========================================================
汎用クラス
========================================================= */

/* 段落（本文）
--------------------------------------------------------- */
#contents #main p {
	margin: 0 5px;
	color: #261F1C;
}
#contents #main p.lev1 {
	margin-left: 20px;
}
#contents #main p.lev2 {
	margin-left: 30px;
}
#contents #main p.lev3 {
	margin-left: 40px;
}
/* 汎用の書式
--------------------------------------------------------- */
/* ----- 強調（赤字） ----- */
#contents em {
	color: #A8244B;
	font-style: normal;
}
/* ----- 小文字 ----- */
#contents .small {
	font-size: 80%;
}
/* ----- 中央揃え ----- */
#contents .center {
	text-align: center;
}
#contents #main .center table {
	text-align: left;
	margin: 10px auto;
}
/* ----- 右寄せ ----- */
#contents .right {
	text-align: right;
}
/* ----- 左寄せ ----- */
#contents .left {
	text-align: left;
}
/* 箇条書き
--------------------------------------------------------- */
/* ----- 標準の箇条書き ----- */
#contents #main ul {
	margin: 0;
	padding:0;
}

#contents #main li {
	background: url(../img/i_arrow_right.gif) no-repeat left 10px;
	background-size: 9px auto;
	list-style:none;
	margin-left: 5px;
	padding-left: 5px;
	padding: 5px 10px;
}
#contents #top-main li {
	background: url(../img/i_arrow_right.gif) no-repeat left 5px;
}

/* ----- 箇条書き(大） ----- */
#contents #main ul.large-list li {
	background: url(../img/i_kajyo_large.png) no-repeat left 8px;
	background-size: 13px auto;
	margin-left: 10px;
	padding-left: 15px;
}
/* ----- 箇条書き(小） ----- */
#contents #main ul.small-list li {
	background: url(../img/i_kajyo_small.png) no-repeat left 10px;
	background-size: 8px auto;
	margin-left: 30px;
}
/* ----- テーブル内の箇条書き ----- */
#contents #main table ul {
	margin: 10px 0;
}
#contents #main table li {
	background: url(../img/i_arrow_right.gif) no-repeat left 7px;
	margin-left: 8px;
	font-size: 100%;
}
/* 定義リスト
--------------------------------------------------------- */
#contents #main dl {
	padding: 5px;
	font-size: 90%;
}
#contents #main dt {
	color: #2D683D;
	font-weight: bold;
	padding: 2px 0;
}
#contents #main dd {
	background: url(../img/i_arrow_right.gif) no-repeat left 5px;
	background-size: 9px auto;
	border-bottom: 1px solid #D7D7D7;
	padding-left: 15px;
}
/* ボックス
--------------------------------------------------------- */
#contents #main .main-box {
	width: 100%;
}
#contents #main .right-box {
	width: 100%;
}
#contents #main .left-box {
	width: 100%;
}
/* リンク
--------------------------------------------------------- */
#top-main a, #sidebar .news a, #main a, #footerbg .header-menu li a {
	color: #0582E7;
	padding-left:5px;
}
body a:active {
	color: #FBE3CE;
}
/* テーブル
--------------------------------------------------------- */
#contents #main table {
	border: 1px solid #3C6447;
	border-collapse: collapse;
	margin: 5px 0;
	font-size: 65%;
	width: 98%;
}
#contents #main th {
	border: 1px solid #3C6447;
	background: #B2D0BA;
	color: #01300E;
	padding: 5px;
	line-height: 1.2;
}
#contents #main th p {
	color: #01300E;
}
#contents #main td {
	border: 1px solid #3C6447;
	padding: 5px;
	line-height: 1.5;
}
/* ----- 余白がゆったりしている表 ----- */

#contents #main .enough-space th, #contents #main .enough-space td {
	padding: 7px 25px;
	text-align: center;
}
/* 画像
--------------------------------------------------------- */
.image-large{
	width: 90%;
}

.image-line1 {
	border:dotted 2px #4B4B4B;
}

.image-line2 {
	border:solid 1px #4B4B4B;
}

/* =========================================================
トップページ
========================================================= */
/* メイン
--------------------------------------------------------- */
#top-main h1 {
	font-size: 130%;
	background: #EBF3ED;
	border: 1px solid #3B714A;
	border-left: 4px solid #3B714A;
	padding: 10px;
	position: relative;
}
#top-main h1 a  {
　font-size: 90%;
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 80%;
  width :35px;
  color:#494949;
  display:block;
  text-decoration:none;
  border:1px solid #939393;
  padding: 5px 20px;
  border-radius:10px;
  background:url(../img/btn_ichiran.png) no-repeat left center,-moz-linear-gradient(rgba(255,255,255,1), rgba(206,206,206,1));
  background:url(../img/btn_ichiran.png) no-repeat left center,-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(206,206,206,1)));
  background-size: 14px auto, auto auto;
  box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}

#top-main h2 {
	color: #024E16;
	background-color: #A3C5AD;
	background: url(../img/h2_bg.png) no-repeat 5px 5px, -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #A3C5AD), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #A3C5AD), color-stop(.75, #A3C5AD), color-stop(.75, transparent), to(transparent));
	-webkit-background-size: 3% auto, 3px 3px;
	padding: 5px 0 5px 20px;
	position:relative;
}
#contents #top-main dl {
	padding: 5px;
	font-size: 90%;
}
#contents #top-main dt {
	color: #2D683D;
	font-weight: bold;
	padding: 2px 0;
}
#contents #top-main dd {
	background: url(../img/i_arrow_right.gif) no-repeat left 5px;
	background-size: 9px auto;
	border-bottom: 1px solid #D7D7D7;
	padding-left: 15px;
}
#contents #top-main .top-about li, #contents #sidebar .news li {
	text-align: right;
	font-size: 90%;
	margin: 5px;
}
/*
サイド
----------------------------------------------------------*/
/* ----- センターニュース----- */
#contents #sidebar .news {
	color: #282828;
	font-size: 120%;
	border: 3px solid #A2C4AA;
	background: -moz-linear-gradient(rgba(229,239,231,1), rgba(255,255,255,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(229,239,231,1)), to(rgba(255,255,255,1)));
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 10px;
}
#contents #sidebar .news h2 {
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #B3CFBA;
}
#contents #sidebar .news h3 {
	font-weight: bold;
	color: #1E6531;
	padding: 3px 5px;
}
#contents #sidebar .news p {
	font-size: 80%;
}
#contents #sidebar .news li {
	margin-left:auto;
	font-size: 80%;
}
#contents #sidebar .news li a {
	background: url(../img/i_arrow_right.gif) no-repeat left 5px;
	padding-left: 10px;
	background-size: 8px auto;
}
#sidebar .bannar, #sidebar .bannar-mail {
	list-style: disc;
	margin: 0 auto;
	width: 75%;
}
#sidebar .bannar li a, #sidebar .bannar-mail li a {
	color: #000;
	display: block;
}
/* =========================================================
配下ページ
========================================================= */

/* FAQ
--------------------------------------------------------- */
/* ----- 質問 ----- */
#contents #main .question {
	background: #DEE9E1 url(../img/i_q.png) no-repeat 4px 4px;
	background-size: 22px auto;
	border: 1px solid #5A8A69;
	padding: 5px;
	padding-left: 30px;
	margin: 8px;
}
/* ----- 質問番号 ----- */
#contents #main .question strong {
	font-weight: bold;
	padding-right: 5px;
	color: #265D36;
}
/* ----- 回答 ----- */
#contents #main .answer {
	background: url(../img/i_a.png) no-repeat 12px 0px;
	background-size: 22px auto;
	padding-left: 30px;
}
/* 薬剤師研修支援システム
--------------------------------------------------------- */
#contents #login {
	color: #282828;
	border: 3px solid #97C445;
	background: #E4EFCF;
	position: relative;
	overflow: hidden;
	padding:5px;
}
#contents #login #jyukou ,
#contents #login #login-jyukou ,
#contents #login #kensyu ,
#contents #login #login-kensyu {
	border-radius: 5px;
	padding: 5px 0;
}
#contents #login #jyukou p ,
#contents #login #kensyu p {
	color:#FFF;
}
#contents #login #jyukou {
	background: #3EA459;
	padding:5px;
	margin: 5px 0;
}
#contents #login #login-jyukou {
	background: #DEEFE4;
}
#contents #login #kensyu {
	background: #4A619D;
	padding:5px;
	margin: 5px 0;
}
#contents #login #login-kensyu {
	background: #E8EDF4;
}

#contents #login .btn-login a, #contents #login .btn-regist a {
	text-align: center;
	display: block;
	text-decoration: none;
	background-size: 20px auto, auto auto;
	border-radius: 5px;
	padding: 12px 0 8px;
	margin: 10px 0 15px;
	font-size: 20px;
	font-weight:bold;
}

#contents #login #jyukou .first-time {
	border-top: #3EA459 1px dashed; 
	background:-moz-linear-gradient(left, #3EA459, #3EA459 30%, #DEEFE4 30%, #DEEFE4 90%);
	background:-webkit-gradient(linear, left top, right top, from(#3EA459), color-stop(0.3, #3EA459), color-stop(0.30, #DEEFE4), to(#DEEFE4));
	padding: 0 5px;
	margin: 0;
}

#contents #login #kensyu .first-time{
	border-top: #4A619D 1px dashed;
	background:-moz-linear-gradient(left, #4A619D, #4A619D 30%, #E8EDF4 31%, #E8EDF4 90%);
	background:-webkit-gradient(linear, left top, right top, from(#4A619D), color-stop(0.3, #4A619D), color-stop(0.3, #E8EDF4), to(#E8EDF4));
	padding: 0 5px;
	margin: 0;
}

#contents #login #jyukou .btn-login a {
	color: #FFF;
	text-shadow: 1px 1px 0px #494949;
	border: 1px solid #589C30;
	background: url(../img/btn_jyukou_login.png) no-repeat 10px center, -moz-linear-gradient(top, #41B65F, #BAE5C4 50%, #70D05C 51%, #B4E764 90%);
	background: url(../img/btn_jyukou_login.png) no-repeat 10px center, -webkit-gradient(linear, center top, center bottom, from(#41B65F), color-stop(0.5, #BAE5C4), color-stop(0.51, #70D05C), to(#B4E764));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
	background-size: 20px auto, auto auto;
}
#contents #login #jyukou .btn-regist a {
	z-index: 1;
	color: #494949;
	background: #ffffff;
	border: 1px solid #589C30;
	background: url(../img/btn_jyukou_sinki.png) no-repeat 10px center, -moz-linear-gradient(rgba(255,255,255,1), rgba(225,245,194,1));
	background: url(../img/btn_jyukou_sinki.png) no-repeat 10px center, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(225,245,194,1)));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
#contents #login #kensyu .btn-login a {
	color: #ffffff;
	text-shadow: 1px 1px 0px #494949;
	border: 1px solid #4680CE;
	background: url(../img/btn_jissikikan_login.png) no-repeat 10px center, -moz-linear-gradient(top, #3462CD, #9FC7E3 50%, #5BA5D2 51%, #74DADD 90%);
	background: url(../img/btn_jissikikan_login.png) no-repeat 10px center, -webkit-gradient(linear, center top, center bottom, from(#3462CD), color-stop(0.5, #9FC7E3), color-stop(0.51, #5BA5D2), to(#74DADD));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
#contents #login #kensyu .btn-regist a {
	color: #494949;
	background: #ffffff;
	border: 1px solid #4680CE;
	background: url(../img/btn_jissikikan_touroku.png) no-repeat 10px center, -moz-linear-gradient(rgba(255,255,255,1), rgba(208,240,243,1));
	background: url(../img/btn_jissikikan_touroku.png) no-repeat 10px center, -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(208,240,243,1)));
	box-shadow: 1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
#contents #login ul li {
	margin: 0 20px;
}
#contents #login ul li a {
	font-size: 90%;
	color: #000;
}
/* ----- お知らせや更新情報 ----- */
#contents #main #new-info {
	border: 1px solid #D2D2D2;
}
#contents #main h2 {
	position:relative;
}
#contents #main h2 a {
  position: absolute;
  top: 3px;
  right: 10px;
  font-size: 80%;
  width :30px;
  color:#494949;
  display:block;
  text-decoration:none;
  border:1px solid #939393;
  padding: 2px 20px;
  border-radius:10px;
  background:url(../img/btn_ichiran.png) no-repeat left center,-moz-linear-gradient(rgba(255,255,255,1), rgba(206,206,206,1));
  background:url(../img/btn_ichiran.png) no-repeat left center,-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(206,206,206,1)));
  background-size: 14px auto, auto auto;
  box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}

/* English Page
--------------------------------------------------------- */
#english header #logo {
	top: 0px;
	background: url(../img/img_logo_english.png) no-repeat top left , -moz-linear-gradient(rgba(255,255,255,1)80%, rgba(204,204,204,1));
	background: url(../img/img_logo_english.png) no-repeat top left , -webkit-gradient(linear, 100% 80%, 100% 100%, from(rgba(255,255,255,1)), to(rgba(204,204,204,1)));
	background-size: 236px auto ,auto auto;
}
#english header #system {
	display: none;
}


/* フォーム
--------------------------------------------------------- */

#form #contents #main table input ,
#form #contents #main table textarea {
	font-size: 70%;
}

#form #contents #main table em {
	color: #964503;
	font-style: normal;
}


/* サイトマップ
--------------------------------------------------------- */
#sitemap #contents #map {
	padding: 5px;
}
#sitemap #contents #map h1 {
	border: 3px solid #3C704D;
	background: -moz-linear-gradient(rgba(229,239,231,1), rgba(165,200,174,1));
	background: -webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(229,239,231,1)), to(rgba(165,200,174,1)));
	padding: 10px;
}
#sitemap #contents #map h3 {
	font-weight: bold;
	background: #E7EFEA url(../img/h4_bg.png) no-repeat 5px 5px;
	background-size: 3px auto;
	text-indent: 20px;
	color: #024013;
	padding: 3px 0;
}
#sitemap #contents #map table {
	border-bottom: 1px dotted #B0B0B0;
	width: 95%;
}
#sitemap #contents #map table th {
	display: none;
}
#sitemap #contents #map table td {
	width: 100%;
	padding: 0 10px;
}
#sitemap #contents #map #side-title {
	margin: 5px 0;
	font-weight: bold;
}
#sitemap #contents #map .side-menu h1 {
	padding: 0 20px;
	background: url(../img/i_kajyo_large.png) no-repeat left 3px;
	background-size: 13px auto;
	border: none;
}
#sitemap #contents #map .side-menu h2, #sitemap #contents .side-menu .list .lev1 a, #sitemap #contents .side-menu .list .lev2 a {
	padding: 3px 0;
	background: #FFF url(../img/sitamenu_level4_bg.png) no-repeat 7px 10px;
	background-size: 8px auto;
	color: #000;
}
#sitemap #contents #map .side-menu h2 {
	margin-left: 20px;
	padding-left: 20px;
	font-weight: normal;
}
#sitemap #contents .side-menu .list {
	display: inline;
}
/* ----- 1階層目 ----- */
#sitemap #contents .side-menu .list .lev1 a {
	margin-left: 30px;
	padding-left: 20px;
	border: none;
}
/* ----- 2階層目 ----- */
#sitemap #contents .side-menu .list .lev2 a {
	margin-left: 40px;
	padding-left: 20px;
}
#sitemap #contents #map .side-menu a {
	color: #000;
}
#sitemap #contents #about {
	overflow: hidden;
}
#sitemap #contents .list a {
	display: block;
	color: #261F1C;
}
.clear {
	clear: both;
	clear: left;
}



/* CGIのテーブル（研修会案内　集合研修）
--------------------------------------------------------- */
#container #contents #main #cgi-table {
	border-width:2px;
}

#container #contents #main #cgi-table .title {
	font-size:150%;
}

#container #contents #main #cgi-table .date {
	background: #ffffff;
	border-bottom-width:2px;
	font-size:150%;
}


#container #contents #main #cgi-table .line1 {
	border-top-width:2px;
	border-bottom: 2px dashed #3C6447;
}

#container #contents #main #cgi-table .line2 {
	border-bottom-width:2px;
	border-top: 2px dashed #3C6447;
}

}