@CHARSET "UTF-8";

/**
 * メッセージテンプレート
 */
#ot-main.message-index {
  
}

#ot-main.message-index .message-info {
  width: 260px;
  float: left;
  margin-top: 20px;
}

#ot-main.message-index .stripe {
  padding-top: 25px;
  background: url(../images/common/line-stripe-eee.png) repeat-x left top;
}

#ot-main.message-index .even {
  margin-right: 20px;
}

#ot-main.message-index .photo {
  width: 82px;
  height: 100px;
  float: left;
}

#ot-main.message-index .photo img {
  width: 82px;
  height: 100px;
}

#ot-main.message-index .info {
  width: 157px;
  height: 80px;
  padding: 10px;
  float: right;
  line-height: 1.2;
}

#ot-main.message-index .name {
  line-height: 1.4;
  margin-bottom: 0px;
}

#ot-main.message-index .name span {
  font-size: 79%;
}

#ot-main.message-index .department,#ot-main.message-index .course,#ot-main.message-index .school {
  font-size: 79%;
}

#ot-main.message-index .catch {
  font-size: 85%;
  margin: 10px 0;
}

#ot-main.message-index .link {
  font-size: 85%;
  padding-left: 10px;
  background-position: 0 5px;
  background-repeat: no-repeat;
}

#ot-main.message-index .marineblue .link {
  background-image: url(../images/common/marineblue-arrow.png);
}

#ot-main.message-index .pink .link {
  background-image: url(../images/common/pink-arrow.png);
}
/* ----------- */
#ot-main.message-entry {
  
}

#ot-main.message-entry h3 {
  margin-top: 50px;
}

#ot-main.message-entry .catch-marineblue {
  width: 370px;
  margin-bottom: 10px;
}

#ot-main.message-entry #message-content {
  width: 370px;
  float: left;
}

#ot-main.message-entry #message-content p {margin-bottom:.6em;}

/* リスト関係 */
#ot-main.message-entry #message-content ol,ul {margin:.6em 0 .6em 10px;}
#ot-main.message-entry #message-content ol li{
	list-style-type:decimal;
	margin-left:1.3em;
	margin-bottom:.6em;
}
#ot-main.message-entry #message-content ul li{
	list-style-type:circle;
	margin-left:1.3em;
	margin-bottom:.6em;
}



#ot-main.message-entry #message-photo-info {
  width: 155px;
  float: right;
}

#ot-main.message-entry #message-photo-info .photo img {
  width: 155px;
}

#ot-main.message-entry #message-photo-info .info {
  margin-top: 1px;
  padding: 10px;
  text-align: center;
}

#ot-main.message-entry #message-photo-info .name span {
  font-size: 85%;
}

#ot-main.message-entry #message-photo-info .department,#ot-main.message-entry #message-photo-info .course,#ot-main.message-entry #message-photo-info .school {
  font-size: 85%;
}

.marineblue .info {
  background-color: #66CCEE;
  color: #FFFFFF;
}

.pink .info {
  background-color: #FFAABB;
  color: #FFFFFF;
}

.docnavi {
  font-size: 85%;
  text-align: center;
}