@charset "utf-8";

/* 

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

PC個有のスタイル

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

・スタイル初期値

・ページレイアウト

・基本ボックス

・ヘッダー

・フッター

・メニュー

・メインエリア

・汎用スタイル

 */

@media screen and (min-width: 641px), print {



/* =========================================================

スタイル初期値

========================================================= */



body {

	padding: 0;

	margin: 0;

	text-align: left;

	font-size: 14px;

	font-family: "ＭＳ Ｐゴシック","メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;

}

h1, h2, h3, h4, h5, h6, h7, ul, li, pre, code {

	padding: 0;

	margin: 0;

	line-height: 1em;

	font-size: 14px;

	font-weight: normal;

	font-style: normal;

}

table {

	font-size: inherit;

	font: 100%;

}

th {

	text-align: left;

}

ul {

	list-style: none;

}

img {

	border: 0;

	vertical-align: bottom;

}

p {

	margin: 3px;

	line-height: 1.5;

	word-break:break-all;

}

/* =========================================================

PC非表示情報

========================================================= */

header #back-btn ,#sub-menu h2 ,

#footerbg .header-menu {

	display: none;

}

#sitemap #contents #map h3 {

	display:none;

}



/* =========================================================

ページレイアウト

========================================================= */



body {

	padding: 0;

	margin: 0;

	background: #FFF url(../image/haika_bg.png) repeat-x;

}



#top {

	background: #FFF url(../image/top_bg.png) repeat-x;

}



/* =========================================================

基本ボックス

========================================================= */

#container {

	position: relative;

	max-width: 970px;

	width:100%;

	padding: 0 5px;

	margin: 0 auto;

	text-align: center;

	background: #FFF url(../image/haika_bg_cont.png) repeat-x;

}

#top #container {

	background: #FFF url(../image/top_bg_cont.png) repeat-x;

}

#contents{

	position: relative;

	width: 948px;

	margin: 0 auto;

	text-align: left;

	background: #FFF;

	border-right: 1px solid #D2D2D2;

	border-left: 1px solid #D2D2D2;

	clear: both;

	overflow: hidden;

}



#contents #sidebar {
	/* [disabled]margin-left: 10px; */
	float: left;
	width: 250px;
	display: inline;

}



#contents #main {

	margin: 10px 5px;

	float: right;

	width: 675px;

	position: relative;

	overflow:hidden;

}



/* =========================================================

ヘッダー

========================================================= */

#headerbg {

	min-width: 950px;

	width: 100%;

	position: relative;

	background: url(../image/top_header_bg.png) repeat-x;

}

#top header ,

#haika header ,

#english header ,

#sitemap header ,

#form header {

	position: relative;

	width: 950px;

	height: 102px;

	margin: 0 auto;

}



/* サイトロゴ

--------------------------------------------------------- */

header #logo {

	position: absolute;

	top: 4px;

	left: 0px;

	background: url(../image/img_top_logo.png) no-repeat top left;

	height: 75px;

	width: 472px;

	text-indent: -9999px;

}



/* 薬剤師研修支援システムボタン

--------------------------------------------------------- */

header #system {

	position: absolute;

	margin:0;

	top: 0px;

	right: 8px;

}

header #system a {

	display: block;

	background: url(../image/btn_sien.png) no-repeat right top;

	width: 340px;

	height: 35px;

	text-indent: -9999px;

}

header #system a:hover ,

header #system a.active {

	position: absolute;

	top: 0px;

	right: 3px;

	background: url(../image/btn_sien.png) no-repeat left top;

	width: 337px;

}



/* 検索

--------------------------------------------------------- */

header #cse-search-form {

	position: absolute;

	top: 40px;

	right: 10px;

	width: 250px;

	padding: 0;

	margin:0;

}

   

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

}



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;

}



header .search {

	position: absolute;

	top: 40px;

	right: 10px;

	width: 250px;

	padding: 0;

	margin:0;

}



/* =========================================================

フッター

========================================================= */

#footerbg {

	position: relative;

	width: 100%;

	min-width: 948px;

	background: #90BA9C url(../image/footer_bg.png) repeat-x;

	clear: both;

}

#footerbg footer {

	position: relative;

	width: 928px;

	height: 150px;

	padding: 10px;

	border-right: 1px solid #21552F;

	border-left: 1px solid #21552F;

	margin: 0 auto;

}

footer #footer-menu {

	padding: 10px 0 30px;

	color: #FFF;

}

footer #footer-menu li {

	float: left;

	list-style: none;

	padding-right: 10px;

}

