@charset "UTF-8";

/**********************************************************
概要
**********************************************************/
/*
個別ページ | ライブラリー | 写真集

ファイル名  ：main-library-photo.css
読込先      ：photo/index.html
コピーライト：(C) 2009 The School of Soke Tachibana / Core Impressions all rights Reserved. 

内容：
  1：メイン - 左右パディング
  2：メイン - HTML各要素
----------------------------------------------------------*/



/*----------------------------------------------------------
  1：メイン - 左右パディング
----------------------------------------------------------*/


div#main .inner {
  margin: 0;
  padding: 0 80px 0 40px;
}


/*----------------------------------------------------------
  2：メイン - HTML各要素
----------------------------------------------------------*/

/* 見出し要素
------------------------------*/

h1 {
}

/* レイアウト
------------------------------*/
.menu {
  text-align: left;
  margin: 0 0 15px 0;
}

.thumb {
  text-align: left;
  width: 180px;
}

.content-image {
  text-align:center;
}

.descript {
  width: 420px;
  margin: 1em 0;
}

/* 要素
------------------------------*/
/* menu */
.menu p {
  margin: 0 0 0 15px;
  padding: 0 0 0.75em 0;
  font-size: 85%;
  *font-size: 70%;
  font-size /*\**/: 70%\9;
  color: #A3401D;
}

.menu li {
  font-weight: normal;
  list-style-type: none;
  width: 160px;
  margin: 0 0 0 15px;
  padding: 0 0 0.75em 0;
  color: #A3401D;
  font-size: 85%;
  line-height: 1.5em;
  *font-size: 70%;
  *line-height: 1.7em;
  font-size /*\**/: 70%\9;
  line-height /*\**/: 1.7em\9;
}

.menu li.selected {
  font-weight: bolder;
  font-size: 85%;
  *font-size: 80%;
  *line-height: 1.5em;
  font-size /*\**/: 80%\9;
  line-height /*\**/: 1.5em\9;
}

/* thumb */
.thumb p {
  font-size  : 100%;
  font-weight: bold;
  line-height: 1.5em;
  margin-bottom: 15px;
}

.thumb li {
  display: block;
  float: left;
  list-style-type: none;
  margin: 0 10px 10px 0;
  background: #F9F9F9;
  border: solid 1px #DDDDDD;
}

.thumb li.selected {
  font-weight: bold;
  border: solid 1px #AAAAAA;
}

.thumb li img {
/*  border: solid 1px #cccccc;*/
}

/* contents */
.content-image {
  background: #f9f9f9;
  border: solid 1px #DDDDDD;
}

/* description */
.descript {
  font-size: 85%;
  line-height: 1.5em;
  *font-size: 70%;
  *line-height: 1.7em;
  font-size /*\**/: 70%\9;
  line-height /*\**/: 1.7em\9;
}

/* noscript */
#library-photo noscript {
	margin: 0 0 2em 0;
  font-size: 85%;
  line-height: 1.5em;
  *font-size: 70%;
  *line-height: 1.7em;
  font-size /*\**/: 70%\9;
  line-height /*\**/: 1.7em\9;
}


/* display */
.menu,
.thumb{
  display: none;
}