@charset "utf-8";

/* 見出し背景画像
------------------------------------------------------------------*/
.sub.chorishi h2 {
	background-image: url(../college/chorishi/img/bg_ttl_bl.png);
}
.sub.seika h2 {
	background-image: url(../college/seika/img/bg_ttl_bl.png);
}
.sub.ecoleOsaka h2 {
	background-image: url(../college/ecole_osaka/img/bg_ttl_bl.png);
}
.sub.ecoleTokyo h2 {
	background-image: url(../college/ecole_tokyo/img/bg_ttl_bl.png);
}
.sub.france h2 {
	background-image: url(../college/france/img/bg_ttl_bl.jpg);
}

/* 見出し
------------------------------------------------------------------*/
.sub #main.detail h4 {
  border: none;
  padding: 0 0 0 32px;
  margin: 0 0 30px;
  font-size: 22px;
  background: url(../common/img/icon_blog_square.gif) left 3px no-repeat;
  font-weight: normal;
  line-height: 1.4em;
}
.sub #main.detail h5 {
  background: url(../common/img/icon_square.gif) left 3px no-repeat;
  padding: 2px 0 2px 25px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.4em;
}

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

	■サイド

---------------------------------------------------------------------------------------*/
#side a.active2 {
	color: #6f6c6b;
	font-weight: normal !important;
}
#side a.active3 {
	color: #231815;
	font-weight: bold !important;
}
.sub #side h3 {
	background-position: 20px 80px;
}
.sub #side h3 b {
  bottom: 40px;
}
.sub.chorishi #side h3 {
	background-image: url(../common/img/bg_side_ttl_g.gif);
}
.sub.seika #side h3 {
	background-image: url(../common/img/bg_side_ttl_p.gif);
}
.sub.ecoleOsaka #side h3 {
	background-image: url(../common/img/bg_side_ttl_sb.gif);
}
.sub.ecoleTokyo #side h3 {
	background-image: url(../common/img/bg_side_ttl_o.gif);
}
.sub.france #side h3 {
	background-image: url(../common/img/bg_side_ttl_b.gif);
	background-position: 20px 90px;
}
.sub.france #side h3 b {
	bottom: 30px;
}

.sub #side h3 + ul {
	margin-bottom: 40px;
}
.sub #side ul.category,
.sub #side p.calendar {
  margin: 0 0 40px;
}
.sub #side ul.category li {
	position: relative;
}
.sub #side ul.category li a {
	background: none;
	border-bottom: 1px solid #d9d9d9;
	margin: 0;
	padding: 15px 5px 15px 25px;
}
.sub #side ul.category li a:hover {
	background: #ededed;
	text-decoration: none;
}
.sub #side ul.category li:before {
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 18px;
  left: 6px;
}
.sub.chorishi #side ul.category li:before {
	background: #9fc904;
}
.sub.seika #side ul.category li:before {
	background: #f04f68;
}
.sub.ecoleOsaka #side ul.category li:before {
	background: #00c2ed;
}
.sub.ecoleTokyo #side ul.category li:before {
	background: #ffa700;
}
.sub.france #side ul.category li:before {
	background: #0f3d88;
}
.sub #side ul.archive li a {
  padding: 8px 0 4px 12px;
	background-position: left center;
}
#blogMenu {
	display: block !important;
}
#side.test {
	position: inherit !important;
	bottom: inherit !important;
	top: inherit !important;
}
#side.fixed {
	position: inherit !important;
	top: inherit !important;
}


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

	■一覧

---------------------------------------------------------------------------------------*/
.list .inner {
	margin-left: -18px;
	overflow: hidden;
}
.list article a {
	border: 1px solid #d9d9d9;
	width: 174px;
	height: 190px;
	float: left;
	margin: 0 0 15px 10px;
	background: url(../news/img/icon_arw.gif) 164px 180px no-repeat;
    background-color: #fff;
}
.list article a:hover {
	border: 1px solid #ffd800;
	background: url(../news/img/icon_arw_o.gif) 164px 180px no-repeat;
    background-color: #fff;
}
.sub #main.list article h4 {
	margin: 0;
	border: none;
	padding-left: 0;
	font-size: 12px;
	padding: 0 5px 0 10px;
	line-height: 1.5em;
}
.list article figure {
	height: 120px;
	background: url(../common/img/img_noimage.png) no-repeat;
	overflow: hidden;
}
.list article figure img {
	height: auto;
}
.list article p {
  color: #808080;
  padding: 5px 10px 0;
  font-size: 11px;
	position: relative;
  display: inline-block;
}


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

	■詳細

