@charset "utf-8";
/* =======================================

	common CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	=1.Base Structure/h2
	
	=2.Header
	
	=3.Footer
	
	=4.MyNavi

========================================== */



/* =1.Base Structure/h2
========================================== */

#Container{
	width:998px;
	margin:0 auto;
	text-align:center;
}

#Wapper{
	width:800px;
	margin:0 auto;
	padding:0 0 50px;
	text-align:center;
}

#Login{
	width:800px;
	padding:30px 0 50px;
	border:1px solid #0082CC;
	background:#fff;
}

#MyPage,
#Member,
#photoBook{
	width:770px;
	padding:0px 0 50px;
}

#Login h2,
#MyPage h2,
#photoBook h2{
	height:22px;
	line-height:22px;
	margin:0 auto 30px;
	padding-left:12px;
	font-size:15px;
	text-align:left;
	color:#656565;
	/*background: url(../images/ttl_bar.png) no-repeat left top;*/
	border-left:4px solid #015DCC;
}


#Login h2{
	width:738px;

}

#MyPage h2,
#photoBook h2{
	width:758px;
}

.err {
	font-size:12px;
	color:#ff0000;
	padding: 5px;
	border: 1px #f00 dotted;
}

div.errorMessage{
	width:764px;
	border:1px solid #ff0000;
	padding:0 0 5px 0;
	margin-bottom: 10px;
	background:#fff;
}

div.errorMessage dl#Error{
	width:764px;
	margin:0 0 0 -3px;
	padding:15px 0 0 0;
	text-align:left;
}

div.errorMessage dl#Error dt{
	float:none;
	width:150px;
	background:#ff0000;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:center;
	color:#fff;
	font-size:18px;
	padding:6px 0;
	margin-bottom:5px;
}

div.errorMessage dl#Error dd{
	float:none;
	background:none;
	margin-left:1.5em;
	color:#ff0000;
	font-size:13px;
	line-height:1.5;
}

.alpha-btn:hover{
	opacity:0.75;
	filter: alpha(opacity=75);
}

.photoAreablock{
	display: block;
}

.opacifyHalf{
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
	-webkit-opacity:0.5;
  opacity:0.5;
}


/* =2.Header
========================================== */

#Header{
	width:998px;
	height:160px;
	position:relative;
}

#Header h1{
	width:998px;
	height:140px;
	margin:0 auto;
}


/* =3.Footer
========================================== */

#Footer{
	width:100%;
	background:#0082CC;
	padding:20px 0 15px;
	text-align:center;
}

#Footer div.f-inner{
	width:998px;
	margin:0 auto;
	color:#fff;
}

#Footer div.f-inner sup{ font-size:x-small;}

#Footer div.f-inner dl{
	width:auto;
	margin:0 auto;
	text-align:center;
}

#Footer div.f-inner dl dt{ margin-bottom:5px;}

#Footer div.f-inner dl dd{ color:#FFF; font-size:12px;}






/*	=3-4.backTop
------------------------------*/






#MyNavi{
	width:100%;
	text-align:right;
}

#MyNavi ul{margin:3px 0;text-align:right;}

#MyNavi ul li{
	display:inline;
	font-size:12px;
}

#MyNavi ul li a{padding:0 10px; border-right:1px solid #606060;}

#MyNavi ul li a:link,
#MyNavi ul li a:visited{ color:#606060;}
#MyNavi ul li a:hover{ color:#6DBDEE;}