@charset "utf-8";


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


/* リンク */
a{
color:#395CA4;
text-decoration:none;
}
a:hover, 
#detailedmenuTTL h4 a:hover,
#detailedmenu li a:hover,
#detailedmenu li.ttl_detail a:hover{
color:#f30;
}
a:active, a:focus{
outline:0;
}

/* テキスト装飾 */
.b_red{
font-weight:bold;
color:#EE3300;
}
.imptnt{
color:#FFF;
background-color:#E94319;
padding:1px 10px;
margin:0 5px 0 -12px;
font-size:1.1rem;
}
.komokuBLU{
color:#FFF;
background-color:#395CA4;
padding:1px 10px;
margin:0 5px 0 -12px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}
.komokuYEL{
border:solid 1px #FFD351;
padding:1px 10px;
margin:0 5px 0 -12px;
font-size:1.1rem;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:1.2rem;
font-weight:bold;
}
.komokuGLY{
	background-color:#78758C;
color:#FFF;
padding:1px 10px;
margin:0 5px 0 0;
font-size:1.1rem;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
font-size:1.15rem;
}
.member1{
color:#FFF;
background-color:#395CA4;
padding:2px;
margin-left:3px;
font-size:0.9rem;
}
.member2{
color:#FFF;
background-color:#008640;
padding:2px;
margin-left:3px;
font-size:0.9rem;
}
.member3{
color:#333;
background-color:#FFDB33;
padding:1px 2px;
margin:0 5px 0 -12px;
font-size:1.1rem;
}
.redb{
	color:#f00;
}
.center{
text-align:center;
}
.center2{
text-align:center;
}
.right{
text-align:right;
}
.left{
text-align:left;
}
.rubi{
font-size:70%;
}
.txt_Sblk{
font-size:1.2rem;
line-height:1.5rem;
display:block;
}
.txt_b{
font-weight:bold;
}
.txt_s{
font-size:80%;
}
.txt_red{
color:#F00;
}
.txt_blu{
color:#2455B9;
}
.txt_30{
font-size: 3.0rem; 
}
.tbl_txt1{
margin-left:20px;
margin-bottom:20px;
line-height:1.6rem;
}
.kakoi1{
background-color:#EDF2FC;
padding:10px 20px;
}
.kakoi2{
background-color:#F7F7F7;
padding:10px 20px;
}
.middle{
vertical-align:middle;
}
.sup{
font-size:60%;
vertical-align: top;
position: relative;
top: -0.2em;
}
.sub{
font-size:60%;
vertical-align: bottom;
position: relative;
top: 0.2em;
}
.br{
display:block;
}
.br3{
}/* 縮めると改行 */
.img_kaishi{
line-height:1.5rem;
padding-bottom:7px;
}
.br4{
display:block;
}
.br5{
display:none;
}
.img_right{
float:right;
padding:10px 0 0 15px;
}


/* 全体 */
#wrapper{
margin:0 auto;
/* ↓PC用で定義
 padding:0 1%;
max-width:840px; */
position:relative;
}
.inner{
margin:0 auto;
width:100%;
}
.bg_WHT{
	width:100%;
	background-color:#FFF;
}
.TOP_cnt{
margin-top:30px;
}
.mTOP{
margin-top:40px;
}
.mTOP10{
margin-top:10px;
}
.mTOP20{
margin-top:20px;
}
.mTOP-7{
margin-top:-7px;
}
.mTOP-15{
margin-top: -15px;
}
.mTOP-30{
margin-top: -30px;
}
.mTOP-40{
margin-top: -40px;
}
.mBTM{
margin-bottom:40px;
}
.mBTM-10{
margin-bottom:-10px;
}
.mLR{
margin:0 10px;
}
.pTOP-10{
padding-top:-10px;
}
.mLFT10{
margin-left:10px;
}
p.left20{
margin-left:20px;
}
.bnr{
    margin-top:10px;
    margin-bottom:-10px;
}


/* ヘッダー
--------------------------------*/
/* ヘッダー */
#header{
	overflow:hidden;
background-color:#FFF;
border-top:3px solid #1C1C7B;
padding:0;
	height:62px;
