@charset "utf-8";

/*--HTML5-----------------------------------------------------------*/

article,aside,details,footer,header,main,menu,nav,section,summary {
	display: block;
}

/*--Base------------------------------------------------------------*/

body {
	width: 100%;
	height: 100%;
        word-wrap: break-word;
}

html {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
}

/*--Reset-----------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

img {
	border: none;
	vertical-align: middle;
}

/*--Text------------------------------------------------------------*/

body {
	font-size: 88%;
	font-weight: normal;
	line-height: 1.5;
        color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

/*--h1------------------------------------------------------------*/

.midashi {
        background-color: #1AA2A7;
        color: #FFFFFF;
	padding: 8px 8px 8px 8px;
	font-size: 130%;
}

h2 {
        color : #3e4767;
        border-bottom: 1px solid #6c6345;
        width: 730px;
        font-size: 120%;
        text-align: left;
}

.text_main {
        color : #1e0000;
        width: 730px;
        padding-top: 16px;
        padding-bottom: 32px;
}

.text_sub {
        width: 712px;
	padding-left: 8px;
	padding-right: 8px;
}

.resize {
        width: 730px;
}

.h1-soudann {
	font-size: 130%;
        color : #2a83a2;
}

/*--角を丸める------------------------------------------------------------*/

.radius {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


/*--table----------------------------------------------------------*/

.table_01{
     width: 100%;
     border-collapse: separate;
     border-spacing: 0px;
     border-top: 1px solid #ccc;
     border-left: 1px solid #ccc;
}

.table_01 th{
     width:25%;
     padding:4px;
     text-align: left;
     vertical-align: top;
     color: #444;
     background-color: #e1f7ff;
     border-left: 3px double #999;
     border-top: 1px solid #fff;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}

.table_01 td{
     width:75%;
     padding:4px;
     background-color: #fafafa;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
}


/*--layout共通----------------------------------------------------------*/

#header {
	height : 50px;
	margin: 0 auto;
        padding-top: 12px;
}

#header header {
	margin: 0 auto;
}

.header-back {
	width: 100%;
        background-image: url("dn_hb_1.gif");
        background-repeat : repeat-x;
}

.access {
        padding-top: 35px;
}

#contents {
	overflow: hidden;
	margin: 0 auto;
        padding-bottom: 1em;
}

.pan {
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 80%;
}

.bg_main {
	width: 100%;
        background-image: url("bg_main.jpg");
        background-repeat : repeat;
}

.search-box {
	background: #ccc;
        padding: 4px 8px 8px 8px;
}

.sidemenu1 {
        text-align: left;
	background: #2a83a2;
        color: #fff;
        padding: 8px 8px 8px 8px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-topright: 4px; 
}

.sidemenu2 {
  list-style-type: none;
  margin: 0;
  text-align: left;
}

.sidemenu2 li {
  display: inline;
}

.sidemenu2 li a {
  padding: 15px 5px 15px 15px;
  display: block;
  text-decoration: none;
  border-left: 1px solid silver;
  border-right: 1px solid silver;
  border-bottom: 1px solid silver;
  background-color: #fff;
  color: #000000;
}

.sidemenu2 li a:hover {
  background-color: #154251;
  color: #fff;
}

#footer {
	margin: 0 auto;
	color: #fff;
	background-color: #154251;
}

.footer-back {
	background-color: #154251;
        height: 240px;
}

#footer footer {
	margin: 0 auto;
}

#header header,
#contents,
#footer footer {
	width: 100%;
}

.float-left{
        float: left;
}

.float-right{
        float: right;
}

ul.list01 li {
        list-style: none;
        background: url("list01.gif") left 4px no-repeat;
        padding-left: 24px;
        padding-top: 4px;
        padding-bottom: 4px;
        vertical-align: bottom;
}

ul.number li {
        margin-left: 24px;
        list-style-type: decimal;
}


/*--layout共通(歯科情報)----------------------------------------------------------*/

.mi1 {
	font-size: 180%;
	font-weight: bold;
}

.mi2 {
	font-size: 130%;
	font-weight: bold;
        color: #2a83a2;
	padding: 4px 4px 4px 0px;
        border-bottom: 2px solid #2a83a2;
}

/*--layout共通(相談室)----------------------------------------------------------*/

.q-mark {
	font-size: 130%;
        padding-top: 10px;
        padding-bottom: 10px;
}

.bg_white {
        background-color: #fff;
        padding: 20px 20px 20px 20px;
        border: 1px solid silver;
}

.bg_soudann {
        background-color: #ffeedd;
        padding: 20px 20px 20px 20px;
        border: 1px solid silver;
}

