@charset "utf-8";

*{font-size:10pt; line-height:12.5pt;}

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

/* ■ 全ページ共通項目(HTML) */

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

html,body,head,title,link,meta,style{}

/* ブロックレベル */
div,center,hr,noscript,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,ul,li,ol,dl,dt,dd,form,fieldset,option{
display:block;
padding:0;
margin:0;
}

/* インライン */
span,script,br,font,basefont,big.small,b,i,s,strike,u,tt,em,strong,abbr,acronym,dfn,sup,sub,q,cite,code,var,kbd,
samp,a,img,iframe,label,input,textarea,select,button,object,applet{
display:inline;
padding:0;
margin:0;
}

/* 未設定 */

/*
nobr					//改行させない
ruby,rb,rp,rt			//ルビを付ける
del					//削除部分を示す。内容にブロックレベル要素を含む場合は、ブロックレベル要素。
ins					//追加部分を示す。内容にブロックレベル要素を含む場合は、ブロックレベル要素。
blink					//文字を点滅させる
marquee				//文字をスクロールさせる
base					//相対リンクの基準となるURIを指定する
caption				//表にタイトルを付ける
thead,tfoot,tbody		//行をグループ化する
colgroup				//列をグループ化する
col					//列単位で属性を設定する
frameset,frame,noframes	//フレームの基本
legend				//部品グループにラベルを付ける
optgroup				//選択肢をグループ化する
embed				//プラグインデータを埋め込む
noembed				//embed未対応ブラウザでの表示
param				//パラメータを設定する
bgsound				//BGMを再生する
*/

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

/* ■ 全ページ共通項目(HTML5) */

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

/* ブロックレベル */
section,nab,article,aside,hgroup,header,footer,details,menu{
display:block;
padding:0;
margin:0;
}

/* インライン */
figure,figcaption,time,mark,bdi,bdo,war,video,audio,canvas,map,output,progress,summary{
display:inline;
padding:0;
margin:0;
}

/* 未設定 */

/*
source				//形式の異なる複数の再生候補を指定する
track					//動画・音声と同期するテキストトラック
area					//イメージマップのリンク領域を設定する
datalist				//入力候補のリストを作る
keygen				//暗号鍵を生成する
command				//コマンドを表す
*/

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

/* ■ 非表示 */

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

.hidden,script{position:fixed; top:-9999em; left:-9999em; width:1px; height:1px;}

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

/* ■ 基本カラム */

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

html,body{float:left;}

body{
width:640px;
padding:20px
}

article{
float:left;
width:540px; height:127px;
padding:30px;
margin:0 0 20px;
}

ul.photo > li:nth-of-type(1){
width:540px; height:127px;
margin:-10px 0 0 350px;
}
	
article#num1{background:url("bg_list_1.png");}
article#num2{background:url("bg_list_2.png");}
article#num3{background:url("bg_list_3.png");}
article#num4{background:url("bg_list_4.png");}
article#num5{background:url("bg_list_5.png");}
article#num6{background:url("bg_list_6.png");}
article#num7{background:url("bg_list_7.png");}
article#num8{background:url("bg_list_8.png");}
article#num9{background:url("bg_list_9.png");}
article#num10{background:url("bg_list_10.png");}
article#num11{background:url("bg_list_11.png");}
article#num12{background:url("bg_list_12.png");}
article#num13{background:url("bg_list_13.png");}
article#num14{background:url("bg_list_14.png");}
article#num15{background:url("bg_list_15.png");}
article#num16{background:url("bg_list_16.png");}
article#num17{background:url("bg_list_17.png");}
article#num18{background:url("bg_list_18.png");}
article#num19{background:url("bg_list_19.png");}
article#num20{background:url("bg_list_20.png");}

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

/* ■ jquery.lightbox-0.5 */

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

/* line 6, ../sass/lightbox.sass */
#lightboxOverlay {
  position:fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
}

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  z-index: 10000;
  width: 100%;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
  line-height: 0;
  text-align: center;
}

/* line 24, ../sass/lightbox.sass */
#lightbox img {
  width: auto;
  height: auto;
}

/* line 27, ../sass/lightbox.sass */
#lightbox a img {
  border: none;
}

/* line 30, ../sass/lightbox.sass */
.lb-outerContainer {
  position: relative;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  *zoom: 1;
  background-color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-outerContainer::after {
  display: table;
  clear: both;
  content: "";
}

/* line 39, ../sass/lightbox.sass */
.lb-container {
  padding: 10px;
}

/* line 42, ../sass/lightbox.sass */
.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  width: 100%;
  height: 25%;
  line-height: 0;
  text-align: center;
}

/* line 51, ../sass/lightbox.sass */
.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

/* line 59, ../sass/lightbox.sass */
.lb-container > .nav {
  left: 0;
}

/* line 62, ../sass/lightbox.sass */
.lb-nav a {
  outline: none;
}

/* line 65, ../sass/lightbox.sass */
.lb-prev, .lb-next {

  /* Trick IE into showing hover */
  display: block;
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

/* line 72, ../sass/lightbox.sass */
.lb-prev {
  left: 0;
  float: left;
}

/* line 76, ../sass/lightbox.sass */
.lb-next {
  right: 0;
  float: right;
}

/* line 81, ../sass/lightbox.sass */
.lb-prev:hover {
  background: url("prev.png") left 48% no-repeat;
}

/* line 85, ../sass/lightbox.sass */
.lb-next:hover {
  background: url("next.png") right 48% no-repeat;
}

/* line 88, ../sass/lightbox.sass */
.lb-dataContainer {
  width: 100%;
  padding-top: 5px;
  margin: 0 auto;
  *zoom: 1;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
}

/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
.lb-dataContainer::after {
  display: table;
  clear: both;
  content: "";
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbb;
}

/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  float: left;
  width: 85%;
  line-height: 1.1em;
  text-align: left;
}

/* line 103, ../sass/lightbox.sass */
.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

/* line 107, ../sass/lightbox.sass */
.lb-data .lb-number {
  display: block;
  padding-bottom: 1em;
  clear: left;
  font-size: 11px;
}

/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  float: right;
  width: 35px;
  padding-bottom: 0.7em;
  outline: none;
}

/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}