box-shadow: 0 0 5px #D7D7D7;
}
* html #header{height:1%;}
#header img{
width:49px;
height:49px;
float:left;
margin:6px 5px 0 5px;
}
#header h1{
float:left;
padding:0;
margin-top:7px;
}
#header h1 a{
font-size:2.3rem;
height:2.3rem;
color:#222;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-weight:bold;
display:table-cell;
vertical-align:top;
}
#header h1 a span{
font-size:1.2rem;
height:2.0rem;
display:block;
font-weight:bold;
}
#header h1 a:hover,
#header ul li a:hover{
opacity: 0.7;
}


/* メイン画像
--------------------------------*/
#main_bnr{
	clear:both;
	display: table;
	width: 100%;
	background-image:url(../img/top_img_bg.jpg),url(../img/top_img_bg2.jpg);
	background-repeat:no-repeat,repeat-x;
	background-position:center,center;
	background-size:862px 165px,2px 165;
	height:120px;
	position:relative;
	overflow:hidden;
	background-color:#1C1C7B;
	padding:0;
	text-align:center;
}
#main_bnr .main_bnr_copy{
  display: table-cell;
  vertical-align: middle;
	position: relative;
	background-repeat:repeat;
	border-radius:10px;
	max-width:446px;/*362px;*/
	padding:18px 42px;
  color: #FFF;
  font-size:1.8rem;
  line-height:2.6rem;
}
#main_bnr .main_bnr_copy span:first-child{
display: block;
}
#main_bnr .main_bnr_copy span:nth-child(2),
#main_bnr .main_bnr_copy span:nth-child(3){
display: inline-block;
}


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

* html .gridWrapper{height:1%;}

.grid{
float:left;
}


/* トップ左コンテンツ、中央2列コンテンツ、中央1列コンテンツ
-------------------------------------------*/
.col_left{
margin:0;
}

/* 左メニュー */
ul.col_lft_menu{
	margin-bottom:15px;/*30px;*/
}
ul.col_lft_menu li{
	display:block;
	margin:0 0 3px 0;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.35rem;
}
ul.col_lft_menu li a{
	display:block;
	padding:8px 15px 8px 22px;
	color:#131359;
	background-color:#FFF;
	background-image:url(../img/lft_menu_bk.png);
	background-repeat:no-repeat;
	background-position:12px 13px;
	font-weight:bold;
	text-decoration:none;
}
ul.col_lft_menu li a:hover{
	opacity:0.7;
}
/* 左バナー */
ul.col_lft_bnr{
	margin-bottom:30px;
}
ul.col_lft_bnr li{
	margin:0 0 3px 0;
}
ul.col_lft_bnr li a{
	display:block;
	background-color:#FFF;
}
ul.col_lft_bnr li a img{
	padding:10px 10px 3px 10px;
}
ul.col_lft_bnr li a:hover{
	opacity:0.7;
}
#sub .grid h3{
padding-left:5px;
font-size:1.9rem;
}

.gridWrapper img{
max-width:100%;
height:auto;
}


/* コンテンツ
--------------------------------*/
section.content{
clear:both;
padding:30px;
margin-bottom:25px;
overflow:hidden;
	background-color:#FFF;
}

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

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

h2.title{
display:inline-block;
padding:0;
margin:2px 2px 5px 0;
font-size:2.0rem;
color:#1A1A6F;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:bold;
}
p.more{
display:inline-block;
float:right;
font-size:1.3rem;
line-height:1.3rem;
}
p.more a{
display:block;
padding:2px 20px;
color:#FFF;
background-color:#1C1C7B;

}
p.more a:hover{
opacity:0.5;
}
h2.title_s{
padding:0 10px 6px 0;
margin:33px 2px 10px 0;
font-size:1.6rem;
color:#000;
font-family:"ヒラギノ丸ゴ ProN W3","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
h2.title_ss{
padding:0 10px 6px 0;
margin:15px 2px 10px 0;
font-size:1.6rem;
color:#000;
font-family:"ヒラギノ丸ゴ ProN W3","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


/* デフォルト */
#ctn{
overflow:hidden;/*auto*/
position:static;
padding:0;
margin:0;
background:#fff;
}
#ctn a{
text-decoration:underline;
}
#ctn h3,
#ctn_index h3{
display:block;
padding:0 0 0 8px;
margin:2px 2px 5px 0;
font-size:1.8rem;
font-weight:bold;
background-image:url(../img/ctn_h3.png);
background-repeat:no-repeat;
background-position:0 5px;
}
#ctn h3.nintei_green{
	color:#275234;
	background-image:url(../img/ctn_h3_nintei_green.png);
}
#ctn h3 span{
font-size:70%;
display:block;
}
#ctn h4{
font-size:1.5rem;
font-weight:bold;
padding:5px 0;
color:#1C1C7B;
}
#ctn h5{
font-weight:bold;
padding-top:0.5rem;
}
#ctn section{
clear:both;
padding-top:35px;
}
#ctn section.sctnTOP{
clear:both;
margin-top:-10px;
}
#ctn p{
padding-bottom:5px;
}
#ctn p.br2{
margin-bottom:1.2rem;
}