footer #footer-menu li a {

	color: #FFF;

	float: left;

	padding-right: 10px;

}

footer #jpec-address {

	clear: both;

	text-align: right;

	color: #FFF;

}

footer #copyright {

	clear: both;

	text-align: right;

	color: #FFF;

}

/* =========================================================

メニュー

========================================================= */



/* ヘッダーナビ

--------------------------------------------------------- */

.header-menu {

	position: absolute;

	top: 75px;

	right: 10px;

}



.header-menu li {

	float: left;

}

.header-menu li a {

	display: block;

	text-indent: -9999px;

	width: 51px;

	margin-right: 8px;

	overflow: hidden;

}

.header-menu .nav-home a {

	background: url(../image/btn_home.png) no-repeat top right;

	width: 51px;

}

.header-menu .nav-inquiry a {

	background: url(../image/btn_inquiry.png) no-repeat top right;

	width: 91px;

}

.header-menu .nav-sitemap a {

	background: url(../image/btn_sitemap.png) no-repeat top right;

	width: 91px;

}

.header-menu .nav-english a {

	background: url(../image/btn_english.png) no-repeat top right;

	width: 59px;

}



#header-nav .header-menu li a:hover {

	background-position: top left;

}

/* メインメニュー

--------------------------------------------------------- */

#main-menubg {

	height: 41px;

}

#main-menu {

	width: 950px;

	height: 41px;

	margin-right: auto;

	margin-left: auto;

	border-right: 1xp solid #FFF;

	border-left: 1xp solid #FFF;

}

#global-nav {

	font-size: 1.2em;

}

#global-nav li {

	float: left;

	list-style: none;

}

#global-nav li a {

	display: block;

	text-indent: -9999px;

	height: 41px;

	overflow: hidden;

}

/* ----- グローバルナビ内各ボタン要素（TOPページ） ----- */

#global-nav #nav-nintei a {

	background: url(../image/gnavi_nintei.png) no-repeat bottom right;

	width: 158px;

}

#global-nav #nav-kensyu a {

	background: url(../image/gnavi_kensyu.png) no-repeat bottom right;

	width: 158px;

}

#global-nav #nav-kankou a {

	background: url(../image/gnavi_kankou.png) no-repeat bottom right;

	width: 158px;

}

#global-nav #nav-kiroku a {

	background: url(../image/gnavi_kiroku.png) no-repeat bottom right;

	width: 159px;

}

#global-nav #nav-center a {

	background: url(../image/gnavi_center.png) no-repeat bottom right;

	width: 159px;

}

#global-nav #nav-situmon a {

	background: url(../image/gnavi_situmon.png) no-repeat bottom right;

	width: 158px;

}



#main-menu #global-nav li a:hover {

	background-position: top left;

}

#main-menu #global-nav li.active a {

	background-position: top left;

}

/* ----- グローバルナビ内各ボタン要素 (配下ページ）----- */



#main-menubg {

	min-width: 950px;

	width: 100%;

	background: url(../image/haika_menu_bg.png) repeat-x;

}



#main-menubg #global-nav #nav-nintei a {

	background: url(../image/gnavi_haika_nintei.png) no-repeat top left;

	width: 158px;

}

#main-menubg #global-nav #nav-kensyu a {

	background: url(../image/gnavi_haika_kensyu.png) no-repeat top left;

	width: 158px;

}

#main-menubg #global-nav #nav-kankou a {

	background: url(../image/gnavi_haika_kankou.png) no-repeat top left;

	width: 158px;

}

#main-menubg #global-nav #nav-kiroku a {

	background: url(../image/gnavi_haika_kiroku.png) no-repeat top left;

	width: 159px;

}

#main-menubg #global-nav #nav-center a {

	background: url(../image/gnavi_haika_center.png) no-repeat top left;

	width: 159px;

}

#main-menubg #global-nav #nav-situmon a {

	background: url(../image/gnavi_haika_situmon.png) no-repeat top left;

	width: 158px;

}

#main-menubg #main-menu #global-nav li a:hover {

	background-position: bottom right;

}

#main-menubg #main-menu #global-nav li.active a {

	background-position: bottom right;

}

/* サブメニュー

--------------------------------------------------------- */

#sub-menu {

	margin: 0 auto;

	width: 931px;

	background: url(../image/sub-menu_bg_middle.gif) repeat-y;

	padding: 5px 10px;

	overflow: hidden;

}

#sub-menu .sub-nav {

	display: none;

}

#container #sub-menu .sub-nav li a {

	padding-top: 8px;

	font-weight: bold;

	font-size: 95%;

	text-decoration: none;

	color: #366543;

}

