@charset "utf-8";


html{
	font-size:62.5%;
	background:#FFF;
}
body{
	font-size:1.4rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	margin: 0;
	line-height:2.4rem;/*1.9rem;*/
	background-color:#FFF;
	-webkit-text-size-adjust: none;
}


/* リンク */
a{
	color:#2365C9;
	text-decoration:none;
	cursor: pointer;
}
a:hover{
	color:#f30;
}
a:active, a:focus{
	outline:0;
}
img a:hover,
a:hover{
opacity:0.7;
}
.clear{
	clear:both;
}
.brSP{
	display:inline;
}
.brPC{
	clear:none;
}
.br{
	display:none;
}

/* テキスト装飾 */
.txtb{
	font-weight:bold;
}
.txtb_red{
	font-weight:bold;
	color:#EE3300;
}
.txt_red{
	color:#EE3300;
}
.txt_org{
	color:#FF6600;
}
.txt_ble{
	color:#0066CC;
}
strong{
	font-weight:bold;
}
.center{
	text-align:center;
}
.right-center{
	text-align:right;
}
.right{
	text-align:right;
}
.txt10{
	font-size:1.0rem;
}
.txt12{
	font-size:1.2rem;
}
.btm30{
	margin-bottom:30px;
}
.btm20{
	margin-bottom:20px;
}
.top30{
	margin-top:30px;
}
.btm10{
	margin-bottom:10px;
}
.btmP10{
	padding-bottom:10px;
}
.btmP30{
	padding-bottom:30px;
}
.top10{
	margin-top:10px;
}
.top-10{
	margin-top:-10px;
}

/* 全体 */
#wrapper{
	margin:0 auto;
	padding:0;
	max-width:990px;
	position:relative;
}
.inner{
	margin:0 auto;
	/*width:;*/
}

/* ヘッダ
--------------------------------*/
#header{
	width:100%;
	background-color:#127BC9;
	padding:0;
	text-align:center;
	height:69px;
}

* html #header{height:1%;}

/* ロゴ */
#header .logo{
	float:left;
	padding:0;
	line-height:0;
	height:69px;
}
#header .logo a img{
	line-height:0;
	padding:25px 0 25px 10px;
    height:auto;
}

/* ヘッダインフォ */
#hdr_info{
	float:right;
	padding:0 10px 0 2px;
	height:69px;
}
#hdr_info li{
font-size:1.3rem;
text-align:1.3rem;
}
#hdr_info li a{
display:inline-block;
padding: 22px 0;
margin-right: 5px;
color: #fff;
}

/* パン屑　*/
#breadcrumb{
	padding:0 10px;
	box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
	-moz-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
	-webkit-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
	-o-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
	-ms-box-shadow: 3px 0 0 -3px rgba(0,0,0,0.4) inset;
	font-size:1.1rem;
	line-height:1.2rem;
	font-weight:bold;
	max-height:999999px;
	color:#666;
	text-align:right;
}
#breadcrumb ul{
	clear:both;
	padding:0 0 0 8px;
}
#breadcrumb li{
	display: inline;
	margin:0 2px;
	padding:0;
}
#breadcrumb li a{
	position:relative;
	display:inline-block;
    padding:15px 18px 15px 0;
	font-weight:bold;
	color:#1279C9;
}
#breadcrumb li a::after{
	position:absolute;
	top:50%;
	right:4px;
	display:block;
	content:'';
	width:4px;
	height:4px;
	margin-top:-2px;
	border-top:2px solid #C6C6C6;
	border-right:2px solid #C6C6C6;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
#breadcrumb li.crmb_home{
	background-image:url(../img/crmb_home.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
}
#breadcrumb li.crmb{
	background-image:url(../img/crmb_home.png);
	background-repeat:no-repeat;
	background-position:0 2px;
	padding-left:20px;
}
#breadcrumb li.crmb a::after{
	width:0;
	border-top: none;
	border-right:none;
}
#breadcrumb li a:hover{
	color:#f30;
}
#breadcrumb li.breadcrumbNone a::after{
	border-top:none;
	border-right:none;
}