/* デフォルト リスト形式 */
#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;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}
#ctn_list h4{
color:#3AA54B;
font-size:2.2rem;
}
#ctn_list section{
clear:both;
}
#ctn_list_last{
overflow:auto;
position:static;
padding:15px 20px 25px;
margin:7px 2px 2px;
background:#fff;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}
#ctn_list_last h4{
color:#3AA54B;
font-size:2.2rem;
}
#ctn_list_last section{
clear:both;
}
/* お問い合わせ */
#ctn_last{
background-color:#fff;
border-radius:3px;
box-shadow:0 0 3px rgba(0,0,0,0.4);
padding:5px 20px 20px 20px;
}
#ctn_last h4{
margin:15px 0 8px 0;
border-left:none;
padding:0;
}



/* 重要なお知らせ*/
#ctn_imptnt{
overflow:auto;
position:static;
}
#ctn_imptnt ul{
position:relative;
margin:4px 4px;
padding:5px 0;
background:#FFF;
max-height: 999999px;
}
#ctn_imptnt li{
list-style-type:none;
display:block;
padding:0;
}
#ctn_imptnt li a{
padding:0 0 0 25px;
position:relative;
display:block;
color:#333;
}
#ctn_imptnt li a:hover{
color:#EE3300;
}
/* 枠 */
#ctn_imptnt.imptntORG{
border:solid 6px #FFD5A6;
}
#ctn_imptnt.imptntYEL{
border:solid 6px #FFED99;
}

/* spバナー */
.ctn_sp_bnr{
	display:none;
}

/* インフォメーション */
#ctn_info{
overflow:auto;
position:static;
}
#ctn_info h3{
display:block;
padding:0 0 15px 0;
margin:2px 2px 5px 0;
font-size:2.0rem;
color:#1A1A6F;
font-weight:bold;
}
#ctn_info ul{
position:relative;
margin:2px;
}
#ctn_info li{
list-style-type:none;
padding:10px 3px;
}
#ctn_info li a{
position:relative;
display:block;
color:#333;
}
#ctn_info li a:hover{
opacity:0.7;
}
#ctn_info li h3{
margin:0 0 10px 0;
font-size:1.8rem;
}
#ctn_info li.ctn_info_last{
clear:both;
border:none;
padding-bottom:15px;

}
.inf1,
.inf2{
font-size:1.1rem;
font-weight:bold;
line-height:1.3rem;
color:#FFF;
margin:5px 10px 0 0;
padding-bottom:1px;
width:55px;
text-align:center;
float:left;
}
.inf1{
background-color:#FF6633;
}
.inf2{
background-color:#395CA4;
}
.date{
float:left;
font-size:1.2rem;
color:#666;
}
.new{
float:left;
font-size:0.8rem;
line-height:1.2rem;
margin-left:10px;
margin-top:3px;
padding:0 6px;
border:1px solid #E9E9E9;
border-radius:4px;
color:#E30;
font-weight:bold;
background:#fff;
    border-top:1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
}
.info{
clear:both;
margin-left:65px;
line-height:1.5rem;
}


