.style1 {color: #0000FF}

/*submitにimageを張り付けるしょうがない処置*/
.searchbutton{
	background: url(/common/images/p_search.png);
	background-repeat:no-repeat;
	backgruond-color:#000000;
	border:none;
	width:40px;
	height:19px;
	text-indent:-9999px;
	cursor: pointer;
}


/*区切り線*/
.line{
	vertical-align: bottom;
	padding-top: 10px;
}

.paybotan {
	font-size: 20px;
	font-weight: bold;
	width: 260px;
	height: 40px;
}
.BtnSize2 {  
	 font-size: 10pt; 
	 height: 25px; 
	 width: 150px; 
}

img{
	border-style:none;
}

img.line{
    vertical-align: bottom;
    padding: 0px;
}

.mapstyle{
    width: 480px;
    height: 360px;
}

/*リンクスタイル*/
a{
   color: #0066CC;
   display: inline-block;
}

*{
    font-family: 'MS Pゴシック', 'MS PGothic', 'Hiragino Kaku Gothic Pro', 'Osaka', sans-serif;
    margin: 0;
    padding: 0;
}

/* hover設定 */
input:hover{
    display: inline-block;
    opacity: 0.5;
    filter:Alpha(opacity=50, style=0);
    -ms-filter:"alpha(opacity=50, style=0)";
}

input[type="text"]:hover{
    display: inline-block;
    opacity: 1;
    filter:Alpha(opacity=100, style=0);
    -ms-filter:"alpha(opacity=100, style=0)";
}

input[type="submit"]:hover{
    display: inline-block;
    opacity: 0.5;
    filter:Alpha(opacity=50, style=0);
    -ms-filter:"alpha(opacity=50, style=0)";
}

input.inputtextstyle:hover{
    display: inline-block;
    opacity: 1;
    filter:Alpha(opacity=100, style=0);
    -ms-filter:"alpha(opacity=100, style=0)";
}

a:hover{
    display: inline-block;
    opacity: 0.5;
    filter:Alpha(opacity=50, style=0);
    -ms-filter:"alpha(opacity=50, style=0)";
}

body{
    font-size: 12px;
    line-height: 160%;
    background: url(/common/images/p_bg-blue.gif) repeat;
    behavior: url(/common/script/csshover3.htc); /*IEのhover対応の為のスクリプト*/
}

body .webbody{
    font-size: 12px;
    line-height: 160%;
    background: url("https://shikaku.career-tasu.jp/common/images/p_bg-blue.gif") repeat;
    behavior: url("https://shikaku.career-tasu.jp/common/script/csshover3.htc"); /*IEのhover対応の為のスクリプト*/
}

#whitebody{
		font-size: 12px;
		line-height: 160%;
		background-image:none;
		background-color:#ffffff;
}

#container{
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#contents_area{
    width: 850px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}
#popupcontents_area{
    width: 660px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
}

/***************************************************/

/*ヘッダー*/
.header{
    background: url(/common/images/p_bg-header.png) repeat-x;
    height:20px;
}

.webheader{
    background: url("https://shikaku.career-tasu.jp/common/images/p_bg-header.png") repeat-x;
    height:20px;
}

#header_area{
    height: 60px;
    width: 850px;
}

.hlogo{
    float: left;
    margin-left: 25px;
    margin-bottom: 10px;
}

/* 2019.02.27 DEL
.hlogo img{
    height: 40px;
    width: 280px;
}
*/

.hlink1{
    float: right;
    margin-right: 25px;
}
.hlink2{
    float: right;
    margin-right: 10px;
}
.hlink3{
    float: right;
    margin-right: 10px;
}

.webhlogo{
    float: left;
    margin-left: 25px;
}

#popupheader_area{
    background-color: #386CBF;
    color: #FFFFFF;
    width: 100%;
    height:40px;
    line-height:40px;
    text-align: center;
    padding-bottom: 5px;
    font-size: 150%;
    font-weight: bolder;
}

