@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2013.02.01
最終更新日: 2013.03.11
作成者: SN
最終編集者: SN

新規登録・ログインページ用：category.css

目次 
-**行目 
---------------------------------------------------- */
@import "../../css/reset.css";
@import "../../css/common.css"; /* サイト共通のcss */
@import "../../css/module.css"; /* サイト共通のcss */
@import "../../css/ie.css";

/* ----------------------------------------------------
 layout
---------------------------------------------------- */
#contentsWrap h2 {
	border-top: solid #00b6ff 4px;
	border-bottom: solid #00b6ff 1px;
}
#contentsWrap h2.h2Img { padding-top: 0; padding-bottom: 0; border: none;}
#contentsWrap dt { font-weight:bold; margin-top: 1.250em;}
#contentsWrap .fs12 {font-size: 85.7%;}
#contentsWrap .fs13 {font-size: 92.9%;}
#contentsWrap .fs14 {font-size: 100%;}
#contentsWrap .fs15 {font-size: 107.1%;}
#contentsWrap .fs16 {font-size: 114.3%;}
#contentsWrap .fs18 {font-size: 128.6%;}
#contentsWrap .fs20 {font-size: 142.9%;}
#contentsWrap .fs21 {font-size: 150.0%;}
.link-arrow {
	padding-left: 10px;
	background: url(../../image/icon/arrow.gif) no-repeat left center;
}
.link-arrow2 {
	padding-left: 14px;
	background: url(../../image/icon/arrow2.png) no-repeat left center;
}
.link-list {
	padding-left: 18px;
	background: url(../../image/icon/list.gif) no-repeat left center;
}
.link-target {
	/zoom: 1;
	padding-right: 18px;
	background: url(../../image/icon/target.gif) no-repeat 99% center;
}

/* フォーム */
#contentsWrap #form-section { padding-bottom: 3.0em;}
#contentsWrap #form-section:after { content: ""; display: block; clear: both;}
#contentsWrap .formset { margin-top: 1.250em;}
input[type="text"], input[type="email"], input[type="password"], textarea { width: 80%;}
.NM input { width:20%;}
.TEL input, .ZIP_CD input { width: 12%;}
.CPTCA input, .OTP input { width: 14%;}
#contentsWrap #form-section ul.formNotes { padding-left: 1.6em; font-size: 92.9%;}
#contentsWrap #form-section > p:first-child { margin-top: 0;}
#contentsWrap #form-section .formBtn { width: 190px;}
#contentsWrap #form-section input[type="submit"] { width: 190px;}
#contentsWrap .formset .simpleBtn1,
#contentsWrap .formset .simpleBtn2,
#contentsWrap .formset #singleBtn,
#contentsWrap .formset #singleBtnL,
#contentsWrap .formset #singleBtnLS,
#contentsWrap .formset #singleBtnRS,
#contentsWrap .formset #rightBtn {
	margin: 1.250em auto 0;
}
#contentsWrap .formset #singleBtnRS input[type="submit"],
#contentsWrap .formset #singleBtn input[type="submit"],
#contentsWrap .formset #rightBtn input[type="submit"] {
	background: url(../../image/icon/signpost_right_sp.png) no-repeat 96.875% center;
}
#contentsWrap .formset #singleBtnLS input[type="submit"],
#contentsWrap .formset #singleBtnL input[type="submit"],
#contentsWrap .formset #leftBtn input[type="submit"] {
	background: url(../../image/icon/signpost_left_sp.png) no-repeat 3.125% center;
}
#contentsWrap .formset .btnDisabled#singleBtn input[type="submit"],
#contentsWrap .formset .btnDisabled#singleBtnRS input[type="submit"],
#contentsWrap .formset .btnDisabled#rightBtn input[type="submit"] { /* アクティブ・非アクティブ */
	background: url(../../image/icon/signpost_right_g_sp.png) no-repeat 96.875% center;
}
#contentsWrap #form-section .formBtn.simpleBtn2,
#contentsWrap #form-section #singleBtn,
#contentsWrap #form-section #singleBtnL { width: 50%;}
#contentsWrap #form-section .formBtn.simpleBtn2 input,
#contentsWrap #form-section #singleBtn input,
#contentsWrap #form-section #singleBtnL input { width: 100%;}
#contentsWrap .formset #leftBtn { float:left; margin-left: 138px;}
#contentsWrap .formset #rightBtn { float:right; margin-right: 138px;}
#contentsWrap #form-section .imgBtn { margin: 2.5em auto 0; padding: 0;}
#contentsWrap #form-section .imgBtn input {
	width: 474px;
	height: 80px;
	margin: 0 auto;
	border: none;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	display: block;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#contentsWrap #form-section .imgBtn input.img01 { background: url(../image/btn/btn_set.jpg) no-repeat 0 0;}
