/* レイアウト確認用のボーダーとか背景色とか付けるやつ。 
@import url('layoutconfirm.css');*/



/* アプリケーションの実装時は、ボーダーを削除し、バックグラウンドは必要に応じて設定する。 */
#page_container {
	background-color: #fff;
}
#header_container {
	background-color: #fff;
}
#main_container {
	background-color: #fff;
}
#footer_container {
	background-color: #fff;
}
#header {
	background-color: #fff;
	
}
#global_navi,#global_navi_left,#global_navi_right {
	/*border:1px solid #333;*/
	border:none;
	/*background-color: #fff;*/
}
#main_container {
	/*border:1px solid #f00;*/
}
#main {
	/*border:1px solid #f0f;*/
}

/**  共通設定 **/
body {
	font-size:16pt;
	font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
	background-color:#C8C8C8;
}
a {
	color:#003CD6;
}


/**  コンテナの基本幅を再定義 **/
@media (min-width: 768px) {
  #page_container {
	width: 1000px;
	margin-left:auto;
	margin-right:auto;
  }	
  .container {
    width: 1000px;
  }
}

.navbar-toggle {
	background-color:#999;
}



/* アプリケーションの具体的なデザインは以下で設定する。 */
#header_mini_bar {
	background-color: #ECECEC;
	height:15px;
}

#header {
	margin-top: 0px;
	margin-bottom: 0px;
}
#header #header_title {
	margin:10px 0px 10px 10px;
	width: 300px;
	font-size:20pt;
	line-height:1.3;

}
#header #header_title a{
	color: #000;
}
#header #header_title #header_title_sub{
	font-size:0.7em;
	color: #666;
}
#header #header_mini_nav_bar a {
	/*color: #666;*/
	font-size:0.7em;
}
#header #header_mini_nav_bar #header_mini_link_sitemap a{
	padding-right:10px;
	border-right:1px dotted #BBB;
	color:#444;
}
#header #header_mini_nav_bar #header_mini_link_member_login{
	padding-left:0px;
}
#header #header_mini_nav_bar #header_mini_link_member_login a{
	padding-left:0px;
	color:#0059B2;
}
#header #title_container {
	border:1px solid #f00;
}
#header #function_container {
	border:1px solid #f00;
	margin-top:20px;
}
@media (min-width: 768px) {
	#header #header_title {
		margin:20px 0px 25px 35px;
	}
}


#footer_mini_bar .copyright {
	color: #666;
}

/* ナビゲーションのドロップダウンをマウスオーバーでも表示する。 
ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}*/



/**  スマホの場合のメニューデザイン => スマホはなるべくBootstrapデフォルトにする。**/
/**
#global_navi .navbar-header, 
#global_navi ul.nav > li {
	margin-left: 0px;
	margin-right: 0px;
	background-color: #666;
	width:100%;
}

#global_navi .navbar-header.active, 
#global_navi ul.nav li.active {
	margin-left: 0px;
	background-color: #999;
}

#global_navi .navbar-header > a,
#global_navi ul.nav > li > a {
	color: white;
	padding-left:40px;
}

#global_navi .navbar-header.active > a,
#global_navi ul.nav > li.active > a {
	color: black;
}


#global_navi .dropdown-menu > li {
	background-color: white;
}**/
#global_navi .dropdown-menu > li > a{
	margin-left:30px;
	font-size:1.2em;
}




