@charset "UTF-8";

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

div#wrapper-root
{
	width:100%;
	min-width:1000px;
	height:auto;
	min-height:500px;
	background:url(./../../common/img/bg_lightgreen.jpg);
}

div#contents
{	
	width:auto;
	height:auto;
	margin:-10px auto;
}
	
/*   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   -   */

	div.note
	{
		color:#369437;
		font-size:13px;

		background:url(./../../common/img/textline_33.png);
		line-height:33px;
		letter-spacing:1px;
		padding-top:3px;
		padding-bottom:5px;

		text-align:left;
		white-space: nowrap;
	}		

	span.marker
	{
		background:#FF0;
		padding-top:2px;
		padding-bottom:1px;
	}

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

	div#articles
	{
		left:0px;
		top:0px;
		margin-left:180px;
		margin-top:100px;
		width:auto;
		height:auto;
		text-align:center;
	}
		h1
		{
			background:url(./../../common/img/titleboard.png);
			width:725px;
			height:189px;
			margin:0px auto;
		}
			h1 img
			{
				left:75px;
				top:99px;
			}

		h2
		{
			width:794px;
			margin:0 auto;
		}

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

	h1
	{
		margin-bottom:41px;
	}

	div.article-1
	{
		
	}
		div.article-1 h2
		{
			margin-bottom:3px;	
		}
		
		div.article-1 div.con-member
		{
			position:absolute;
			width:101px;
			height:262px;
			left:50%;
			margin-top:138px;
		}
			div.article-1 div.con-member .member
			{
				position:absolute;		
				left:-33px;
			}
			div.article-1 div.con-member div.kirakira
			{
				left:0px;
				top:0px;
				position:absolute;
			}
				div.article-1 div.con-member div.kirakira img
				{
					position:absolute;
				}
				div.article-1 div.con-member div.kirakira img.i-1
				{
					left:24px;
					top:-64px;
				}
				div.article-1 div.con-member div.kirakira img.i-2
				{
					left:1px;
					top:-45px;
				}
				div.article-1 div.con-member div.kirakira img.i-3
				{
					left:-71px;
					top:141px;
				}
				div.article-1 div.con-member div.kirakira img.i-4
				{
					left:-51px;
					top:161px;
				}
				div.article-1 div.con-member div.kirakira img.i-5
				{
					left:79px;
					top:102px;
				}
				div.article-1 div.con-member div.kirakira img.i-6
				{
					left:58px;
					top:123px;
				}


		div.article-1 ul
		{
			margin:0 auto;
			width:704px;
			height:681px;
		}
			div.article-1 li 
			{
				position:absolute;
				cursor:pointer;
				width:247;
				height:248px;
			}
			div.article-1 li.i-1
			{
				left:81px;
				top:0px;	
			}
			div.article-1 li.i-2
			{
				left:411px;
				top:4px;	
			}
			div.article-1 li.i-3
			{
				left:12px;
				top:268px;	
			}
			div.article-1 li.i-4
			{
				left:450px;
				top:268px;	
			}
			div.article-1 li.i-5
			{
				left:232px;
				top:431px;	
			}
				div.article-1 li img.bg ,
				div.article-1 li img.title ,
				div.article-1 li img.pop
				{
					position:absolute;
					top:0px;
					left:0px;
				}
				div.article-1 li img.title
				{
					left:32px;
					top:34px;
				}
				div.article-1 li.i-1 img.pop
				{
					left:-25px;
					top:133px;
				}
				div.article-1 li.i-2 img.pop
				{
					left:193px;
					top:85px;
				}
				div.article-1 li.i-3 img.pop
				{
					left:-12px;
					top:115px;
				}
				div.article-1 li.i-4 img.pop
				{
					left:168px;
					top:115px;
				}
				div.article-1 li.i-5 img.pop
				{
					left:180px;
					top:130px;
				}


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

	div.detail
	{
		z-index:2;
		width:100%;
		height:100%;
		margin-left:90px;
		left:0px;
		top:0px;
		position:fixed;

		opacity:0;
		/*display: none;*/
		visibility:hidden;
		text-align:center;
	}
		div.detail div.layer-green
		{
			position:absolute;
			/*background:rgba(86,166,44,0.69);*/
			background:url(./../img/point/layer_green.png);
			width:100%;
			height:100%;
			left:0px;
			top:0px;
		}

		div.detail div.article-2
		{
			margin:0 auto;
			position:absolute;
			left:50%;
			top:50%;
			margin-left:-380px;
			margin-top:-226px;
			width:761px;
			height:513px;
			background:url(./../img/point/point_bg.png);
		}
			div.detail div.article-2 div.point
			{
				display:block;
				/*position:absolute;*/
			}
				div.detail div.article-2 div.i-1
				{
					top:47px;
				}
				div.detail div.article-2 div.i-2 ,
				div.detail div.article-2 div.i-3 ,
				div.detail div.article-2 div.i-4 ,
				div.detail div.article-2 div.i-5
				{
					top:115px;
				}

				div.detail div.con-title
				{
					margin:0 auto;
					background:#e9f4d2;
					width:402px;
					height:78px;
					margin-bottom:36px;
				}
					div.detail div.con-title .caption
					{
						position:absolute;	
						margin-top:-12px;
						left:50%;
						margin-left:-79px;
					}
					div.detail div.con-title .title
					{
						margin-top:28px;
					}

				div.detail div.article-2 div.note
				{
					margin:0 auto;
					width:590px;
					margin-bottom:15px;
				}

				div.detail div.con-message
				{
					width:370px;
					margin:0 auto;
					text-align:left;
				}
					div.detail div.con-message .icon
					{
						position:absolute;	
						left:0px;
						top:0px;
					}
					div.detail div.con-message .message
					{
						position:absolute;
						margin-top:10px;
						margin-left:70px;
						left:0px;
						top:0px;
					}

				div.detail div.article-2 div.btn-close
				{
					position:absolute;
					left:761px;
					top:-20px;
					cursor:pointer;
					margin-left:-39px;
				}
				div.detail div.article-2 div.btn-close:hover
				{
					opacity:0.85;
				}

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

	div.next-prev
	{
		background:url(./../../common/img/nextprev_bg.png);
		width:769px;
		height:136px;

		margin:0px auto;
		margin-top:40px;
	}
		div.next-prev a.prev
		{
			position:relative;
			background:url(./../../common/img/nextprev_btn_prev_bg.png);
			width:337px;
			height:73px;
			display:inline-block;
			text-align: left;
			margin:0 5px;
			top:30px;
		}
		div.next-prev a.next
		{
			position:relative;
			background:url(./../../common/img/nextprev_btn_next_bg.png);
			width:336px;
			height:74px;
			display:inline-block;
			text-align: left;
			margin:0 5px;
			top:30px;
		}
		div.next-prev a.prev:hover ,
		div.next-prev a.next:hover
		{
			opacity:0.85;
		}
			div.next-prev a.prev img
			{
				position:absolute;
				left:43px;
				top:8px;
			}
			div.next-prev a.next img
			{
				position:absolute;
				left:15px;
				top:14px;
			}

	div.sub-visual
	{
		margin-top:60px;
		background:url(./../../common/img/floor.png);
		left:0px;
		width:100%;
		height:520px;
		background-repeat:repeat-x;
		background-position:0 335px;
		text-align:center;
	}
		div.sub-visual img
		{
			left:90px;
		}

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