@charset "utf-8";


/*フォトギャラリー エリア*/

div#gallery_main{ width: 691px; position:relative; background-image: url(../img/ai22_sub-bg_bottom.gif); background-repeat: no-repeat; background-position: left bottom; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 16px; padding-left: 0px; }

.gallery h3{ background-image: url(../gallery/img/ai22_stitle.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; margin: 0px;
padding: 0px; height: 81px; width: 691px; position: relative; }

div#gallery_textbox{ background-color: #FFFFFF; display: block; margin: 0px; width: 647px; padding-top: 0px; padding-right: 22px; padding-bottom: 10px; padding-left: 22px; }
div#gallery_textbox .gallery_pageLink{ background-color: #fbdce9; width: 621px; padding-right: 13px; padding-left: 13px; text-align: center; display: block;
padding-top: 6px; padding-bottom: 6px; color: #666666; }
div#gallery_textbox .gallery_pageLink#bottom{ margin-top: 25px; margin-bottom: 10px; display: block; }

div#gallery_textbox .gallery_pageLink a{ font-weight: bold; color: #666666; text-decoration: underline; }


div#gallery_textbox #gallery_pageNum { width: 647px; display: block; padding-top: 6px; padding-bottom: 6px; clear: both; float: left; }
div#gallery_textbox #PageNum { display: block; background-image: url(../gallery/img/ai22_gallery_01.gif); background-repeat: no-repeat; background-position: right center; font-size: 24pt; color: #ffffff; line-height: 24pt; width: 96px; font-weight: bold; word-spacing: 1em; float: left; height: 68px; margin: 0px;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 6px; }
div#gallery_textbox #PageNum02 { display: block; background-repeat: no-repeat; background-position: right center; font-size: 24pt; color: #ffffff; line-height: 24pt; font-weight: bold; word-spacing: 1em; float: left; padding-top: 14px; padding-left: 9px; }
div#gallery_textbox .PhotoClick { font-size: 10px; line-height: 10px; color: #666666; float: right; padding-top: 27px; padding-right: 10px; }
div#gallery_textbox ul{
	display: block;
	background-image: url(../gallery/img/ai22_gallery_02.gif);
	background-repeat: no-repeat;
	height: 110px;
	width: 637px;
	clear: both;
	list-style-type: none;
	padding-top: 9px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}
div#gallery_textbox ul li{ display: block; float: left; margin: 0px; height: 93px; width: 141px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px;
padding-left: 7px; background-repeat: no-repeat; background-position: 7px 0px; }
div#gallery_textbox ul li a{ display: block; text-indent: -9999px; margin: 0px; padding: 0px; }

div#gallery_textbox ul li a:link{ height: 89px; width: 137px; border: 2px solid #f8f6e8; }
div#gallery_textbox ul li a:visited{ height: 89px; width: 137px; border: 2px solid #f8f6e8; }
div#gallery_textbox ul li a:hover{border: 4px solid #ff96cb; height: 85px; width: 133px; }
div#gallery_textbox ul li a:active{border: 4px solid #ff96cb; height: 85px; width: 133px; }

div#gallery_textbox ul li.NewPhoto a{ background-image: url(../gallery/img/gallery_03.gif); background-repeat: no-repeat; background-position: 10px 68px; }

div#gallery_textbox ul li.NewPhoto a:link{ background-repeat: no-repeat; background-position: 10px 68px; }
div#gallery_textbox ul li.NewPhoto a:visited{ background-repeat: no-repeat; background-position: 10px 68px; }
div#gallery_textbox ul li.NewPhoto a:hover{ background-repeat: no-repeat; background-position: 8px 66px; }
div#gallery_textbox ul li.NewPhoto a:active{ background-repeat: no-repeat; background-position: 8px 66px; }


/*フォトギャラリー ポップアップ*/
#pg_pop_cont{ width: 570px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-repeat: no-repeat; background-position: 0px -5px; padding-top: 30px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; background-color: #b6ac9a; }
#pg_pop_cont #pg_pop_photo_area{ background-color: #FFFFFF; background-repeat: no-repeat; background-position: center center; height: 525px; width: 530px; margin-right: auto; margin-left: auto; text-indent: -9999px; display: block; }
#pg_pop_cont #pg_pop_comment{ width: 510px; margin-right: 20px; margin-left: 20px; display: block; font-size: 12px; line-height: 12px; font-weight: bold;
color: #4f4f4f; background-repeat: no-repeat; background-position: left 8px; padding-left: 0px; padding-top: 10px; padding-bottom: 0px; }
#pg_pop_btn{ width: 530px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; display: block; height: 40px; padding: 0px; }
a.btn_back{ position: absolute; left: 0px; top: 5px; display: block; height: 30px; width: 60px; }
a.btn_close{ position: absolute; left: 250px; top: 5px; display: block; height: 30px; width: 55px; }
a.btn_next{ position: absolute; top: 5px; display: block; height: 30px; width: 60px; right: 0px; }

#pg_pop_foot{ width: 570px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; background-color: #F2F1EA; font-size: 10px; line-height: 14px; text-align: center; color: #676354; }