#container #sub-menu .sub-nav li a:hover {

	color: #2375D8;

}

#container #sub-menu .sub-nav li.active a {

	color: #2375D8;

}

#sub-menu .sub-nav p {

	color: #BDDDC0;

	padding: 0;

	margin: 0 6px;

	font-size: 18px;

}

#sub-menu .sub-nav a {

	display: block;

}

#container #sub-menu .sub-nav li, #container #sub-menu .sub-nav a, #container #sub-menu .sub-nav p {

	float: left;

}

#container .sub-bottom {

	background: url(../image/sub-menu_bg_btm.png) no-repeat center bottom;

	font-size:8px;

	clear: both;

}

/*

サイドメニュー

----------------------------------------------------------*/

#contents #sidebar #side-title {

	background: url(../image/sidemenu_bg_top.png) no-repeat left top;

	font-size: 16px;

	font-weight: bold;

	padding: 22px 6px 20px 20px;

	margin-top: 10px;

}

#contents #sidebar #side-title.two-lines {

	padding: 15px 6px 10px 20px;

}

#contents #sidebar #side-title .two {

	padding: 10px 6px 10px 20px;

}

#contents #sidebar .side-menu {

	background: url(../image/sidemenu_bg_middle.png) repeat-y left top;

}

#contents #sidebar .side-menu h1 {

	background: url(../image/sidemenu_link1_bg.png) no-repeat left top;

	font-size: 14px;

	font-weight: bold;

	color: #FFF;

	padding: 12px 10px 10px;

	margin: 0 7px 0px 5px;

	border-bottom: 1px solid #155B28;

}

#contents #sidebar .side-menu h2 {

	font-size: 14px;

	background: url(../image/sidemenu_link2_bg_off.png) no-repeat left top;

	margin: 0 8px 0px 6px;

	padding: 15px 15px 10px 35px;

	border-top: 1px dotted #B0B0B0;

	width: 184px;

}



#contents #sidebar .side-menu h2.no-child {

	background: url(../image/sidemenu_link2_bg_simple_off.png) no-repeat left top;

	margin-bottom: -1px;

}

#contents #sidebar .side-menu h2.active {

	background: url(../image/sidemenu_link2_bg_on.png) no-repeat left top;

	border-bottom: 1px dotted #B0B0B0;

}

#contents #sidebar .side-menu h2.no-child.active {

	background: url(../image/sidemenu_link2_bg_simple_on.png) no-repeat left top;

}





#contents #sidebar .side-menu h2.active a, #contents #sidebar .side-menu h2.no-link.active a {

	color: #2A94E6;

}

#contents #sidebar .side-menu h2 a {

	color: #000;

	line-height: 1.3;

	margin:0;

	padding:0;

}

#contents #sidebar .side-bottom {

	background: url(../image/sidemenu_bg_btm.png) no-repeat left top;

	font-size: 14px;

	padding: 29px 0;

}

/* サイドメニューのレベル2、レベル3

--------------------------------------------------------- */

#contents .side-menu .list a {

	display: block;

}

/* ----- 1階層目 ----- */

#contents .side-menu .list .lev1 a {

	font-size: 14px;

	margin: 0 8px 0 10px;

	padding: 7px 0 7px 15px;

	border: 1px solid #FFF;

	border-left: 2px solid #457A56;

	background: #E9F7DB url(../image/sidemenu_link3_bg.gif) no-repeat 7px 10px;

	color: #000;

}

/* ----- 2階層目 ----- */

#contents .side-menu .list .lev2 a {

	font-size: 14px;

	margin: 0 8px 0 10px;

	padding: 5px 0 5px 18px;

	background: url(../image/sidemenu_link4_bg.gif) no-repeat 7px 8px;

	color: #000;

}

/* リンク設定と現在地のアクティブ化

--------------------------------------------------------- */

#contents .side-menu .list a:hover, #contents .side-menu .list a:active, #contents .side-menu .list .active a {

	color: #2A94E6;

}

/* =========================================================

メインエリア

========================================================= */

/* 見出し

--------------------------------------------------------- */

#main h1 {

	height: 44px;

	width: 630px;

	font-size: 22px;

	font-weight:bold;

	background: url(../image/h1_bg.png) no-repeat left top;

	padding: 18px 20px 10px;

}

#main h1.two-lines {

	padding: 8px 20px 10px;

	margin-bottom:10px;

}



