@charset "shift-jis";



.twitter-timeline {
    margin-bottom: 15px !important;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}

.btn {
    display: flex;
    flex-wrap: nowrap;
    clear: both;
	justify-content: space-between;
	margin-top: 5px;
	margin-bottom: 15px;
}
.btn a{
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	font-family: "游ゴシック","メイリオ","MSゴシック";
	color: #333;
	padding-top: 5px;
    padding-bottom: 5px;
    display: block;
    width: 255.5%;
    height: 100%;
    text-align: center;
	border: 1px solid #333;
	background: linear-gradient(#D0D0D0, white);
	box-sizing: border-box;
}
.btn a:hover{
	opacity: 0.6; filter: brightness(110%);
}
.btn01 {
    background: linear-gradient(#E6E6E6,#fff);
    margin-right: 5px;
	width: 270px;
}
.btn02 {
    background: linear-gradient(#E6E6E6,#fff);
    margin-right: 5px;
   	width: 270px;
}
.btn03 {
    background: linear-gradient(#E6E6E6,#fff);
    width: 310px;
}

/* ---------- 汎用コンテンツ ---------- */

/* セクション */
div.section_box {
	margin: 0px auto;
	padding: 10px 0px;
	width: 690px;
}

/* セクション2枠 */
div.section_2box {
	display: inline;
	float: left;
	margin: 0px auto;
	width: 345px;
}

/* セクション3枠 */
div.section_3box {
	display: inline;
	float: left;
	margin: 0px auto;
	width: 230px;
}

/* ライン */
.line {
	clear: both;
	border: 1px;
	border-style: solid;
	border-color: #d9d9d9;
}

/* フォント */
span.updata {
	margin-left : 30px;
	font-size: 83%;
	color: #999999;
}
span.notes {
	margin-left : 30px;
	font-size: 83%;
}
span.updata_new {
	margin-left : 30px;
	font-size: 83%;
	color: #ff0000;
}

p.updata {
	text-align: right;
}




/* ---------- 汎用テーブル ---------- */

/* テーブル */
table {
	width: 690px;
	border-collapse: collapse;
	border: 1px solid #d9d9d9;
}
table th,
table td {
	padding: 10px 15px;
	border: 1px solid #d9d9d9;
}
table th {
	background-color: #f2f2f2;
}
table td {
	background-color: #ffffff;
}



/* ---------- 汎用アイコン ---------- */

/* アイコン矢印 */
a.arrow,
dd.arrow,
ul.arrow li {
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* アイコン鍵 */
a.lock,
dd.lock,
ul.lock li {
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_lock.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* アイコンPDF */
a.pdf,
dd.pdf,
ul.pdf li {
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_pdf.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* アイコンxls */
a.xls,
dd.xls,
ul.xls li {
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_xls.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* アイコンdoc */
a.doc,
dd.doc,
ul.doc li {
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_doc.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* アイコンppt */
a.ppt,
dd.ppt,
ul.ppt li {
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_ppt.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

/* ボタントップ */
div.btn_top {
	float: right;
	width: 130px;
	height: 40px;
}



/* ---------- ナビ ---------- */

div.navi_ban {
	width: 230px;
	padding-top: 10px;
}
div#ban_link p {
	padding-bottom: 5px;
}
div#ban_login {
	padding-bottom: 30px;
}



/* ---------- 404 ---------- */

/* ページ */
div#non_page {
	padding : 100px;
	width: 650px;
}



/* ---------- トップページ ---------- */

/* お知らせ */
div#top_news {
	padding : 10px 20px;
	width: 650px;
	background-color: #f2f2f2;
}
div#top_news h2 {
	padding-bottom : 10px;
}
div#top_news_list {
	height: 120px;
	overflow: auto;
	background-color: #ffffff;
	font-size: 93%;
}
div#top_news_list dl {
	margin : 3px 10px;
}
div#top_news_list dt {
	display: inline;
	float: left;
	padding: 2px 0px;
	width: 100px;
}
div#top_news_list dd {
	display: inline;
	float: left;
	width: 480px;
}

/* 問合わせ */

div#top_inquiry {
	padding : 10px;
}
div#top_inquiry dl {
	display: inline;
	float: left;
	width: 400px;
}
div#top_inquiry dt {
	margin : 0px 10px 20px 10px;
}
div#top_inquiry dd {
	margin : 0px 20px;
}
div#top_inquiry p {
	margin-left : 420px;
	width: 150px;
}



/* ---------- 市民の皆様 ---------- */