#popupheader_area_credit{
    background-color: #339900;
    color: #FFFFFF;
    width: 100%;
    height:40px;
    line-height:40px;
    text-align: center;
    padding-bottom: 5px;
    font-size: 150%;
    font-weight: bolder;
}

#popupheader_area_rakuten{
    background-color: #CC0000;
    color: #FFFFFF;
    width: 100%;
    height:40px;
    line-height:40px;
    text-align: center;
    padding-bottom: 5px;
    font-size: 150%;
    font-weight: bolder;
}

#popupheader_area_line{
    background-color: #00C43E;
    color: #FFFFFF;
    width: 100%;
    height:40px;
    line-height:40px;
    text-align: center;
    padding-bottom: 5px;
    font-size: 150%;
    font-weight: bolder;
}

#header_area2{
    height: 60px;
    width: 850px;
    margin-bottom: 10px;
}

.challenge_logo{
    background: url("/images/p_logo.png") 0 0 no-repeat;
    border:none;
    width:280px;
    height:40px;
    margin-bottom: 10px;
    display: inline-block;
}

.button_mail{
    background: url(/images/p_mail.png) 0 0 no-repeat;
    background-repeat:no-repeat;
    border:none;
    width:81px;
    height:25px;
    display: inline-block;
}

.button_faq{
    background: url(/images/p_faq.png) 0 0 no-repeat;
    background-repeat:no-repeat;
    border:none;
    width:93px;
    height:25px;
    display: inline-block;
}

.button_inquiry{
    background: url(/images/p_inquiry.png) 0 0 no-repeat;
    background-repeat:no-repeat;
    border:none;
    width:123px;
    height:25px;
    display: inline-block;
}

.pheader_line{
    background-image: url(/common/images/p_line850.png);
    background-repeat:no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width:850px;
    height:3px;
    text-indent:-9999px;
    clear: both;
}

/* メインエリア */
#main_area{
    display: block;
    width: 770px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* メインエリア2(詳細ダイアログ) */
#main_area2{
    display: block;
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
}

/* メインエリア3(STEPなし) */
#main_area3{
    display: block;
    width: 770px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* メインエリア4(支払手順説明) */
#main_area4{
    display: block;
    width: 650px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

/* タイトル */
#titlestyle{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
    background-image: url(../../common/images/p_bg-title.png);
    height: 40px;
    width: 802px;
    color: #FFFFFF;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
}

/* タイトル */
#webtitlestyle{
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    text-align: center;
    background-image: url("https://shikaku.career-tasu.jp/common/images/p_bg-title.png");
    height: 40px;
    width: 802px;
    color: #FFFFFF;
    line-height: 40px;
    font-size: 18px;
    font-weight: bold;
}

/* 警告画面のタイトル */
#alerttitle{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    font-size: 130%;
    font-weight: bolder;
}

/* ステップ */
#stepbox{
}

/* サブタイトル */
#subtitle{
    background-color: #42A1E6;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#subtitle2{
    background-color: #42A1E6;
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: bold;
}

/* パンくずエリア */
#breadcrumb{
    background-color: #CCE9FF;
    padding: 10px;
    font-size: 14px;
    font-weight: bold;
}

/* パンくずエリア（クレジット画面遷移用） */
#breadcrumb2{
    margin-top: 20px;
    background-color: #CCE9FF;
    padding: 3px;
}

.nocurrent{
    color: #333333;
}

.current{
    color: #333333;
    font-weight: bold;
}