/* 2ページ目のインデックス */
#ctn_index{
overflow:auto;
position:static;
}
#ctn_index ul{
position:relative;
margin:2px;
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_index ul li{
position:relative;
float:left;
list-style:none;
margin:0 1% 0 0;
text-align:left;
display:table-cell;
vertical-align:middle;
}
#ctn_index ul.li3 li{
width:32%;
}
#ctn_index ul.li2 li{
width:49.3%;
}
#ctn_index ul.li1 li{
width:99%;
}
#ctn_index ul.li2 li:nth-child(even){
margin:0;
}
#ctn_index li a{
position:relative;
padding:8px 0 8px 7px;
display:block;
    border-top:1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
}
#ctn_index ul.li_pdf li a{
background-image:url(../img/li_pdf.png);
background-repeat:no-repeat;
background-position:18px 12px;
background-size:15px 16px;
border-left:none;
padding-left:40px;
}
#ctn_index li a:hover{
opacity:0.7;
}
/* 2ページ目のインデックス1列 */
#ctn_index ul.index1{
position:relative;
margin:20px 2px 2px 2px;
}
#ctn_index ul.index1 li{
position:relative;
float:left;
list-style:none;
width:99%;
margin:0 1% 0.1% 0;
text-align:left;
display:table-cell;
vertical-align:middle;
}
#ctn_index ul.index1 li a{
position:relative;
font-size:1.4rem;
font-weight:bold;
padding:8px;
display:block;
background-color:#F7F7F7;
    border-top:1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
    -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.1),1px 1px 1px rgba(255,255,255,1);
}
#ctn_index li a::after{
position:absolute;
top:50%;
right:15px;
display:block;
content:'';
width:8px;
height:8px;
margin-top:-8px;
border-top:2px solid #ccc;
border-right:2px solid #ccc;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#ctn_index ul.index1 li a:hover{
opacity:0.7;
}
#ctn_index p span.index1_1{
border:none;
display:block;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:1.3rem;
line-height:140%;
padding:5px 0;
color:#294378
}
#ctn_index p.index1_2{
border-left:solid #FFCC33 4px;
font-size:1.4rem;
}

/* リスト1 */
ul.list_1,
ul.list_1-1{
list-style-type:none;
width:100%;
padding-left:9px;
}
ul.list_1 li,
ul.list_1-1 li{
padding:2px 28px 0 0;
list-style-image:url(../img/list_1.png);
list-style-position:outside;
}
ul.list_1 li{
float:left;
}
ul.list_1 li a{
display:inline-block;
}
/* リスト1-1 */
ul.list_1-1 li{
}
ul.list_1-1 li a{
display: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_2.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;

}
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:1.5rem;
padding-left: 0.5rem;
padding-top:1.0rem;
margin-top: -0.9rem;
}
.alignleft{
float:left;
clear:left;
margin:3px 10px 10px 1px;
}

.alignright{
float:right;
clear:right;
margin:3px 1px 10px 10px;
}

/* リスト5（・） */
ul.list_5{
padding-left:15px;
}
ul.list_5 li{
list-style-type:circle;
list-style-position:outside;
}

/* リスト6 */
ul.list_6{
list-style-type:none;
width:100%;
padding-left:15px;
}
ul.list_6 li{
padding:5px 20px 10px 0;
list-style-image:url(../img/list_6.png);
list-style-position:outside;
}
ul.list_6 li a{
display:inline-block;
}

/* リスト（写真） */
ul.LST-pht{
padding-left:0;
}
ul.LST-pht li{
width: 31%;
margin:5px 1% 5px 0;
list-style:none;
display:inline-block;
}
ul.LST-pht li img{
width: 100%;
}
.LST-phtTXT{
margin: 0;
padding: 0 1px;
font-size: 1.3rem;
line-height: 1.3rem;
max-height:999999px;
}