/* 旭川紹介 */
div#citizen_city p {
	margin: 20px 20px 20px 0px;
}
div#citizen_city dt {
	float: right;
	margin-right : 70px;
	width: 220px;
}
div#citizen_city dl {
	margin: 30px 0px 20px 0px;
}
div#citizen_city span {
	color: #cc6699;
}
div#citizen_spot h3 {
	float: left;
	margin-top : 30px;
	width: 250px;
}
div#citizen_spot h4 {
	margin : 30px 20px 0px 250px;
	width: 420px;
	font-weight: bold;
	font-size: 116%;
	color: #cc6699;
}
div#citizen_spot p {
	margin : 20px 20px 0px 250px;
}

/* 会議室 */
div#citizen_rental p {
	margin: 20px 20px 20px 0px;
}
div.citizen_feature {
	margin-top : 10px;
}
div.citizen_feature h3 {
	float: left;
	width: 150px;
}
div.citizen_feature h4 {
	margin : 0px 20px 0px 170px;
	width: 510px;
	font-weight: bold;
	font-size: 116%;
	color: #cc6699;
}
div.citizen_feature p {
	margin : 20px 20px 0px 170px;
	width: 510px;
}
div#citizen_fixtures h3,
div#citizen_audio h3 {
	margin-top : 30px;
	font-weight: bold;
	font-size: 116%;
	color: #cc6699;
}

/* 会議室テーブル */
table.rental th.t_top,
table.rental td.t_top {
    border-top: #cc6699 4px solid;
}
table.rental tr.room th {
	text-align: center;
}
table.rental tr.price td {
	text-align: right;
}
table.rental tr.fixtures td {
	width: 200px;
}
table.rental tr.charg th {
	width: 150px;
}

/* 市民ニュース */
div#citizen_news p {
	margin: 20px;
}
div.citizen_news_detail {
	padding-top : 10px;
    border-top: #cccccc 1px dotted;
}
div.news_off {
	color: #cccccc;
}
div.citizen_news_detail h3 {
	float: left;
	width: 200px;
}
div.citizen_news_detail h4 {
	margin : 20px 20px 0px 220px;
	width: 460px;
	font-weight: bold;
	font-size: 116%;
	color: #cc6699;
}
div.citizen_news_detail p {
	margin : 10px 20px 0px 220px;
	width: 460px;
}
div.news_off {
	color: #cccccc;
}
div.news_off h4 {
	color: #cccccc;
}
div#citizen_news_150410 {
	padding-bottom: 30px;
	background-image: url("../citizen/image/news150410_02.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #8eb8a6;
}
div#citizen_news_150410 h4 {
	margin : 10px 20px 0px 300px;
	width: 370px;
	font-weight: bold;
	font-size: 116%;
	color: #fede58;
}
div#citizen_news_150410 p {
	margin : 10px 20px 0px 300px;
	width: 370px;
}

div#citizen_news_150410_shop p {
	margin : 10px 0px 10px 30px;
	width: 480px;
}
table.shop_list th,
table.shop_list td {
	padding: 3px ;
	font-size: 94%;
}
table.shop_list th.t_top,
table.shop_list td.t_top {
    border-top: #8eb8a6 4px solid;
}
table.shop_list tr.tit th {
	text-align: center;
}

/* コロナ委員会 */

div#citizen_cov h2{
    	font-weight: bold;
	font-size: 156%;
	color: #cc6699;
    letter-spacing: 0.05em;
    margin:30px 20px 50px;
    line-height: 130%;
}
div#citizen_cov h2 span{
    font-size: 60%;
    color: #dddddd;
}


/* ---------- 薬剤師会 ---------- */

/* あいさつ */
div#about_greet p {
	margin : 20px 20px 0px 0px;
}
div#about_greet h3 {
	float: left;
	margin-right: 10px;
}

/* 概要 */
div#about_official_box dl {
	display: inline;
	float: left;
	margin : 20px 20px 20px 0px;
	width: 190px;
}
div#about_official dd {
	text-align: center;
	font-size: 83%;
}
div#about_map {
	margin: 0px auto;
	padding : 30px 0px;
	width: 670px;
}

/* 会営 */
div#about_kyokuyaku p {
	margin : 20px 20px 0px 0px;
}
div.about_store h3,
div.about_store p {
	margin: 0px 0px 20px 370px;
	width: 320px;
}

/* プレス */
div#about_press {
	margin-bottom: 30px;
}
div.press_data {
	padding-top: 10px;
    border-top: #cccccc 1px dotted;
}
div.press_data h3 {
	float: left;
	width: 150px;
}
div.press_data h4,
div.press_data p {
	margin: 0px 0px 10px 180px;
	width: 450px;
}
div.press_data h4 {
	font-weight: bold;
	color: #e89836;
}

