#note_top{
	background-color: #f6f6f6;
   min-height: 50px;
   height:50px;
   margin:0 auto;
   width:100%;
   max-width:1920px;
   position:relative;
}

.fav_stock_button .btn{
	margin: 20px 5px 0 10px;
	/*float: left;*/
	font-size: 120%
}

#note_foot_line{
	float: right;
	margin: -40px 30px 0 0;
}


#note_title time{
	font-size:120%;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

#note_title time a{
	text-decoration: none;
}

#note_title time a:hover{
	text-decoration: none;
}

#note_title #article_title p{
	margin: 15px 0 20px 10px;
}

.tag_line{
	line-height: 200%;
}

.tag{
	white-space: nowrap;
	color:#F2F2F2;
	font-size: 90%;
	margin: 5px;
	padding: 5px;
	border-radius: 3px;
}
.tag a{
	text-decoration: none;
	color: #F2F2F2;
}

.tag a:hover{
	text-decoration: none;
	color: #F2F2F2;
}


#note_title hr{
	border-top: 1px solid #434343;
	margin: 10px 0 0 0;
}

#note_content{
	width:100%;
	height:100%;
	margin:0 auto 50px auto;
	word-wrap: break-word;
}

#note_content article{
	font-size: 120%;
	line-height:2;
	color: #434343;
	margin: 30px 15px;
}

#note_content article .content_title h2{
	margin: .5em 0;
	padding: .75em .75em;
	background-color: #f6f6f6;
	border-radius: 6px;
	font-size: 150%;
	font-weight: bold;
}

#markdown{
	margin: 0 .5em;
}

#markdown h1{
   font-size: 170%;
	padding: .25em 0 .3em .75em;
	border-left: 8px solid #ccc;
}

#markdown h2{
	padding: .3em 0;
	border-top: 1px solid #434343;
	border-bottom: 1px solid #434343;
}

#markdown h3{
}

#markdown ul li{
   list-style-type: disc;
}

#markdown ol li{
   list-style-type: decimal;
}

/*Reference design*/
#note_content #reference .result{
   margin: 10px;
   padding:5px;
   line-height: normal;
}

#note_content #reference .result hr{
   border-color: #c0c0c0;
   margin-top: 25px;
}

#note_content #reference .result .claim_button{
   margin: -30px 20px 0 0;
   float: right;
}

#note_content #reference .result .title{

}

#note_content #reference .result .publisher{
   font-weight: bold;
}

#note_content #reference .result .authors{
   font-size: 80%;
}

#note_content #reference h5{
   padding: .5em .75em;
   background-color: #fff;
   border: 1px solid #434343;
   border-radius: 6px;
   font-size: 100%;
}

#top{
	background-color: #50AB50;
   min-height: 200px;
   height:200px;
   margin:0 auto;
   width:100%;
   max-width:1920px;
   position:relative;
}


#note_list{
	margin: 40px 0;
	color: #434343;
}

#note_list hr{
	border: solid 1px #c0c0c0;
	margin-top: 25px;
}

#note_list a{
	text-decoration: none;
	font-weight: 550;
	color: #434343;
}


.note_list_box{
	font-size: 110%;
	padding: 10px;
}

.note_excuse_box{
	font-size: 110%;
	border-radius: 5px;
	background: #90c6e9;
	padding: 10px;
}


.noteauthor a{
	color:#000;
	text-decoration: underline;;
}

.noteauthor a:hover{
	color:#000;
	text-decoration: underline;
}

.favsofnote{
	float: right;
	margin: -25px 30px 0 0;
}

.note_list_box h4{
	font-size: 120%;
}

.note_list_box .label-edit a{
	font-size: 80%;
	font-weight: normal;
	color:#fff;
	background:#5cb85c;
	padding: 1px 4px;
	border-radius: 3px;
	text-decoration: none;
}

.note_list_box .label a:hover{
	text-decoration: none;
}

/*.note_list_box .tag{
	background: #000;
	border-radius: 3px;
	margin: 5px;
	padding: 5px;
}*/

#morelist{
	width: 100%;
	height: 50px;
	font-size: 130%;
	text-align: center;
	background: #F7F7F7;
	color: #434343;
	display: block;
	line-height: 50px;
	text-decoration: none;
	border-radius: 5px;
	cursor:pointer;
	-moz-transition:	background-color 0.2s linear;
	-webkit-transition:	background-color 0.2s linear;
	-o-transition:		background-color 0.2s linear;
	-ms-transition:		background-color 0.2s linear;
	transition:			background-color 0.2s linear;
}