#main h2 {

	line-height: 25px;

	height: 30px;

	font-size: 20px;

	font-weight: bold;

	background: url(../image/h2_bg.png) no-repeat left top;

	padding: 7px 15px 7px 25px;

	margin: 10px 0;

}



#main h2.two-lines {

	padding: 7px 15px 7px 25px;

	height: 46px;

	background: url(../image/h2_bg_line.png) no-repeat left top;

}



#main h3 {

	font-size: 19px;

	font-weight: bold;

	background: url(../image/h3_bg.png) no-repeat left bottom;

	padding: 5px 0 8px 25px;

	margin: 10px 0 10px 6px;

}

#main h4 {

	font-size: 14px;

	font-weight: bold;

	background: #E7EFEA url(../image/h4_bg.png) no-repeat 5px 5px;

	padding: 7px 0 7px 15px;

	color: #024013;

	margin: 10px 15px 10px 6px;

}

#main h5 {

	font-size: 14px;

	font-weight: bold;

	background: url(../image/h5_bg.png) no-repeat left 5px;

	padding: 5px 0 2px 20px;

	color: #024013;

	margin: 10px 15px 10px;

}

#main h6 {

	font-size: 12px;

	background: url(../image/kanren_bg.png) no-repeat left 5px;

	padding: 10px 0;

	text-indent: -9999px;

	margin: 10px 0 10px 15px;

}

#main.grant_application h4{
	background: none;
}
#main.test h3 span{
	color: red;
}
#contents #main .sub-head {

	font-size: 12px;

	font-weight: bold;

	padding: 5px 0 2px 20px;

	color: #024013;

	margin: 10px 15px 10px;

}

/* 注意、ポイント、補足情報

--------------------------------------------------------- */

#contents #main .caution-title {

	background: url(../image/haika_caution_bg_top.png) no-repeat left bottom;

}



#contents #main .point-title {

	background: url(../image/haika_point_bg_top.png) no-repeat left bottom;

}



#contents #main .supplement-title {

	background: url(../image/haika_supplement_bg_top.png) no-repeat left bottom;

}



#contents #main .caution-title, #contents #main .point-title, #contents #main .supplement-title {

	height: 37px;

	margin: 10px 12px 0;

	text-indent: -9999px;

}

#contents #main .caution {

	background: url(../image/haika_caution_bg_btm.png) no-repeat left bottom;

}

#contents #main .point {

	background: url(../image/haika_point_bg_btm.png) no-repeat left bottom;

}

#contents #main .supplement {

	background: url(../image/haika_supplement_bg_btm.png) no-repeat left bottom;

}



#contents #main .caution, #contents #main .point, #contents #main .supplement {

	margin: 0 12px ;

	padding: 0 5px 10px;

}

#contents #main .caution p ,

#contents #main .point p ,

#contents #main .supplement p {

	margin-left: 10px;

}



#contents #main .caution ul li {

	background: url(../image/i_kajyo_caution.png) no-repeat left 5px;

	margin-left: 15px;

}

#contents #main .point ul li {

	background: url(../image/i_kajyo_point.png) no-repeat left 5px;

	margin-left: 15px;

}

#contents #main .supplement ul li {

	background: url(../image/i_kajyo_supplement.png) no-repeat left 5px;

	margin-left: 15px;

}



/* このページのトップへ

--------------------------------------------------------- */

#contents .top-of-page {

	clear:both;

	text-align: right;

	font-size: 12px;

	padding: 20px 10px;

}

#contents .top-of-page li {

	display:inline;

	background: url(../image/i_arrow_up.gif) no-repeat left 2px;

}



#container #contents .top-of-page li a {

	margin-left: 15px; 

}

/* =========================================================

汎用スタイル

========================================================= */



/* 段落（本文）

--------------------------------------------------------- */

#contents #main p {

	margin: 0 10px 5px 32px;

	font-size: 14px;

	color: #261F1C;

}

#contents #main .lev1 {

	margin-left: 48px;

}

#contents #main .lev2 {

	margin-left: 60px;

}

#contents #main .lev3 {

	margin-left: 72px;

}

/* 汎用の書式

--------------------------------------------------------- */

/* ----- 強調（赤字） ----- */

#contents em {

	color: #A60409;

	font-style: normal;

}

/* ----- 小文字 ----- */

#contents #main .small {

	font-size: 11px;

}

/* ----- 中央揃え ----- */

#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 hr {

	margin: 0 10px 5px 32px;

	border: 1px dashed #024013;

}

/* 箇条書き

--------------------------------------------------------- */

/* ----- 標準の箇条書き ----- */

