@charset "utf-8";


/*body設定*/
body {
	width: 100%;
	font-size: 150% !important;}



/*管理画面用*/
.mng_line {
	background: #333;
	font-size: 0.8em;
	color: #fff;
}
.mng_line a { color: #fff; }


/*header内*/


.utilities {
	display: block;
	float: right;
	margin: 10px 0;
}
.utilities a {
	
	text-decoration: none;
}

/*nav*/


.navbar .navbar-inner { padding: 0; }
.navbar .nav {
	margin: 0;
	display: table;
	width: 100%;
}
.navbar .nav li {
	display: table-cell;
	float: none;
	width: 14.2857%;
}
.navbar .nav li a {
	text-align: center;
	border-left: 1px solid rgba(255, 255, 255, .75);
	border-right: 1px solid rgba(0, 0, 0, .1);
}
.navbar .nav li:last-child a {
	border-right: 0;
	border-radius: 0 3px 3px 0;
}
.nav-list .ymd { font-size: 0.5em; }


/*main_img*/

#main_img { position: relative; }
#main_img img {
	width: 100%;
	height: auto;
}
#main_img div {
	position: absolute;
	top: 45%;
	left: 2%;
	font-size: 2em;
	color: #333;
	text-shadow: 0 1px 0 #fff,  1px 0 0 #fff,  0 -1px 0 #fff,  -1px 0 0 #fff,  -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff;
}
#main_img div h2 {
	margin: 0;
	padding: 0;
	border: none;
    background: none repeat scroll 0 0 transparent;
}
#main_img p {
	display: block;
	font-size: 0.5em;
}


/*footer*/

footer {
	padding: 20px 0;
	margin: 20px 0 0 0;
}
footer a { color: #fff; }

address {
	width: 100%;
	text-align: right;
}


/*記事*/
.topics_contents {
	line-height: 150%;
	margin: 20px 18px 60px 0 !important;
	padding: 0;
}
.topics_contents img {
	width: 100%;
	height: auto;
}



/*hタグ*/


/*サブメニューバナー*/

.banner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.banner li {
	margin: 0 0 5px 0;
	padding: 1px;
	border: #dfdfdf 2px solid;
	backgroung: #fff;
}
.banner img {
	width: 100%;
	height: auto;
}

.sub_navi .nav li { background: #fff; }
.sub_navi .nav li.active { background: #dfdfdf; }
.sub_navi .nav .level2 li { padding: 0 0 0 1em; }


/*dlタグtable表示*/

.dl-table {
	display: table;
	width: 100%;
}
.dl-table dl {
	display: table-row;
	margin: 0;
}
.dl-table dl dt,  .dl-table dl dd {
	display: table-cell;
	padding: 5px;
	border-bottom: 1px solid #ddd;
}
.dl-table-striped dl:nth-child(even) { background-color: #f9f9f9; }
.dl-table dl dt { width: 15%; }


.dl-table-list dl dt, .dl-table-list dl dd {
	border: 1px solid #ddd;
        border-bottom:none;}

.dl-table-list dl dt{ background:#d9edf7; width:20%; border-right:none;}

.dl-table-list dl:last-child dt, .dl-table-list dl:last-child dd{
        border-bottom:1px solid #ddd;}


/*badge表示*/
.badge-danger {
	color: #fff;
	background-color: #d9534f;
}

/*form周り調整*/
.form-group { margin-bottom: 2em; }
.form-group .badge { margin: -1px 0 0 5px; }
.form-inline .radio, .form-inline .checkbox { margin-right: 1em; }


/*ページャ設定*/
.pageLink {
	text-align: center;
	margin: 2em 0;
	overflow: hidden;
}
.pageLink .btn { margin: 0 5px; }
.pageLink .btn-group .btn { margin: 0; }

.relation_link {
	text-align: center;
	margin: 1em 0;
}
.relation_link .btn {
	white-space: normal;
	width: 45%;
	margin-top: 1em;
}
.relation_link .btn-left { float: left; }
.relation_link .btn-right { float: right; }
.clr { clear: both; }
.clr .btn { width: 25%; }

/*ブログページャ設定*/
.blog_relation_link {
	margin: 1em 0;
	overflow: hidden;
}
.blog_relation_link .btn-left {
	float: left;
	margin-right: 1em;
}
.blog_relation_link .btn-right {
	float: right;
	margin-left: 1em;
}

.list-bordered li{ border-bottom:1px solid #ddd; padding: 5px 0 5px 0;}

.list-bordered li time{ margin:0 1em 0 0;}
.list-bordered li span{ margin:0 1em 0 0;}
.list-bordered li a{ margin:0 1em 0 0;}




/*--------------------------------------------------------------------------*/


/*991pxブレイク時の表示切替*/
@media screen and (max-width: 991px) {
.navbar .nav li { width: auto; }
}


/*--------------------------------------------------------------------------*/


/*768pxブレイク時の表示切替*/
@media screen and (max-width: 768px) {

.utilities {
	margin-top: 10px;
	float: right;
	padding-right: 2%;
}


.navbar .nav li {
	display: block;
	float: none;
	width: 100%;
}
.navbar .nav li a { text-align: left; }

#footpath { display: none; }




#main_img div {
	position: relative;
	top: 0;
	left: 0;
	font-size: 1.2em;
	margin: 10px auto;
	color: #333;
	text-shadow: 0 1px 0 #fff,  1px 0 0 #fff,  0 -1px 0 #fff,  -1px 0 0 #fff,  -1px -1px 0 #fff,  1px -1px 0 #fff,  -1px 1px 0 #fff,  1px 1px 0 #fff;
}
#main_img div h2 {
	margin: 0;
	padding: 0;
	border: none;
}
#main_img p {
	display: block;
	font-size: 0.8em;
}


/*テーブルレイアウト縦表示*/

table.table-sp th { display: block; }
table.table-sp td { display: block; }
table.table-sp-offth th { display: none; }
table.table-sp-offth td:first-child { background: #d9edf7; }

/*dlテーブルレイアウト縦表示*/
.dl-table dl dt {
	display: block;
	width: auto;
	float: left;
	border: none;
}
.dl-table dl dd {
	display: block;
	width: 100%;
	border: none;
}
.dl-table dl dd:last-child {
	border-bottom: 1px solid #ddd;
	clear: both;
}

.dl-table-list dl dt, .dl-table-list dl dd {
	border: 1px solid #ddd;
        border-bottom:none;}

.dl-table-list dl dt{ background:#d9edf7; width:100%; border-right:none;}

.dl-table-list dl:last-child dt, .dl-table-list dl:last-child dd{
        border-bottom:1px solid #ddd;}



select.form-control { height: 3em; }

.form-ymd select.form-control {
	width: 27%;
	display: inline;
}

.relation_link .btn {
	white-space: normal;
	width: 95%;
	margin-top: 1em;
}
.relation_link .btn-left { float: none; }
.relation_link .btn-right { float: none; }
.clr { clear: both; }
.clr .btn { width: 60%; }


.list-bordered li a {
    display: inline-block;
    margin: 0.2em 0 0;
}


.list-bordered li .badge{ display:inline-block;}

.list-bordered li .label{display:inline-block;
padding: 0.3em 1em;}


.profile_img{ max-width:200px; height:auto; text-align:center;} 
.profile_img img{ margin:0 auto;}


}