/* グリッド
--------------------------------*/
.gridWrapper{
clear:both;
padding:20px 0;
overflow:hidden;
}

* html .gridWrapper{height:1%;}
	
.grid{
	float:left;
}

/* ボタン 詳細はこちら */
.more a{
	clear:both;
	position:relative;
	display:block;
	margin:6px;
	padding:3px 15px 3px;
	color:#fff;
	background-color:#4195D4;
	font-size:1.2rem;
	font-weight:bold;
}
.more  a::after{
	position:absolute;
	top:50%;
	left:3px;
	display:block;
	content:'';
	width:4px;
	height:4px;
	margin-top:-3px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
.more a:hover{
	opacity:0.7;
}




/* コンテンツ
--------------------------------*/
article{
	margin-top:15px;
}
section.content{
	clear:both;
	margin-bottom:8px;
	overflow:hidden;
}

* html section.content{
	height:1%;
}

section.content p{
	margin-bottom:5px;
}
section.content ul{
	margin:5px 10px;
}

section.content li{
	padding:5px 0;
	list-style:inside;
}

/* デフォルト */
.ctn{
	overflow:*auto;/hidden*/
	position:static;
	word-break:break-all;
	padding:10px 40px;/*30px;*/
	margin:5px 0 2px;
	word-break:normal;
}

/* 各ページタイトル */
.ctn h2{
	position:relative;
	font-size:2.0rem;
	max-height:999999px;
	padding:5px 5px 20px 20px;
    margin-bottom: 20px;
	background-image:url(../img/ctn_bg.png);
	background-size:15px 15px;
	background-repeat:no-repeat;
	background-position:0 9px;
	border-bottom:solid 2px #127BC9;
	overflow:hidden;
}
.ctn h3{
	position:relative;
	font-size:1.8rem;
	max-height:999999px;
	padding:18px 10px 18px 39px;
	background-image:url(../img/ctn_bg.png);
	background-size:4px 20px;
	background-repeat:no-repeat;
	background-position:24px 20px ;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,0.3);
	overflow:hidden;
}
.ctn h4{
	font-size:1.5rem;
	max-height:999999px;
	padding-top:10px;
}
h3.ctnTTLs,
h4.ctnTTLs{
	font-size:1.7rem;
	font-weight:bold;
	color:#127BC9;
	max-height:999999px;
	padding:7px 0;
	background-image:none;
	box-shadow:none;
}
h5.ctnTTLss,
p.ctnTTLss{
	display:inline-block;
	font-size:1.6rem;
	padding:1px 10px;
	background-color:#EEEFF0;
	border:solid 1px #D2D2D2;
	margin-bottom:10px;
	text-align:center;
	border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
.pTOP{
	padding:30px 10px 10px 10px;
    line-height: 2.6rem;
}
.pMDL{
	padding:20px;
}
.ctn section{
	clear:both;
}


/* デフォルト リスト形式 */
.ctn_list{
	overflow:auto;/*hidden*/
	position:static;
	padding:15px 20px 25px;
	margin:7px 2px 2px;
	background:#fff;
	background-image:url(../img/list_04.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:auto;
	border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
.ctn_list h4{
	color:#3AA54B;
	font-size:2.2rem;
	max-height:999999px;
}
.ctn_list section{
	clear:both;
}
.ctn_list_last{
	overflow:auto;
	position:static;
	padding:15px 20px 25px;
	margin:7px 2px 2px;
	background:#fff;
	border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
.ctn_list_last h4{
	color:#3AA54B;
	font-size:2.2rem;
	max-height:999999px;
}
.ctn_list_last section{
	clear:both;
}

/* トップメニュー 
--------------------------- */
#ctn_menu{
	position:relative;
	width:32%;
	float:left;
	margin-right:1.3%;
	margin-top:1.3%;
	background:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,0.2);
	overflow: auto;
}
#ctn_menu ul{
	position:relative;
	margin:0;
}
#ctn_menu li{
	list-style-type:none;
	border-bottom:#E0E0E0 1px solid;
	padding:13px 20px 13px 23px;
}
/*#ctn_menu li:last-child{
	border:none;
}*/
#ctn_menu li a{
	position:relative;
	display:block;
	color:#2365C9;
	font-size:1.4rem;
	max-height:999999px;
}
#ctn_menu li a:hover{
	color:#f30;
}
#ctn_menu li a::after{
	position:absolute;
	top:50%;
	right:-5px;
	display:block;
	content:'';
	width:8px;
	height:8px;
	margin-top:-8px;
	border-top:2px solid #DFDFDF;
	border-right:2px solid #DFDFDF;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