/* PDF Excel Word PowerPoint */
p.PDF{
padding:2px 5px 0 5px;
background-image:url(../img/pdf.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}
p.xls{
padding:2px 5px 0 5px;
background-image:url(../img/xls.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}
p.ppt{
padding:2px 5px 0 5px;
background-image:url(../img/ppt.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}
p.doc{
padding:2px 5px 0 5px;
background-image:url(../img/ppt.png);
background-repeat:no-repeat;
background-position:top left;
border-left:none;
padding-left:35px;
}

/* ログイン・ログアウト・他 */
#ctn_lgn{
overflow:hidden;
position:static;
padding:5%;
margin:20px 2px;
background:#fff;

box-shadow:0 0 2px rgba(0,0,0,0.2);
}


/* 見出し
--------------------------------*/
#headline{
color:#131359;
padding:15px 0;
}
#headline h2{
display:inline;
font-size:1.7rem;
max-height:999999px;
line-height:2.2rem;
font-weight:bold;
margin:0 20px 0 32px;
color: #131359;
}
.hdline_bo{
background-image:url(../img/headline_h2.png);
background-repeat:no-repeat;
background-position:20px 2px;
}
#headline ul{
display:inline;
}
#headline ul li{
display: inline;
background-image:url(../img/headline.png);
background-repeat:no-repeat;
background-position:0 3px;
margin:0 2px;
padding:0 8px 2px 11px;
font-size:1.2rem;
}
#headline li a{
display:inline-block;
color:#66679F;
}
#headline li a:hover{
opacity:0.7;
}

/* パン屑
--------------------------------*/
#breadcrumb{
padding:0;
background-image:url(../img/breadcrumb_bg.jpg);
background-repeat:repeat-x;
background-position:top left;
background-color:#8283B1;
background-size:1px 22px;
}
#breadcrumb ul{
clear:both;
padding:0 0 0 3px;
}
#breadcrumb li{
position:relative;
display: inline;
margin:0 2px;
font-size:1.1rem;
max-height:999999px;
color:#B7B7D7;
padding:3px 18px 3px 0;
}
#breadcrumb li:after{
position:absolute;
top:50%;
right:4px;
display:block;
content:'';
width:4px;
height:4px;
margin-top:-2px;
border-top:1px solid #B7B7D7;
border-right:1px solid #B7B7D7;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#breadcrumb li.noafter:after{
border-top:0;
border-right:0;
}
#breadcrumb li a{
display:inline-block;
color:#FFF;
}
#breadcrumb li a:hover{
color:#f30;
}


/* 詳細メニュー
--------------------------------*/
#detailedmenu{
clear:both;
padding:30px 0 0 0;
margin:0;
text-align:center;
border-bottom:solid 1px #E5E5E5;
max-height:999999px;
}
#detailedmenu h3{
font-size:2.3rem;
line-height:2.3rem;
font-weight:bold;
padding:0 0 10px 20px;
text-align:left;
}
#detailedmenu ul{
padding:0;
margin:0;
}
#detailedmenu li{
display:inline;
margin:0 2px;
padding:0 9px;
font-size:1.5rem;
line-height:none;
}
#detailedmenu li a{
display:inline-block;
color:#333;
}
#detailedmenu li.ttl_detail{
border-bottom:solid 3px #395CA4;
font-weight:bold;
color:#395CA4;
}
#detailedmenu li.ttl_detail a{
font-weight:bold;
color:#395CA4;
}
/* 詳細メニュー 小タイトル */
#detailedmenuTTL{
clear:both;
border-bottom:solid 1px #E5E5E5;
}
#detailedmenuTTL h4{
font-size:1.5rem;
margin:8px 20px;
border-left:solid #395CA4 4px;
padding-left:10px;
font-weight:bold;
}
#detailedmenuTTL h4 a{
font-weight:bold;
color:#333;
}


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;
}
p.tbl-th{
display:none;
}
p.iln-blk{
display:inline-block;
margin-right:20px;
}

