@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 #jpec-address {

	font-size: 70%;

	padding: 5px;

	text-align: center;

	color: #FFF;

	background: #155727;

}

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;

}

#top #contents #top-main img{

	margin-left: 5px;
	margin-bottom: 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;

}



}


/* 検索
--------------------------------------------------------- */

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;
}