/**************/
/* 共通の設定 */
/**************/
/* 要素の設定 */
body{
	margin:0px;
	padding:0px;
	margin-top:0px;
/*	【通常用】	*/
	background-image:url(../image/common/back.png);
/*	【秋用】
	background-image:url(../image/momiji1.gif),
			url(../image/momiji2.gif);
	background-repeat:repeat-x,
			repeat;
	background-position:0px 0px,
			600px 600px;
*/
/*	【クリスマス用】	
	background-image:url(../image/top/snow.gif);
*/
/*	【正月用】	*/
/*
	background-image:url(../image/top/hane.gif);
*/
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino kaku Gothic Pro','メイリオ','Meiryo','MS Pゴシック','MS PGothic',sans-serif;
}

h1{
	margin:0px;
	background-image:url(../image/common/line.gif);
	background-repeat:repeat-x;
	color:#333333;
	font-size:150%;
	padding:5px;
}

h4{
	color:#333333;
	font-size:130%;
	padding:5px;
}

a.return{
	color:#000000;
}

/* 文章の文字設定 */
.text{
	margin:0px;
	margin-left:10px;
	margin-right:20px;
	font-size:100%;
	line-height:150%;
	padding-left:5px;
	letter-spacing:0.1em;
}

/* ルビの文字設定 */
@media screen and (min-width:769px){
	rt{
		font-size:50%;
	}
}

/* キャプションの文字設定 */
caption{
	font-weight:bold;
}

/* 画面ロゴの設定 */
.toplogo{
	width:950px;
	height:100px;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	vertical-align:bottom;
}

/* ページサイズの設定 */
.page{
	width:950px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	vertical-align:bottom;
	padding:0;
	background-color:#ffffff;
	display:block;
	overflow:hidden;
}

/* メイン部の設定 */
.main{
	width:750px;
	min-height:709px;
	height:auto !important;
	height:709px;
	margin:0px;
	margin-bottom:1px;
	vertical-align:bottom;
	float:right;
	background-color:#ffffff;
}


/* TOP画面のアニメーション設定 */
.top_image{
	width:750px;
	height:300px;
	margin:0px;
	padding:0px;
	background-image:url(../image/common/titlehonkan.gif);			/* 通常用		*/
/*	background-image:url(../image/top/titlehonkan_xmas.gif);	*/ 	/* クリスマス用 */
/*	background-image:url(../image/top/titlehonkan_newyear.gif);	*/	/* 正月用 		*/
	background-repeat:no-repeat;
}

.top_image a#window{
	margin-left:190px;
	margin-top:0px;
	width:266px;
	height:109px;
	display:block;
	overflow:hidden;
	position:absolute;
	/* 【クリスマス用】
	background-image:url(../image/top/honkan_window1.gif);
＊/
	/* 【正月用】
	background-image:url(../image/top/honkan_window20150101-1.gif);
*/
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.top_image a#window:hover{
	background-position: 0px bottom;
}

.top_image a#window:active{
	/* 【クリスマス用】 
	background-image:url(../image/top/honkan_window2.gif);
*/
	/* 【正月用】
	background-image:url(../image/top/honkan_window20150101-2.gif);
*/
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.top_image a#door{
	margin-left:261px;
	margin-top:172px;
	width:124px;
	height:116px;
	display:block;
	overflow:hidden;
	position:absolute;
	/* 【通常用】 */
	background-image:url(../image/top/honkan_door1.gif);
	/*【正月用】
	background-image:url(../image/top/honkan_door20150101-1.gif);
*/
	background-repeat:no-repeat;
	background-position:0px 0px;
}

.top_image a#door:hover{
	background-position: 0px bottom;
}

.top_image a#door:active{
	/* 【通常用】 */
	background-image:url(../image/common/honkan_door2.gif);
	/* 【クリスマス用】 
	background-image:url(../image/top/honkan_door2.gif);
*/
	/*【正月用】
	background-image:url(../image/top/honkan_door20150101-2.gif);
*/
	background-repeat:no-repeat;
	background-position:0px bottom;
}

/* サイドメニューの設定 */
.sidemenu{
	width:196px;
	height:400px;
	margin:0px;
	vertical-align:bottom;
	padding:0px;
	background-color:#bdccd4;
	float:left;
}

.sidemenu ul{
	margin:0px;
	padding:0px;
	padding-top:5px;
}

.sidemenu li{
	margin:0px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:1px;
	line-height:230%;
	list-style-image:none;
	list-style-type:none;
	text-align:left;
	border:solid 1px #999999;
}