#ctn_menu p{
	position:absolute;
	clear:both;
	width:90%;
	bottom:0;
	text-align:center;	
	line-height:3.0rem;
	font-size:1.3rem;
	max-height:999999px;
	padding:0 10px;
	margin-top:20px;
}
#ctn_menu p a{
	display:block;
	font-weight:bold;
}
#ctn_menu .br,.br a{
	clear:both;
	display:block;
	position:inherit;
	padding:0;
	margin:0;
}
#ctn_menu h2,h3{
	font-size:1.9rem;
	max-height:999999px;
	padding:20px 0 20px 10px;
}



/* トップページ（薬剤部のご紹介、就職相談窓口） */
#ctn_top_list{
	position:relative;
	padding-top:20px;
}
#ctn_top_list ul{
	position:relative;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#ctn_top_list li{
	position:relative;
	display:inline-block;
	width:48%;
	list-style:none;
	margin:0 1% 2% 0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,0.3);
}
#ctn_top_list li a{
	padding:12px 30px 12px 18px;
	display:block;
	color:#333;
}
#ctn_top_list li h3{
	margin-left:-10px;
	font-size:1.8rem;
	line-height:0;
	font-weight:bold;
}
#ctn_top_list li a::after{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	content:'';
	width:13px;
	height:13px;
	margin-top:-8px;
	border-top:2px solid #A1A1A1;
	border-right:2px solid #A1A1A1;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
#ctn_top_list li p{
	line-height:2.0rem;
}
#ctn_top_list li p.ctn_top_list02{
	display:inline-block;
	background-image:url(../img/list_02.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	margin-right:5px;
	line-height:1.4rem;
}

#ctn_top_list li a p{
	position:relative;
	font-size:1.3rem;
	margin-top:5px;
}
#ctn_top_list li a:hover{
	opacity:0.7;
}

/* 動画リスト */
#ctn_mokuji{
	overflow:auto;
	position:static;
	padding-top:20px;
}
#ctn_mokuji ul{
	position:relative;
	margin:2px;
	border-radius:3px;
}
#ctn_mokuji ul li{
	position:relative;
	float:left;
	list-style:none;
    width:49%;
	margin:0 2% 1% 0;
}
#ctn_mokuji ul li:nth-child(even){
width:49%;
margin:0 0 1% 0;
}
#ctn_mokuji ul li a{
	position:relative;
	display:block;
	color:#333;
	background-color:#fff;
	border-radius:3px;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}
#ctn_mokuji li a::after{
	position:absolute;
	top:50%;
	right:10px;
	display:block;
	content:'';
	width:10px;
	height:10px;
	margin-top:-7px;
	border-top:3px solid #C4C4C4;
	border-right:3px solid #C4C4C4;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
#ctn_mokuji ul li a img{
	float:left;
	height:80px;
	border-radius:3px 0 0 3px;
	display:block;
}
div.memo_dtl{
width: 100%;
	height:80px;
	padding:0 25px 0 15px;
	display:table-cell;
	vertical-align:middle;
    overflow-wrap: break-all;
}
div.memo_dtl p{
	font-size:1.5rem;
    line-height: 1.8rem;
	font-weight:bold;
    margin: 2px 0 0 0;
position: relative;
max-width: ;/*全角35文字＋...*/
overflow-wrap: break-all;
}
div.memo_dtl span{
	font-size:1.2rem;
    line-height: 1.2rem;
}
#ctn_mokuji ul li a:hover{
	opacity:0.7;
}

