@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;
margin:0;
padding: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;
margin:0;
padding: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;
margin:0;
padding:0;
}

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

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

/* ----------------------------------------------------------------------------------- */
/* ■ 非表示 */
/* ----------------------------------------------------------------------------------- */

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

/* ----------------------------------------------------------------------------------- */
/* ■ 基本カラム */
/* ----------------------------------------------------------------------------------- */


.outline   {
width: 600px;
height: 1050px;
margin: 9px auto 0 auto;
}


.page    {
margin: 30px 0 0 0;
padding: 0;
}

.n   {
padding: 0;
border: none;
}

.space   {
width: 10px;
padding: 0;
border: none;
}

article1{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail1.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article2{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail2.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article3{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail3.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article4{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail4.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article5{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail5.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article6{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail6.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article7{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail7.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article8{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail8.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article9{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail9.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article10{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail10.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article11{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail11.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}





article12{
float:left;
width:540px; height:390px;
padding:30px;
margin-bottom:9px;
background:url(detail12.png);
}

	
	ul.photo{
	float:left;
	width:560px; height:160px;
	margin-top:35px;
	}

	ul.photo > li{
	float:left;
	width:113px; height:70px;
	margin:24px 0 0 -12px;
	}

		ul.photo > li:nth-of-type(1){
		width:252px; height:187px;
		margin:28px 35px 0 4px;
		}
	
		ul.photo > li:nth-of-type(2n){
		margin-right:40px;
		}
	
		ul.photo > li:nth-of-type(2),
		ul.photo > li:nth-of-type(3){
		margin-bottom:10px;
		}




























/* ----------------------------------------------------------------------------------- */
/* ■ jquery.lightbox-0.5 */
/* ----------------------------------------------------------------------------------- */

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

/* line 15, ../sass/lightbox.sass */
#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal;
}
/* 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;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -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 {
  content: "";
  display: table;
  clear: both;
}

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

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

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

/* 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 {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block;
}

/* 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 {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 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-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-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-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

/* line 95, ../sass/lightbox.sass */
.lb-data {
  padding: 0 10px;
  color: #bbbbbb;
}
/* line 98, ../sass/lightbox.sass */
.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}
/* 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;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px;
}
/* line 112, ../sass/lightbox.sass */
.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none;
}
/* line 117, ../sass/lightbox.sass */
.lb-data .lb-close:hover {
  cursor: pointer;
}