/* 詳細エリア */
.desc_area{
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 詳細タイトル */
.desctitle{
    margin-left: auto;
    margin-right: auto;
}

/* 詳細 */
.desccontents{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* エラー */
#error{
    color: red;
    font-size: 105%;
    font-weight: bold;
}

/* エラーエリア */
.error_area{
    padding:10px;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    text-align: left;
    font-size: 12px;
    color: #FF0000;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}

#center_area{
    border: 1px solid #CCCCCC;
    text-align: center;
    vertical-align: middle;
	margin:10px auto 10px auto;
	padding-top: 15px;
	padding-bottom: 15px;
    width: 70%;
    height: 60px;
}

.table_area{
	text-align: center;	
	margin: 15px auto 15px auto
}


/* テーブルタイトル */
#tabletitle{
    font-size: 14px;
    font-weight: bold;
    margin-top: 15px;
    text-align: left;
}

/*テーブルサブタイトル*/
.tblsubtitle{
	font-weight: bold;
}

/* テーブルスタイル */
.formTableT{
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    padding: 5px;
    text-align: center;
}

table.formTable{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

table.formTable th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;

}

table.formTable td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 10px;

}

/* テーブルスタイル2 */
table.formtable2{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width:100%;
}

table.formtable2 th{
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding: 10px;
    
}

table.formtable2 td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 10px;
}

/* テーブルスタイル3 */
table.formTable3{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 100%;
}

table.formTable3 th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
}

table.formTable3 td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
	padding: 10px;
}

/* テーブルスタイル4 */
table.paymenttable{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
    text-align: center;
}

table.paymenttable th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
}

table.paymenttable td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 10px;
}

/* テーブルスタイル5 */
table.infotable{
    width: 100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

table.infotable th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
}

table.infotable td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 10px;
}

table.infotable .optstyle label{
    margin-left: 10px;
    margin-right: 20px;
}

/* テーブルスタイル6 */
table.infotable2{
    width: 100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

table.infotable2 th{
    border: 1px solid #CCCCCC;
    background-color: #FA8072;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
}

table.infotable2 td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 10px;
}

/* テーブルスタイル7 */
table.infotable3{
    width: 100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}

table.infotable3 th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    padding: 5px;
}

table.infotable3 td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 5px;
}

/* サブテーブルスタイル1 */
.subtable1{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin: 10px auto 20px auto;
    width: 90%;
    text-align: center;
}

subtable1 th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    padding: 15px;
    text-align: center;
}

subtable1 td{
    border: 1px solid #CCCCCC;
    font-size: 12pt;
    padding: 15px;
    text-align: center;
}

/* サブテーブルスタイル2 */
.subtable2{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 60%;
    text-align: center;
}

subtable2 th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12pt;
    font-weight: normal;
    padding: 10px;
    width:100%;
}

subtable2 td{
    border: 1px solid #CCCCCC;
    font-size: 12pt;
    padding: 10px;
}


table.cleartable{
	border: 0px;
	padding: 0px;
	margin:0px;
	vertical-align: middle;

}
table.cleartable td{
	border: 0px;
	padding: 0px;
	margin:0px;
	vertical-align: middle;
	
	
}

/* フッター内テーブル(非表示) */
.footertable{
    font-size: 12px;
    line-height: 160%;
}
.footertable .bottomstyle{
    padding-left: 5px;
    vertical-align: bottom;
}

.tbl1{
    text-align: left;
}

.tbl2{
    text-align: center;
}

.tbl3{
    text-align: right;
}

/* 注意事項エリア */
#attention_area{
    width: 100%;
    margin-top: 10px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* 詳細メッセージエリア */
#description{
    margin-top: 15px;
}

#description1{
    margin-top: 10px;
}

#description2{
    margin-top: 10px;
}

