/* 基本のスタイル */
body {
	margin:0;
	padding:0 0 0 10px;
}
p,dl,dt,dd,ul,ol,li,th,td {
	margin:0;
	padding:0;
	font-size:14px;
	color:#333;
	line-height:1.4em;
}
dd {
	display:block;
}
ul li {
	list-style:none;
}
table,tr,th,td {
	border-collapse:collapse;
}
a img {
	border:0 none;
}
input,select {
	padding:5px;
	border:1px solid #959595;
}
input:focus{background:#ffdab9;}
select:focus{background:#ffdab9;}
inputPassword:focus{background:#ffdab9;}
button {	padding:10px;}
input[type="text"][disabled] {
	background:#ccc;
	cursor:not-allowed;
	color:#ccc;
}
input[type="radio"] {
	border:0 none;
}
.pagetop_link {
	display:none;
}
.msot_td04 > .form_form1 {

}
/* 基本の装飾 */
.sp{display:none;}
.bold {font-weight:bold !important;}
.txtr {text-align:right !important;}
.txtl {text-align:left !important;}
.txtc {text-align:center !important;}
.red {color:#f00 !important;}
.blue {color:#00f !important;}
.cyan {color:#09f !important;}
.darkred {color:#be1c1c !important;}
.pink {color:#f99999 !important;}
.skyblue {color:#66ccff !important;}
.w980 {width:980px !important;}
.mgn0 {margin: 0 !important;}
.mgnt0 {margin-top:0px !important;}
.mgnt5 {margin-top:5px !important;}
.mgnt10 {margin-top:10px !important;}
.mgnt20 {margin-top:20px !important;}
.mgnt30 {margin-top:30px !important;}
.mgnt40 {margin-top:40px !important;}
.mgnt60 {margin-top:60px !important;}
.mgnb0 {margin-bottom:0px !important;}
.mgnb5 {margin-bottom:5px !important;}
.mgnb10 {margin-bottom:10px !important;}
.mgnb20 {margin-bottom:20px !important;}
.mgnb30 {margin-bottom:30px !important;}
.mgnb40 {margin-bottom:40px !important;}
.mgnb50 {margin-bottom:50px !important;}
.mgnl0 {margin-left:0px !important;}
.mgnl5 {margin-left:5px !important;}
.mgnl-5 {margin-left:-5px !important;}
.mgnl10 {margin-left:10px !important;}
.mgnl15 {margin-left:15px !important;}
.mgnl20 {margin-left:20px !important;}
.mgnr0 {margin-right:0px !important;}
.mgnr5 {margin-right:5px !important;}
.mgnr10 {margin-right:10px !important;}
.mgnr20 {margin-right:20px !important;}
.padt0 {padding-top:0px !important;}
.padt5 {padding-top:5px !important;}
.padt10 {padding-top:10px !important;}
.padt20 {padding-top:20px !important;}
.padt30 {padding-top:30px !important;}
.padb0 {padding-bottom:0px !important;}
.padb5 {padding-bottom:5px !important;}
.padb10 {padding-bottom:10px !important;}
.padb20 {padding-bottom:20px !important;}
.padb30 {padding-bottom:30px !important;}
.padl0 {padding-left:0px !important;}
.padl10 {padding-left:10px !important;}
.padl15 {padding-left:15px !important;}
.padl20 {padding-left:20px !important;}
.padl30 {padding-left:30px !important;}
.tr_odd {background:#ecf9fd;}
.textsize_s {font-size:12px;}
.textsize_xs {font-size:10px;}
.textsize_xxs {font-size:8px;}
.clear {clear:both;}
.pointer {cursor:pointer;}
.underline {text-decoration:underline;}
.imp {
	background:#ccc;
	padding:3px;
	color:#fff;
	font-size:0.7em;
	font-weight:normal;
}
.moushikomi_title {
	margin:0 0 20px 15px;
}
.moushikomi_title span {
	font-size:16px;
	color:#f33;
	font-weight:bold;
}
.kome li {
	text-indent:-15px;
	padding-left:14px;
}
.kome li:before {
	content:"※";
}
.flr {	float:right;}
.fll {	float:left;}
.required {display:none;}
.hand_only {display:none;}

/* clearfix(クリアフィックス) */
.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

/* ページのレイアウト */
.wrapper {
	width:980px;
}
.header {
	margin:0 0 20px 0;
	background:#09f;
	position:relative;
}
.pc_header {
	background:#09f;
}
.contents {
	float:left;
}
.sidebar {
	float:right;
	width:190px;
}
.formErrorArrow {
	display:none !important;
}

/* ヘッダー */
.header_guide {
	position:absolute;
	right:10px;
	bottom:7px;
}
.header_guide li {
	border-left:1px solid #fff;
	color:#fff;
	font-size:12px;
	display:inline;
	padding-left:10px;
}
.header_guide li i {
	margin-left:8px;
	margin-right:5px;
}
.header_guide li a {
	color:#fff;
	text-decoration:none;
}
.header_guide li a:hover {
	text-decoration:underline;
}
.header_guide01btn {
	border-left:0 none !important;
}
.ms_only a,.ms_only i,.ot_only a,.ot_only i{
	display:none;
}
.bokin_head_gif {
	display:none;
}

/* 募金額をお決めください */
.bokingaku_area {
	width:777px;
	border:1px solid #09f;
	margin:0 0 30px 0;
	position:relative;
}
.bokingaku_area > .bokingaku_ttl {
	background:#09f;
}
.msot_radio {
	margin:5px auto;
	width:98%;
	background:#e7f5ff;
}
.msot_radio td {
	white-space:nowrap;
	vertical-align:bottom;
}
.msot_radio li {
	padding:15px 0px 15px 40px;
	position:relative;
}
.msot_radio_div01,.msot_radio_div01b {
	position:relative;
}
.msot_radio_div01 > img,.msot_radio_div01b > img {
	position:absolute;
	top:20px;
	left:-5px;
}
.msot_radio_div01 {
	padding:30px 0 30px 50px;
}
.msot_radio_div01b {
	padding:30px 0 20px 50px;
}
.msot_radio_div01 > label {
	position:relative;
	display:block;
}
.msot_radio_div01 > label > img {
	position:absolute;
	left:-8px;
	top:18px;
}
.ms_td04 {
	padding:0 0 20px 0;
}
.ms_td04 input {
	margin-right:5px;
}
.ms_div01 {
	padding:35px 0 20px 30px;
}
.msot_radio_div02 {
	padding:0 0 20px 0;
}
.msot_radio_div02 select {
	width:160px;
	padding:6px 3px;
}
.msot_td04 {
	padding:0 0 20px 0;
	white-space:normal !important;
}
.msot_radio_div02 select:disabled {
	background:#ccc;
}
.msot_radio_div03 {
	padding:0 10px 20px 0;
	width:110px;
	text-align:right;
}
.msot_radio_div03 input {
	ime-mode: inactive;
}
.ot_td04 {
	padding:10px 0 20px 0px;
}
.ot_td04 > input {
	margin-right:5px;
}
.msot_radio li p {
	display:inline;
}
.msot_radio_li01 {
	border-bottom:1px dotted #ccc;
}

/* お支払い方法をお決めください */
.bokin_creditcard_txt {
	font-weight:bold;
	font-size:15px;
}
.bokin_creditcard_inner {
	margin:0 0 0 30px;
}
.bokin_creditcard_inner ul li {
	margin:10px 0;
}
.bokin_creditcard_number input {
	width:190px;
	padding:5px;
	ime-mode: inactive;
}
.bokin_creditcard_expiration li {
	display:block;
	float:left;
	width:240px;
}
.bokin_creditcard_expiration li select {
	width:70px;
	padding:5px;
}
.bokin_creditcard_expiration li p{
	display:inline;
}
.bokin_conveni_inner select {
	padding:5px 0 !important;
}

/* すでにオンライン登録済みの方 */
.online_ttl {
	height:40px;
}
.online_ttl_text {
	left:7px !important;
	font-family:meiryo;
	font-weight:bold;
	font-size:16px !important;
	color:#fff !important;
	letter-spacing:1px;
	padding-bottom:2px;
}
.online_ttl_text i {
	color:#fff !important;
	font-size:26px !important;
	vertical-align:bottom;
	margin-right:20px !important;
}
.online_area {
	width:777px;
	border:1px solid #09f;
	margin:0 0 30px 0;
}
.online_ttl {
	background:#09f;
	position:relative;
}
.online_ttl p {
	position:absolute;
	right:5px;
	bottom:5px;
	font-size:12px;
}
.online_ttl a {
	color:#fff100;
}
.online_ttl i {
	color:#fff100;
	margin:0 6px 0 0;
}
.online_txt_center {
	text-align:center;
	margin:10px 0 0 0;
}
.online_area_innnerbox {
	background:#e6f5ff;
	width:600px;
	margin:5px auto;
	padding:10px;
	text-align:center;
}
.online_area_innnerbox table {
	margin:0 auto;
	width:100%;
}
.online_area_innnerbox table td{
	padding:2px 0;
}
.online_area_innnerbox table input{
	width:100%;
	padding:5px;
}
.online_area_innnerbox table input[type="image"] {
	width:auto;
}
.online_area_tblcol01 {
	width:20%;
}
.online_area_tblcol02 {
	width:50%;
}
.online_area_tblcol03 {
	width:30%;
}
.sgift_only {
	display:none;
}

/* 初めての方・ログインしないでお申込される方 */
.orangewaku_area {
	width:777px;
	border:1px solid #ff8400;
	margin:0 0 30px 0;
}
.orangewaku_ttl {
	background:#ff8400;
}
.bokin_inner_tbl {
	margin:5px 2%;
	width:96%;
}
.bokin_inner_tbl th {
	background:#f4e9d8;
	vertical-align:top;
	width:75px;
	font-weight:normal;
	padding:15px 3px 0;
}
.bokin_inner_tbl th p {
	color:#7e6b5a;
	line-height:1.4em;
}
.bokin_inner_tbl tbody > tr > td > div {
	padding:20px 20px 20px 40px;
}
.bokin_inner_tbl tbody > tr > td > div.firstbox {
	padding-top:30px;
}
.bokin_inner_tbl tbody > tr > td > div.lastbox {
	padding-bottom:30px;
}
.orangewaku_txt {
	padding:10px 0 10px 50px;
}
.orangewaku_txt p {
	margin:10px 0;
}
.pinkbar {
	border-left:10px solid #f99999;
	padding:10px;
}
.bluebar {
	border-left:10px solid #66ccff;
	padding:10px;
}
.greenbar {
	border-left:10px solid #cf9;
	padding:10px;
}
.yellowbar {
	border-left:10px solid #ee7;
	padding:10px;
}
.greybg {
	background:#eee;
}
.whitebg {
	background:#fff;
}
.login_input {
	ime-mode: inactive;	
}
.name_dl dt,.name_dl dd {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:5px 0 0 0;
}
.name_dl dt {
	width:40px;
	text-align:right;
	padding-right:5px;
}
.name_dl dd {
	width:180px;
}
.name_dl dd input {
	width:95%;
	ime-mode: active;
}
.orangewaku_seibetsu{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:90px;
}
.seibetsu_ul {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.seibetsu_ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:90px;
}
.seinen_ul {
	margin:10px 0 0 0;
}
.seinen_ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.address_ul {
	margin:10px 0 0 0;
}
.zipnum{
	width:100px;
}
.address_ul span {
	font-size:12px;
}
.address_ul p {
	font-size:10px;
	margin:5px 0;
}
.address_ul i {
	margin:0 5px 0 15px;
	color:#00f;
}
.pref_ul01 li {
	display:inline-block;
}
.pref_ul01 li p {
	display:inline;
}
.pref_ul01 li input {
	ime-mode: active;
}
.pref_ul01 select {
	margin:10px 30px 0 0;
}
.pref_ul01_tatemono input {
	width:300px;
}
.pref_ul01_tatemono p {
	font-size:10px;
	display:block !important;
	margin-top:7px;
}
.address_input01 {
	margin:10px 0 0 0;
	width:285px;
}
.banchi_input {
	margin:10px 0 0 0;
	width:300px;
}
.tel01a {width:100px;}
.tel01b {width:100px;}
.tel01c {width:100px;}
.tel02a {width:100px;}
.tel02b {width:100px;}
.tel02c {width:100px;}
.tel_hosoku {
	background-color:#fff;
	border:1px solid #f99e9d;
	color:#f99e9d;
	margin:5px;
	padding:3px;
	font-size:10px;
	font-weight:normal;
}
.tel_ul li,.mail_ul li {
	margin:10px 0;
}
.tel_ul li p,.mail_ul li p {
	margin:0 0 10px 0;
}
.tel_li {
	width:100%;
	display:inline-block;
}
.tel_li_inner li {
	display:inline;
}
.tel_priority {
	display:none ;
}
.tel_ul01 li {
	display:inline-block;
}
.tel_ul01 li input {
	margin:0 3px 0 8px;
}
.tel_ul01 li input:first-child {
	margin-left:0;
}
.tel_ul input {
	ime-mode: inactive;
}
.mail_ul input {
	width:400px;
	ime-mode: inactive;
}
.kikkake_ul input {
	width:400px;
	ime-mode: active;
}
.kikkake_ul p {
	margin:0 0 10px 0;
}
.kikkake_ul select {
	margin:0 0 10px 0;
}
.firsttime_midashi {
	font-weight:bold;
}

/* サイドバー */
.side_inquiry_img {
	margin-bottom:20px;
}
.side_setsumei_img {
	margin-bottom:10px;
}
.sidebar > .sidebar_dona_sample > p {
	font-size:13px;
	color:#09f;
	margin:0 5px 5px 80px;
	line-height:1.3em;
	width:100px;
}
.side_ttlpic {
	margin-bottom:5px;
}
.side_donapic{
	float:left;
	margin:0 5px 20px 0;
}
.sidebar_bottom_txt {
	clear:both;
	margin-top:40px;
}
.sidebar_bottom_txt li {
	font-size:8px;
	text-indent:-10px;
	padding-left:8px;
	color:#606060;
}
.sidebar_bottom_txt li:before {
	content:"※";
}
.sidebar_dona_sample {
	display:none;
}


/* アコーディオンメニュー */
.accr_left {
	float:left;
	width:75%;
}
.accr_right {
	width:20%;
	position:absolute;
	right:0;
	top:50px;
}
.accr_left dl {
	margin:10px;
	border-top:1px solid #999;
}
.accr_left dl dt{
	border:1px solid #999;
	border-top:0 none;
}
.houhou_accr01 dt,.houhou_accr02 dt {
	display:block;
	cursor:pointer;
	background:#e7f5ff;
	padding:5px;
}
.houhou_accr01 dd,.houhou_accr02 dd {
	display:none;
	background:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	padding:20px 0;
}
.houhou_accr01 dd > div,.houhou_accr02 dd > div {
	padding:0 90px;
}
.securitytxt {
	font-size:10px;
}
.accr_bottom {
	border-bottom:1px solid #999;
}

/* 支払い方法のアコーディオン */

.payment_accr dl.acordion{
	margin-top:10px;
	margin-bottom:10px;
	border-top: 1px solid #ccc;
}
.trigger a{
	display:block;
	padding:15px;
	text-decoration:none;
	color:#606060;
}
.payment_accr dt.trigger {
	display:block;
	padding:5px;
	cursor:pointer;
	background:#f8f8f0;
	text-align:left;
	border-bottom: 1px solid #ccc;
	color: #606060;
	margin-bottom:0;
	font-size:14px;
	clear:both;
}

.payment_accr dt.trigger span.open-close {
	background:url(/webapp/img/common/icon_radio_select.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;
	text-indent: -9999em;
	margin-right:10px;
}
.payment_accr dt.active span.open-close {
	background:url(/webapp/img/common/icon_radio_check.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;}
.payment_accr dd.acordion_tree{
	background-color:#ddd;
	border: 1px solid #CCC;
	border-top:none;
}

.payment_accr input{
	margin-right:4px;
}

/* 各種変更のアコーディオン */

.custom_accr dl.acordion {
	margin-top:0px;
	margin-bottom:10px;
}
.trigger a {
	display:block;
	padding:15px;
	text-decoration:none;
	color:#606060;
}
.custom_accr dt.trigger {
	display:block;
	padding:5px;
	cursor:pointer;
	text-align:left;
	color: #606060;
	margin-bottom:0;
	font-size:14px;
	clear:both;
}

.custom_accr dt.trigger span.open-close {
	background:url(/webapp/img/common/icon_radio_select.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;
	text-indent: -9999em;	
	}
.custom_accr dt.active span.open-close {
	background:url(/webapp/img/common/icon_radio_check.png) no-repeat left top;
	-webkit-background-size: 25px 16px;
	background-size: 25px 16px;
	float:left;
	width:16px;
	height:16px;}
.custom_accr dd.acordion_tree {
	background-color:#ddd;
}

.custom_accr input {
	margin-right:4px;
}
.custom_accr01 {
	padding:10px 0;
}
.custom_accr01 .bokin_creditcard_inner {
 	padding:30px 90px;
}

/* 確認画面へボタン */
.bokin_btnarea {
	text-align:center;
}
.bokin_btnarea img {
	margin:auto;
}
/* 募金画面のフッター */
.bokin_footerarea p {
	text-align:center;
	margin:10px 0;
	line-height:1.4em;
}
.henko_btn_area {
	margin:10px 10px 10px 30px;
}
.henko_btn_area p {
	font-size:14px;
	display:inline-block;
}
.henko_btn_area > div {
	width:150px;
	display:inline-block;
	margin:0 10px 0 0;
}


/*------------------------------------------
		ワンタイム入力画面
------------------------------------------*/
.ot_div01a {
	padding:10px 0px 0px 50px;
	line-height:1.4em;
}
.ot_div01a p {
	margin:10px 0;
}
.ot_div01b {
	padding:0 10px 20px 50px;
	width:70px;
}
.ot_div02 {
	padding:0 10px 20px;
	width:140px;
}
.ot_div02 select {
	width:160px;
}



/*------------------------------------------
		ログイン済みページ
------------------------------------------*/
/* ログイン後のご支援者様情報 */
.userinfo_login_inner {
	padding:20px;
}
.userinfo_login_tbl {
	width:100%;
}
.userinfo_login_tbl th,.userinfo_login_tbl td {
	border:1px solid #3C8694;
	padding:5px 20px;
}
.userinfo_login_tbl th {
	font-weight:normal;
	text-align:left;
}
.userinfo_changebtn {
	margin:10px 0 30px 30px;
}
.userinfo_changebtn input {
	display:inline;
	border-radius:2px;
	border:1px solid #999;
	width:10em;
	padding:3px;
	letter-spacing:2px;
	*letter-spacing:1px;
}
.userinfo_changebtn p {
	display:inline;
}

/*------------------------------------------
		確認画面
------------------------------------------*/
.confirm_txtarea {
	margin:0 0 20px 15px;
}
.confirm_txtarea p span {
	color:red;
	font-weight:bold;
	font-size:18px;
}
.confirm_info {
	width:777px;
}
.confirm_info_tbl,.confirm_info_tbl02 {
	width:100%;
	margin-bottom:20px;
}
.confirm_info_tbl th,.confirm_info_tbl td,.confirm_info_tbl02 th,.confirm_info_tbl02 td {
	border:1px solid #3C8694;
	padding:5px 20px;
}
.confirm_info_tbl th,.confirm_info_tbl02 th {
	font-weight:normal;
	text-align:left;
	width:33%;
}
.confirm_info_tbl td,.confirm_info_tbl02 td {
	width:67%;
}
.confirm_bokingaku {
	font-weight:bold;
	font-size:16px;
	line-height:1.5em;
}
.confirm_footerarea {
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
.confirm_nb_txt li {
	margin:0 0 8px 20px;
}
.confirm_email_txt li {
	margin:5px 6px;
}

/*------------------------------------------
		ネットバンキング各画面
------------------------------------------*/
.netbank_etc_text {
	margin:-20px 0 0 64px;
	width:625px;
	padding:20px 11px;
	text-align:center;
}

/*------------------------------------------
		完了画面（ワンタイム）
------------------------------------------*/
.complete_area {
	border:2px solid #03c;
	background:#B3DBFF;
	width:625px;
	padding:10px;
	margin-left:64px;
}
.complete_text {
	margin:-20px 0 0 64px;
	width:625px;
	padding:20px 11px;
}
.complete_text p i {
	margin-right:5px;
	color:#09f;
	font-size:1.5em;
	font-weight:normal;
}
.complete_text p {
	font-size:1.3em;
	font-family:meiryo;
	font-weight:bold;
}
.complete_area img {
	float:right;
}
.complete_area p {
	margin:12px 0;
	color:#000;
	line-height:1.5em;
}
.complete_date {
	text-align:right;
}
.complete_num {
	text-align:right;
	font-weight:bold;
}
.complete_num span {
	color:red;
	font-weight:normal;
}
.social_btn {
	border:1px solid #09f;
	padding:20px;
	margin:20px 0 0 64px;
	clear:both;
}
.social_btn p {
	color:#000;
}
.social_btn ul li {
	width:100px;
	float:left;
	margin-top:20px;
}
.complete_btnarea {
	width:650px;
	margin-left:64px;
	margin-top:20px;
	text-align:center;
}
.complete_btnarea ul {
	margin-bottom:20px;
}
.complete_btnarea li {
	display:inline-block;
	padding:5px;
}
.complete_txtlink li {
	padding:20px 30px 30px 30px;
}
.complete_online_touroku {
	border:2px solid #f00;
	padding:20px;
	margin:20px 0;
}
.complete_online_touroku h4 {
	font-weight:normal;
	background:#fdd;
	width:350px;
	padding:2px;
	margin:0 auto 20px;
}
.complete_online_touroku p {
	color:#000;
	text-align:left;
	margin-bottom:20px;
}

/* --------------------------------
	募金完了画面下部のボタン類
-------------------------------- */
.complete_btnarea_btn li {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b3cadf), color-stop(0.00, #E5EDF4));
	background: -webkit-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: -moz-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: -o-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: -ms-linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: linear-gradient(top, #E5EDF4 0%, #b3cadf 100%);
	background: #b3cadf\9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
	margin:10px;
	font-weight:bold;
	padding:10px;
	border:1px solid #9c9c9c;
	width:150px;
}
.complete_btnarea_btn li:hover {
	background:#E5EDF4;
}
.complete_btnarea_btn li a {
	text-decoration:none;
	color:#003;
	font-weight:normal;
}
.complete_inner_btnarea li {
	width:200px;
	display:inline-block;
	margin:0 30px;
}
.complete_hiv_area > ul {
	margin-left:30px;
}
.complete_hiv_area > ul > li {
	list-style:disc;
}

/*------------------------------------------
		完了画面（マンスリー）
------------------------------------------*/
.complete_ms_area {
	margin-left:70px;
	width:640px;
}
.complete_ms_area h4 {
	background:#ffc;
	font-weight:normal;
	padding:10px;
	text-align:center;
	font-size:1em;
	border-bottom:1px solid #461217;
	clear:both;
}
.complete_ms_area p {
	color:#000;
	line-height:1.5em;
	margin:10px 0;
}
.complete_ms_area .flo_r {
	float:right;
}
.complete_ms_area .flo_l {
	float:left;
}
.complate_ms_inqarea img {
	float:right;
	margin-left:5px;
}

/* ----------------------------
		オンライン登録
---------------------------- */
.brownwaku_area {
	width:978px;
	border:1px solid #659bff;
	margin:0 0 30px 0;
}
.brownwaku_ttl {
	background:#659bff;
}
h3.itemttl {
	font-weight:normal;
	font-size:14px;
	padding-left:20px;
}

/* ----------------------------
オンライン登録のレスポンシブボタン（PC表示）
---------------------------- */
.btnpreview, .btnentry {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fb9e26), color-stop(0.00, #ffc476));
	background: -webkit-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -moz-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -o-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: -ms-linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: linear-gradient(top, #ffc476 0%, #fb9e26 100%);
	background: #fb9e26\9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
	margin:10px 0;
	font-weight:bold;
}
.btnpreview:hover {
	background:#ffc476;
}
.btnstd {
	font-size:14px;
	color: #000;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cccccc), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background:#cccccc\9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-align:center;
	margin:25px 0 10px 0;
	font-weight:bold;
}
.btnstd:hover {
	background:#eee;
}
.btnpreview a, .btnentry a, .btnstd a{ color:#000; text-decoration:none; display:block; padding:15px;}
input.btnstd {width:100%; display:block; padding:10px; border:1px solid #CCC;}
.btnconfirm{
font-size:16px;
letter-spacing:1px;
}
.btnconfirm i{
font-size:1.4em;
vertical-align:middle;
}
.online_btnarea01 {
	position:relative;
	height:100px;
	text-align:center;
}
.online_btnarea01 li{
	display:inline-block;
	width:45%;
	padding:10px;
	box-sizing:border-box;
}
.online_btnarea01a {
	position:absolute;
	left:70px;
	top:25px;
}
.online_btnarea01a div {
	margin-top:0;
}
.online_btnarea01b {
	position:absolute;
	right:0px;
	top:10px;
}
.online_btnarea01b img {
	float:left;
	display:inline-block;
}
.ssl_text_area {
	float:left;
	font-size:10px;
	text-align:left;
	margin:20px 20px 0 0 !important;
	display:inline-block;
}
/* 完了画面下のボタン */
.online_btnarea02 button{
    margin: 10px;
    text-decoration: none;
    font: normal 0.7em meiryo; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #003;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#E5EDF4), to(#b3cadf) );
    background: -moz-linear-gradient(-90deg, #E5EDF4, #b3cadf);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#E5EDF4', endColorstr='#b3cadf');
    background:-ms-linear-gradient(top, #E5EDF4, #b3cadf); /* IE */
}

.online_btnarea02 button, .online_btnarea02 button span{
    -moz-border-radius: .3em;
    border-radius: .3em;
}
 
.online_btnarea02 button span{
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;
 
/* The background pattern */
 
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
 
/* Pattern settings */
 
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
}
 
.online_btnarea02 button:hover{
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);

    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
    background:-ms-linear-gradient(top, #4477a1, #81a8cb); /* IE */
}
 
.online_btnarea02 button:active{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
    background: #4477a1;
}
.online_btnarea02,.online_btnarea03 {
	text-align:center;
	margin:30px;
}
.online_btnarea02 button {
	min-width:180px;
}
.online_btnarea03 li {
	display:inline-block;
	margin:0 20px;
	min-width:150px;
}


/* ----------------------------
	メルマガ登録画面
---------------------------- */
.single_resp_spheader{
display:none;
}
.mailmaga_input {
	border:1px solid #09f;
	color:#09f;
	padding:5px;
	font-size:2em;
	text-align:center;
	font-weight:normal;
	letter-spacing:5px;
	margin:10px 0 20px;
}
.mailmaga_input > i{
	padding:0 5px;
}
.entrybox {
	background-color: #FFF0DA;
    height: 100%;
    width:100%;
    box-sizing:border-box;
    margin-top: 20px;
    padding: 5px 30px 20px;
}

.entrybox form {
	margin: 0;
}

.mlmaga_input01 {
	padding:7px;
	margin-left:30px;
	width:70%;
}

.backnumber {
}
.backnumber a {
	display:inline;
	margin:0;
	padding:0;
}
.input_hosoku_text{
	margin:15px 0 0 0;
}
.entrybox > p {
	margin:5px 0 3px 0;
}
.entrybox > span {
	font-size:14px;
}
.input_mail{
	color:#333 !important;
	padding-left:10px;
	font-weight:bold;
}
.input_caption{
	color:#333 !important;
	padding-left:5px;
	font-weight:bold;
}
.ninni1{
	display:inline;
	background-color:#f99999;
	padding:3px;
	color:#fff;
	font-size:10px;
}
.ninni2{
	display:inline;
	background-color:#66ccff;
	padding:3px;
	color:#fff;
	font-size:10px;
}
.input_caption{
	display:inline-block;
	padding:3px 3px 3px 10px;
	width:8em;
}
.mlmaga_input_nameul li,.mlmaga_input_telul li {
	display:inline-block;
}
.mlmaga_input_nameul {
	margin-left:40px;
}
.mlmaga_input_telul {
	margin-left:40px;
}
.input_text_name{
	margin:0 10px 5px 5px;
	padding:7px;
}
.input_text_tel{
	margin:0 3px;
	padding:7px;
}
.input_text_tel_small{
	margin:0 3px;
	padding:7px;
}
.mgnr{
	margin-right:14px;
}
.w95{
	width:95%;
}
.mail_touroku_btn{
	width:100%;
	margin:10px 0 0 0;
	height:30px;
	line-height:30px;
	color:#ffffff;
	font-weight:bold;
	border-radius:5px;
	-webkit-appearance: none;
	border:1px solid #ffc577;
	text-shadow: 1px 1px 2px #ff8400;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff8400), color-stop(0.84, #ff8400), color-stop(0.00, #ffbf6d));
	background: -webkit-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -moz-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -o-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: -ms-linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	background: linear-gradient(top, #ffbf6d 0%, #ff8400 84%, #ff8400 100%);
	border-radius: 6px;
}
.entrybox > .mailmaga_input_h2 {
	color:#dd9311;
	font-size:16px;
	font-family:meiryo;
	letter-spacing:1px;
	background:#FFF0DA !important;
	margin-top:15px;
}
.cap{font-size:73%;line-height:150%}
.entrybox {
	clear:both;
}
.entrybox input[type="email"]{
	margin-left:40px;
	padding:7px;
}
.mlmaga_ifm {
	float:right;
	margin:0 0 10px 20px;
	width:420px;
	height:180px;
}
.mlmaga_name_attention {
	margin:20px 30px 10px !important;
}
.online_contents > .pnkz li {
	display:inline-block;
	font-size:11px;
	margin:10px 0 0 0;
}


/* ---------------------------------
	メルマガ完了画面
--------------------------------- */
.thankyoumail_area {
	text-align:center;
	margin:30px 0;
}
.thankyoumail_area p {
	font-size:17px;
	font-family:meiryo;
	color:#1876c1;
	font-weight:bold;
}
.thankyoumail_area p i {
	font-size:30px;
	font-weight:normal;
}
.mlmaga_complete_hr {
	border-top:5px dotted #09f;
	border-left:0 none;
	border-right:0 none;
	border-bottom:0 none;
	width:80%;
	margin:0 auto 30px;
}



/* ---------------------------------
	メルマガ配信停止画面
--------------------------------- */
.mlmaga_kihi p{font-family:meiryo !important;line-height:1.6em !important;}
.kojin_sp {
	display:none;
}
/* メインコンテンツ */
.main_contents_kihi{
clear:both;
}
.main_contents_kihi h1{
background:#339 !important;
color:#fff;
padding:10px;
font-size:18px;
font-weight:bold;
}
.haishinteishi_tbl{
width:100%;
border-collapse:collapse;
}
.haishinteishi_tbl th{
border:1px solid #09f;
padding:10px;
background:#d0ecff;
text-align:left;
font-weight:normal;
width:330px;
}
.haishinteishi_tbl td{
border:1px solid #09f;
padding:10px;
}
.haishinteishi_tbl td label{
display:block;
}
.haishinteishi_tbl td ul{
padding-left:30px;
}

/* ページ下部ボタン */
.haishin_teishi_btn{
	border:0 none;
	border-radius:5px;
	color:#FFF;
	padding: 10px 0;
	font-weight:bold;
	text-shadow:1px 1px 2px #666;
	width: 150px;
	margin:20px;
	background:#888;
}
.haishin_teishi_btn:hover{
	background:#aaa;
}
.haishin_teishi_btnarea{
position:relative;
text-align:center;
}

.haishinteishi_emailinput{
width:95%;
}
.haishinteisi_sslarea{
position:absolute;
right:0;
top:10px;
}
.haishin_teishi_btnarea_attention{
text-align:left;
}
/* フッター */
.haishin_teishi_fotter{
position: relative; 
overflow: hidden;
border-top:1px solid #09f;
clear:both;
}
.haishin_teishi_fotter ul{
position: relative;
left: 50%;
float: left;
padding:15px 0;
}
.haishin_teishi_fotter ul li{
position: relative;
left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
float: left;
list-style: none;
border-left:1px solid #09f;
padding:0 50px;
}
.haishinteisi_sslarea{
text-align:center;
}
.haishinteisi_sslarea p{
font-size:10px;
float:right;
padding-left:10px
}

.haishin_teishi_fotter ul li:first-child{
border-left:0 none;
}
.attention{
margin:0;padding:0;
color:#F00;
text-align:left;
display:block;
}
.teishi_formtxt{
text-align:left;
margin:0;
}
.haishinteishi_check label input[type=checkbox]{
    height:20px;
    width:20px;
    vertical-align: middle;
    padding-right:5px;
  -moz-transform-origin: right middle;
  -moz-transform: scale( 1.2 , 1.2 );
}
.teishi_thanks_madress {
	text-align:left;
	margin-left:30px !important;
}
.haishinteishi_tbl td li {
	list-style:disc;
	margin-left:15px;
}

/* ----------------------------
		募金誘導
---------------------------- */
.ot_monthly_wrap{
	background-image:url(/webapp/img/bokin/img_bokin_thanks04.jpg);
	background-size:auto 479px;
	width:650px;
	height:479px;
	position:relative;
	z-index:10;
	border:7px solid #ccc;
}
.ot_monthly_txtarea{
	background-color:#fff;
	background-color:rgba(255,255,255,0.8);
	-ms-filter: "alpha(opacity=80)";
	position:absolute;
	width:400px;
	height:200px;
	padding:10px;
	top:30px;
	right:6px;
	padding:10px;
	z-index:100;
}
.ot_monthly_txtarea h4{
	font-size:17px;
	text-decoration:none;
	font-weight:bold;
	margin-top:23px;
	margin-bottom:26px;
}
.ot_monthly_txtarea p{
	font-size:14px;
	line-height:1.4em;
	margin:14px 0;
}
.ot_monthly_txtarea img{
	float:left;
	margin:20px;
}
a img {
	border:0 none;
}
.ot_monthly_txtarea a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.ot_monthly_btn {
	position:absolute;
	bottom:65px;
	right:0px;
	z-index:100;
}


#lbox_area {
	display:block;
	cursor:pointer;
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
	width:100%;
	height:2730px;
	z-index:1000;
}
#disp_area {
	background-color:#fff;
	border:0 none;
	position:fixed;
	top:150px;
	left:0;
	z-index:1001;
	margin:0 100px;
	width:650px;
	height:493px;
}
#disp_area .close_btn {
	position:absolute;
	right:-22px;
	top:-8px;
	cursor:pointer;
	z-index:100;
}
#disp_area img {
	border:0 none;
}

/* ボタン */
.btnp {
	font-family: "Hiragino Kaku Gothic ProN","meiryo","メイリオ", sans-serif;
	font-size:16px;
	text-shadow:1px 1px 3px #666;
	color: #FFF;
	padding:15px 10px 0;
	border-radius:10px;
	float:left;
	margin:60px 15px 0 10px;
	text-align:center;
	width:182px;
	height:104px;
	line-height:1.5em;
}
.yes_no {
	font-size:24px;
	padding:6px;
	display:inline-block;
}
.btnp a {
	text-decoration:none;
	color:#fff;
}
.y_btn {
	background:url(/webapp/img/bokin/y_btn.gif) no-repeat left bottom transparent;
}
.n_btn {
	background:url(/webapp/img/bokin/n_btn.gif) no-repeat left bottom transparent;
}
a:hover .y_btn {
	background:url(/webapp/img/bokin/y_btn.gif) no-repeat left top transparent;
}

a:hover .n_btn {
	background:url(/webapp/img/bokin/n_btn.gif) no-repeat left top transparent;
}

ul.kinkyu_monthly_attention2 {
	list-style:none;
	color:#fff;
	font-size:12px;
	position:absolute;
	bottom:0;
	left:10px;
	padding:0 0 12px 30px;
}
ul.kinkyu_monthly_attention2 li {
	margin:5px 0 0 0;
	text-indent:-16px;
	color:#fff;
	font-size:12px;
	line-height:1em;
}

/*　パスワード　*/
.ol_remind_ol {
	margin-left:20px;
	counter-reset: li;
	list-style: none;
	padding-left: 0;
}
.ol_remind_ol > li {
	position: relative;
	margin-bottom: .5em;
	padding-left: 2em;
	margin:20px;
}
.ol_remind_ol > li:before {
	content: counter(li) "";
	counter-increment: li;
	position: absolute;
	left: 0;
	width: 18px;
	height: 18px;
	background: #C87E1E;
	border-radius: 50px;
	color: #fff;
	line-height: 1.6em;
	text-align: center;
	font-size:12px;
}


.ol_remind_waku table {
	margin:auto;
}
.ol_remind_waku th,.ol_remind_waku td {
	border:1px solid #ccc;
	padding:10px;
}
.ol_remind_waku th {
	background:#e4f4ff;
	text-align:left;
	font-weight:bold;
}
.ol_remind_waku ul li {
	display:inline-block;
}
.ol_remind_waku ul li input {
	margin:0 15px 0 5px;
}
.ol_remind_waku > table > tbody > tr > td {
	vertical-align:bottom;
}
.ol_remind_mailinput {
	width:98%;
	margin-right:15px;
	box-sizing:border-box;
}
.ol_remind_p {
	margin:20px 30px !important;
}

/* トグルスイッチ風ラジオボタン */
.toggle_radio {
	clear:both;
}
.toggle_radio > span {
	display:block;
	padding:10px;
}
.toggle_radio p {
	float: left;
	margin-right:10px;
	width:290px;
}
.toggle_radio input {
	display: none;
}
.toggle_radio label{
	display: block;
	float: left;
	cursor: pointer;
	width: 90px;
	margin: 0;
	padding: 10px;
	background: #bdc3c7;
	color: #869198;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
}
.toggle_radio label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.toggle_radio label:last-of-type{
	border-radius: 0 3px 3px 0;
}
.toggle_radio input[type="radio"]:checked + .switch-on {
	background-color: #5cbf1d;
	color: #fff;
}
.toggle_radio input[type="radio"]:checked + .switch-off {
	background-color: #e67168;
	color: #fff;
}

/* ------------------------------------
 ハンドインハンド
------------------------------------ */
.bluewaku_area {
	width:777px;
	border:1px solid #09f;
	margin:0 0 30px 0;
}
.bluewaku_ttl {
	background:#09f;
	position:relative;
}