@charset "utf-8";

*{
	margin:0;
	padding:1px;
}

body{
    font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

ul,
ul li,
ol,
ol li{
	list-style-type:none;
}

img{
	border:0;
	vertical-align:top;
}
.clear{
	clear:both;
}

.roBtn{
	cursor:pointer;
}

h1{
	width:500px;
	position:relative;
}

h1 span{
	position:absolute;
	right:0;
	top:10px;
}

/*
########################################################
  link
########################################################
*/

a:link,a:visited{
	color:#537D3E;
	text-decoration:none;
}
a:hover,a:active{
	color:#537D3E;
	text-decoration:underline;
}

/*
########################################################
  footer
########################################################
*/

div#footer{
	width:500px;
	height:auto;
	margin:10px 0 0 0;
	padding:10px 0 20px 0;
	border-top:2px solid #4A813F;
	text-align:right;
}

p.closeBtn{
	width:500px;
	text-align:right;
	margin:10px 0 0 0;
}

/*
########################################################
  mail sample style
########################################################
*/

div.mailSample{
	margin:0 0 10px 0;
}

div.mailSample h2{
	margin:15px 0 0 9px;
}

div.mailSampleBox{
	width:478px;
	height:auto;
	border:1px solid #cccccc;
	padding:3px 0;
	margin:3px 0 0 13px;
}

div.mailSample pre{
	margin:0 0 0 15px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

div.mailCopyBox{
	width:478px;
	height:auto;
	padding:3px 0 0 0;
	margin:13px 0 0 13px;
}

div.mailCopyBox dl dt{
	margin:0 0 5px 0;
	font-weight:bold;
}

div.mailCopyBox dl dd{
	margin:0 0 20px 0;
	padding:10px;
	border:1px solid #cccccc;
	background:#f2f2f2;
}

div.mailCopyBox dl dd p{
	margin:0 0 10px 0;
	line-height:1.5;
}


/*
########################################################
  swap point style
########################################################
*/

div.swapPBox{
	width:478px;
	height:auto;
	padding:3px 0;
	margin:3px 0 0 13px;
	color:#666666;
	line-height:1.5;
}

div.swapPInBox{
	width:458px;
	height:auto;
	padding:7px 10px;
	margin:10px 0;
	border:1px solid #cccccc;
}

div.swapPInBox table{
	width:460px;
	height:auto;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

div.swapPInBox table thead th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #FFFFFF;
	background-color:#9f9f9f;
	text-align:center;
	color:#FFFFFF;
	padding:3px 2px;
	font-size:80%;
}

div.swapPInBox table thead td{
	border-right:1px solid #ffffff;
	border-bottom:1px solid #FFFFFF;
	background-color:#cdcdcd;
	text-align:center;
	color:#FFFFFF;
	padding:3px;
	padding:0 0 0 1px;
}

div.swapPInBox table tbody th{
	width:8%;
	background:url(../img/bg_line01.gif) repeat-x left bottom;
	padding:3px 3px 5px 3px;
	vertical-align: middle;
	text-align: center;
	background-color:#ebebeb;
	border-right:1px solid #cccccc;
}

div.swapPInBox table tbody td{
	vertical-align: middle;
	border-right:1px solid #cccccc;
	padding:3px 3px 5px 3px;
	text-align: center;
	background:url(../img/bg_line01.gif) repeat-x left bottom;
}

div.swapPInBox table tfoot th{
	width:8%;
	background:url(../img/bg_line01_b.gif) repeat-x left bottom;
	background-color:#ebebeb;
	padding:3px 3px 3px 3px;
	vertical-align: middle;
	text-align: center;
	border-right:1px solid #cccccc;
}

div.swapPInBox table tfoot td{
	vertical-align: middle;
	border-right:1px solid #cccccc;
	padding:3px 3px 5px 3px;
	text-align: center;
	background:url(../img/bg_line01_b.gif) repeat-x left bottom;
}

/*
########################################################
  learning technique style
########################################################
*/

table.tbStLT{
	width:470px;
	height:auto;
	margin:0;
	padding:0;
	border-collapse:collapse;
}

table.tbStLT thead th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #FFFFFF;
	background-color:#9f9f9f;
	text-align:center;
	color:#FFFFFF;
	padding:0 0 0 1px;
}

table.tbStLT thead td{
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#cdcdcd;
}