.sidemenu li > a{
	margin:0px;
	display:block;
	width:100%;
	color:#003366;
	text-decoration:none;
	background-image:url(../image/common/navi-off.gif);
}

li.li_select{
	color:#003366;
	font-weight:bold;
	background-image:url(../image/common/navi-select.gif);
	border:none;
}

.sidemenu li > a:hover{
	font-weight:bold;
	background-image:url(../image/common/navi-on.gif);
	background-repeat:repeat-x;
}

.counter{
	width:90px;
	margin:10px;
	margin-top:50px;
	border-radius:5px;
	font-size:12px;
	padding-top:4px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:6px;
	color:#000000;
	background-color:#bdbc8f;
}

.counter p{
	margin:0;
}

/* インフォメーションの設定 */
.information{
	width:196px;
	min-height:404px;
	height:auto !important;
	height:404px;
	margin:0px;
	vertical-align:bottom;
	padding:0px;
	background-color:#bdccd4;
	float:left;
}

.information_title{
	margin:5px;
}

.information_text{
	width:191px;
	height:750px;
	margin:0px;
	padding:0px;
	padding-left:3px;
	background-color:#bdccd4;
	line-height:130%;
	letter-spacing:0.1em;
}

.info_title{
	font-size:110%;
	margin-bottom:-13px;
}

.info_text{
	line-height:130%;
	margin-left:2em;
}

.info_img{
	margin-left:2em;
	border:solid 1px #000;
}

.information_dummy{
	width:196px;
	height:404px;
	margin:0px;
	background-color:#bdccd4;
	float:left;
}

/* アドレスの設定 */
address{
	clear:both;
	width:944px;
	margin:0px;
	margin-top:2px;
	margin-left:auto;
	margin-right:auto;
	padding:3px;
	background-color:#ffffff;
	border-top:1px solid #3366ff;	
	color:#0000FF;
	font-size:70%;
	font-weight:normal;
	text-align:center;
}

.font_red{
	color:red;
}

/********************************/
/* おすすめ写真集一覧画面の設定 */
/********************************/
/* スクロール部分の画面設定 */
.osusume_main{
	height:690px;
	overflow-y:scroll;
}

/* 表の設定 */
.osusume_list{
	border:1px solid #000000;
	border-collapse:collapse;
	margin-left:5px;
	margin-right:5px;
}

.osusume_list tr{
	height:auto;
}

.osusume_list th{
	background-color:#ffffcc;
	border:1px solid #003366;
	padding:5px;
	font-size:90%;
}

.osusume_list td{
	border:1px solid #000000;
	padding-left:5px;
	padding-right:5px;
	font-size:90%;
}

.osusume_list td.osusume_icon a:hover{
	filter:alpha(opacity=50);
	opacity:0.5;
}

.osusume_list td a.hitokoto{
	margin-top:5px;
	margin-left:90px;
	margin-bottom:5px;
	width:120px;
	height:40px;
	display:block;
	background-image:url(../image/photobook/hitokoto_green.gif);
	background-repeat:no-repeat;
}

.osusume_list td a.hitokoto:hover{
	background-image:url(../image/photobook/hitokoto_yellow.gif);
}

.osusume_icon{
	text-align:center;
}

.osusume_title{
	width:110px;
	table-layout:fixed;
	text-align:center;
}

.osusume_name{
	width:80px;
	table-layout:fixed;
	text-align:center;
}

/**********************/
/* 写真集解説画面の設定 */
/**********************/
/* 画面サイズの設定 */
.photobook_main{
	width:948px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:1px;
	background-color:#ffffff;
	overflow:hidden;
}

.photobook_main p{
	margin-left:10px;
}

/* 写真段組みの設定 */
.photo_left{
	margin-bottom:10px;
	margin-left:20px;
	margin-right:30px;
	line-height:150%;
	font-size:70%;
	float:left;
}

.photo_right{
	margin-bottom:10px;
	margin-left:30px;
	margin-right:20px;
	line-height:150%;
	font-size:70%;
	float:right;
}

.photo_kugiri{
	clear:both;
}

p.photobook_text{
	margin-top:30px;
	margin-left:30px;
	margin-right:30px;
	line-height:150%;
	padding-left:5px;
	letter-spacing:0.1em;
}

p.photo_title_left{
	margin-left:20px;
	font-size:70%;
	text-align:left;
}

p.photo_title_right{
	margin-right:20px;
	font-size:70%;
	text-align:right;
}

/************************/
/* 写真よもやま話の設定 */
/************************/
.yomoyama_title{
	padding:10px;
	background-color:#ffffcc;
	font-size:120%;
}