/* 残席表示メッセージエリア */
.capamsg{
    color: red;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

/* エラー画面用メッセージエリア*/
.msgarea{
    margin:20px auto 20px auto;
}

.msgheader{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    vertical-align: middle;
    height: 45px;
    line-height: 45px;
    font-size:12px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}

.msgheader2{
    border-top: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    vertical-align: middle;
    height: 45px;
    line-height: 45px;
    font-size:12px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

.msgtext{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding: 10px;
}

.msgtext2{
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    padding: 10px;
}

.msgtext_center{
	margin-left: auto:
	margin-right: auto;
	text-align: center;
}
.msgtext_left{
	text-align: left;
}
.msgtext_right{
	text-align: right;
}

/*申込受付メッセージエリア*/
.dissentarea{
    padding-top: 20px;
    padding-bottom: 20px;
    margin:20px auto 20px auto;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    text-align: center;
    clear: both;
}

.dissentarea_sub1{
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    clear: both;
}

/*警告エリア*/
#warningarea{
    padding-top: 5px;
    padding-bottom: 5px;
    margin:10px auto 10px auto;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    clear: both;
}

/* 更新情報エリア */
.updateinfo{
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin-top: 5px;
}

/*申込番号表示エリア*/
.ordernumber_area{
    width: 60%;
    height:20px;
    background-color: #FFFFFF;
    text-align: center;
    margin:20px auto 20px auto;
    padding:15px;
}

/*申込番号表示エリア*/
.ordernumber_area2{
    width: 100%;
    height:20px;
    background-color: #FFFFFF;
    text-align: center;
    margin:10px auto 10px auto;
    padding:15px;
}

/*申込番号表示エリア*/
.ordernumber_area3{
    width: 60%;
    height:80px;
    background-color: #FFFFFF;
    text-align: center;
    margin:20px auto 20px auto;
    padding:15px;
}

.ordernumber_area3-2{
    width: 40%;
    height: 90px;
    background-color: #FFFFFF;
    text-align: center;
    margin:20px auto 20px auto;
    padding:10px;
}

/*メンテナンス中メッセージ表示テーブルエリア*/
.menteinfo{
    margin-top: 20px;
    width: 100%;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    text-align: left;
    font-size: 12px;
    color: #FF0000;
    clear: both;
}

/*メンテナンス中メッセージ表示エリア*/
.mentebox{
    padding:20px 10px 20px 10px;
}

/* メッセージスタイル */
.msgstyle1{
    color: #FF0000;
}

.msgstyle2{
    font-weight: bolder;
    font-size:110%
}

.msgstyle3{
    color: #FF0000;
    font-weight: bolder;
    font-size:130%;
}

.msgstyle4{
   color: #800080;
}

#msgstyle5{
    text-align: left;
}

#msgstyle6{
    text-align: left;
}

.msgstyle7{
    color: #FF0000;
    text-align: left;
}

.msgstyle8{
    font-size: 25px;
    color: #FF0000;
}

.msgstyle8-2{
    font-size: 130%;
    font-weight: normal;
    color: #FF0000;
}

.msgstyle9{
    font-size: 30px;
    color: #FF0000;
}

.msgstyle9-2{
    font-size: 150%;
    font-weight: normal;
    color: #FF0000;
}

.msgstyle10{
	color:#339900;
}

.msgstyle11{
	color:#CC0000;
}

.msgstyle12{
    color: #FF0000;
    font-weight: bolder;
    font-size:130%;
    display: block;
    margin-top: 15px;
}

.msgstyle12-2{
    color: #FF0000;
    font-weight: normal;
    font-size:12px;
    display: block;
    margin-top: 5px;
}

.msgstyle13{
	color:#00C43E;
}

.smallfont{
    font-size: 10px;
}

.smallfont2{
    font-size: 10px;
    display: inline-block;
}

/*必須項目マーク*/
.requiremark{
   color: #FF0000;
   font-size: 10px;
}

/* リストスタイル */
.mk1{
    list-style-type: disc;
    margin-left: 25px;
}
.mk2{
    list-style-type: square;
    margin-left: 25px;
}

/* 遷移ボタンエリア */
#transitions_area{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

#transitions_area2{
    text-align: right;
}

#transitions_area3{
    text-align: right;
}

