@charset "utf-8";

BODY {
	margin:0px;
	background: #FFFFFF url("../img/bg2.jpg") repeat left top;
	font-family:"メイリオ";
}
a img {border:0px;}
img {border: 0;}
p {margin-bottom:10px;}

* {margin:0; padding:0;}

/*a:link		{color:#000;text-decoration:none;}
a:visited	{color:#000;text-decoration:none;}
a:hover		{color:#000;text-decoration:none;}*/


/* 全体調整 */
div#wrapper{
	margin: 0 auto;
	text-align: center;
	width: 900px;
	line-height:1.5;
	background-color:#ffffff;
	box-shadow: 0 0 8px rgba(0,0,0,.3);
	margin-bottom:30px;
}


/* ヘッダー */
div#Header{
	float:left;
	width: 880px;height:80px;
	/*background-color:#A00E15;*/
	background: #FFFFFF url("../img/red.png") repeat right top;
	text-align: left;
	color:#ffffff;
	padding-left:20px;
	padding-top:15px;
	margin-bottom:20px;
}

div#Header .title{
	margin:23px 10px 0px 40px;
}

/* ヘッダーサブメニュー */
div#SubMenu{
	float:right;
	width: 350px;height:100px;
}

div#SubMenu img{
	padding-right:20px;
	
}

/* メインエリア */
div#wrapMain {
	height:100%;
	margin: 0 auto;
	text-align: left;
	background-color:#fff;
	font-size:93%;
}

div#main{
	width: 855px;
	padding:20px 20px 20px 20px;
	padding-bottom:8px;
}

div#mainL {
	float:left;
	width: 620px;
	height: 200px;
	padding-right:15px;
}

div#mainR {
	float:left;
	width: 190px;
	height: 200px;
	padding-left:15px;
	padding-top:30px;
}

.bannerB{
	border:solid 1px #585ea1;
	padding:3px;
}

.bannerG{
	border:solid 1px #ccc;
	background-color:#fff;
	padding:3px;
}

.bannerR{
	border:solid 1px #A00E15;
	padding:2px;
}


/*.thumbnail{
	border:solid 1px #ccc;
	padding:2px;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:15px;
	box-shadow: 0 0 8px rgba(0,0,0,.3);
	float:left;
}*/

/*サムネイル写真*/
    #container{
        margin: 0 auto;
        max-width: 550px;
    }
    
    #photo_container{
        float:left;
        margin-right: 15px;
    }
    
	#thumbnail{
		overflow: hidden;
		margin: 0 0 10px;
        padding: 0 3% ;
        width: 100%;
	}
	#thumbnail li{
        float: left;
        margin-right: 5px;
        margin-bottom: 5px;
		list-style: none;
	}
    #thumbnail li:last-child{
        margin-right: 0;
    }
	#thumbnail li img{
        width: 100%;
		opacity: 0.5;
        filter: alpha(opacity=50); 
	}
	#thumbnail li.current img{
		opacity: 1;
        filter: alpha(opacity=100);
	}
	#main_photo{
		position: relative;
        border: solid 10px #fff;
        box-shadow: 0 1px 8px #bbb;
        height: 470px;
	}
	#main_photo img{
		position: absolute;
		top:0;
		width: 100%;
	}
    #caption{
        padding: 10px 0;
        text-align: center;
        font-style: italic;
    }

.summary{
	margin-top:5px;
	margin-bottom:5px;
	float:right;
	width:190px;
	font-size:90%;
	font-family:"メイリオ";
}
.summary h3{
	margin-bottom:5px;
	font-size:100%;
	color:#0060B6;
}
.summary p{
	margin-bottom:2px;
	font-size:95%;
}

.summary img{
	margin-top:7px;
}

/* フッター */
div#footer{
	clear:both;
	margin: 0 auto;
	width: 845px;
	font-size:80%;
	margin-left:20px;
	padding:15px 0px 10px 10px;
	text-align:left;
	background-color:#f4f4f4;
	text-align:center;
}

div#footer p {margin-bottom:0px;}

div#footer img {margin-right:10px;}

div#footer .Logo{
	max-width: 50px;
	max-height: 50px;
}


/* コピーライト */
div#Copyright{
	font-size:68%;
	padding-top:10px;
	padding-bottom:10px;
	color:#aaa;
}


/* ページ上部へ戻る（フッター部分） */
.pagetop {
	clear:both;
	float:right;
}


/******* ユーティリティ ***********/

/* ページ上部へ戻る（フッター以外） */
.gotop{
	clear:both;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

}

/* ちょっとスクロールしたら「PAGE TOP」を表示 */
#page-top {
    position: fixed;
    bottom: 3%;
    right: 3%;
}

#page-top span {
    width: 40px;
    height: 50px;
    display: block;
}


.indent {
    padding:10px;
    margin:10px;
    border-top:1px dotted #77B52D;
}

div#header h1{
	margin:0px;
	padding-left:30px;
	
}

h1{
	margin:0px;
	padding:0px;
	display:block;
	font-size:140%;

h2{
	margin:0px;
	padding:0px;
	display:block;