/* リスト */
ul.ctn_file-LST{
	padding-top:20px;
    margin:2px;
	border-radius:3px;
}
ul.ctn_file-LST li{
	position:relative;
	float:left;
width: 200px;
	list-style:none;
	margin:0 2% 1% 0;
font-size: 1.3rem;
}
ul.ctn_file-LST li a{
	position:relative;
	display:block;
    padding:7px 20px;
color:#777;
font-weight: bold;
	background-color:#fff;
	border-radius:3px;
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}
ul.ctn_file-LST li a::after{
	position:absolute;
	top:50%;
	right:10px;
	display:block;
	content:'';
	width:7px;
	height:7px;
	margin-top:-7px;
	border-top:3px solid #C4C4C4;
	border-right:3px solid #C4C4C4;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
ul.ctn_file-LST li a:hover{
	opacity:0.7;
}
ul.ctn_file-LST li a p{
	font-size:1.7rem;
	font-weight:bold;
}

/* リスト0（○） */
ul.list_0 li{
	list-style-type:circle;
	list-style-position:outside;
	margin-left:2.0rem;
}


/* リスト1 */
ul.list_1{
	list-style-type:none;
	width:100%;
}
ul.list_1 li{
	float:left;
	padding:2px 20px 0 0;
	list-style-image:url(../img/list_01.png);
}
ul.list_1 li a{
	display:inline-block;
}

/* リスト2 */
ul.list_2{
	clear:both;
	list-style-type:none;
	width:100%;
	padding-bottom:5px;
}
ul.list_2 li{
	float:left;
	padding:2px 20px 8px 0;
	list-style-image:url(../img/list_02.png);
}
ul.list_2 li a{
	display:inline-block;
}

/* リスト3 */
ul.list_3{
	clear:both;
}
ul.list_3 li{
	float:left;
	list-style-type:none;
	padding:5px 15px;
	margin:0 5px 5px 0;
	background-image:url(../img/btn_more.png);
	background-repeat:no-repeat;
	background-position:5px 12px;
	background-color:#D7746F;
	border-radius:3px;
}
ul.list_3 li a{
	color:#fff;
	display:block;
}
ul.list_3 li a:hover{
	color:#EBBAB7;
}

/* リスト4（数字） */
ul.list_4 li{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:2.0rem;
}

/* リスト5（小文字のアルファベット） */
ul.list_5 li{
	list-style-type:lower-alpha;
	list-style-position:outside;
	margin-left:2.0rem;
}

/* リスト6（・） */
ul.list_6 li{
	list-style-type:disc;
	list-style-position:outside;
	margin-left:2.0rem;
}
/* リスト画像 */
ul.list_img{
	list-style-type:none;
	width:100%;
	padding:10px 0;
}
ul.list_img li{
	display:inline-block;
	padding:0;
	margin:0;
}
/* PDF・wordリスト */
ul.list_pw{
	width:100%;
	margin-top:5px;
}
ul.list_pw li{
	list-style-type:none;
	padding-right:20px;
	margin-top:5px;
}
ul.list_pw li.pw_pdf{
	background-repeat:no-repeat;
	background-image:url(../img/pdf.png);
	background-size:27px 30px;
	background-position:top 0 left 0;
	display:block;
}
ul.list_pw li.pw_word{
	background-repeat:no-repeat;
	background-image:url(../img/doc.png);
	background-size:39px 39px;
	background-position:top 0 left 0;
}
ul.list_pw li a{
	display:block;
	margin-left:40px;
}






img.frame,#gallery img{
	border:4px solid #fff;
}

#gallery .gridWrapper{padding:0;}

#gallery img{
margin:5px;
}

section#gallery{
	overflow:visible;}