.transitions_area{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

.transitions_area_rev{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    direction:rtl; /*右側から表示していく*/
}
.linkposstyle{
	text-align:right;
}

/* 角丸枠エリア */
.kadomaru_area{
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
   width: 770px;
}
.kadomaru_top{
   padding: 0;
   margin: 0;
   background: url(/common/images/p_bgkadomaru-top.png);
   background-repeat:no-repeat;
   height: 8px;
   overflow: hidden;
}
.kadomaru_middle{
   background: url(/common/images/p_bgkadomaru-middle.png) repeat-y;
}
.kadomaru_bottom{
   padding: 0;
   margin: 0;
   background: url(/common/images/p_bgkadomaru-bottom.png);
   background-repeat:no-repeat;
   height: 8px;
}
.kadomaru_area_left{
   text-align: left;
   padding: 10px;
   padding-left: 20px;
}
.kadomaru_area_left50{
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 10px;
   padding-right: 10px;
   width: 50%;
}
.kadomaru_area_center{
   text-align: center;
   padding: 10px;
}

/* 各ボタンエリア */
.btnposstyle{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-right:10px;
    padding-left: 10px;
}

/* ボタンマーク */
.btnmarkstyle{
    background-image: url(/common/images/s_btnmark.png);
    display: inline-block;
    width: 6px;
    height: 9px;
    position: relative;
    left: -15px;
}

/*「申し込む」リンクスタイル*/
.linknext2{
    padding: 6px 31px 6px 31px;
    color: #FFFFFF;
    border: 1px solid #CD0000;
    border-radius: 6px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.5);
    background: -moz-linear-gradient(top, #FC0008 0%, #CF0000);  
    background: -webkit-gradient(linear, left top, left bottom, from(#FC0008), to(#CF0000));
    background-color: #FC0008\9;
    padding: 3px 0\9;
    text-decoration: none;
}

/*「削除する」「閉じる」「やり直す」ボタンスタイル*/
.btnstyle2{
    padding: 6px 0;
    color: #666666;
    width: 120px;
    border: 1px solid #CDCDCD;
    border-radius: 6px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE);  
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
    background-color: #FFFFFF\9;
    padding: 3px 0\9;
}

/* フォームスタイル */
.inlineform{
    display: inline;
}

/* パートナーエリア */
#partner_area{
    padding:15px 10px 15px 10px;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    text-align: left;
    font-size:12px;
    width:100%;
    clear: both;
}

.msg_area3{
	width:100%;
}

/* フッターエリア */
#toparea{
	margin:10px 25px 10px 25px;
	text-align:right;

}

#footer_area{
    text-align: left;
    margin-top: 10px;
    margin-bottom:0 px;
    width: 850px;
}
#footer_area2{
	background-color: #F2F2F2;
	height: 90px;
	margin-gop: 0px;
	width: 850px;
}

#footerbox1{
    color: red;
    padding: 10px;
    width: 780px;
}

#footerbox1 a{
    color: red;
}

#footerbox2{
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    width: 810px;
}

.footerinfo1{
    display: inline-block;
    float: left;
}

.footerinfo2{
    display: inline-block;
    float: right;
    position: relative;
    top: 0px;
}

.privacymark{
    display: inline-block;
    float: left;
}

.privacyinfo{
    display: inline-block;
    float: left;
    
}
.fmanage{
    display: inline-block;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

.fmark{
    display: inline-block;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

/* フッター2 */
.fline{
    background-image: url(/common/images/p_line850.png);
    background-repeat:no-repeat;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width:850px;
    height:3px;
    clear: both;
}

.fmark2{
    background-image: url(/common/images/p_discologo.png);
    background-repeat:no-repeat;
    display: inline-block;
    float: right;
    padding-top: 20px;
    padding-right: 70px;
    margin-top: 10px;
}

/***************************************************/
/*** 1.お支払ページ ***/
#payment_area{
    margin-top:10px;
}

#paystyle1{
    float: left;
    margin:10px 4px 10px 4px;
    text-align: center;
}