@media (min-width: 768px) {
	/**  PCの場合のメニューデザイン  **/
	#global_navi {
		background:none;
		margin-bottom:0px;
		z-index:100;
		font-size:0.85em;
		padding-left:0px;
		padding-right:0px;
	}
	#global_navi .container{
		padding-left:0px;
	}

	#global_navi ul.nav > li {
		margin-left: 10px;
	}

	#global_navi .navbar-header > a,
	#global_navi ul.nav > li > a {
		color: white;
		padding-left:56px;
		padding-top:20px;
	}
	#global_navi ul.nav > li.active a {
		background:none;
	}
	#global_navi ul.nav > li a:hover,
	#global_navi ul.nav > li a:focus,
	#global_navi ul.nav > li.active a:hover,
	#global_navi ul.nav > li.active a:focus {
		background:rgba(255,255,255,0.5);
	}

	#global_navi .dropdown-menu > li > a{
		font-size:1.2em;
	}

	#main_container {
		margin-top:-25px;
		padding-top:25px;
		z-index:10;
	}


	#global_navi .navbar-header,
	#global_navi ul.nav > li {
		height:55px;
	}
	#global_navi .navbar-header {
		width:59px;
		height:55px;
		margin-left: 35px;
		background:url('img/menu_home.png') no-repeat left bottom #666;
	}
	#global_navi .navbar-header.active {
		background:url('img/menu_home_sel.png') no-repeat left bottom #A9A9A9;
	}
	#global_navi ul.nav > li#menu-iryokikan {
		width:225px;
		height:55px;
		background:url('img/menu_iryokikan.png') no-repeat left bottom #666;
	}
	#global_navi ul.nav > li#menu-iryokikan.active {
		background:url('img/menu_iryokikan_sel.png') no-repeat left bottom #A9A9A9;
	}
	#global_navi ul.nav > li#menu-toban {
		width:191px;
		height:55px;
		background:url('img/menu_toban.png') no-repeat left bottom #666;
	}
	#global_navi ul.nav > li#menu-toban.active {
		background:url('img/menu_toban_sel.png') no-repeat left bottom #A9A9A9;
	}
	#global_navi ul.nav > li#menu-kenshin {
		width:208px;
		height:55px;
		background:url('img/menu_yobou.png') no-repeat left bottom #666;
	}
	#global_navi ul.nav > li#menu-kenshin.active {
		background:url('img/menu_yobou_sel.png') no-repeat left bottom #A9A9A9;
	}
	#global_navi ul.nav > li#menu-ishikai {
		width:208px;
		height:55px;
		background:url('img/menu_ishikai.png') no-repeat left bottom #666;
	}
	#global_navi ul.nav > li#menu-ishikai.active {
		background:url('img/menu_ishikai_sel.png') no-repeat left bottom #A9A9A9;
	}

	
}

/** コンテンツのサブメニューの共通設定 **/
#contents_navi {
	height:74px;
	background-color:#D6D6D8;
	font-size: 0.8em;
	/*padding-left:50px;
	padding-right:50px;*/
}
#contents_navi ul.nav > li {
	height:37px;
	border-left:1px solid white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	background-color:#D6D6D8;
	margin-left:-1px;
}
#contents_navi ul.nav > li.active {
	background-color:#AAA;
}
#contents_navi ul.nav > li:last-child {
	border-right:1px solid white;
}
#contents_navi ul.nav > li > a{
	height:37px;
	color:black;
	padding-top:10px;
}
#contents_navi ul.nav > li.active > a{
	color:white;
}
@media (min-width: 768px) {
	#contents_navi {
		height:37px;
	}
	#contents_navi ul.nav > li {
		border-bottom:none;
	}
}

/**  **/
#main_container {
	background-color: #EEE;
}

#main_container.container{
    padding-left:0px;
    padding-right:0px;
}

#main {
	margin-top:0px;
    background-color: #FFF;
}
@media (min-width: 768px) {
	#main {
        margin-top:15px;
    }
}

/** フッター **/
#footer {
	padding-top:20px;
	padding-bottom:0px; 
	margin-top:20px;
	
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	font-size:0.6em;

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

#footer .menu {
	float:left;
	padding-left:20px;
	border-left:1px dotted #444;
	width:50%;
	margin-bottom:10px;

} 
#footer .menu#footer_menu_home {
	border-left:none;
}
#footer .menu#footer_menu_other hr {
	width:90px;
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px dotted #444;
	visibility:hidden;
}
@media (min-width: 475px) {
	#footer .menu {
		padding-left:20px;
		border-left:1px dotted #444;
		width:33%;
		margin-bottom:10px;
	} 
	#footer .menu#footer_menu_home {
		border-left:none;
	}
}
@media (min-width: 768px) {
	#footer {
		padding-left:35px;
		padding-right:35px;
		margin-top:0px;
	}
	#footer .menu {
		padding-left:20px;
		border-left:1px dotted #444;
	} 
	#footer .menu#footer_menu_home {
		width:60px;
		padding-left:0px;
		border-left:none;
	}
	#footer .menu#footer_menu_iryokikan {
		width:148px;
	}
	#footer .menu#footer_menu_toban {
		width:140px;
	}
	#footer .menu#footer_menu_yobou {
		width:140px;
	}
	#footer .menu#footer_menu_kenkou {
		width:150px;
	}
	#footer .menu#footer_menu_ishikai {
		width:152px;
	}
	#footer .menu#footer_menu_other {
		width:130px;
	}
	#footer .menu#footer_menu_other hr {
		width:90px;
		margin-left:0px;
		margin-top:10px;
		margin-bottom:10px;
		border-top:1px dotted #444;
		visibility:visible;
	}
}
#footer ul {
	display:block;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:20px;
	
}
#footer a {
	color: #555;
}
#footer_mini_bar {
	padding-top:5px;
	padding-bottom:5px;
	background-color: #FFF;
	color:#888888;
	font-size:9pt;
}


