@charset "utf-8";
/* CSS Document */

/* GetAmped2 member Site Style
=====================================================================
WebSite:  www.getamped2.jp/home/
Author:   Cyber Step, Inc.
Version:  CS Generator 2008

/* etcCSS Category ---------
01. title element
02. Sitemap Layout
03. information
04. 404error
05. Login Layout
06. account＆genpassword Layout
---------------------------- */


/* 01. title element
--------------------------------------------------------------------- */
h2.sitemapTitle {
	background: url(../images/etc/h2ttl_sitemap.png) left top no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}
h2.useTitle {
	background: url(../images/etc/h2ttl_use.png) left top no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}
h2.policyTitle {
	background: url(../images/etc/h2ttl_policy.png) left top no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}
h2.mannerTitle {
	background: url(../images/etc/h2ttl_manner.png) left top no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}
h2.infoTitle {
	background: url(../images/etc/h2ttl_information.png) left top no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}
h2.campaignTitle {
	background: url(../images/etc/h2ttl_campaign.png) left top no-repeat;
	margin-bottom:25px;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}

h2.measureTitle {
	background: url(../images/etc/h2ttl_measure.png) left top no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}

h2.service_termsTitle {
	background: url(../images/etc/h2ttl_service_terms.png) left top no-repeat;
	text-indent: -9999px;
	height: 57px;
	width: 600px;
}


/*----- パスワード再発行 -----*/
h3.genpasswordTitle{
	background: url(../images/etc/h3ttl_pass01.jpg) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto;
	height: 30px;
	width: 580px;
}

/*----- ログイン -----*/
h3.loginTitle{
	background: url(../images/etc/h3ttl_pass02.jpg) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto;
	height: 30px;
	width: 580px;
}

/*----- 登録情報の確認 -----*/
h3.myaccountTitle{
	background: url(../images/etc/h3ttl_pass03.jpg) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto;
	height: 30px;
	width: 580px;
}

/*----- IDをお忘れの方 -----*/
h3.myIdTitle{
	background: url(../images/etc/h3ttl_pass04.jpg) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto 0px;
	height: 30px;
	width: 580px;
}

/*----- メールアドレスの変更 -----*/
h3.addTitle{
	background: url(../images/etc/h3ttl_pass05.jpg) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto;
	height: 30px;
	width: 580px;
}

/*----- パスワードの変更 -----*/
h3.passTitle{
	background: url(../images/etc/h3ttl_pass06.jpg) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto;
	height: 30px;
	width: 580px;
}


/*----- 退会 -----*/
h3.taikaiTitle{
	background: url(../images/etc/h3ttl_taikai03.gif) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto;
	height: 30px;
	width: 580px;
}

.nextBtn{
	width:140px;
	margin:0px auto; 
	}
	
.blue{
	font-weight:700;
	color:#0033CC;
}
.taikai_bt{
	background: url(../images/btn_withdraw_01.jpg) left top no-repeat;
	display:block;
	height:40px;
	width:120px;
	float:right;
	margin-top:-15px;
	margin-right:-10px;
	
}
.indent{
	padding-left:30px;
	padding-top:15px;
}	
#left{
	float:left;
	/*padding-left:20px;
	padding-bottom:20px;*/
	clear:both;


}
/*----- メールマガジン配信の変更 -----*/
h3.magaTitle{
	background: url(../images/etc/h3ttl_pass07.jpg) left top no-repeat;
	text-indent: -9999px;
	margin:0px auto;
	height: 30px;
	width: 580px;
}

h3.etcTitle{
	font-weight:bold;
	margin:15px auto 0px 5px;
}
h4.etcTitle{
	color:#006699;
	font-weight:bold;
	margin:15px 0px 0px 20px;
}
.etcComment,
.policyRule{
	border-collapse:collapse;
	border:3px double #6699cc;
	margin:10px auto 25px;
	padding:10px;
	width:560px;
}
.policyRule dt{
	font-weight:bold;
	margin:5px 0px 0px;
}
.policyRule dt.topGreeting{
	font-weight:normal;
	margin-bottom:15px;
}

.errorComment{
	color:#ff0000;
	margin:0px auto 10px;
	width:540px;
}

.{
	}

.tyui{
	margin:0;
	margin-left:5px;
	}

/* 02. Sitemap Layout
--------------------------------------------------------------------- */
#siteMap {
	clear: both;
	margin:0px auto 30px;
	text-align: left;
	width: 600px;
}
.mapLeftSide {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 295px;
	}
