@charset "utf-8";
/**************************************
	URL       : http://www.getamped.jp
	Copyright : CyberStep
	file      : update120726/update120726.html
**************************************/

/* ==========================================
	Global
========================================== */
a:focus { outline:none;}

/* html
------------------------------------------*/
html{
	width: 100%;
	height: 100%;
}

/* body
------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	background: url(../images/bg_body.jpg) 50% 0 repeat-x #cbf7ff;
}

#wrapper{
	width: 100%;
	height: 100%;
	min-width: 960px;
	min-height: 960px;
	background: url(../images/bg_wrapper.jpg) 50% 0 no-repeat;
}

/* header
------------------------------------------*/
header{
	width: 960px;
	height: 250px;
	margin: 0 auto;
}
	header h1{
		width: 247px;
		height: 127px;
	}
		header h1 a:hover{
			position: relative;
			top: 1px;
			right: 1px;
		}
	header h2{
		width: 700px;
		height: 231px;
		position: relative;
		top: -113px;
		left: 255px;
	}
	
/* contents
------------------------------------------*/
#contents{
	width: 960px;
	height: 760px;
	margin: 0 auto 30px;
}
		#contents nav ul{
			width: 600px;
			height: 720px;
			position: relative;
			top: 24px;
			left: 355px;
		}
		#contents nav ul li{
			width: 284px;
			height: 220px;
			float: left;
			margin: 0 10px 17px 0;
		}
			#contents nav ul li a{
				display: block;
				overflow: hidden;
			}
				#contents nav ul li a:hover{
					position: relative;
					top: 1px;
					right: 1px;
				}
/* footer
------------------------------------------*/
footer{
	clear: both;
	width: 960px;
	height: 50px;
	margin: 0 auto;
}
			
/* nav */
		footer ul{
			width: 546px;
			margin: 0 auto;
		}
			footer ul li{
				float: left;
				width: 172px;
				margin: 0 10px 0 0;
			}
				footer ul li a:hover{
					position: relative;
					top: 1px;
					right: 1px;
				}
/* footer_box */
#footer_box{
	clear: both;
	width: 773px;
	height: 55px;
	margin: 0 auto;
	padding: 10px 0 10px 0;
}
	#footer_box h3{
		width: 243px;
		float: left;
		margin: 10px 30px 0 0;
	}
		#footer_box h3 a{ width: 243px; }
			#footer_box h3 a:hover{
				position: relative;
				top: 1px;
				right: 1px;
			}
	#footer_box .copyright{
		width: 500px;
		float: left;
	}
	#footer_box address{
		font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-style: normal;
		font-weight: normal;
	}

/* thickbox
--------------------------------------------------------------------- */
#TB_window{
	margin: 0 auto;
	text-align: center;
	background: url(../images/bg_thickbox.jpg) 0 0 repeat;
	border: 4px solid #fffcf3;
}

#TB_window img#TB_Image{
	border-right: 1px solid #16164C;
	border-bottom: 1px solid #000033;
	border-top: 1px solid #12113D;
	border-left: 1px solid #16164C;
	margin: 30px 0 -10px 15px;
}
*+html #TB_window img#TB_Image{ margin: 30px 0px 0px 0px;}

#TB_caption {
	height: 10px;
	padding: 10px 10px 20px 10px;
	color: #666666;
	width:100%;
	text-indent: -9999px;
	overflow: hidden;
}

#TB_secondLine {
	padding: 5px 0 0 0;
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
	color: #C9D9FA;
	text-indent: -9999px;
	overflow: hidden;
}

/* btn_close */
#TB_closeWindow{
	float: right;
	width: 94px;
	height: 24px;
	position: absolute;
	top: -8px;
	right: -13px;
}
	#TB_closeWindow a{
		background: url(../images/btn_close.png) 0 0 no-repeat;
		width: 94px;
		height: 0px;
		padding-top: 24px;
		overflow: hidden;
		display: block;
	}

/* TB_next */
#TB_next a {
	background: url(../images/btn_next.png) 0 0 no-repeat;
	position: absolute;
	bottom: 18px;
	display: block;
	width: 44px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	right: -44px;
}
	#TB_next a:hover { background: url(../images/btn_next.png) -44px 0 no-repeat;}

/* TB_prev */
#TB_prev a {
	background: url(../images/btn_prev.png) 0 0 no-repeat;
	position: absolute;
	bottom: 18px;
	display: block;
	width: 44px;
	height: 80px;
	text-indent: -9999px;
	overflow: hidden;
	left: -44px;
}
	#TB_prev a:hover{background: url(../images/btn_prev.png) -44px 0 no-repeat;}