#contents #main li  {

	background: url(../image/i_arrow.gif) no-repeat left 5px;

	font-size: 14px;

	line-height: 1.5;

	margin-left: 38px;

	padding-left: 15px;

}



/* ----- 右寄せの箇条書き ----- */

#contents #main ul.right li {

	list-style: url(../image/i_arrow.gif);

	list-style-position: inside;

	font-size: 14px;

}



/* ----- 箇条書き(大） ----- */

#contents #main ul.large-list li {

	background: url(../image/i_kajyo_large.png) no-repeat left 2px;

	margin-left: 32px;

}

/* ----- 箇条書き(小） ----- */

#contents #main ul.small-list li {

	background: url(../image/i_kajyo_small.png) no-repeat left 6px;

	margin-left: 56px;

}

/* ----- テーブル内の箇条書き ----- */

#contents #main table li {

	background: url(../image/i_arrow.gif) no-repeat left 7px;

	margin-left: 8px;

	font-size: 14px;

}



/* ボックス

--------------------------------------------------------- */

#contents #main .main-box {

	overflow:hidden;

}



#contents #main .right-box {

	float:right;

}



#contents #main .left-box {

	float:left;

}



/* リンク

--------------------------------------------------------- */

body a {

	color: #188CE9;

}

body a:hover, body a:active {

	color: #FBE3CE;

}



body #container a:link, body #about a:visited {

	color: #188CE9;

}

body #container a:hover, body #about a:active {

	color: #FF0000;

}
	
body #container .dllist{
	margin-bottom: 10px;
	margin-left: 38px;
}
body #container p .dllist:nth-of-type(1){
	margin-left: 15px;
}
	

/* テーブル

--------------------------------------------------------- */

/* ----- テーブル内の段落 ----- */

#contents #main table p {

	margin: 0;

	font-size: 12px;

}



#contents #main table {

	border: 1px solid #3C6447;

	border-collapse: collapse;

	margin: 5px 25px;

	font-size: 13px;

}

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

	vertical-align: top;

}

/* ----- 中央寄せのテーブル ----- */

#contents #main table.center {

	margin: 0 auto;

}

/* ----- テーブルの中の箇条書き ----- */

#contents #main td ul.small-list li {

	margin-left: 10px;

}



/* ----- 余白がゆったりしている表 ----- */



#contents #main .enough-space th, #contents #main .enough-space td {

	padding: 7px 25px;

	text-align: center;

}



/* 画像

--------------------------------------------------------- */

.image-line1 {

	border:dotted 2px #4B4B4B;

}



.image-line2 {

	border:solid 1px #4B4B4B;

}



/* =========================================================

トップページ

========================================================= */

/*

サイド

----------------------------------------------------------*/

/*

メイン

----------------------------------------------------------*/

/* ----- メインビジュアル----- */

#visual {

  width:952px;

  height:265px;

}



/* ----- 特別エリア----- */

#special {

	padding: 5px 10px 10px 50px;

	background: #fff;

	border: 10px solid #DDDDDD;

	overflow:hidden;

}

#special ul {

	font-size: 12px;

	width: 98%;

}

#special ul li {

	float: left;

	padding: 5px 0 5px 8px;

}

#special ul li a {

	padding-left: 3px;

}



/* ----- よく利用されるメニュー----- */

#contents #used-menu {

	/*background: url(../image/top_much-used_menu_bg.png) no-repeat -1px top;*/
	background-color: #87BF84;

	width: 935px;

	/*height: 249px;*/

	padding: 9px;/*12px 10px 0 15px*/
	
	margin-left: 60px;
	
	margin-bottom: 20px;
	
	position: relative;
	
	display: inline-flex;
}


#contents #used-menu::before {
	content: "よく利用されるメニュー";
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	position: absolute;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	width: 60px;
	height: 100%;
	top: 0;
	left: -60px;
	background: linear-gradient(to bottom right, #B2CCB9 0%, #4D825B 100%);
	background-color: #4D825B;
	line-height: 60px;
	text-align: center;
	text-shadow: -1px 3px 5px black;
}


#contents #used-menu #jyukou,

#contents #used-menu #about-nintei,

#contents #used-menu #kaisai {
	
	background-color: #FFF;

	float: left;

	padding-top: 10px;
	
	padding-right: 5px;

	position: relative;

}
#contents #used-menu #jyukou{
	padding-left: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#contents #used-menu #kaisai{
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#contents #used-menu #jyukou li img,

#contents #used-menu #about-nintei li img,

#contents #used-menu #kaisai li img{
	
	margin-left: 5px;

}