#morelist:hover{
	background: #eee;
}

#moreMyNotes{
	width: 100%;
	height: 50px;
	font-size: 130%;
	text-align: center;
	background: #F7F7F7;
	color: #434343;
	display: block;
	line-height: 50px;
	text-decoration: none;
	border-radius: 5px;
	cursor:pointer;
	-moz-transition:	background-color 0.2s linear;
	-webkit-transition:	background-color 0.2s linear;
	-o-transition:		background-color 0.2s linear;
	-ms-transition:		background-color 0.2s linear;
	transition:			background-color 0.2s linear;
}

#moreMyNotes:hover{
	background: #eee;
}

#moreHisNotes{
	width: 100%;
	height: 50px;
	font-size: 130%;
	text-align: center;
	background: #F7F7F7;
	color: #434343;
	display: block;
	line-height: 50px;
	text-decoration: none;
	border-radius: 5px;
	cursor:pointer;
	-moz-transition:	background-color 0.2s linear;
	-webkit-transition:	background-color 0.2s linear;
	-o-transition:		background-color 0.2s linear;
	-ms-transition:		background-color 0.2s linear;
	transition:			background-color 0.2s linear;
}

#moreHisNotes:hover{
	background: #eee;
}

#moreLoading {
	display: none;
	width: 30px;
	height: 30px;
	margin: auto;
}

/*Comment*/
#comment{
	background: #f6f6f6;
	border-radius: 8px;
	padding: 10px;
}

#comment #comment_list{
	margin: 10px;
}

#comment .each_comment{
	margin: 5px;
}

#comment .comment_head{
	margin-left: 10px;
}

#comment .comment_body{
	background-color: #fff;
	border-radius: 5px;
	padding: 5px;
	margin:5px;
}

#comment .comment_body input[type="textarea"]{
	width:100%;
}

#comment #form_comment{
	margin: 15px;
}
#comment #form_comment textarea{
	width:100%;
	border: 3px;
	border-radius: 3px;
}

/*profile*/

/*note_contentの影響を受ける*/
#public_profile{
   width: 100%;
   margin: 0 0;
	font-size: 120%;
}

#public_profile .userphoto{
	text-align: center;
}

.big_glyphicon .glyphicon {
  /*border: 2px solid #000;
  border-radius: 50%;*/
  display: inline-block;
  font-size: 60px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  vertical-align: middle;
  width: 140px;
}

#public_profile h2{
	margin: 0 auto;
	text-align: center;
}

#public_profile h3{
	margin: 0 auto;
	text-align: center;
}


#public_profile h2 a{
	color:black;
	text-decoration: none;
}

#public_profile h2 a:hover{
	text-decoration: none;
}


#public_profile #follow{
	width: 80%;
	margin: 10px 10%;
	text-align: center;
}

#public_profile ul{
	margin: 10px auto;
}

#public_profile ul li{
	margin: 5px auto;
}

#public_profile .link_website{
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #ccc;
	height: 29px;
   width: 29px;
	color: #fff;
	padding: 0;
	margin: 0;
	display: inline-block;

}

#public_profile .link_website .glyphicon {
	font-size: 20px;
	height: 29px;
	width: 29px;
	line-height: 26px;
	text-align: center;
	vertical-align: middle;
}

.note_major_section {
  display: inline-block;
  text-align: center;
  border: 1px solid #ccc;
  font-size: 14px;
  line-height: 1;
  padding: 8px 8px;
  border-radius: 1px;
  width: 84px;
  text-transform: uppercase
}

#sidebar_category{
	font-size: 120%;
	/*border: 2px solid #ccc;*/
	background: #ecf0f1;
	border-radius: 3px;
	padding: 5px 20px;
	margin: 20px 0;
	word-break: keep-all;
}
#sidebar_category h2{
}

#sidebar_category h4{
	padding: .25em 0 .25em .5em;
	border-left: 8px solid #f1c40f;
}

#note_header{
   margin-top: -23px;
}

#note_header .jumbotron {
   padding: 0;
	/*background: #ecf0f1;*/
   background: url("/img/info_header.jpg");
	background-position: 0 0;
	background-size: cover;
   height: 400px;
	/*color: #fff;*/
}