/* テーブル
--------------------------------*/
.tbl_right{
	text-align:right;
}
.tbl_left{
	text-align:left;
}
.tbl_center{
	text-align:center;
}
.display{
	display:none;
}
.tbl_dsplyBF{
	display:inline;
	padding:2px 10px;
	/*color:#FFF;*/
	margin-right:5px;
	text-align:center;
	border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
.tbl_dsply{
	display:none;
}
.bgPNK{
	background-color:#FFB5CF;
}
.lineGLY{
	border:solid 1px #D2D2D2;
}

/* テーブル1 */
table.tbl_1{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl_1 th,
table.tbl_1 td{
	padding:15px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl_1 tbody th{
	font-weight:bold;
	background-color:#F6F6F6;
}

/* テーブル1_2 */
table.tbl_1_2{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl_1_2 th,
table.tbl_1_2 td{
	padding:15px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl_1_2 thead th{
	font-weight:bold;
	background-color:#F6F6F6;
}
table.tbl_1_2 tbody th{
	font-weight:bold;
}
/* テーブル1_3　変形無し */
table.tbl_1_3{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl_1_3 th,
table.tbl_1_3 td{
	padding:15px;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl_1_3 th{
	font-weight:bold;
	background-color:#F6F6F6;
}


/* テーブル2 緑 */
table.tbl_2{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
table.tbl_2 th,table.tbl_2 td{
	padding:5px;
	border:1px solid #D6D6D6;
}

table.tbl_2 th{
	letter-spacing:1px;
	white-space:nowrap;
	background:#DDEFDA;
}
/* テーブル2_1 黄 */
table.tbl_2_1{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
table.tbl_2_1 th,table.tbl_2_1 td{
	padding:5px;
	border:1px solid #D6D6D6;
	vertical-align: top;
}

table.tbl_2_1 th{
	letter-spacing:1px;
	white-space:nowrap;
	background:#FAF8C5;
}
/* テーブル2_2 青 */
table.tbl_2_2{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
table.tbl_2_2 th,table.tbl_2_2 td{
	padding:5px;
	border:1px solid #D6D6D6;
}

table.tbl_2_2 th{
	letter-spacing:1px;
	white-space:nowrap;
	background:#CFE4FA;
}
/* テーブル2_3 グレー */
table.tbl_2_3{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
table.tbl_2_3 th,table.tbl_2_3 td{
	padding:5px;
	border:1px solid #D6D6D6;
}
table.tbl_2_3 th{
	letter-spacing:1px;
	white-space:nowrap;
	background:#EEEFF0;
}
/* テーブル2_3_3 グレー・要旨検索 */
table.tbl_2_3_3{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
	border-top:3px solid #D6D6D6;
}
table.tbl_2_3_3 th,table.tbl_2_3_3 td{
	padding:5px;
	border-top:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
}
table.tbl_2_3_3 th{
	letter-spacing:1px;
	white-space:nowrap;
	background:#EEEFF0;
}
table.tbl_2_3_3 tbody{
	border-top:3px solid #D6D6D6;
	border-bottom:3px solid #D6D6D6;
}
table.tbl_2_3_3 tbody:nth-child(odd) {
	background-color:#F6F6F6;
	border-top:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
}
/* テーブル2_4 奇数のみグレー */
table.tbl_2_4{
	border-collapse:collapse;
	width:100%;
	margin:0 auto;
}
table.tbl_2_4 tbody:nth-child(even) {
	background:#EEEFF0;
	border-top:1px solid #D6D6D6;
	border-bottom:1px solid #D6D6D6;
}
table.tbl_2_4 th,table.tbl_2_4 td{
	padding:5px;
}
/* テーブル3 */
table.tbl_3{
	width:100%;
	border-collapse:collapse;
	margin:0 auto;
	margin-bottom:20px;
}
table.tbl_3 th,
table.tbl_3 td{
	padding:5px 5px 0 5px;
	border:none;
}
table.tbl_3 th{
	background:none;
	vertical-align:top;
}


/* ×××下部メニュー */
#bottomline{
	padding:0;
	margin-right:8px;
}
#bottomline ul{
	float:right;
	padding-bottom:6px;
}
#bottomline li{
	display: inline;
	margin:0 5px;
	padding-left:8px;
	font-size:1.5rem;
	max-height:999999px;
}
#bottomline li a{
	display:inline-block;
}

/* ページナビ
-----------------------*/
.pageNav-area{
	text-align: center;
}
ul.pageNav{
	padding: 12px;
    display:inline-block;
}
ul.pageNav li{
    float:left;
	padding-right:15px;
	display:inline-block;
	vertical-align:middle;
	margin: 0 2px;
	padding: 0;
}
ul.pageNav li span,
ul.pageNav li a{
	display: inline-block;
	padding: 1px 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	vertical-align: middle;
	text-decoration: none;
}
ul.pageNav li span{
	background-color: #E0E0E0;
}
ul.pageNav li a:hover{
	background: #efefef;
}

/* このページのトップへ戻る
--------------------------------*/
#ftr_back{
	clear:both;
	font-weight:bold;
}
* html #ftr_back{height:1%;}

#ftr_back p.home a{
	float:right;
	display:block;
	height:20px;
/*	background-image:url(../img/back_top.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:auto;
	padding-left:15px;
*/
	margin:0 10px 20px 0;
	font-size:1.5rem;
	max-height:999999px;
	color:#2365C9;
}
#ftr_back p.ftr_back a{
	float:left;
	display:block;
	height:20px;
/*
	background-image:url(../img/back.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:auto;
	padding-left:15px;
*/
	margin:0 0 20px 10px;
	font-size:1.5rem;
	max-height:999999px;
	color:#2365C9;
}
#ftr_back p a:hover{
	color:#E35E5E;
}


/* フッター
--------------------------------*/
.footer{
	clear:both;
	overflow:hidden;
	text-align:center;
	font-size:1.4rem;
	max-height:999999px;
background:#127BC9;
color: #fff;
margin-top: 30px;
}
.footer p{
	display:inline-block;
}
.footer p.cprt{
	font-size:1.2rem;
	padding:10px 0;
	max-height:999999px;
}

/* ページトップ
--------------------------------*/
#pageTop a{
	background:#ccc;
	border-radius:5px;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
}
#pageTop a::after{
	position:absolute;
	top:50%;
	right:13px;
	display:block;
	content:'';
	width:10px;
	height:10px;
	margin-top:-6px;
	border-top:4px solid #fff;
	border-left:4px solid #fff;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg);
}
#pageTop a:hover{
	opacity:0.7;
}