#contents #used-menu ul {

	margin: 10px 0;

	padding: 0 5px;

	width: 270px;

	/*height: 180px;*/

}

#contents #used-menu #jyukou ul ,

#contents #used-menu #about-nintei ul {

	border-right: 1px dotted #336600;

	padding-bottom: 50px;
}



#contents #used-menu li {

	background: url(../image/i_arrow.gif) no-repeat left 5px;

	font-size: 14px;

	line-height: 1.3;

	padding-left: 15px;

	margin: 5px 0;

}



#contents #used-menu #btn-jyukou a ,

#contents #used-menu #btn-kaisai a {

	width: 192px;

	height: 26px;

	position: absolute;

	bottom: 20px;

	right: 8px;

	text-indent: -9999px;

}



#contents #used-menu #btn-jyukou a {

	background: url(../image/top_btn_jyukou.png) top left;

}



#contents #used-menu #btn-kaisai a {

	background: url(../image/top_btn_kaisai.png) top left;

}



#contents #used-menu #btn-jyukou a:hover ,

#contents #used-menu #btn-kaisai a:hover {

	background-position: top right;

}



/* ----- What's new----- */

#top #contents #top-main {

	float: left;

	display: inline;

	margin: 0 5px 0 10px;

	width: 670px;

	position:relative;

}



#contents #top-main h1 {

	text-indent: -9999px;

	height: 30px;

	background:url(../image/top_h1_new_bg.jpg) no-repeat;

	position:relative;

}

#contents #top-main h1 a {

	position: absolute;

	top: 4px;

	right: 10px;

	width: 66px;

	height: 23px;

	background:url(../image/btn_ichiran_top.gif) no-repeat;

}



#contents #top-main h2 {

	background:url(../image/top_h2_bg.png);

	color: #024E16;

	font-weight: bold;

	margin: 0 5px;

	padding: 7px 0 8px 25px; 

}



#contents #top-main .top-about {

	height: 320px;

	overflow-y:scroll;

	border-right: 1px solid #D2D2D2;

	border-left: 1px solid #D2D2D2;

}



#contents #top-main dl ,

#contents #main dl {

	padding: 0px 5px 10px;

	font-size: 14px;

}

#contents #top-main dt ,

#contents #main dt {

	background: url(../image/i_arrow.gif) no-repeat left 7px;

	color: #0A4F1D;

	font-weight:bold;

	padding: 5px 15px; 

	float:left;

	width: 100px;

	clear:both;

}

#contents #top-main dd ,

#contents #main dd {

	border-bottom: 1px solid #D7D7D7;

	line-height:1.3;

	padding: 5px 0 5px 130px;

}





#contents #top-main .bottom {

	background: url(../image/top_info_bg_btm.png) left bottom;

	height: 35px;

}
	
#top #contents #top-main img{

	margin-left: 5px;
	margin-bottom: 5px;

}

/* ----- センターニュース----- */

#top #contents #sidebar {

	float: right;

	margin: 0;

	padding-right: 8px;

}

#contents #sidebar .news {

	background: url(../image/top_center-news_bg_top.png) no-repeat top left;

	padding: 0 10px;

}

#contents #sidebar .news h2 {

	font-weight: bold;

	padding: 15px 0;

}

#contents #sidebar .news h3 {

	font-weight: bold;

	color: #1E6531;

	padding: 3px 5px;

}

#contents #sidebar .news p {

	font-size: 12px;

	margin-right: 5px;

}

#contents .news li {

	list-style: url(../image/i_arrow.gif);

	list-style-position: inside;

	font-size: 14px;

}

#contents #sidebar .bottom {

	background: url(../image/top_center-news_bg_btm.png) no-repeat top left;

}



#sidebar .bannar li a ,

#sidebar .bannar-mail li a {

	display: block;

	text-indent: -9999px;

	overflow: hidden;

}



/* ----- バナー（メールマガジン）----- */

#contents #sidebar .bannar-mail {

	background: url(../image/bana_bg_green.gif) repeat;

	padding: 5px;

}

#contents #sidebar .bannar-mail #bana-mail a {

	background: url(../image/bana_mail.png) no-repeat center center;

	height: 68px;

}

/* ----- バナー（その他）----- */

#contents #sidebar .bannar {

	background: url(../image/bana_bg_gray.gif) repeat;

	margin-top: 8px;

	padding: 4px 0;

}

#contents #sidebar .bannar a {

	padding-bottom: 5px;

	height: 42px;

}

#contents #sidebar .bannar #bana-techou a{
	
	background: url(../image/bana_request.png) no-repeat center center;
}
	