/* 共催 */
div#about_cosponsor {
	margin-bottom : 100px;
}
div#about_cosponsor p {
	margin : 20px 20px 0px 0px;
}
div#about_cosponsor_box dl {
	display: inline;
	float: left;
	margin : 50px 20px 20px 0px;
	width: 190px;
}
div#about_cosponsor dd {
	text-align: center;
	font-size: 83%;
}

/* 入会 */
div#about_join p {
	margin: 20px 20px 20px 0px;
}
div#join_special h2.title,
div#join_dues h2.title,
div#join_procedure h2.title,
div.join_contact h2.title {
	margin-bottom: 20px;
	padding: 3px 20px;
	border-width: 5px 0px;
	border-color: #d9d9d9;
	border-style: solid;
	background: #f2f2f2;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
}
div.join_special_box,
div.join_dues_box,
div.join_procedure_box {
	margin : 20px 20px 50px 20px;
	font-size: 94%;
}
div.join_dues_box h3 {
	margin: 10px 0px;
	font-weight: bold;
	color: #333333;
}
div.join_dues_box table {
	margin: 20px 0px;
	width: 640px;
}
div.join_dues_box table th,
div.join_dues_box table td {
	text-align: center;
}
div.join_procedure_box h3 {
	margin: 10px 0px;
	font-size: 108%;
	font-weight: bold;
	color: #e89836;
}
div.join_procedure_box h4 {
	font-weight: bold;
	color: #333333;
}
div.join_procedure_box ul {
	margin: 5px 0px 5px 27px;
}
div.join_procedure_box p {
	margin: 10px 0px;
}

/* Q&A */
div#about_join_question div.line {
	clear: both;
	border: 1px;
	border-style: solid;
	border-color: #e89836;
}
div.join_question_box {
	margin: 50px 0px;
	background: #faead7;
	font-size: 91%;
}
div.join_question_box h3 {
	padding: 3px 10px;
	border-width: 1px 10px 2px 10px;
	border-color: #e89836;
	border-style: solid;
	background: #ffffff;
	font-size: 100%;
	color: #333333;
}
div.join_question_box p {
	margin: 20px;
}

/* 問合わせ */
div#join_inquiry {
	padding : 10px;
}
div#join_inquiry h3 {
	margin-bottom: 20px;
	padding: 3px 20px;
	background: #e89836;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
	color: #ffffff;
}
div#join_inquiry dl {
	display: inline;
	float: left;
	width: 440px;
}
div#join_inquiry dt {
	margin : 0px 10px 20px 10px;
}
div#join_inquiry dd {
	margin : 0px 20px;
}
div#join_inquiry p {
	margin-left : 460px;
	width: 200px;
}
div#join_inquiry span {
	font-size: 119%;
	font-weight: bold;
	color: #333333;
}

/* 入会案内フォーム */
div.join_contact input,
div.contact_box input {
	padding: 5px;
}

/* 入会サブメニュー */
div#menusub_join {
	padding: 5px 0px 20px 0px;
	margin: 30px 0px;
}
div#menusub_join_box {
	margin: 0px auto;
	width: 640px;
}
div.join_box {
	display: inline;
	float: left;
	width: 160px;
}

/* 薬剤師会テーブル */
table.about th.t_top,
table.store  th.t_top,
table.join  td.t_top {
    border-top: #e89836 4px solid;
}
table.about td.t_top,
table.store  td.t_top {
	border-top: #999999 4px solid;
}
table.store {
	float: left;
	width: 340px;
}



/* ---------- 薬剤師の仕事 ---------- */

/* 仕事 */

/* 医薬分業 */
div#work_separation p {
	margin: 20px 20px 20px 0px;
}
div#work_story p {
	margin : 20px 20px 0px 0px;
}
div#work_story h3 {
	float: right;
	margin-left: 10px;
}
div#work_story h4 {
	float: left;
	margin-right: 10px;
}


/* 医療安全通信 */
div#work_medical_news p {
	margin: 0px 0px 10px 30px;
}
div.medical_news_box h3 {
	margin: 20px 0px 10px 0px;
	font-weight: bold;
	color: #519128;
}



/* ---------- 薬と健康 ---------- */

/* サブメニュー */
div#menusub_medicine {
	padding: 5px 0px 20px 0px;
	margin-top: 70px;
	background-color: #d2e3ee;
}
div#menusub_medicine_box {
	margin: 0px auto;
	width: 640px;
}
div.medicine_box {
	display: inline;
	float: left;
	width: 160px;
}

