@charset "utf-8";

/*  ------------------------------- P      C -------------------------------  */



*{ margin:0; padding:0;}
html{ overflow-y:scroll;}
body{ color:#000000; line-height:1.34; text-align:center; background:#ffffff url("/static-canreg/sys/img/common/g-cmn-bg.gif") 0 0 repeat-x; font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif; font-size:12px; *font-size:78%;}
h1,h2,h3,h4,table,small{ font-size:100%;}
table{ border-collapse:collapse; border-spacing:0; empty-cells:show;}
ul,ol{ list-style:none;}
em,i,address{ font-style:normal;}
mark{ background-color:transparent; border-style:none;}
img{ border-style:none; vertical-align:bottom;}
/* IE対応：縮小画像を画質重視で表示 */
img{ -ms-interpolation-mode: bicubic; }
a:link{ color:#0070cb;}
a:visited{ color:#800080;}
a:hover{ color:#ff0000;}
a:link img{ border-style:none;}a:visited img{ border-style:none;}a:hover img{ border-style:none;}
a.inlinelnk	{ padding:2px 0 2px 16px; background:url("/static-canreg/sys/img/common/icon-win.gif") 0.2em 0.4em no-repeat;}
a.accofflnk	{ padding:0px 0 2px 16px; background:url("/static-canreg/sys/img/common/ic_acc01.gif") 0.2em 0.4em no-repeat;}
a.acconlnk	{ padding:0px 0 2px 16px; background:url("/static-canreg/sys/img/common/ic_acc01_on.gif") 0.2em 0.4em no-repeat;}
.clearfix:after{ content:''; display:block; clear:both;}
.clearfix{ zoom:1;}
span.clear{ display:block;}
/* 汎用クラス */
.pc-fit				{ width:100% !important; height:auto !important; -ms-interpolation-mode:bicubic;}
.pc-within			{ max-width:100% !important; height:auto !important; -ms-interpolation-mode:bicubic;}
.bicubic			{ -ms-interpolation-mode:bicubic;}

.bold				{ font-weight:bold;}
.wnormal			{ font-weight:normal;}
.left				{ text-align:left;}
.center				{ text-align:center;}
.pc-center			{ text-align:center;}
.centerTbl			{ margin:auto;}/* テーブル自体をcenterに */
.right				{ text-align:right;}
.fltL				{ float:left;}
.fltR				{ float:right;}
.clear				{ clear:both;}
.vt					{ vertical-align:top;}
.vm					{ vertical-align:middle;}
.vb					{ vertical-align:bottom;}
.large				{ font-size:117%;}
.small				{ font-size:92%;}
.lh-high			{ line-height:1.8;}
.indent-			{ padding-left:1em; text-indent:-1em;}
.indent-2			{ padding-left:2em; text-indent:-2em;}
.indent-3			{ padding-left:3em; text-indent:-3em;}/*【X】項番付き */
.indent2-			{ padding-left:1em;}
.indent2-2			{ padding-left:2em;}
.indent2-3			{ padding-left:3em;}/*【X】項番付き */
.lstMgn				{ margin-bottom:1em;}
.lstMgn li			{ margin-bottom:0.3em;}
.lstMgn2 li			{ margin-bottom:1em;}
.addMgnEM			{ margin-bottom:1em;}
.addMgn1			{ margin-bottom:10px;}
.addMgn2			{ margin-bottom:20px;}
.addMgn3			{ margin-bottom:30px;}
.addMgn4			{ margin-bottom:40px;}
.upMgn1				{ margin-top:-10px;}
.upMgn2				{ margin-top:-20px;}
.upMgn3				{ margin-top:-30px;}
.downMgn1			{ margin-top:10px;}
.downMgn2			{ margin-top:20px;}
.downMgn3			{ margin-top:30px;}
.rMgn1				{ margin-right:10px;}
.rMgn2				{ margin-right:20px;}
.rMgn3				{ margin-right:30px;}
.pad1				{ padding:10px;}
.pad2				{ padding:20px;}
.pad3				{ padding:30px;}
.section			{ padding-bottom:20px;}
.uline				{ text-decoration: underline; }
.nowrap				{ white-space: nowrap; }

.borderBlock		{ padding-bottom:10px;}
.borderBox			{ padding:25px 30px 10px 30px; border:solid 1px #cecece; zoom:1;}
.borderBox + .borderBox,
.h3 + .borderBox	{ border-top-style:none;word-wrap: break-word; }
.borderBlock:after	{ content:''; display:block; clear:both;}

.widthLock .borderBlock	{ min-width:950px; max-width:950px; }

.textframe			{ padding-bottom:0.5em; overflow:auto;}
.colorBox			{ border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:none; padding:20px 20px 0 20px; background-color:#fffaec; zoom:1;}
.colorBoxBottom		{ border-top:none; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; border-bottom:solid 1px #cccccc; padding:0 20px 20px 20px; background-color:#fffaec; zoom:1;}



/* レイアウト */
#header div:after,
#header ul:after	{ content:''; display:block; clear:both;}
#header				{ min-width:650px; max-width:950px; margin:0 auto; padding:0 15px; text-align:left;}

#head1				{ padding:8px 0 6px 0; zoom:1;}
#head1 ul			{ float:right; zoom:1;}
#head1 li			{ padding:0 0 0 25px; background:url("/static-canreg/sys/img/common/g-cmn-arrow.gif") 15px 50% no-repeat; float:left;}
#head1 em			{ display:block; padding:0 0 6px 0; font-size:8px; float:left;}
#head1 em img		{ -ms-interpolation-mode:bicubic;}

#head2				{ padding:10px 0 10px 0; border-top:solid 1px #c5c5c5; zoom:1;}
#head2:after		{ content:''; display:block; clear:both;}
#head2 #logoTitle	{ float:left; overflow:hidden;}
#head2 h1			{ float:left;}
#head2 h1.title		{ padding:8px 20px 0 20px;}
#logo				{ padding:15px 0;}
#logo1				{ margin:0 0 0 0;}
#logo2				{ margin:0 0 0 0; float:left; }
#logo3				{ margin:0 0 0 5px; float:left;}/* ロゴが横に並ぶ場合 */
#logoTitle .td		{ float:left; }

#head2 h2			{ font-size:167%; clear:both; padding:30px 0 0 0;}
#head2 .step		{ display:block; padding:10px 0 0 0; float:right;}
#head2 .step img	{ width:342px; height:27px;}

#pan				{ padding:0 0 10px 1px; font-size:83%; zoom:1; float:left;}
#pan li				{ padding:0 10px 0 0; float:left;}
#pan li span		{ margin:0 0 0 10px; font-size:90%;}

/* サポート */
#head-s				{ position: relative; zoom:1;}
#head-s h1			{ float:left;}
#head-s .login		{ position: absolute; bottom: 0; right: 0; zoom:1;}
#head-s .login li	{ padding:2px 0 5px 25px; float:right;}
#head-s .logout a	{ padding:2px 0 2px 15px; font-size:92%; background:url("/static-canreg/sys/img/common/icn-lnk12.gif") 0 0.45em no-repeat;}

#body				{ min-width:650px; max-width:950px; margin:0 auto; padding:0 15px; text-align:left; *position:relative; line-height:1.5;}
#main				{ padding:0 0 20px 0;}

#f-pmark:after,
#footer ul:after	{ content:''; display:block; clear:both;}
#footer				{ min-width:650px; max-width:950px; margin:0 auto; padding:0 15px 20px 15px; text-align:left;}
#footer2			{ min-width:650px; max-width:950px; margin:0 auto; padding:0 15px 20px 0; text-align:left;}
#foot				{ margin:0 0 20px 0; padding:0 5px 20px 0; text-align:right; border-bottom:solid 1px #c5c5c5;}
#foot a				{ padding:2px 15px 2px 0; background:url("/static-canreg/sys/img/common/icn-lnk11.gif") 100% 0.4em no-repeat;}
#f-pmark			{ padding:0 0 15px 0; float:left; zoom:1;}
#f-pmark img		{ float:left;}
#f-pmark p			{ padding:24px 0 0 10px; font-size:92%; line-height:1.55; color:#333333; float:left;}
#f-verisign			{ float:right;}
#footer ul			{ border-top:solid 3px #0961a9; clear:both; zoom:1;}
#footer2 ul			{ border-top:solid 3px #0961a9; clear:both; zoom:1;}
#footer li			{ padding:9px 10px 0 15px; background:url("/static-canreg/sys/img/common/g-cmn-arrow.gif") 5px 1.3em no-repeat; float:left;}
#footer2 li			{ padding:9px 10px 0 0; background:url("/static-canreg/sys/img/common/g-cmn-arrow.gif") 5px 1.3em no-repeat; float:left;}
#footer #copy		{ padding:9px 0 0 0; background:none; float:right;}
#footer2 #copy		{ padding:9px 0 0 0; background:none; float:right;}

/* 角丸枠 */
div.box6r			{ position:relative; padding:1px;}
.box6r .r1,.box6r .r2,.box6r .r3,.box6r .r4
					{ position:absolute; width:6px; height:6px; background-repeat:no-repeat;}
.box6r span.r1		{ top:0; left:0; background-position:-6px -6px;}
.box6r span.r2		{ top:0; right:0; background-position:0 -6px;}
.box6r span.r3		{ bottom:0; right:0; background-position:0 0;}
.box6r span.r4		{ bottom:0; left:0; background-position:-6px 0;}

div.stdbox1			{ margin:0 0 10px 0; background-color:#d0d0d0;}
.stdbox1 .box		{ padding:10px; background-color:#ffffff;}
.stdbox1 .r1,.stdbox1 .r2,.stdbox1 .r3,.stdbox1 .r4
					{ background-image:url("/static-canreg/sys/img/common/pc/std-box1.gif");}

div.stdbox2			{ margin:0 0 15px 0; background-color:#ffd7a5;}
.stdbox2 .box		{ padding:10px; background-color:#fffaec;}
.stdbox2 .r1,.stdbox2 .r2,.stdbox2 .r3,.stdbox2 .r4
					{ background-image:url("/static-canreg/sys/img/common/pc/std-box2.gif");}

div.stdbox3			{ background-color:#fda20c;}
.stdbox3 .box		{ padding:10px; background-color:#fffed7;}
.stdbox3 .r1,.stdbox3 .r2,.stdbox3 .r3,.stdbox3 .r4
					{ background-image:url("/static-canreg/sys/img/common/pc/std-box3.gif");}

/* 標準H2H3 */
div.h2				{ margin:0 0 26px 0;}
.h2 h2				{ font-size:167%;}
.h2 h2 span			{ font-size:60%;}

div.h3				{ position:relative; padding:1px; background-color:#ffc32d; zoom:1;}
.h3 h3				{ padding:8px 14px 6px 14px; font-size:117%; background-color:#ffe7ab; border-top:solid 1px #ffedc0;}
.h3 span			{ position:absolute; top:0; width:5px; height:5px;}
.h3 span.r1			{ left:0; background:url("/static-canreg/sys/img/common/pc/h3-title-r.gif") 0 0 no-repeat;}
.h3 span.r2			{ right:0; background:url("/static-canreg/sys/img/common/pc/h3-title-r.gif") -5px 0 no-repeat;}

/* 2段組の左 */
div.colL			{ float: left; width: 49%;}

/* 2段組の右 */
div.colR			{ float: right; width: 49%;}


/* テキスト */
p.text				{ margin-bottom:1em;}
li>small.text		{ margin-bottom:0;}
strong.note			{ display:block; margin-bottom:10px; font-size:100%; color:#ea2425; zoom:1;}
strong.info			{ display:block; margin-bottom:10px; font-size:117%; color:#ea2425; zoom:1;}
strong.caution		{ display:block; margin-bottom:10px; font-size:133%; color:#ea2425; zoom:1;}
strong.caution.huge	{ display:block; margin-bottom:20px; font-size:250%; color:#ea2425; zoom:1; margin-top:20px;} /* 入会フォーム確認画面注意文言強調　2015/03/26 BC 三好追加 */
strong.textnote		{ display:block; line-height:1.8; font-weight:normal; color:#ea2425; zoom:1;}
strong.textnote2	{ display:block; margin-bottom:10px; font-weight:normal; color:#ea2425; zoom:1;}

/* リンク */
a.lnk,li.lnk a				{ background:url("/static-canreg/sys/img/common/icn-lnk12.gif") 0 0.4em no-repeat; zoom:1;}
a.lnk1,li.lnk1				{ background:url("/static-canreg/sys/img/common/icn-lnk12.gif") 0 0.35em no-repeat; zoom:1;}
a.lnk2,li.lnk2				{ background:url("/static-canreg/sys/img/common/g-cmn-arrow.gif") 3px 0.45em no-repeat; zoom:1;}
a.lnk3,li.lnk3				{ background:url("/static-canreg/sys/img/common/icn-lnk14.gif") 0 0.4em no-repeat; zoom:1;}
a.lnk13,li.lnk13			{ background:url("/static-canreg/sys/img/common/icn-lnk13.gif") 0 0.4em no-repeat; zoom:1;}
a.lnkwin,li.lnk a[target]	{ background:url("/static-canreg/sys/img/common/icon-win.gif") 0 0.4em no-repeat; zoom:1;}
#submitArea li.btn			{ padding:6px 0 0 0; text-align:center;}
#submitArea li.back			{ padding:25px 0 2px 0; text-align:left;}
#submitArea li.back a		{ padding:2px 0 2px 15px; background:url("/static-canreg/sys/img/common/icn-lnk14.gif") 0 0.4em no-repeat;}
a.fukidashi					{ padding:2px 0 2px 15px; background:url("/static-canreg/sys/img/common/icn-fukidashi.gif") 0 0.5em no-repeat; zoom:1;}

a.lnkwin, a.lnk, a.lnk1, a.lnk2, a.lnk3, a.lnk13,
.lnk a, .lnk1 a, .lnk2 a, .lnk3 a, .lnk13 a	{ margin:2px 0 0 0; padding:2px 0 2px 15px; zoom:1;}

/* アイコン面揃えリスト IE対応有 */
li.indentLnk a				{ display:block; padding:2px 0 2px 15px; }

/* フォームパーツ */
input,select,option,textarea
					{ font-size:100%; font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;}
input.tel,input.email,input.number,input.ime-inact
					{ ime-mode:inactive;}
input.text,input.ime-act,textarea
					{ ime-mode:active;}
label 				{ vertical-align:bottom;}
.label label		{ cursor:pointer; zoom:1;}

/* 説明ボタン */
span.btn-s			{ position:relative;}
span.lnk-s			{ position:relative;}
span.btn-s img		{ position:relative; z-index:100; cursor:pointer; }

/* 背景色をefefef → E2F2FF、枠線を solid 1px #bbbbbb → solid 2px #999999 */
span.poptxt			{ position:absolute; z-index:200; top:0; left:0; width:200px; height:auto; padding:15px 12px; font-weight:normal; font-size:11px; text-align:left; background:#E2F2FF url("/static-canreg/sys/img/common/btn-s-close.gif") 100% 0 no-repeat; border:solid 2px #999999; cursor:pointer; display:none; white-space:normal !important;}
span.poptxt img		{ position:static; margin:0 !important;}
span.poptxt .warn	{ color:#ff0000; }

/* インフォメーションマーク */
.table dd .info img	{ float:left; padding:0 0 0 15px;}
.table dd .info span{ display:block; padding:0 0 0 40px;}

/* labelタグは、cehckbox、radioとのグルーピングのみに利用 */
label				{ vertical-align: bottom; }/* リスト間余白対応 */
.label label		{ cursor:pointer; }

/* トップページに戻る */
.bottom-btn			{ margin:40px 0 35px 0; text-align:center;}
/* よくあるご質問 */
#faqLnk				{ padding:0 0 20px 0;}
#faqLnk dt			{ padding:7px;}
#faqLnk dt strong	{ padding:0 0 0 8px; border-left:solid 4px #0963ac;}
#faqLnk dd			{ padding:12px 0 0 8px; border-top:dotted 1px #797979;}
#faqLnk li			{ margin:4px 0 0 0;}
#faqLnk2			{ margin:16px 0 0 0;}

/* ページ送り */
.pageSelect					{ text-align:center;}
.pageSelect table			{ margin:0 auto; font-weight:bold;}
.pageSelect td:after		{ content:''; display:block; clear:both;}
.pageSelect td				{ padding:20px 13px 15px 13px; white-space:nowrap; zoom:1;}
.pageSelect .pageNo a,
.pageSelect em				{ position:relative; margin:0 3px 0 4px; padding:6px 7px 5px 7px; line-height:1.05; float:left;}
.pageSelect .pageNo a		{ background-color:#e6e6e7;}
.pageSelect .pageNo a:link,
.pageSelect .pageNo a:visited
							{ color:#888888; text-decoration:none;}
.pageSelect .pageNo a:hover	{ color:#ffffff; background-color:#f19710; text-decoration:none;}
.pageSelect em				{ color:#ffffff; background-color:#f19710;}
.pageSelect span			{ position:absolute; width:2px; height:2px; background-repeat:no-repeat; overflow:hidden;}
.pageSelect span.r1			{ top:0; left:0; background-position:-2px -2px;}
.pageSelect span.r2			{ top:0; right:0; background-position:0 -2px;}
.pageSelect span.r3			{ bottom:0; right:0; background-position:0 0;}
.pageSelect span.r4			{ bottom:0; left:0; background-position:-2px 0;}
.pageSelect a span			{ background-image:url("/static-canreg/sys/img/common/pc/pagenum-bg1.gif");}
.pageSelect em span,
.pageSelect a:hover span	{ background-image:url("/static-canreg/sys/img/common/pc/pagenum-bg2.gif");}

.imageUnit td		{ vertical-align: top;}
.imageUnit .titleBn	{ display:block; position:relative; top:-2.7em}/* F5 表題付きバナー レイアウト */

/* モーダル */
#m-ground			{ position:absolute; top:0; left:0; width:100%; height:100%; background:#000000 url("/static-canreg/sys/img/common/loading.gif") 50% 50% no-repeat; z-index:1000; zoom:1;}
#m-screen			{ position:absolute; top:50%; left:50%; width:670px; height:670px; margin:-335px 0 0 -335px; background-color:#ffffff; overflow:hidden; z-index:1100;}
#m-iframe			{ width:100%; margin:0 auto; border-style:none; overflow:hidden; overflow-y:hidden; }
#m-close			{ position:absolute; top:50%; left:50%; margin:-350px 0 0 315px; width:40px; height:40px; cursor:pointer; z-index:1200;}
.modalClose			{ background-image:none !important;}
.modalNoScroll		{
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
}

/* sp共通タグ */
.spImg				{ visibility:hidden;}
.spCase				{ display:none !important;}
a.spLnk				{ cursor:default; outline:none;}
a.spLnk:link,
a.spLnk:visited,
a.spLnk:hover		{ color:#000000; text-decoration:none; cursor:default;}

/* 注釈文字色 */
.notes				{ color:#115307; text-indent:-1em; zoom:1;}
.notes1				{ color:#115307; text-indent:0em; zoom:1;}
.notes a			{ text-indent:0;}
form>p.notes,
p.notes				{ padding: 0 6px 0 1em;}/* 欄外注釈 */

div.notes2 {padding: 0 0 60px 0;}

/*#submitArea li.info	{ padding:0 0 40px 1em; text-indent:-1em; text-align:left;}/* submitボタン注釈 */
small.text			{ display:block; margin-bottom:1em; padding-left:1em; text-indent:-1em; color:#115307;}/* 個人情報の取り扱い注釈 */

.remarks			{ color:#808080; font-size:92%}/* 補足文字色 */
.notices			{ color:#e60207; font-weight:bold;}/* 強調文字色 */
.notices1			{ color:#e60207;}/* 強調文字色 */
.warn				{ color:#ff0000; font-size:100%;}/* 警告文 */
.disabled			{ color:#808080; font-size:100% }

/* テキスト入力用灰色ボタン */
.gbtn{ padding-top:5px; /padding-top:3px; text-align:center; font-size:11px; font-weight:bold; color:#333333; display:inline-block; /display:inline; /zoom:1; }
.gbtn:hover { cursor:pointer; }

.gbtnS{ background:url('/static-canreg/sys/img/common/btngrays_off.gif') no-repeat right; width: 45px; height:21px; }
.gbtnS:hover { background:url('/static-canreg/sys/img/common/btngrays_on.gif') no-repeat right; }

.gbtnM{ background:url('/static-canreg/sys/img/common/btngraym_off.gif') no-repeat right; width: 57px; height:21px; }
.gbtnM:hover { background:url('/static-canreg/sys/img/common/btngraym_on.gif') no-repeat right; }

.gbtnL{ background:url('/static-canreg/sys/img/common/btngrayl_off.gif') no-repeat right; width: 98px; height:21px; }
.gbtnL:hover { background:url('/static-canreg/sys/img/common/btngrayl_on.gif') no-repeat right; }


.table dd span.btn-s .gbtn				{ padding-left:5px;}
.introducer table .btn-s .gbtn			{ margin:0;}
.changeForm .table dt span.btn-s .gbtn	{ margin:0 10px 0 0; float:right;}