/* テーブル */
table.tbl{
width:100%;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
}
table.tbl thead{
}
table.tbl th,
table.tbl td{
padding:8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl th{
background:#F6F6F6;
vertical-align:top;
white-space:nowrap;
padding:10px 15px;
}
table.tbl td{
vertical-align:middle;
}
table.tbl td span.tbl_ttl{
display: none;
}

/* テーブル0 */
table.tbl_0{
width:100%;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
text-align:center;
}
table.tbl_0 tbody tr{
cursor:pointer;
}
table.tbl_0 tbody tr:hover{
background:#E1EAFB;/*#D9E3F9*/
}
table.tbl_0 th,
table.tbl_0 td{
padding:15px 8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
display: table-cell;
vertical-align: middle;
}
table.tbl_0 thead th, table.tbl_0 thead td{
background:#E4E4E4;
vertical-align:top;
white-space:nowrap;
padding:10px 15px;
font-weight:bold;
}
table.tbl_0 tbody th p{
font-weight:bold;
}
table.tbl_0 tbody:nth-child(odd){
background:#F4F4F4;
}

/* テーブル1 */
table.tbl_1{
border-collapse:collapse;
width:100%;
margin:0 auto;
}

table.tbl_1 th,table.tbl_1 td{
padding:5px;
border:1px solid #D6D6D6;
}

table.tbl_1 th{
font-weight:bold;
letter-spacing:1px;
white-space:nowrap;
background:#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:8px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
vertical-align:middle;
}
table.tbl_1_2 th{
background:#F6F6F6;
vertical-align:top;
}

/* テーブル 協会の歴史 */
table.tbl_history{
width:100%;
border-collapse:collapse;
margin:0 auto;
margin-bottom:20px;
}
table.tbl_history th,
table.tbl_history td{
padding:10px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl_history th{
vertical-align:top;
white-space:nowrap;
padding:10px 15px;
font-weight:bold;
}
table.tbl_history td.higashi{
background-color:#E9F6F8;
}
table.tbl_history td.nishi{
background-color:#FEFCE6;
}
table.tbl_history td.hnALL{
background-color:#F3F5FC;
}
table.tbl_history td.history_none{
}
.mo_higashi, .mo_nishi, .mo_ALL{
padding:0 5px 0 15px;
margin-right:5px;
text-align:center;
border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
.mo_higashiTTL, .mo_nishiTTL{
padding:3px 20px;
margin-right:5px;
text-align:center;
font-weight:bold;
border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
.mo_higashi, .ttl_higashi, .mo_higashiTTL{
background-color:#0D8EA6;
color:#FFF;
}
.mo_nishi, .ttl_nishi, .mo_nishiTTL{
background-color:#F4E206;
}
.mo_ALL{
background-color:#395CA4;
color:#FFF;
}
.mo{
padding:0 5px;
}
.moTTL{
padding:0 10px;
border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}



/* ×××下部メニュー */
#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;
}
#bottomline li a{
display:inline-block;
}


/* このページのトップへ戻る
--------------------------------*/
#ftr_back{
clear:both;
overflow:hidden;
background-color:#EFEFEF;
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;
color:#395CA4;
}
#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;
color:#395CA4;
}
#ftr_back p a:hover{
color:#E35E5E;
}


/* フッター
--------------------------------*/
#footer{
clear:both;
margin-top:-20px;
padding:0;
overflow:hidden;
background-color:#1A1A6F;
color:#FFF;
}
* html #footer{
height:1%;
}
/* フッター お問合せ */
#footer .ftr_info{
	padding:15px 0;
	background-color:#FFF;
	color:#1C1C7B;/*#131359;*/
font-size:1.2rem;
line-height:1.2rem;
}
#footer .ftr_info ul{
margin:15px 8px 0 8px;
width:550px;
}
#footer .ftr_info ul li{
	display:inline-block;
	margin:3px 8px 3px 0;
}
#footer .ftr_info ul li:first-child{
	color:#FFF;
	display:block;
}
#footer .ftr_info ul li:first-child p{
	background-color:#1C1C7B;
	border-radius:3px;
	color:#FFF;
	padding:0 10px 2px 10px;
	display: inline;
	font-size:1.1rem;
	font-weight:bold;
}
#footer .ftr_info ul li:nth-child(2){
	font-size:1.7rem;
	font-weight:bold;
	margin:12px 0 12px 0;
	display:block;
}
#footer .ftr_info ul li:nth-child(9){
	font-weight:bold;
	margin:8px 0 15px 0;
	display:block;
	line-height:1.8rem;
}

#footer .ftr_info ul li a{
	color:#1A1A6F;
}