#paystyle1 a{
    color: #FF6699;
}

#paystyle2{
    float: left;
    margin:10px 4px 10px 4px;
    text-align: center;
}

#paystyle2 a{
    color: #0066CC;
}

#paystyle3{
    float: left;
    margin:10px 4px 10px 4px;
    text-align: center;
}

#paystyle3 a{
    color: #339900;
}

#paystyle4{
    float: left;
    margin:10px 4px 10px 4px;
    text-align: center;
}

#paystyle4 a{
    color: #339999;
}

#paystyle8{
    float: left;
    margin: 10px 4px 10px 4px;
    text-align: center;
}

#paystyle8 a{
    color: #FF0000;
}

#paystyle9{
    float: left;
    margin: 10px 4px 10px 4px;
    text-align: center;
}

#paystyle9 a{
    color: #00C201;
}

/*** 2.留意事項 ***/
#ryui_area{
    border: 1px solid #CCCCCC;
    margin-top: 15px;
    padding: 20px;
}

#ryui_area_sub{
    padding: 20px;
}

#ryui_area .frame{
	border: 1px solid #CCCCCC;
	width:100%;
	background-color:#CCCCCC;
}

#print{
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin-top: 5px;
    width: 770px;
}

#print2{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 5px;
}

#popupprint{
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin-top: 5px;
    width: 550px;
}

#agree_area{
    text-align: center;
    margin-top: 10px;
}

#agree_radio input{
    margin-left: 20px;
}

/*** 9.お申込番号の発行 ***/
.paymentinfo{
    margin:20px auto 0px auto;
    padding: 20px;
    border: 1px solid #CCCCCC;
    background-color:#F3F3F3;
}
.paymentinfo_center{
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.paymentinfo_left{
	text-align: left;
}
.paymentinfo_right{
	text-align: right;
}

/*** 10.決算のお手続き ***/
#stepbox10{
    background: url(/common/images/p_step10.png) no-repeat 0 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 770px;
    height: 64px;
}

.msgtitle{
    padding:20px 10px 20px 10px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    text-align: center;
}

.msgtitle2{
    padding:20px 10px 20px 10px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    text-align: center;
}

.msgtitle_sub1{
    font-size: 16px;
    font-weight: bold;
}

.msgtitle_sub2{
    padding-top: 5px;
    color: #FF0000;
}

.msgstyle_sub1{
    color: #FF0000;
}

/*** 照会画面 ***/
.btnarea{
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    margin-top: 5px;
}
.btn_conv_inq{
	height: 34px;
	padding-top: 3px;
}
.msgtext2 > .msgtext_left > .str_bold{
	font-weight   : bold;                /* 太字 */
	border-bottom : 1px solid #000000;   /* 下線 */
}

/*「お支払い手続きへ」ボタン */
.paymentbutton{
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: url(/common/images/p_payment.png);
    background-repeat:no-repeat;
    backgruond-color:#000000;
    border:none;
    /*width:200px;*/
    /*height:34px;*/
    width:220px;
    height:70px;
    text-indent:-9999px;
    cursor: pointer;
}

input.paymentbutton:hover{
    display: block;
    opacity: 0.5;
    filter:Alpha(opacity=50, style=0);
    -ms-filter:"alpha(opacity=50, style=0)";
    border:none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: url(/common/images/p_payment.png);
    background-repeat:no-repeat;
    backgruond-color:#000000;
    border:none;
    /*width:200px;*/
    /*height:34px;*/
    width:220px;
    height:70px;
    text-indent:-9999px;
    cursor: pointer;
}

/*** エラー画面 ***/
.errtitle{
    padding:20px 10px 20px 10px;
    margin:20px auto 20px auto;
    background-color: #FFF9D9;
    border: 1px solid #F2E6A8;
    text-align: center;
}
.errtitle_sub1{
    font-size: 18px;
    font-weight: bold;
}