#contentsWrap #form-section .imgBtn input.img01:hover { background-position: -474px 0;}
#contentsWrap #form-section .imgBtn input.img02 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -80px;}
#contentsWrap #form-section .imgBtn input.img02:hover { background-position: -474px -80px;}
#contentsWrap #form-section .imgBtn input.img03 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -160px;}
#contentsWrap #form-section .imgBtn input.img03:hover { background-position: -474px -160px;}
#contentsWrap #form-section .imgBtn input.img04 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -240px;}
#contentsWrap #form-section .imgBtn input.img04:hover { background-position: -474px -240px;}
#contentsWrap #form-section .imgBtn input.img05 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -320px;}
#contentsWrap #form-section .imgBtn input.img05:hover { background-position: -474px -320px;}
#contentsWrap #form-section .imgBtn input.img06 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -400px;}
#contentsWrap #form-section .imgBtn input.img06:hover { background-position: -474px -400px;}
#contentsWrap #form-section .imgBtn input.img07 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -480px;}
#contentsWrap #form-section .imgBtn input.img07:hover { background-position: -474px -480px;}
#contentsWrap #form-section .imgBtn input.img08 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -560px;}
#contentsWrap #form-section .imgBtn input.img08:hover { background-position: -474px -560px;}
#contentsWrap #form-section .btnEnabled input.img09 { background: url(../image/btn/btn_set.jpg) no-repeat 0 -640px;}
#contentsWrap #form-section .btnEnabled input.img09:hover { background-position: -474px -640px;}
#contentsWrap #form-section .btnDisabled input.img09 { background: url(../image/btn/regist_off.jpg) no-repeat 0 0;}
#contentsWrap #form-section .btnDisabled input.img09:hover { background-position: 0 0;}

/* STEP */
.steps {
	width: 674px;
	height: 50px;
	margin: 20px auto 0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
}
#signupA1 .steps { background: url(../image/btn/step_a.gif) no-repeat 0 0;}
#signupA2 .steps { background: url(../image/btn/step_a.gif) no-repeat 0 -50px;}
#signupA3 .steps { background: url(../image/btn/step_a.gif) no-repeat 0 -100px;}
#signupA4 .steps { background: url(../image/btn/step_a.gif) no-repeat 0 -150px;}
#signupB1 .steps { background: url(../image/btn/step_b.gif) no-repeat 0 0;}
#signupB2 .steps { background: url(../image/btn/step_b.gif) no-repeat 0 -50px;}
#signupB3 .steps { background: url(../image/btn/step_b.gif) no-repeat 0 -100px;}
#signupB4 .steps { background: url(../image/btn/step_b.gif) no-repeat 0 -150px;}
#signupB5 .steps { background: url(../image/btn/step_b.gif) no-repeat 0 -200px;}