.mapRightSide {
	float: right;
	width: 295px;
}
#siteMap dt {
	font-size: 14px;
	font-weight: bold;
	height: 32px;
	margin: 0 0 5px 0;
	padding: 25px 0 0 65px;
	_padding: 15px 0 0 65px;
}
*+html #siteMap dt {
	padding: 15px 0 0 65px;

}

#siteMap dt a {color: #000000;}
#siteMap dt.aboutMap {background: url(../images/etc/about_map_back.png) left 7px no-repeat;}
#siteMap dt.setupMap {background: url(../images/etc/setup_map_back.png) left 7px no-repeat;}
#siteMap dt.supportMap {background: url(../images/etc/support_map_back.png) left 7px no-repeat;}
#siteMap dt.dataMap {background: url(../images/etc/data_map_back.png) left 7px no-repeat;}
#siteMap dt.guideMap {background: url(../images/etc/guide_map_back.png) left 7px no-repeat;}
#siteMap dt.libraryMap {background: url(../images/etc/library_map_back.png) left 7px no-repeat;}
#siteMap dt.otherMap {background: url(../images/etc/other_map_back.png) left 7px no-repeat;}
#siteMap dd {
	background: url(../images/etc/navi_icon.jpg) left no-repeat;
	border-bottom: 1px dashed #999999;
	margin: 0 0 0 25px;
	padding: 8px 0 7px 20px;
}
#siteMap dd.mapBottom {margin: 0 0 15px 25px;}


/* 03. infomation
--------------------------------------------------------------------- */
#information{
	margin:15px 0px 0px 0px;
}
#information ul#infoMenu,
#information #attentionMenu {
	background: url(../images/home/info_header.jpg) no-repeat center top;
	clear: both;
	margin: 10px auto 0px;
	padding:5px;
	height: 30px;
	width: 590px;
}
#information ul#infoMenu li {
	float: left;
	margin:0px;
	padding:0px;
}
#information ul#infoMenu li a {
	display: block;
	height: 30px;
}

/*----- attention title -----*/
#information #attentionMenu h3{
	background: url(../images/etc/h3ttl_attention.jpg) no-repeat 15px top;
	clear: both;
	margin: 0px;
	padding:10px 0px 0px 15px;
	text-indent:-9999px;
	height: 40px;
	width: 400px;
}
* html body #information #attentionMenu h3{
	background: url(../images/etc/h3ttl_attention.jpg) no-repeat 15px top;
	clear: both;
	margin: 0px;
	padding:0px 0px 0px 15px;
	text-indent:-9999px;
	height: 30px;
	width: 400px;
}

/*----- tab elements -----*/
ul#infoMenu li a.infoTab {
	background: url(../images/home/tab_info.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 170px;
}
ul#infoMenu li a.newsTab {
	background: url(../images/home/tab_news.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 100px;
}
ul#infoMenu li a.updateTab {
	background: url(../images/home/tab_update.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 100px;
}
ul#infoMenu li a.mainteTab {
	background: url(../images/home/tab_mainte.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 100px;
}
ul#infoMenu li a.eventTab {
	background: url(../images/home/tab_event.jpg) left bottom no-repeat;
	margin-right:0px;
	width: 100px;
}

/*----- tab elements（over） -----*/
ul#infoMenu li a:hover.infoTab,
ul#infoMenu li a.infoTabOn {
	background: url(../images/home/tab_info_ov.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 170px;
}
ul#infoMenu li a:hover.newsTab,
ul#infoMenu li a.newsTabOn {
	background: url(../images/home/tab_news_ov.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 100px;
}
ul#infoMenu li a:hover.updateTab,
ul#infoMenu li a.updateTabOn {
	background: url(../images/home/tab_update_ov.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 100px;
}
ul#infoMenu li a:hover.mainteTab,
ul#infoMenu li a.mainteTabOn {
	background: url(../images/home/tab_mainte_ov.jpg) left bottom no-repeat;
	margin-right:5px;
	width: 100px;
}
ul#infoMenu li a:hover.eventTab,
ul#infoMenu li a.eventTabOn {
	background: url(../images/home/tab_event_ov.jpg) left bottom no-repeat;
	margin-right:0px;
	width: 100px;
}