.bg_answer {
        background-color: #e6e2fe;
        padding: 20px 20px 20px 20px;
        border: 1px solid silver;
}

.bg_pink {
        background-color: #f2dede;
        color: #b04442;
        padding: 20px 20px 20px 20px;
}

.text-soudann {
}

.text-answer {
}

.un1 {
	float: left;
	height: 22px;
	width: 22px;
	background-image: url("koku6.gif");
        background-repeat : no-repeat;
}

.un2 {
	float: left;
	height: 22px;
	width: 624px;
	background-image: url("koku7.gif");
        background-repeat : repeat-x;
}

.un3 {
	float: left;
	height: 22px;
	width: 84px;
	background-image: url("koku8.gif");
        background-repeat : no-repeat;
}

.sou-user{
     font-size: 88%;
     color : #e10000;
     float : left ;
     padding-right: 20px;
}

.sou-date{
     font-size: 88%;
     color : #e10000;
     float : left ;
     width : 220px ;
}

.clr-block{
     clear : both ;
}

.m-left{
     float : left ;
     width : 25% ;
}

.m-right{
     float : right ;
     width : 70% ;
}

.line-border{
     border-bottom: 2px solid #2a83a2;
     padding-top: 20px;
     margin-bottom: 20px;
}

.p-photo{
     float : left ;
     width : 130px ;
}

.p-greet{
     float : left ;
     padding-top: 20px;
     padding-bottom: 20px;
     width : 560px ;
}

.counter{
     float : left;
     padding-left : 20px;
}

.author{
     background-color : #272727;
     color : #FFFFFF;
     width : 140px;
     text-align : center;
     padding : 4px 4px 4px 2px;
     border-radius: 4px 4px 0 0 / 4px 4px 0 0;
     -webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.author2{
     padding : 4px 4px 4px 4px;
     background-color : #F0FCFF;
     border: 1px solid silver;
     border-radius: 0px 4px 4px 4px / 0px 4px 4px 4px;
     -webkit-border-radius: 0px 4px 4px 4px / 0px 4px 4px 4px;
     -moz-border-radius: 0px 4px 4px 4px / 0px 4px 4px 4px;
}

.author3{
     font-size : 70%;
}

.author4{
     font-size : 150%;
     padding-bottom : 4px;
}

.author5{
     color : #33644F;
     font-size : 70%;
}

.profile{
     width : 714px;
     background-color : #FFFFFF;
     padding : 8px 8px 8px 8px;
     box-shadow:0px 0px 10px;
     border:1px solid #727272;
}

.profile1{
     border: 1px solid silver;
     padding : 8px 8px 8px 8px;
}

.google-map {
    position: relative;
    width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 56.25%;    /* padding-topでもOK */
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}

/*--フッターメニュー----------------------------------------------------------*/

.fm1 {
   text-align:left;
   width: 460px;
   font-size: 130%;
   padding-top: 8px;
   padding-bottom: 8px;
   margin-right: 20px;
   border-bottom:1px solid #fff;
   margin-bottom:8px;
} 

.fm2 {
   padding-left: 8px;
} 

/*--980px以上用（PC用)----------------------------------------------------------*/

.table_01{
     width: 730px;
}

#header {
	width: 980px;
}

.header-left {
	width: 240px;
	float: left;
}

.header-right {
	width: 740px;
	float: right;
}

#contents {
	width: 980px;
}

#main {
	width: 740px;
	float: left;
        text-align: left;
	padding-bottom: 3em;
}

.frame-sou {
	width: 940px;
        background-color: #f0f5ff;
        padding: 10px 20px 10px 20px;
	margin: 0 auto;
}

.frame {
	width: 688px;
}

.title-left {
	width: 340px;
        border: 1px solid silver;
	float: left;
        padding: 8px 8px 8px 8px;
        background-color: #ffffff;
	margin-bottom: 4px;
}

.title-right {
	width: 340px;
        border: 1px solid silver;
	float: right;
        padding: 8px 8px 8px 8px;
        background-color: #ffffff;
	margin-bottom: 4px;
}

#sidebar {
	width: 240px;
	float: left;
        overflow: hidden;
        text-align:center;
        padding-bottom: 14px;
}

.sidemenu2 li a {
  width: 218px;
}

#footer {
	width: 980px;
}

#header header,
#contents,
#footer footer {
	width: 980px;
}

/*--979px以下用（タブレット用)----------------------------------------------------------*/

@media screen and (max-width: 979px) {

.table_01{
     width: 566px;
}

#header {
	width: 768px;
}

