/* BEGIN DEMO STYLE */

/* サムネイル部分 */
.gallery_demo{
	width:700px;				/*横幅を指定*/	
	margin:0 auto;				/*マージンを指定*/
}

/* サムネイル部分（画像の配置と枠設定） */
.gallery_demo li{
	margin: 0 2px;				/*マージンを指定*/
	border:3px double #505;		/*太さ・種類・色*/
}

/* 大画面部分 */
#main_image{
	width:700px;				/*横幅を指定*/
	height:490px;				/*高さを指定*/
	margin:20px auto;			/*マージンを指定：タイトル、サムネイルとの間隔*/
}

#main_image img{
	margin-bottom:30px;			/*マージンを指定：キャプション部分との間隔*/
}


/* 全体 */
.demo{
	position:relative;			/*ボックスの配置方法:相対配置*/
}

.caption{
	color:#999;					/*文字色を指定*/
}

/* ナビゲーション部分 */
.nav{
	margin:10px auto 20px;		/*マージンを指定*/
	clear:both;					/*回り込みを解除*/
	letter-spacing:2px;			/*文字の間隔を指定*/
}

/* サムネイル部分（リスト） */	
.galleria{
	width:650px;				/*横幅を指定*/
	list-style:none;			/*リストスタイル：なし*/
}

.galleria li{
	display:block;				/*ブロック要素*/
	width:65px;					/*横幅を指定：一つ当たりの大きさ*/
	height:65px;				/*縦幅を指定：一つ当たりの大きさ*/
	float:left;					/*横並び配列*/
	margin:0 5px 20px;			/*マージンを指定*/
	overflow:hidden;			/*ブロック要素内のはみ出た部分：隠す*/
}