.yomoyama_text{
	margin:0px;
	margin-top:30px;
	margin-bottom:0px;
	padding-left:40px;
	padding-right:40px;
	line-height:150%;
	letter-spacing:0.1em;
}

.yomoyama_text a{
	color:#0000ff;
	text-decoration:underline;
}

.yomoyama_text a:hover{
	color:#ff8800;
}

.yomoyama_text img{
	margin-left:16px;
}

/**************************/
/* フォト・ギャラリーの設定 */
/**************************/
.photogallery_title{
	background-color:#ffffcc;
}

.photogallery_menu{
	width:748px;
	height:680px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
	overflow-y:scroll;
}

.photogallery_menu time{
	font-size:12px;
	color:#ffffff;
	background-color:#bdbc8f;
	border-radius:10px;
	padding:2px;
	padding-left:20px;
	padding-right:20px;
}

.photogallery_menu article{
	width:600px;
	padding:10px;
	margin-left:30px;
	background-color:#ffffcc;
	border:solid 1px #000000;
	border-radius:5px;
	display:block;
	overflow:hidden;
	-webkit-box-shadow:0px 1px 7px #aaaaaa;
	box-shadow:2px 2px 7px #aaaaaa;
}

.photogallery_menu article:hover{
	background-color:#ffe792;
}

.photogallery_menu a{
	text-decoration:none;
	display:block;
	overflow:hidden;
}

.photogallery_menu img{
	margin-right:20px;
	float:left;
}

.photogallery_menu h3{
	margin-top:5px;
	margin-bottom:5px;
}

.photogallery_menu p{
	margin:0px;
}

.photogallery_main{
	width:948px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	overflow:hidden;
}

.photogallery_main a{
	text-decoration:underline;
}

p.photogallery_text{
	margin-top:0px;
	margin-left:50px;
	margin-right:20px;
	margin-bottom:0px;
	padding-left:10px;
	font-size:100%;
	line-height:150%;
	letter-spacing:0.1em;
}

.photogallery_main p{
	margin-left:10px;
}

/**********************/
/* プロフィールの設定 */
/**********************/
/* 館長アイコンの設定 */
.profile_photo{
	float:left;
	margin-bottom:20px;
}

/* 文章の文字設定 */
.profile_text{
	margin-top:30px;
	width:680px;
	line-height:150%;
	padding-left:5px;
	letter-spacing:0.1em;
}

/* 表の設定 */
.profile_list{
	clear:both;
	margin-left:10px;
	border:1px solid #000000;
	border-collapse:collapse;
}

.profile_list th{
	width:100px;
	background-color:#ffcb63;
	border:1px solid #003366;
	padding:10px;
}

.profile_list td{
	width:400px;	
	background-color:#ffedce;
	padding-left:5px;
	padding-right:5px;
	border:1px solid #000000;
	font-size:90%;
}

/* Twitterリンクボタンの設定 */
.profile p{
	margin-left:20px;
	font-size:80%;
}

.profile a{
	width:100px;
	margin-left:45px;
	text-decoration:none;
	display:block;
	padding:5px;
	padding-left:0px;
	padding-right:6px;
	background-color:#dddddd;
	border:solid 1px #888888;
	border-radius:10px;
	text-align:center;
}

.profile a:hover{
	background-color:#32CDFE;
	color:#ffffff;
}

.profile img{
	vertical-align:-4px;
}

/****************************/
/* フォト・ギャラリーの設定 */
/****************************/
.paymo_button{
	margin-top:30px;
	text-align:right;	
}

.paymo_button a{
	padding:5px 20px;
	background-color:brown;
	color:#FFF;
	text-decoration:none;
}

.paymo_button a:hover{
	background-color:orange;
}

.gallery_sample li{
	margin-top:50px;
	margin-right:50px;
	display:inline-block;
	list-style:none;
}

.gallery_sample p{
	margin-top:-3px;
	text-align:center;
	font-size:90%;
}

/**********************/
/* お問い合わせの設定 */
/**********************/
.contact_article{
	padding:0 5%;
}

.contact_article select{
	color:#1544DD;
}

.contact_article option{
	width:200px;
	height:30px;
	color:#1544DD;
}

.contact_article input{
	height:25px;
	width:350px;
	color:#1544DD;
}

.contact_article textarea{
	rows:5;
	color:#1544DD;
}

#send_button{
	width:150px;
	height:40px;
	letter-spacing:2px;
}

.kakunin ul{
	margin-top:10px;
}

.kakunin li{
	margin-right:10px;
	display:inline-block;
}

#ok_button{
	width:150px;
	height:40px;
	letter-spacing:2px;
}

#modoru_button{
	width:150px;
	height:40px;
	letter-spacing:2px;
}