.header-left {
	width: 240px;
	float: left;
}

.header-right {
	width: 528px;
	float: right;
}

#contents {
	width: 768px;
}

#main {
	width: 576px;
	float: left;
}

.frame-sou {
	width: 728px;
}

.frame {
	width: 524px;
}

.un2 {
	width: 460px;
}

#sidebar {
	width: 192px;
	float: left;
        overflow: hidden;
}

.sidemenu2 li a {
  width: 170px;
}

#footer {
	width: 768px;
}

#header header,
#contents,
#footer footer {
	width: 768px;
}

.p-greet{
     width : 396px ;
}

.fm1 {
   width: 354px;
} 

.midashi {
        width: 550px;
}

h2 {
        width: 566px;
}

.text_main {
        width: 566px;
}
.text_sub {
        width: 548px;
}

.title-left {
	width: 260px;
}

.title-right {
	width: 260px;
}

.resize {
        width: 566px;
}

.profile{
     width : 552px;
}

}

/*--768px以下用（タブレット/スマホ用）----------------------------------------------------------*/

@media screen and (max-width: 768px) {

.table_01{
     width: 480px;
}

.access {
        float: right;
        padding-right: 20px;
        padding-top: 12px;
}

#header {
	width: 480px;
	height : 30px;
}

.header-back {
        height: 108px;
}

.header-left {
	width: 160px;
	float: left;
        margin-top: -3px;
}

.header-right {
	width: 320px;
        padding-top: 15px;
	float: right;
}

#contents {
	width: 480px;
}

#main {
	width: 480px;
}

.frame-sou {
	width: 440px;
        margin-top: 64px;
}

.frame {
	width: 438px;
}

.un2 {
	width: 374px;
}

#sidebar {
	width: 480px;
        overflow: hidden;
}

.sidemenu2 li a {
  width: 458px;
}

.search-box {
	width: 464px;
}

#footer {
	width: 480px;
}

#header header,
#contents,
#footer footer {
	width: 480px;
}

.p-greet{
     width : 300px ;
     padding-top: 0px;
}

.footer-back {
        height: 460px;
}

.fm1 {
   width: 478px;
   margin-right: 0px;
} 

.fm2 {
   padding-bottom: 20px;
} 

.midashi {
        width: 464px;
}

h2 {
        width: 480px;
}

.text_main {
        width: 480px;
}

.text_sub {
        width: 462px;
}

.title-left {
	width: 462px;
}

.title-right {
	width: 462px;
}

.resize {
        width: 480px;
}

.profile{
     width : 456px;
}

}

/*--479px以下用（スマホ用）----------------------------------------------------------*/

@media screen and (max-width: 479px) {

.table_01{
     width: 320px;
}

.access {
        display: none;
}

#header {
	width: 320px;
	height : 30px;
}

.header-back {
        height: 54px;
}

.header-left {
	width: 160px;
	float: left;
}

.header-right {
	width: 160px;
	float: right;
}

#contents {
	width: 320px;
}

#main {
	width: 320px;
}

.frame-sou {
	width: 280px;
        margin-top: 20px;
}

.frame {
	width: 278px;
}

.un2 {
	width: 214px;
}

#sidebar {
	width: 320px;
        overflow: hidden;
}

.sidemenu2 li a {
  width: 298px;
}

.search-box {
	width: 304px;
}

#footer {
	width: 320px;
}

#header header,
#contents,
#footer footer {
	width: 320px;
}

.q-mark {
        padding-top: 30px;
}

.p-greet{
     width : 140px ;
}

.fm1 {
   width: 318px;
} 

.midashi {
        width: 304px;
}

h2 {
        width: 320px;
}

.text_main {
        width: 320px;
}

.text_sub {
        width: 302px;
}

.title-left {
	width: 302px;
}

.title-right {
	width: 302px;
}

.resize {
        width: 320px;
}

.motto {
        width: 320px;
}

.m-left{
     width : 280px ;
}

.m-right{
     padding-top : 1em ;
     width : 100% ;
}

.profile{
     width : 296px;
}

}


/*--メニュー----------------------------------------------------------*/

#menu {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
}
#menu li{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 162px;
}
#menu li a {
	display: block;
	padding: 16px 0 10px;
	background-color: #cc0033;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	border-right:1px solid #b0002d;
}
#menu li a:hover{
	background: #4baacb;
}

#toggle {
	display: none;
}

li.home{
	border-left:1px solid #b0002d;
}