table.tbStLT tbody th{
	width:20%;
	background:url(../img/bg_line01.gif) repeat-x left bottom;
	padding:3px 5px 3px 5px;
	vertical-align:top;
	text-align:left;
	background-color:#ebebeb;
}

table.tbStLT tbody td{
	vertical-align:top;
	border-right:1px solid #cccccc;
	padding:3px 5px 5px 5px;
	text-align:left;
	background:url(../img/bg_line01.gif) repeat-x left bottom;
}

table.tbStLT tfoot th{
	width:20%;
	background:url(../img/bg_line01_b.gif) repeat-x left bottom;
	background-color:#ebebeb;
	padding:3px 5px 1px 5px;
	vertical-align:top;
	text-align:left;
}

table.tbStLT tfoot td{
	vertical-align:top;
	border-right:1px solid #cccccc;
	padding:3px 5px 5px 5px;
	text-align:left;
	background:url(../img/bg_line01_b.gif) repeat-x left bottom;
}

/*
########################################################
  trigger mail style
########################################################
*/

div.triggermail{
	margin:0 0 10px 0;
}

div.triggermail h2{
	margin:15px 0 0 9px;
}




/*
########################################################
  margin - padding
########################################################
*/
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}

/*
########################################################
  align
########################################################
*/

.alignC {
	text-align:center !important;
}
.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.valignT,
.valignT td,
.valignT th,
.valignT img{
	vertical-align:top !important;
}

.valignM,
.valignM td,
.valignM th,
.valignM img{
	vertical-align: middle !important;
}

.valignB,
.valignB td,
.valignB th,
.valignB img{
	vertical-align: bottom !important;
}

.valignBL,
.valignBL td,
.valignBL th,
.valignBL img{
	vertical-align: baseline !important;
}

/*
########################################################
  background - border
########################################################
*/

.bgNone{
	background:none !important;
}

.bdNone{
	border:none !important;
}

.bgbdNone{
	border:none !important;
	background:none !important;
}

.txtBG01{
	padding:15px;
	background-color:#f2f2f2;
}

.txtBG02{
	padding:10px;
	background-color:#f2f2f2;
}

/*
########################################################
  text color
########################################################
*/

.txtBold{
	font-weight:bold !important;
}

.txtNormal{
	font-weight: normal !important;
}

.txtRed01{
	color:#CC0000 !important;
}

.txtRed01{
	color:#993300 !important;
}

.txtBlue{
	color:#336699 !important;
}

/*
########################################################
  text other
########################################################
*/

.txtSN{
	font-size:80%;
	font-weight: normal !important;
}

.notice,
.noticeL li{
	text-indent:-1em !important;
	padding-left:1em !important;
}


/*
########################################################
  .font
########################################################
*/

.fontS {
    font-size: 80%;
}
.fontM {
    font-size: 100%;
}
.fontL {
    font-size: 120%;
}

/*
########################################################
  .float
########################################################
*/

.floatR,
.floatR li{
	float:right;
}

.floatL,
.floatL li{
	float:left;
}

.floatN,
.floatN li{
	float:none;
}

/* icon style
--------------------------------------------*/

/* 01 */

.iconS01{
	padding:0 0 0 12px;
	background:url(../img/icon_arrow02.gif) no-repeat 0 0.45em;
}

.iconS02{
    font-size: 80%;
	padding:0 0 2px 18px;
	background: url(../img/icon_arrow04.gif) no-repeat 0 0.1em;
}

.iconS03{
	padding:0 0 2px 12px;
	background: url(../img/icon_circle01.gif) no-repeat 0 0.5em;
}

.iconS04{
	padding:0 0 2px 12px;
	background: url(../img/icon_square01.gif) no-repeat 0 0.5em;
}

.iconS05{
	padding:0 0 0 12px;
	background:url(../img/icon_arrow07.gif) no-repeat 0 0.5em;
}

/* list pattern */

.iconSL01 li{
	padding:0 0 0 12px;
	background:url(../img/icon_arrow02.gif) no-repeat 0 0.5em;
}

.iconSL02 li{
    font-size: 80%;
	padding:0 0 2px 18px;
	background: url(../img/icon_arrow04.gif) no-repeat 0 0.1em;
}

.iconSL03 li{
	padding:0 0 2px 12px;
	background: url(../img/icon_circle01.gif) no-repeat 0 0.5em;
}

.iconSL04 li{
	padding:0 0 2px 12px;
	background: url(../img/icon_square01.gif) no-repeat 0 0.5em;
}