@charset "utf-8";

/*------------------------------------------------------------------------------
Shiga Photo Library- CSS Modules Import
URL: http://www.biwako-visitors.jp/photo/
Date: 2009-12-16
Copyright (C) Biwako Visitors Bureau All rights reserved. 
------------------------------------------------------------------------------*/

/* ----------------------------------------

Header

---------------------------------------- */

/* ------ HeaderSearch ------ */
div#Header div#HeaderSearch {
	top:0;
}

div#Header div#HeaderWrap p#SiteID {
	float: left;
	width: 275px;
}



/* ----------------------------------------

MV

---------------------------------------- */
div#MV {
	width: 100%;
	margin: -12px auto 0 auto;
	position: relative;
	overflow: hidden;
	line-height: 1.0;
	z-index: 50;
}

div#ImageCol {
}

div#MV h2 {
	position: absolute;
	left:50%;
	margin-left:-455px;
	position:relative;
	top:0;
	width:455px;
}


div#Read {
	margin: -80px auto 25px auto;
	width: 660px;
	padding-right: 160px;
	z-index: 100;
	position: relative;
	line-height: 1.0;
}

div#Read strong {
	font-weight: bold;
}

div#Read p {
	line-height: 1.67;
}

div#Read span {
	color: #999;
	font-size: 83.4%;
}


/* ----------------------------------------

Content

---------------------------------------- */


/* ----------------------------------------

Content - Main

---------------------------------------- */

ul#Members h3 {
	background: none;
	padding-left: 0;
	font-weight: normal;
}


/* ----- Guide ----- */
div#HowTo {
	background: url(../images/top/howto_bg_top.png) 0 0 no-repeat;
	margin-left: -5px;
	zoom: 1;
	margin-bottom: 15px;
}

div#HowTo h3 {
	padding: 25px 0 15px 63px;
	background: none;
	font-weight: normal;
}

div#HowTo div.TxtCol {
	padding: 0 10px 20px 20px;
	background: url(../images/top/howto_bg_btm.png) 0 100% no-repeat;
}

div#HowTo div.TxtCol img {
	float: right;
	width: 176px;
}

div#HowTo div.TxtCol p {
	float: left;
	width: 375px;
}



/* ----- Members ----- */
ul#Members {
	margin-bottom: 15px;
	margin-left: -15px;
	_zoom: 1;
}

ul#Members li {
	float: left;
	padding-left: 15px;
	background: url(../images/top/members_bg_top.png) 15px 0 no-repeat;
	width: 186px;
}

ul#Members li h3 {
	margin: 15px 0;
}

ul#Members li p {
	padding: 0 15px 5px 15px;
}

ul#Members li ul.BtnStyle01 {
	background: url(../images/top/members_bg_btm.png) 0 100% no-repeat;
	padding-bottom: 15px;
	line-height: 1.0;
}

ul#Members li ul.BtnStyle01 li {
	padding-left: 0;
	float: none;
}



/* ----- PickUp ----- */

div#PickUp {
	margin-bottom: 45px;
}

div#PickUp h3 {
	margin-bottom: 2px;
	background: none;
	font-weight: normal;
	padding-left: 0;
}

div#PickUp ul {
	background: url(../images/top/photo_bg.png) 0 0 no-repeat;
	margin: 3px 0 30px 0;
	padding-top: 1px;
	padding-left: 1px;
}

div#PickUp ul li {
	background: url(../images/top/photo_bg_btm.png) 100% 100% no-repeat;
	float: left;
	width: 176px;
	height: 160px;
	padding: 10px 10px 0 10px;
	_zoom: 1;
	overflow:hidden;
	line-height: 1.0;
}


div#PickUp ul li a {
	display: block;
	margin-bottom: 3px;
}

div#PickUp ul li a.App strong {
	background: url(../images/common/ico_approved.png) 0 100% no-repeat;
	padding-left: 28px;
} 

div#PickUp ul li span {
	background: #ccc;
	padding: 1px;
	display: block;
	width: 175px;
	margin-bottom: 5px;
}

div#PickUp ul li span img {
	border: 2px solid #fff;
}


div#PickUp ul li strong {
	background: none;
	padding-top: 3px;
	font-size: 83.4%;
	/*line-height: 1.2;*/
}


/* ----------------------------------------

Content - Sub

---------------------------------------- */



/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */
div#PickUp ul:after,
ul#Members:after,
div#HowTo div.TxtCol:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */
*:first-child+html div#PickUp ul,
*:first-child+html ul#Members,
*:first-child+html div#HowTo div.TxtCol {
	display: inline-block;
}

/*  -- Legacy IE -- */
* html div#PickUp ul,
* html ul#Members,
* html div#HowTo div.TxtCol {
	zoom: 1;
}