#contents #sidebar .bannar #bana-kaiin a {

	background: url(../image/bana_kaiin.png) no-repeat center center;

}



#contents #sidebar .bannar #bana-fund a {

	background: url(../image/bana_fund.png) no-repeat center center;

}



#contents #sidebar .bannar #bana-link a {

	background: url(../image/bana_link.png) no-repeat center center;

}



/* =========================================================

配下ページ

========================================================= */



/* FAQ

--------------------------------------------------------- */

/* ----- 質問 ----- */

#contents #main .question {

	background: #DEE9E1 url(../image/i_haika_q.gif) no-repeat 4px 7px;

	border: 1px solid #5A8A69;

	padding: 5px;

	padding-left: 30px;

	margin: 8px;

}



#contents #main .question:hover {

	cursor:pointer;

	font-weight:bold;

}

/* ----- 質問番号 ----- */

#contents #main .question strong {

	font-size: 110%;

	font-weight: bold;

	padding-right: 10px;

	color: #265D36;

}

/* ----- 回答 ----- */

#contents #main .answer {

	background: url(../image/i_haika_a.gif) no-repeat 12px 0px;

	padding: 0 0 2px 10px;

}



/* ----- 箇条書き（大） ----- */

#contents #main .answer ul.large-list li {

	margin-left: 48px;

}



/* 薬剤師研修支援システム

--------------------------------------------------------- */

#contents #login {

	background: url(../image/haika_sien_login_bg.gif) no-repeat top center;

	width: 630px;

	height: 240px;

	padding: 20px;

	position: relative;

	overflow:hidden;

}



#contents #login #jyukou {

	background: url(../image/haika_sien_jyukousya_bg.gif) no-repeat top center;

	float: left;

	width: 50%;

	position: relative;

	height: 220px;

}

#contents #login #kensyu {

	background: url(../image/haika_sien_jissikikan_bg.gif) no-repeat top center;

	float: right;

	width: 50%;

	position: relative;

	height: 220px;

}

#contents #login p {

	text-indent: -9999px;

}

#contents #login .btn-login a {

	position: absolute;

	top: 50px;

	left: 70px;

	height: 41px;

	width: 184px;

}

#contents #login .btn-regist a {

	position: absolute;

	top: 125px;

	left: 70px;

	height: 41px;

	width: 184px;

}

#contents #login #jyukou .btn-login a {

	background: url(../image/haika_sien_jyukousya_login_btn.png) no-repeat top left;

}



#contents #login #jyukou .btn-regist a {

	background: url(../image/haika_sien_jyukousya_sinki_btn.png) no-repeat top left;

}

#contents #login #kensyu .btn-login a {

	background: url(../image/haika_sien_jissikikan_login_btn.png) no-repeat top left;

}

#contents #login #kensyu .btn-regist a {

	background: url(../image/haika_sien_jissikikan_touroku_btn.png) no-repeat top left;

}

#contents #login ul li {

	position: absolute;

	top: 165px;

	left: 0px;

	padding-right: 30px;

}

#contents #login ul li a {

	font-size: 14px;

	color: #000;

}



#contents #login #jyukou .btn-login a:hover ,

#contents #login #jyukou .btn-regist a:hover ,

#contents #login #kensyu .btn-login a:hover , 

#contents #login #kensyu .btn-regist a:hover {

	background-position: top right;

}





/* ----- What's new----- */

#contents #main #new-info {

	height: 160px;

	width: 670px;

	overflow-y:scroll;

	border: 1px solid #D2D2D2;

}

#contents #main h2 {

	position:relative;

}



#contents #main h2 a {

	position: absolute;

	text-indent: -9999px;

	top: 7px;

	right: 20px;

	width: 66px;

	height: 23px;

	background:url(../image/btn_ichiran.gif) no-repeat;

}

#contents #main #new-info dd a {

	color:#000;

}

/* English Page

--------------------------------------------------------- */

#english header #logo {

	top: 12px;

	background: url(../image/img_top_logo_english.jpg) no-repeat top left;

}

#english header #system {

	display:none;

}

#english header #cse-search-form {

	top: 20px;

}

#english .header-menu {

	top: 60px;

}



.header-menu .nav-japanese a {

	background: url(../image/btn_japanese.png) no-repeat top right;

	width: 71px;

}



#english p {

	word-break: keep-all;

}



#english #main-menu #global-nav #nav-english a {

	background: url(../image/gnavi_haika_english.png) no-repeat top left;

	width: 950px;

}



/* フォーム

--------------------------------------------------------- */