/* 画面サイズが979px以下の場合に適用 */
@media screen and (max-width: 979px) {
	#menu li {
		width: 127px;
	}
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 768px) {

	#menu li.home {
		width: 158px;
                border-left:1px solid #b0002d;
                border-bottom:1px solid #b0002d;
                margin-top: -2px;
                padding-bottom: 2px;
	}
	#menu li.sou {
		width: 159px;
                border-bottom:1px solid #b0002d;
                margin-top: -2px;
                padding-bottom: 2px;
	}
	#menu li.search {
		width: 159px;
                border-bottom:1px solid #b0002d;
                margin-top: -2px;
                padding-bottom: 2px;
	}
	#menu li.info {
		width: 158px;
                border-left:1px solid #b0002d;
	}
	#menu li.dentist {
		width: 159px;
	}
	#menu li.login {
		width: 159px;
	}
}
 
/* 画面サイズが480px以下の場合に適用 */
@media only screen and (max-width: 480px) {
	#menu {
		display: none;
                height: 56px;
	}
	#menu li.home {
		width: 320px;
                border-left:#cc0033;
	}
	#menu li.sou {
		width: 320px;
	}
	#menu li.search {
		width: 320px;
                height: 46px;
                border-bottom:#2a83a2;
	}
	#menu li.info {
		width: 320px;
                height: 48px;
                border-left:#2a83a2;
	}
	#menu li.dentist {
		width: 320px;
                height: 48px;
	}
	#menu li.login {
		width: 320px;
                height: 48px;
	}
	#toggle {
		display: block;
		position: relative;
		width: 100%;
		background: #cc0033;
	}
	#toggle a{
		display: block;
		position: relative;
		padding: 10px 0 10px;
		color:#FFF;
		text-align: center;
		text-decoration: none;
	}
	#toggle:before {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		background: #FFF;
	}
	#toggle a:before, #toggle a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 10px;
		width: 30px;
		height: 6px;
		background: #cc0033;
	}
	#toggle a:before {
		margin-top:-9px;
	}
	#toggle a:after {
		margin-top: 3px;
	}
}


/*--Link------------------------------------------------------------*/

a{
    color:#0000e3;
}

a:link {
    color:#0000e3;
}

a:visited {
    color:#0000e3;
}

a:hover {
    color:red;
}


/*--ボタン----------------------------------------------------------*/

.btn-blue {
   border-top: 1px solid #2081bd;
   background: #0b74ba;
   background: -webkit-gradient(linear, left top, left bottom, from(#095f99), to(#0b74ba));
   background: -webkit-linear-gradient(top, #095f99, #0b74ba);
   background: -moz-linear-gradient(top, #095f99, #0b74ba);
   background: -ms-linear-gradient(top, #095f99, #0b74ba);
   background: -o-linear-gradient(top, #095f99, #0b74ba);
   padding: 8px 13px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   font-size: 13px;
   text-decoration: none;
   vertical-align: middle;
   }

.btn-blue:hover {
   border-top-color: #073b5e;
   background: #073b5e;
   color: #ffffff;
   }

.btn-blue:active {
   border-top-color: #ffffff;
   background: #ffffff;
   }

.btn-blue2 {
   border-top: 1px solid #2081bd;
   background: #0b74ba;
   background: -webkit-gradient(linear, left top, left bottom, from(#095f99), to(#0b74ba));
   background: -webkit-linear-gradient(top, #095f99, #0b74ba);
   background: -moz-linear-gradient(top, #095f99, #0b74ba);
   background: -ms-linear-gradient(top, #095f99, #0b74ba);
   background: -o-linear-gradient(top, #095f99, #0b74ba);
   padding: 16px 80px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   font-size: 18px;
   text-decoration: none;
   vertical-align: middle;
   }

.btn-blue2:hover {
   border-top-color: #073b5e;
   background: #073b5e;
   color: #ffffff;
   }

.btn-blue2:active {
   border-top-color: #ffffff;
   background: #ffffff;
   }

a.white {
   color: white;
} 

a:hover.white{
   color: #ffff84;
} 

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

.video-wrap{
	position: relative;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
	padding-top: 69px;
	padding-bottom: 50%;
	overflow: hidden;
}

.video-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

/*--ページ切り替え----------------------------------------------------------*/

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.list-group-item{padding:0;}.list-group-item a{display:block;padding:15px 15px;}.list-group-item a:hover,.list-group-items a:focus{color:red;text-decoration:none;background-color:#fefbf0;}

.article_list03 article span{display:inline-block;width:14px;height:14px;line-height:14px;font-size:10px;letter-spacing:-0.1em;text-indent:-2px;color:#fff;text-align:center;background-color:#34495e;white-space:nowrap;}