@charset "utf-8";
/* CSS Document */

*{
	font-family: 'Noto Sans Japanese', sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	color: #222222;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, p, tr, th, td{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
}

a{
	text-decoration: none;
	color: #0061AA;
}

a:visited{
	color: #335F7B;
}

a:hover{
	text-decoration: underline;
	color: #BF2664;
}

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

body{
	background-image: url(../contents_images/back_ground.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	letter-spacing: 0.02em;
}

.text_black{
	color:#333;
}

.text_brown{
	color:#C65400;
}

.text_green{
	color:#008813;
}

.text_red{
	color:#EF0000;
}

/*###################################
ヘッダー
###################################*/

#header{
	background-image: url(../contents_images/box_back.png);
}

/*###################################
メインメニュー
###################################*/

#menu{
	background-color: #FFF;
	border-bottom: 2px solid #222;
	border-top: 2px solid #222;
}

#menu li{
	list-style: none;
}

#menu li a{
	color: #222;
}

/*###################################
トップコンテンツ
###################################*/

#wrap{
	background-image: url(../contents_images/box_back.png);
	overflow: hidden;
}




.search{
	background-image: url(../contents_images/search_back.png);
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 170px 20px 30px;
	border-radius: 0 0 0 50px;
}

.search ul{
	overflow: hidden;
	margin-top: 14px;
	margin-bottom: 10px;
	border-bottom: 3px solid #004547;
	padding-bottom: 20px;
}

.search li{
	list-style: none;
	margin-left: 10px;
}

.search li a{
	color: #FFF;
	padding-left: 20px;
	font-size: 94%;
	background-image: url(../contents_images/icon_search.png);
	background-repeat: no-repeat;
	background-position: left;
}

.search p{
	text-align: center;
	color: #FFF;
}

.search .login a{
	display: block;
	width: 140px;
	border-radius: 50px;
	background-color: #FFF;
	text-align: center;
	margin: 10px auto 0;
	padding: 8px 0;
	font-size: 120%;
}

#wrap .left_col .left_sub li{
	background-image: url(../contents_images/left_sub.png);
	background-position: left;
	margin-bottom: 10px;
	list-style: none;
	border-radius: 60px;
}

#wrap .left_col .left_sub li a{
	display: block;
	padding: 10px 10px 10px 40px;
	color: #FFF;
	font-size: 105%;
}

#btnSearch{
	-webkit-appearance: none;
}






/*###################################
下層コンテンツ
###################################*/

#detail{
	background-image: url(../contents_images/box_back.png);
	overflow: hidden;
	padding-bottom: 40px;
}

#detail .breadcrumb{
	background-color: #FFF;
	margin: 20px 0;
	padding: 10px;
}

#detail .text{
	background-color: #FFF;
	border-radius: 30px;
	padding-bottom: 40px;
}

#detail .text h1{
	border-bottom: 3px solid #007D87;
	padding: 30px;
}

#detail .text h2{
	background-color: #007D87;
	border-radius: 30px;
	padding: 10px 20px;
	color: #FFF;
}

#detail .text h2 a *{
	color: #FFF;
}

#detail .text h3{
	border-bottom: 3px solid #007D87;
	position: relative;
	padding: 10px 10px 10px 20px;
}

#detail .text h3::before{
	content: "";
	position: absolute;
	top: 35%;
	left: 3px;
	height: 0;
	width: 0;
	border-top: 8px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #006E99;
}

#detail .text h4{
	border: 1px solid #007D87;
	padding: 10px;
}

#detail .text table[border="1"]{
	background:#666;
	border-spacing:1px;
	border:none;
}

#detail .text table[border="1"]>tbody>tr>td{
	padding:5px;
	background:#FFF;
	border:none;
}

#detail .text table[border="1"]>tbody>tr>th,
#detail .text table[border="1"]>thead>tr>th{
	padding:5px;
	background:#e7e7e7;
	border:none;
}

#detail .text li{
	margin-left: 20px;
}





#detail .sub_menu{
	background-color: #FFF;
	border: 1px solid #007D87;
	border-radius: 30px;
}

#detail .sub_menu h2{
	background-image: url(../contents_images/titte_back.png);
	color: #FFF;
	padding: 10px 20px;
	border-radius: 28px 28px 0 0;
}

#detail .sub_menu li{
	list-style: none;
	border-bottom: 1px dashed #CCC;
	padding: 5px 5px 5px 14px;
	position: relative;
}

#detail .sub_menu li::before{
	content: "";
	position: absolute;
	top: 40%;
	left: 3px;
	height: 0;
	width: 0;
	border-top: 5px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #006E99;
}


/*##################################################
フッター
##################################################*/

#footer{
	background-image: url(../contents_images/footer_back.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-bottom: 20px;
}


/*##################################################
編集画面調整
##################################################*/
.top_center .top_image input{
	width: 100%;
	height: auto;
}


/*##################################################
Googleフォント
##################################################*/
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 300;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans Japanese';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
 }