#form #contents #main {

	float:none;

	width: 937px;

}



#form #contents #main h1 {

	background:url(../image/h1_bg_long.png) no-repeat;

	height: 44px;

	width: 917px;

	font-size: 22px;

	font-weight:bold;

	padding: 18px 0 10px 20px;

}



#form #contents #main h1.two-lines {

	padding: 8px 20px 10px;

}



#form #contents #main h2 {

	background:url(../image/h2_bg_long.png) no-repeat;

	width: 898px;

	font-size: 20px;

	font-weight: bold;

	padding: 10px 20px;

}



#form #contents #main table {

	margin: 0 auto;	

	word-break : break-all;

}



#form #contents #main table em {

	color: #964503;

	font-style: normal;

}



/* サイトマップ

--------------------------------------------------------- */

#sitemap #contents #map {

	padding: 5px;

}



#sitemap #contents #map h1 {

	background:url(../image/h1_bg_long.png) no-repeat;

	height: 44px;

	width: 930px;

	font-size: 22px;

	font-weight:bold;

	padding: 18px 20px 10px;

}

#sitemap #contents #map table {

	border-bottom: 1px dotted #B0B0B0;

	margin: 10px ;

	width: 910px;

}

#sitemap #contents #map table th {

	width: 25%;

	background: #E7EFEA;

	vertical-align: top;

}



#sitemap #contents #map table th h2 {

	background: url(../image/h4_bg.png) no-repeat 5px 5px;

	font-weight: bold;

	color: #024013;

	padding: 5px 10px;

}



#sitemap #contents #map table td {

	width: 75%;

	padding: 0 10px;

}

#sitemap #contents #map #side-title {

	font-weight: bold;

	font-size: 18px;

}

#sitemap #contents #map .side-menu h1 {

	width: auto;

	height:auto;

	font-size: 16px;

	padding: 3px 20px 0;

	margin-top: 5px;

	background: url(../image/i_kajyo_large.png) no-repeat left 2px;

}

#sitemap #contents #map .side-menu h2 ,

#sitemap #contents .side-menu .list .lev1 a ,

#sitemap #contents .side-menu .list .lev2 a  {

	padding: 5px 20px 0px;

	background: url(../image/sidemenu_link4_bg.gif) no-repeat 7px 8px;

	font-size: 16px;

}

#sitemap #contents #map .side-menu h2 {

	margin-left: 5px;

}

/*#sitemap #contents .side-menu .list {

	display:inline;

}*/

/* ----- 1階層目 ----- */

#sitemap #contents .side-menu .list .lev1 a {

	margin-left: 20px;

	border: none;

}

/* ----- 2階層目 ----- */

#sitemap #contents .side-menu .list .lev2 a {

	margin-left: 30px;

}

#sitemap #contents #map .side-menu a {

	color: #000;

}



#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: 16px;

}



#container #contents #main #cgi-table th.date {

	background: #ffffff;

	border-bottom-width:2px;

	font-size: 16px;

	background: #DBFACF;

}



#container #contents #main #cgi-table .line1 {

	border-top-width:2px;

	border-bottom: 1px solid #3C6447;

}



#container #contents #main #cgi-table .line2 {

	border-bottom-width:2px;

	border-top: 1px solid #3C6447;

}



/* IE9用ハック（文字の太さ）

--------------------------------------------------------- */



/* IE9のハック*/

#main h1:not(:target) ,

#sitemap #contents #map h1:not(:target) ,

#form #contents #main h1:not(:target) {

	font-size: 20px;

	font-weight: bold;

}





}



/* Mac用ハック（文字間隔）

--------------------------------------------------------- */

@media screen and (-webkit-min-device-pixel-ratio: 0),print{

/* ----- 特別エリア----- */

#special ul li a {

	letter-spacing:-0.15em;

}



#main h1 ,

#main h2 ,

#main h3 ,

#main h4 ,

#main h5 {

	letter-spacing:-0.15em;

}



}



/* 検索
    
--------------------------------------------------------- */
.search-result #contents #main {
    margin: 10px auto 5px auto;
    float: inherit;
}
.gsc-result-info-container,
.gsc-orderby-container {
  border: none !important;
  padding: 0;
}

.gsc-above-wrapper-area-container {
    border: none!important;
    margin: 0!important;
}
table.gsc-search-box td.gsc-input {
    padding: 0!important;
}
.gsc-search-button-v2 {
    background: #87BF84!important;
    border-color: #87BF84!important;
    padding: 6px 11px;
}
#english header .search {
    top: 20px;
}