/*===============================================
  PC用
===============================================*/
@media print, screen and (min-width:990px){	
#wrapper,.inner{
	width:990px;
}
#wrapper{
	padding-bottom:20px;
}
#main{
	float:right;
	width:708px;
}
/* グリッド */
.grid{
	width:230px;
}
.col2{
	width:470px;
}
.col3{
	width:940px;
}
#gallery .grid{
	width:230px;
}
#sub.grid{
	width:100%;
	float:none;
}
}


/*===============================================
  モニター幅989px以下
===============================================*/
@media only screen and (max-width:989px){
body{
	background-image:none;
}
.brSP{
	display:block;
}
.brPC{
	display:none;
}
#wrapper,.inner{
	width:100%;
}
#main{
	float:right;
	width:100%;
}
#ctn_menu{
	width:100%;
	margin-right:0;
	margin-top:15px;
}
#ctn_top_list li{
	width:100%;
	margin:0 0 15px 0;
}
#sub{
	margin:0 10px;
}
.ctn{
	padding:15px;
}
.br{
	display:block;
}
.display_{
	display:none;
}
.display{
	display:block;
}
.tbl_dsply{
	display:inline-block;
	font-size:1.2rem;
	line-height:1.3rem;
	width:135px;
	padding:3px 1px;
	background-color:#EEEFF0;
	border:solid 1px #D2D2D2;
	margin-right:5px;
	margin-left:-3px;
	text-align:center;
	border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
table.tbl_1{
	display:block;
	border-top:1px solid #D2D2D2;
}
table.tbl_1 tbody{
	display: block;
}
table.tbl_1 tbody tr{
	display:block;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl_1 tbody th,
table.tbl_1 tbody td{
	padding:5px 15px;
	display:list-item;
	list-style-type: none;
	border-top:none;
	border-bottom:none;
}
table.tbl_1 tbody th{
/*	white-space:nowrap;*/
	background:#E5E5E5;
	font-weight:bold;
	margin-top:0;
}
table.tbl_1 tbody th.thttl{
	background:#E0E0E0;
}
table.tbl_1 td{
	width:100%;
}

table.tbl_1_2{
	display:block;
	border-top:1px solid #D2D2D2;
}
table.tbl_1_2 thead{
	display:none;
}
table.tbl_1_2 tbody{
	display: block;
}
table.tbl_1_2 tbody tr{
	display:block;
	border-top:1px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
}
table.tbl_1_2 tbody th,
table.tbl_1_2 tbody td{
	padding:5px 15px;
	display:list-item;
	list-style-type: none;
	border-top:none;
	border-bottom:none;
}
table.tbl_1_2 tbody th{
/*	white-space:nowrap;*/
	background:#E5E5E5;
	margin-top:0;
}
table.tbl_1_2 td{
	width:100%;
}

.grid{
	width:100%;
	margin:2px 0;
	float:none;
	display:inline-block;
	vertical-align:top;
}
.grid img{
	float:none;
	width:100%;
	margin-bottom:20px;
}

	
.col2{
	float:none;
	width:100%;
	margin:0 0 20px;
}
	
.grid img{
	float:left;
	margin-right:5px;
}

#gallery .grid{
	width:31%;
	margin:0 1%;
	padding:0;
}	
#gallery .grid img{
	float:none;
}	
section.content{
	padding:0 10px;
}	
section.content img{
	max-width:90%;
	height:auto;
}
#sub .grid{
	margin-bottom:20px;
	width:48%;
	margin-left:1%;
}
}