/* ----------------------------------------------------
 サイト共用の指定とPC版 ：全体レイアウト
---------------------------------------------------- */
#container {
	width: 714px;
	margin: 0 auto;
	/padding-top: 10px;
}
#mainArea {
	width: 714px;
	margin: 0 auto;
	position: relative;
}
#contentsArea {
	max-width: 714px;
	padding-top: 10px;
	padding-bottom: 56px;
	/zoom: 1;
}
#contentsArea:after { content: ""; display: block; clear: both; }
#contentsWrap { /* 下層コンテンツ専用 */
	min-height: 480px;
	padding: 10px 10px 30px;
}
#contentsWrap > h1 > span { text-indent: -9999px; font-size: 0; line-height: 0; width: 0; height: 0; /*/zoom: 1;*/}
#contentsWrap > section, #contentsWrap > article, #contentsWrap > div { padding: 0 10px; }
#contentsWrap > section > h2,
#contentsWrap > article > h2,
#contentsWrap > div > h2 { margin-top: 20px;}

/* ページトップ */
.link-pagetop { position: fixed; bottom: 10px; right: 10px; z-index: 10;}
.link-pagetop a {
	width: 84px;
	height: 50px;
	background: #6dccfe url(../../image/btn/pagetop_fix.png) no-repeat center center;
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/gw/js/PIE.htc);
}
.link-pagetop a:hover { background-color: #42beff;}

/* ボタンを配置 ※横幅などはユニークで指定する */
.btnArea { margin: 2em auto 0;}
.btnArea:after { content: ""; display: block; clear: both; }
.btnArea a { display: block;}
.btnArea.btnCouple a:first-child { margin-right: 26px; float: left;}

/* ----------------------------------------------------
ヘッダー header
---------------------------------------------------- */
.sys header {
	width: 714px;
	height: 56px;
	margin: 10px auto 0;
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px 0 #2e96d8;
	-moz-box-shadow: 0 1px 3px 0 #2e96d8;
	box-shadow: 0 1px 3px 0 #2e96d8;
	behavior: url(/gw/js/PIE.htc);
	position: relative;
}
.sys header hgroup { background: url(../../image/copy.png) no-repeat 232px center;}
header hgroup h1 { width: 184px; height: 56px; padding: 0; }
header hgroup h1 a { height: 20px; margin: 0 auto; padding: 18px 20px; display: block;}
header hgroup h1 img { vertical-align: top; }
header hgroup h2 { text-indent: -9999px; font-size: 0; line-height: 0; width: 0; height: 0;}

/* ----------------------------------------------------
フッター footer
---------------------------------------------------- */
#footerNav {
	width: 714px;
	padding: 30px 0;
	position: relative;
	/zoom: 1;
}
#footerNav:after { content: ""; display: block; clear: both; }
#footerNav > ul {
	letter-spacing: -0.4em;
	text-align: right;
}
#footerNav > ul > li {
	padding-left: 14px;
	background: url(../../image/icon/arrow.gif) no-repeat left center;
	letter-spacing: normal;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#footerNav > ul > li {
	margin-left: 16px;
}
#copyrightWrap {
	width: 714px;
	padding: 30px 0;
}
#smalls, #attention {
	padding-left: 0;
}
#smalls small {
	display: block;
}
#segalogo {
	position: absolute;
	top: 25px;
	left: 0;
}

/* ----------------------------------------------------
 利用権購入時のシーケンス
---------------------------------------------------- */
#pay h3 { padding-bottom: 2px; color: #00a8ff; border-bottom: dotted #00b6ff 1px;}
#pay #contentsWrap > section { padding-bottom: 40px;}
#pay #contentsWrap #form-section { padding-top: 10px;}
.payTitle { text-align: center;}
.payTitle img {vertical-align: middle;}
table.horizontalB th, table.horizontalB td { padding-top: 20px; padding-bottom: 20px;}

/* PRバナーブロック */
#adv-block { margin-top: 6px; padding: 0 20px 20px; }
#adv-block h3 {
	padding: 20px 0 0;
	font-size: 18px;
	font-weight: bold;
}
#adv-block ul { margin-top: 1.0em;}
#adv-block ul li { margin-top: 10px;}
#adv-block ul li:first-child { margin-top: 0;}