/*----- text elements -----*/
#information #infoArea{
	background: url(../images/home/info_bg.jpg) repeat-y center top;
	clear: both;
	width:600px;
}
* html body #information #infoArea{ background: url(../images/home/info_bg.jpg) repeat-y left top;}
#infoArea h3.infoCommentTitle {
	border-bottom: 1px dashed #979797;
	font-size: 14px;
	font-weight: bold;
	margin: 0px auto;
	padding: 10px 10px 10px 30px;
	width: 540px;
}
.infoList {
	font-size: 14px;
	line-height: 145%;
	padding: 10px;
	width: 560px;
}
.infoComment {
	font-size: 14px;
	line-height: 145%;
	padding: 10px 30px 10px 40px;
	width: 560px;
}
/*----- Information Detail -----*/
ul#infoListDetail {
	clear: both;
	margin: 0px auto 15px;
	width: 580px;
}
ul#infoListDetail li {
	border-bottom: 1px dashed #979797;
	clear: both;
	margin: 0px auto;
	padding: 10px 10px 20px 70px;
	width: 540px;
}
ul#infoListDetail li a{	font-weight:bold;}

ul#infoListDetail li.newsInfo {background: url(../images/home/info_news_icon.jpg) left 12px no-repeat;}
ul#infoListDetail li.updateInfo {background: url(../images/home/info_update_icon.jpg) left 12px no-repeat;}
ul#infoListDetail li.eventInfo {background: url(../images/home/info_event_icon.jpg) left 12px no-repeat;}
ul#infoListDetail li.obstacleInfo {background: url(../images/home/info_obstacle_icon.jpg) left 12px no-repeat;}
ul#infoListDetail li.restoreInfo {background: url(../images/home/info_restore_icon.jpg) left 12px no-repeat;}
ul#infoListDetail li.menteInfo {background: url(../images/home/info_mainte_icon.jpg) left 12px no-repeat;}

ul#infoListDetail li span {
	float: left;
	display: block;
	padding: 0px 10px;
}

/*----- Information footer -----*/
.infoUnder{
	background: url(../images/home/bbs_footer.jpg) no-repeat center bottom;
	clear: both;
	margin: 0px auto;
	padding:10px;
	height: 40px;
	width:580px;
}
.infoUnder ul {
	border-top: 1px solid #979797;
	clear: both;
	margin: 0 auto;
	padding:10px 40px;
	position: relative;
	text-align: center;
	width: 500px;
}
.infoUnder ul li.leftSide {
	background: url(../images/icon_back.gif) left top no-repeat;
	float: left;
	margin: 0px;
	padding-left:20px;
	text-align: center;
	height: 21px;
	width: 80px;
}
.infoUnder ul li.rightSide {
	background: url(../images/icon_next.gif) right top no-repeat;
	float: right;
	margin: 0px;
	padding-right:20px;
	text-align: center;
	height: 21px;
	width: 80px;
}
.infoUnder ul li.centerBox02 {
	float: left;
	margin: 0 10px 0 0;
	_margin: 0 5px 0 0;
	text-align: center;
	left: 240px;
	position: absolute;
	height: 21px;
	width: 100px;
}
.infoUnder ul li.centerBox {
	float: left;
	left: 120px;
	position: absolute;
	text-align: center;
	height: 25px;
	width: 370px;
}


/* 04. 404error
--------------------------------------------------------------------- */
.error404{
	background: url(../images/etc/error404.png) right top no-repeat;
	margin:0px auto;
	overflow:hidden;
	height:310px;
	width:580px;
}
.error404 p{
	width:340px;
}

/* 05. Login Layout
--------------------------------------------------------------------- */
#frame_bg .bg_in .attention{
	color:#CC0000;
	padding:10px 0px;

}
#frame_bg .bg_in input#user_id{ width:200px;}
#frame_bg .bg_in input#user_password{ width:200px;}


/* 06. account＆genpassword Layout
--------------------------------------------------------------------- */
.myaccount{
	border:2px solid #069;
	margin-bottom:15px;
	padding:10px;
	height:70px;
}
.myaccount.add{
	border:2px solid #069;
	margin:15px 0px;
	padding:10px;
}
.myaccount h4{
	border-bottom:1px solid #069;
	font-weight:bold;
	margin-bottom:5px;
	padding:0px 0px 5px;
}
.myaccount p.form_now{
	float:left;
	margin-top:1em;
	text-indent:1em;
	width:300px;
}
.myaccount p.form_bt{
	float:right;
	margin-top:0.3em;
	width:130px;
}
.myaccount p.form_bt a{
	background: url(../images/btn_change.jpg) left top no-repeat;
	display:block;
	height:40px;
	width:120px;
}
.formTable.w560{ width:560px;}
table.submitBtn{
	margin:0px auto;
	width:300px;
}