/***************************************************/
/*お支払い説明画面関連*/
/*共通*/
	.liststyle{
		list-style-type:none;
	}
	
	.paymentguide_area{
		margin-left:20px;
		margin-right:20px;
		text-align:center;
	}
	
	.paymentguide{
		margin-top:20px;
		margin-bottom:20px;
		font-weight:bolder;
		font-size:110%;
		text-align:left;
	}
	
	.paymentguide_area img{
		width:80%;
		border: 2px solid #CCCCCC;
	}
	.paymentarea{
		margin: 20px auto 20px auto;
	}
	
	.paymentarea .title{
		font-weight:bold;
		font-size:110%;
		text-align:left;
		padding-top:5px;
		padidn-bottom:5px;
	}
	
	.paymentarea .description{
		text-align:left;
		padding-top:5px;
		padding-bottom:5px;
	}
/*コンビニオンライン*/
	
	.paymenttitle{
		position:relative;
		left:40px;
		top:45px;
		font-weight: bolder;
		font-size:110%;
		width:150px;
		display:inline-block;
		_display:inline;
	}
	
	.paymentlink{
		position:relative;
		left:150px;
		margin-right:150px;
		top:100px;
		font-weight: bolder;
		font-size:110%;
		display:inline-block;
		_display:inline;
	}
	
	.paymentlink a{
		display:inline-block;
	}


	/*2020.03.05 Add*/
	.paymentlink_seico{
		position:relative;
		left:290px;
		margin-right:150px;
		top:125px;
		font-weight: bolder;
		font-size:110%;
		display:inline-block;
		_display:inline;
	}

	/*2020.03.05 Add*/	
	.paymentlink_seico a{
		display:inline-block;
	}
	
	.paymentimg{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}

	/*支払期限メッセージ*/
	.limitmessage{
		background-color: #FFF9D9;
		border: 1px solid #F2E6A8;
		clear: both;
		color: #FF0000;
		font-size: 12px;
		width: 700px;
		padding:10px 10px 10px 10px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 10px;
	}
	.limitmsgtext_left{
		text-align: left;
		display: block;
	}
	
/*クレジット*/
	.paymentsubtitle_credit{
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#339900;
		font-weight:bolder;
		font-size:150%;
		color:#FFFFFF;
		padding-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:left;
	}
	
	.paymentguide_credittitle1{
		background-color:#339900;
		height:40px;
		line-height:40px;
	}
	.paymentguide_credittitle2{
		background-image:url(/common/images/payment/p_greenline.png);
		background-repeat:repeat-x;
		width:100%;
		margin-left:5px;
		padding-left:5px;
		font-size:130%;
		font-weight:bolder;
	}
/*楽天*/	
	.paymentsubtitle_rakuten{
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#CC0000;
		font-weight:bolder;
		font-size:150%;
		color:#FFFFFF;
		padding-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:left;
	}
	
	.paymentguide_rakutentitle1{
		background-color:#CC0000;
		height:40px;
		line-height:40px;
	}
	.paymentguide_rakutentitle2{
		background-image:url(/common/images/payment/p_redline.png);
		background-repeat:repeat-x;
		width:100%;
		margin-left:5px;
		padding-left:5px;
		font-size:130%;
		font-weight:bolder;
	}

/*LINE*/	
	.paymentsubtitle_line{
		width:100%;
		height:40px;
		line-height:40px;
		background-color:#00C43E;
		font-weight:bolder;
		font-size:150%;
		color:#FFFFFF;
		padding-left:10px;
		margin-top:10px;
		margin-bottom:10px;
		text-align:left;
	}
	
	.paymentguide_linetitle1{
		background-color:#00C43E;
		height:40px;
		line-height:40px;
	}
	.paymentguide_linetitle2{
		background-image:url(/common/images/payment/p_limegreenline.png);
		background-repeat:repeat-x;
		width:100%;
		margin-left:5px;
		padding-left:5px;
		font-size:130%;
		font-weight:bolder;
	}