/* 常識 */
div#medicine_wisdom p {
	margin: 0px 20px 20px 0px;
}
div#medicine_wisdom_list {
	margin: 20px 0px 20px 20px;
}
div.medicine_wisdom_explain {
	margin-top: 100px;
}
div.medicine_wisdom_explain h3 {
	float: left;
	margin: 0px 20px 20px 0px;
	width: 200px;
}
div.medicine_wisdom_explain h4 {
	font-size: 116%;
	font-weight: bold;
	color: #2076ac;
}
div.medicine_wisdom_explain p {
	margin: 20px 20px 20px 0px;
}

/* 食材 */
div#medicine_food p {
	margin: 20px 20px 20px 0px;
}

div#medicine_food_box {
	width: 675px;
}
div.food_box {
	display: inline;
	float: left;
	width: 135px;
}
div.medicine_food_explain {
	margin-top: 100px;
	padding: 10px;
	background-color: #d2e3ee;
}
div.medicine_food_explain h3 {
	float: left;
	width: 90px;
}
div.medicine_food_list {
	float: right;
	padding: 10px;
	margin-bottom: 10px;
	width: 560px;
	background-color: #ffffff;
}
div.medicine_food_explain h4 {
	float: left;
	margin: 0px 20px 10px 0px;
	width: 120px;
}
div.medicine_food_explain h5 {
	font-size: 116%;
	font-weight: bold;
	color: #2076ac;
}
div.medicine_food_explain p {
	margin-top: 20px;
}

/* お酒 */
div#medicine_drink p {
	margin: 20px 20px 20px 0px;
}
div#medicine_drink_list {
	margin: 20px 0px;
}
ul.drink_list {
	float: left;
	width: 345px;
}
div.medicine_drink_explain {
	margin-top: 100px;
}
div.medicine_drink_explain h3 {
	float: left;
	width: 170px;
}
div.medicine_drink_explain h4 {
	margin-left: 170px;
	width: 500px;
	font-size: 116%;
	font-weight: bold;
	color: #2076ac;
}
div.medicine_drink_explain p {
	margin: 20px 20px 20px 170px;
	width: 500px;
}

/* 子供 */
div#medicine_child p {
	margin: 0px 20px 20px 0px;
}
div#medicine_child_list {
	margin: 20px 0px;
}
div.medicine_child_explain {
	margin-top: 100px;
}
div.medicine_child_explain h3 {
	float: left;
	width: 180px;
}
div.medicine_child_explain h4 {
	margin-left: 220px;
	width: 450px;
	font-size: 116%;
	font-weight: bold;
	color: #2076ac;
}
div.medicine_child_explain p {
	margin: 20px 20px 20px 220px;
	width: 450px;
}




/* ---------- 学薬 ---------- */

div#school_feature p {
	margin: 20px 20px 20px 0px;
}
div#school_active01 h2 {
	margin-bottom: 30px;
}
div#school_active01 h3,
div#school_active03 h3,
div#school_active05 h3 {
	float: right;
	width: 250px;
}
div#school_active01 h4,
div#school_active03 h4,
div#school_active05 h4 {
	margin-right: 260px;
	width: 410px;
	font-size: 116%;
	font-weight: bold;
	color: #519128;
}
div#school_active01 p,
div#school_active03 p,
div#school_active05 p {
	margin: 20px 260px 20px 0px;
	width: 410px;
}
div#school_active02 h3,
div#school_active04 h3 {
	float: left;
	width: 250px;
}
div#school_active02 h4,
div#school_active04 h4 {
	margin-left: 260px;
	width: 410px;
	font-size: 116%;
	font-weight: bold;
	color: #519128;
}
div#school_active02 p,
div#school_active04 p {
	margin: 20px 20px 20px 260px;
	width: 410px;
}
div#school_active06 h4 {
	font-size: 116%;
	font-weight: bold;
	color: #519128;
}
div#school_active06 ul{
	margin: 20px 0px;
}
div#school_greet p {
	margin: 20px 20px 20px 0px;
}



/* ---------- サイトマップ ---------- */

div#sitemap_lead {
	margin: 0px auto;
	padding : 30px 0px;
	width: 600px;
}

div#sitemap {
	margin: 0px auto;
	padding : 30px 0px;
	width: 600px;
}

ul.category li.top {
	background-image: none;
}
ul.category li {
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_arrow.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
ul.category_sub li {
	margin-left: 30px;
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_arrow_s.gif");
	background-repeat: no-repeat;
	background-position: left center;
}
ul.category_nest li {
	margin-left: 60px;
	padding: 2px 0px 2px 30px;
	background-image: url("../image/icon_circle.gif");
	background-repeat: no-repeat;
	background-position: left center;
}