/* フッター メニュー */
#footer .ftr_menu{
padding:20px 0;
text-align:center;
}
#footer .ftr_menu ul{
	padding:0 70px;
}
#footer .ftr_menu ul li{
padding:5px 5px 5px 24px;
margin:0 5px 0 0;
list-style:none;
border-bottom:0;
display:inline-block;
}
#footer .ftr_menu ul li a{
color:#fff;
font-size:1.3rem;
line-height:1.3rem;
}
#footer .ftr_menu ul li a:hover{
opacity:0.7;
}
#footer .ftr_menu ul.ftr_list_01 li{
background-image:url(../img/list_01.png);
background-size:9px 9px;
background-repeat:no-repeat;
background-position:12px 13px;
}
#footer .ftr_menu ul.ftr_list_05 li{
background-image:url(../img/list_05.png);
background-size:13px 10px;
background-repeat:no-repeat;
background-position:10px 13px;
}
#footer p{
text-align:center;
padding:12px 5px;
font-size:0.9rem;
color:#fff;
font-family: Verdana, "Droid Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
border-top:solid 1px #343465;
}

/* ページトップ
--------------------------------*/
#pageTop a{
background:#ccc;
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;
}

ul.indent1{
padding-left:15px;
}
ul.indent1 li{
text-indent: -1em;
padding-top:1px;
}


/*===============================================
  PC用
===============================================*/
@media only screen and (min-width:840px){
#wrapper,
.inner{
width:840px;
padding:0;
}
#main{
float:right;
width:590px;
}
#sub{
float:left;
width:250px;
overflow:hidden;
}
.grid{
width:220px;
}
.col1{
float:left;
width:763px/*646px*/;
}
.col2{
float:left;
width:323px;
}
.col2_{
clear:both;
}
.col3{
width:940px;
}
#gallery .grid{
width:230px;
}
#subpage #sub .grid{
width:100%;
float:none;
padding-bottom:30px;
}
}


/*===============================================
  モニター幅839px以下
===============================================*/
@media only screen and (max-width:839px){
#wrapper,
.inner{
width:100%;
padding:0;
}
.TOP_cnt{
margin-top:0;
}
#header ul{
	display:none;
}
#breadcrumb ul{
padding:0 0 0 10px;
}
.center2{
text-align:left;
}
.br4{
display:none;
}
.br5{
display:block;
}
.grid{
width:50%;
margin:2px 0;
float:none;
display:inline-block;
vertical-align:top;
}
.grid img{
margin-right:5px;
}
.col1{
width:100%;
}
.col2{
width:100%;
}
.col2_{
display:none;
}
#gallery .grid{
width:31%;
margin:0 1%;
padding:0;
}

#gallery .grid img{
float:none;
}
#sub{
	display:none;
}
.grid{
margin-bottom:20px;
width:48%;
margin-left:1%;
}
.display{
display:inline;
font-size:1.2rem;
padding:0 10px;
background-color:#909090;
color:#FFF;
margin-right:5px;
text-align:center;
border-radius:2px;        /* CSS3草案 */  
    -webkit-border-radius:2px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:2px;   /* Firefox用 */ 
}
.ctn_sp_bnr{
	display:block;
	background-color:#FFF;
	padding:10px 10px 3px 10px;
	margin:-13px 10px 33px 10px;
}
#ctn_index ul.li2 li{
width:100%;
margin:0;
}
ul.LST-pht li{
width: 48%;
}
p.tbl-th{
display:inline-block;
border-radius:3px;
background-color:#D2D2D2;
font-size:1.2rem;
line-height:1.2rem;
padding:2px 5px;
}
table.tbl{
display:block;
border-top:1px solid #D2D2D2;
}
table.tbl thead{
display:none;
}
table.tbl tbody{
display: block;
}
table.tbl tbody tr{
display:block;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl tbody th,
table.tbl tbody td{
padding:5px;
display:list-item;
list-style-type: none;
border-top:none;
border-bottom:none;
}
table.tbl tbody th{
white-space:nowrap;
background::#F6F6F6;
margin-top:-1px;
}
table.tbl td{
width:100%;
}
table.tbl td span.tbl_ttl{
display: inline-block;
border:1px solid #D2D2D2;
background-color:#EFEFEF;
border-radius:3px;
padding: 0 5px;
margin-right: 5px;
}

table.tbl_0{
display:block;
border-top:1px solid #D2D2D2;
}
table.tbl_0 thead{
display:none;
}
table.tbl_0 tbody{
display: block;
}
table.tbl_0 tbody tr{
display:block;
padding:15px;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl_0 tbody th,
table.tbl_0 tbody td{
padding:1px;
display:list-item;
list-style-type: none;
border-top:none;
border-bottom:none;
}
table.tbl_0 tbody th{
white-space:pre-wrap;
background::#F6F6F6;
margin-top:-1px;
}
table.tbl_0 th, table.tbl_0 td{
text-align:left;
}
table.tbl_0 td{
width:100%;
}
table.tbl_history{
display:block;
border-top:1px solid #D2D2D2;
}
table.tbl_history tbody{
display: block;
}
table.tbl_history tbody tr{
display:block;
border-top:1px solid #D2D2D2;
border-bottom:1px solid #D2D2D2;
}
table.tbl_history tbody th,
table.tbl_history tbody td{
padding:5px;
display:list-item;
list-style-type: none;
border-top:none;
border-bottom:none;
}
table.tbl_history tbody th{
white-space:nowrap;
background::#F6F6F6;
margin-top:-1px;
}
table.tbl_history td.history_none{
display:none;
}
.br3{
display:block;
}/* 縮めると改行 */
.img_kaishi{
line-height:1.5rem;
padding-bottom:7px;
}
#footer{
padding:0;
}
#footer .grid{
float:none;
width:100%;
margin-bottom:5px;
text-align:center;
}
#footer .ftr_menu ul{
	padding:0;
}
}