---------------------------------------------------------------------------------------*/
.detail .inner {
	border-bottom: 1px solid #bfc1c1;
	padding-bottom: 40px;
}
.detail h3 + ul {
	text-align: right;
	color: #a9a29f;
	margin: 0 0 20px;
}
.detail h3 + ul li {
  display: inline-block;
  padding: 2px 0 1px 11px;
  margin-left: 8px;
}
.detail h3 + ul li:last-child {
	border-left: 1px dotted #bfc1c1;
}
.detail h3 + ul li a {
	text-decoration: underline;
}
.chorishi .detail h3 + ul li a {
	color: #9fc904 !important;
}
.seika .detail h3 + ul li a {
	color: #f04f68 !important;
}
.ecoleOsaka .detail h3 + ul li a {
	color: #00c2ed !important;
}
.ecoleTokyo .detail h3 + ul li a {
	color: #ffa700 !important;
}
.france .detail h3 + ul li a {
	color: #0f3d88 !important;
}
.detail h3 + ul li a:hover {
	text-decoration: none;
}
.detail p {
	margin: 0 0 25px;
}
.detail p a {
	color: #b70003 !important;
	text-decoration: underline;
}
.detail p a:hover {
	text-decoration: none;
}
.detail dl.link {
	background: #f2f2f2;
  padding: 25px 30px 15px;
}
.detail dl.link dt {
	font-size: 16px;
  margin: 0 0 18px;
}
.detail dl.link dd {
	margin: 0 0 10px;
	padding: 0 0 0 12px;
  background: url(../common/img/icon_side_arw02.gif) left 0 no-repeat;
}
.detail dl.link dd a {
	color: #b70003 !important;
	text-decoration: underline;
}
.detail dl.link dd a:hover {
	text-decoration: none;
}

/*shareBtn*/
.detail .shareBtn {
	text-align:right;
}
.detail .shareBtn li {
	display:inline-block;
	width:86px;
}
.detail .shareBtn li a:hover {
	opacity:0.7;
}
.detail .shareBtn li + li {
	margin-left:15px;
}
.detail .shareBtn.top {
	margin-bottom: 20px;
}
.detail .shareBtn.btm {
	margin-bottom: 20px;
	margin-top: 15px;
}

.detail .inner + ul.pager {
	margin-top:60px;
}

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

	■フランス校

---------------------------------------------------------------------------------------*/
.sub.france #main h3.france {
    margin: 0 0 30px;
}
.sub.france #main section dl{
	width:760px;
	background: url(../college/france/img/bg_blogfrance_bottom.gif) left bottom no-repeat;
    padding-bottom: 15px;
    margin-bottom:30px;
}
.sub.france #main section dl dt{
	text-align:center;
	background: url(../college/france/img/bg_blogfrance_top.gif) left 30px no-repeat;
}
.sub.france #main section dl dd{
    padding-top: 20px;
	background: url(../college/france/img/bg_blogfrance_middle.gif) left top repeat-y;
}
.sub.france .list .inner {
    margin-left: 0;
    overflow: hidden;
    padding: 0 0 0 13px;
}

.sub.france .list article a {
	border: 1px solid #d9d9d9;
	width: 174px;
	height: 190px;
	float: left;
	margin: 0 0 15px 6px;
	background: url(../news/img/icon_arw.gif) 164px 180px no-repeat;
    background-color: #fff;
}
.sub.france .list article a:hover {
	border: 1px solid #ffd800;
	background: url(../news/img/icon_arw_o.gif) 164px 180px no-repeat;
    background-color: #fff;
}