/***************************************************/
/*回り込み解除*/
.clear{
    clear: both;
}

pre{
    /* Mozilla */
    white-space: -moz-pre-wrap;

    /* Opera 4-6 */
    white-space: -pre-wrap;

    /* Opera 7 */
    white-space: -o-pre-wrap;

    /* CSS3 */
    white-space: pre-wrap;

    /* IE 5.5+ */
    white-space: break-word;
}

/* スマホ表示エリア */
.sparea{
    display: none;
}

/***************************************************/

/***************************************************/
/*PC、SP共通対応*/
/*cmx121m,cmx121w*/
#cmx121_main_area{
    display: block;
    width: 630px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
}

table.cmx121_infoTable{
    width: 100%;
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
}
table.cmx121_infotable th{
    border: 1px solid #CCCCCC;
    background-color: #F2F2F2;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
}
table.cmx121_infotable td{
    border: 1px solid #CCCCCC;
    font-size: 12px;
    padding: 10px;
}
table.cmx121_infotable td tbl2{
	text-align:center;
}
.button1{
	margin-left: 20px;
	width: 100px;
	height: 34px;
	text-align: center;
	background: -moz-linear-gradient(top, rgba(252, 2, 9, 1), rgba(203, 37, 41, 1));
	background: -webkit-linear-gradient(top, rgba(252, 2, 9, 1), rgba(203, 37, 41, 1));
	background: linear-gradient(to bottom, rgba(252, 2, 9, 1), rgba(203, 37, 41, 1));
	display: block;
	text-decoration: none;
	color: white;
	text-shadow: 0 1px 1px grey;
	border-radius: 6px;
	border: 1px solid lightgray;
	font-weight: bold;
}
.button1:hover{
	background: -moz-linear-gradient(top, rgba(228, 123, 129, 1), rgba(228, 123, 129, 1));
	background: -webkit-linear-gradient(top, rgba(228, 123, 129, 1), rgba(228, 123, 129, 1));
	background: linear-gradient(to bottom, rgba(228, 123, 129, 1), rgba(228, 123, 129, 1));
	color: whitesmoke;
}
.modal-overlay{
   visibility: hidden;
   position: fixed;
   left: 0;
   top: 0;
   width: 100vw;
   height: 100vh;
   background-color: rgba(0,0,0,.7);
   z-index: 999;
  transition: .3s;
  opacity:0;
}
.modal-overlay.active{
   visibility: visible;
   transition: .3s;
   opacity: 1;
}
.modal-window{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   background-color: #fff;
   width: 80%;
   max-width: 400px;
   /*height: 250px;*/
   margin: 0;
   padding: 30px;
   overflow-y: auto;
}
.modalclose {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 20px;
    right: 20px;
}
.modalclose::before {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 25px;
   height: 1px;
   background-color: #000;
   transform: translate(-50%, -50%) rotate(45deg);
}
.modalclose::after {
   content: '';
   position: absolute;
   top: 50%;
   left: 50%;
   width: 25px;
   height: 1px;
   background-color: #000;
   transform: translate(-50%, -50%) rotate(-45deg);
}
.modal-opened {
    overflow-y: hidden;
}
#termsarea{
	display: flex;
    border: 1px solid #CCCCCC;
    align-items: center;
    text-decoration: none;
}
#pdficon{
    background-color: royalblue;
    color: white;
    margin: 10px 10px 10px 20px;
    padding: 6px 20px;
    font-size: 14px;
}
#pdflink{
    margin: 10px 10px 10px 10px;
    font-size: 18px;
}
.modal-window > p{
    text-align: left;
    margin-top: 20px;
    font-size: 12px;
}
#termsbuttonarea{
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0px 10px 0px;
}
.desc_color_red{
    color: #FF0000;
}