/** コンテンツタイトル 標準型 **/
.contents_header{
	margin-top: 10px;
	padding-top: 0px;
}
.contents_header .contents_title {
	background: url("./img/circle_red.png") no-repeat left center;
	padding-left:25px;
	font-size: 1.0em;
	margin-left: 10px;
}
@media (min-width: 768px) {
	.contents_header{
		margin-top: 30px;
	}
	.contents_header .contents_title {
		margin-left: 78px;
	}
	
}

/** コンテンツタイトル 　背景塗り（黄色）タイプ **/
.contents_header.type_yellow .contents_title {
    width:240px;
    margin-left:0px;
    padding-top:8px;
    padding-bottom:5px;
    padding-right:30px;
    text-align:right;
    background-color: #FFE138;
    border-radius:0 0.9em 0.9em 0 / 0 0.9em 0.9em 0;
    background-image:none;
    border:1.5px solid #999;
    border-left:none;
    font-size:0.9em;
}
@media (min-width: 768px) {
	.contents_header.type_yellow .contents_title {
        width:300px;
        font-size:1.0em;
    }
}

/** コンテンツタイトル の右端のリンク **/
.contents_header > a.right_side {
    margin-top:10px;
    margin-right:80px;
}





/** リンク修飾用のアイコン定義 **/
a.arrow_right_red{
    background: url("./img/arrow_right_red.png") no-repeat left center;
    padding-left: 18px;
}

a.arrow_left_red{
    background: url("./img/arrow_left_red.png") no-repeat right center;
    padding-right: 18px;
}

a.arrow_down_blue{
    background: url("./img/arrow_down_blue.png") no-repeat left center;
    padding-left: 18px;
}
a.arrow_leftdown_blue{
    background: url("./img/arrow_leftdown_blue.png") no-repeat left center;
    padding-left: 24px;
}
a.arrow_leftdown_lightblue{
    background: url("./img/arrow_leftdown_lightblue.png") no-repeat left center;
    padding-left: 24px;
}
a.arrow_leftdown_gray{
    background: url("./img/arrow_leftdown_gray.png") no-repeat left center;
    padding-left: 24px;
}
a.arrow_leftdown_red{
    background: url("./img/arrow_leftdown_red.png") no-repeat left center;
    padding-left: 24px;
}
a.arrow_leftup_blue{
    background: url("./img/arrow_leftup_blue.png") no-repeat left center;
    padding-left: 24px;
}
a.arrow_leftup_lightblue{
    background: url("./img/arrow_leftup_lightblue.png") no-repeat left center;
    padding-left: 24px;
}
a.vline_red{
    background: url("./img/vline_red4.png") no-repeat left center;
    padding-left: 10px;
}

a.btn_back_arrow{
    background: url("./img/btn_back_arrow.png") no-repeat left center;
	display:inline-block;
	width: 52px;
	height: 52px;
	padding-left: 52px;
	overflow:hidden;
}
a.btn_back_arrow_mini{
    background: url("./img/btn_back_arrow_small.png") no-repeat left center;
	display:inline-block;
	width: 42px;
	height: 42px;
	padding-left: 42px;
	overflow:hidden;
}
a.square_red{
    background: url("./img/mark_shikaku_red.png") no-repeat left center;
    padding-left: 14px;
}
a.square_blue{
    background: url("./img/mark_square_blue.png") no-repeat left center;
    padding-left: 14px;
}
a.gaibu_link_mini {
	background: url("./img/link_gaibu_mini.png") no-repeat right center;
	display:inline-block;
	padding-right: 24px;
}
a.dot_arrow_right_blue {
	background: url("./img/dot_arrow_right_blue.png") no-repeat right center;
	display:inline-block;
	padding-right: 20px;
}
a.dot_arrow_right_red {
	background: url("./img/dot_arrow_right_red.png") no-repeat right center;
	display:inline-block;
	padding-right: 20px;
}

span.tel_with_mark {
	background: url("./img/denwa.png") no-repeat left center;
	display:inline-block;
	padding-left: 24px;
}
.gaibu_link_mark {
	background: url("./img/link_gaibu.png") no-repeat right center;
	display:inline-block;
	padding-right: 24px;
}
.gaibu_link_mark_mini {
	background: url("./img/link_gaibu_mini.png") no-repeat right center;
	display:inline-block;
	padding-right: 24px;
}
.dot_arrow_right_red {
	background: url("./img/dot_arrow_right_red.png") no-repeat right center;
	display:inline-block;
	padding-right: 20px;
}
.square_blue_large{
    background: url("./img/mark_square_blue_large.png") no-repeat left center;
    padding-left: 14px;
}


@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }

  #contents_navi {
	display:none;
  }
  .contents_header {
		margin-top:0px;
  }
  #contents_footer {
		display:none;
  }
  #footer {
		display:none;
  }

}