/*===============================================
  画面の横幅が768pxまで（iPad）
===============================================*/
@media only screen and (max-width:768px){
.right-center{
	text-align:center;
}
#header{
	padding-bottom:0;
}
#ctn_mokuji ul li,
#ctn_mokuji ul li:nth-child(even){
	width:100%;
	margin:0;
}
#ctn_mokuji ul li a img{
	border-radius:3px 0 0 3px;
	float:left;
}
ul.ctn_file-LST li{
	width:100%;
	margin:0;
}
.memo_more{
	display:none;
}
}


/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px){
.image{
	top:0;
}
#ctn_menu .br,.br a{
	clear:both;
	display:block;
	position:inherit;
	padding:0;
	margin:0;
}
img.frame,#gallery img{
	border-width:2px;
}
#sub .grid{
	margin-bottom:20px;
	width:98%;
}
.info{
	clear:both;
}
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px){
#header{
	max-width:480px;
}
.ctn h3{
	margin:15px 10px 0 5px;
}
ul.list_1 li{
	float:none;
}
ul.list_2 li{
	float:none;
}
ul.list_3 li{
	float:none;
}
#pageTop a{
	bottom:5px;
	right:5px;
}
}
.header2{
	width:100%;
	background-color:#e4f3ff;
	padding: 10px 0;
	line-height: 1.7rem;
	}
	p.hdr2_syozoku-simei{
	font-size: 1.2rem;
	font-weight: 600;
	padding: 0 0 3px 10px;
	}
	p.hdr2_syozoku-simei span{
	font-size: 1.05rem;
	}
	p.hdr2_txt{
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 1.05rem;
	color: #127bc9;
	}
	p.hdr2_txt span{
	padding-left: 10px;
	display: inline-block;
	}