/*===============================================
  画面の横幅が768pxまで（iPad）
===============================================*/
@media only screen and (max-width:768px){
#header{
		padding-bottom:0;
}
.text{
position: absolute;
top: 60px;
right: 5px;
}
#ctn_index ul.li3 li{
width:100%;
margin:0;
}
#univ{
padding:3px;
}
.img_right{
text-align:center;
float:none;
padding:0;
}
table.R-2 td{
width:94%;
}
table.R-3 td{
width:47%;
}
}


/*===============================================
  画面の横幅が640pxまで（スマホ）
===============================================*/
@media only screen and (max-width:640px){
.txt_Sblk{
display:inline;
}
#headline p.crnt2 a{
padding:5px 3px 0 3px;
}
#headline p.crnt{
padding:5px 5px 0 5px;
}
#main_bnr .main_bnr_copy{
  font-size:1.6rem;
  line-height:2.4rem;
}
.info{
	margin-left:0;
}
.grid{
width:100%;
}
.grid img{
float:none;
margin:20px auto 10px;
}
.col1{
float:none;
width:100%;
margin:0 0 20px;
}
.col2{
float:none;
width:100%;
margin:0 0 20px;
}
ul.LST-pht li{
width: 100%;
}

img.frame,#gallery img{
border-width:2px;
}

.alignleft,.alignright{
float:none;
display:block;
margin:0 auto 10px;
}

#sub .grid{
margin-bottom:20px;
width:98%;
}
#detailedmenu{
padding:15px 0 0 0;
}
#ctn_index li{
width:100%;
margin:0;
}
#ctn_index li a::after{
position:absolute;
top:50%;
right:15px;
display:block;
content:'';
width:8px;
height:8px;
margin-top:-8px;
border-top:2px solid #ccc;
border-right:2px solid #ccc;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
transform:rotate(45deg);
}
#footer ul{
font-size:1.3rem;
padding:5px 0;
}
#footer ul li a{
padding:5px 0;
}
}


/*===============================================
  画面の横幅が480pxまで（スマホ）
===============================================*/
@media only screen and (max-width:480px){
#header{
	max-width:480px;
}
#header h1{
margin-top:7px;
}
#header h1 a{
font-size:2.1rem;
}
#header h1 a span{
font-size:1.1rem;
height:1.8rem;
}
#main_bnr .main_bnr_copy{
	padding:18px 30px;
}
#univ{
display:none;
}
#ctn{
padding:10px;
}

ul.list_1 li{
float:none;
}
ul.list_2 li{
float:none;
}
ul.list_3 li{
float:none;
}
#footer li{
float:none;
}

#pageTop a{
bottom:5px;
right:5px;
}
}