@charset "utf-8";

/*------------------------------------------------------------

site : マーケティングコンサルタント・原田翔太公式サイト
used : メルマガ広告 ページスタイル
file : /mm/css/style.css

------------------------------------------------------------*/

/*============================================================
div#main
============================================================*/

/*------------------------------------------------------------
ul.bkList
------------------------------------------------------------*/
#main ul.bkList {
	margin: 20px 0 0 0;
}

#main ul.bkList li {
	margin: 1px 0 0 0;
	padding: 6px 10px 5px 35px;
	background: url(/common/images/arrow01.gif) no-repeat 10px 8px;
}

#main ul.bkList li a,
#main ul.bkList li a:link {
	color: #000;
	text-decoration: underline;
}

#main ul.bkList li a:visited {
	text-decoration: underline;
}
#main ul.bkList li a:hover,
#main ul.bkList li a:active {
	text-decoration: none;
}

#main ul.bkList li.bk1 {
	background-color: #e7e4e0;
}
#main ul.bkList li.bk2 {
	background-color: #f0efee;
}

/*------------------------------------------------------------
dl.lowerList
------------------------------------------------------------*/
#main dl.lowerList {
	margin: 20px 0 0 0;
}

#main dl.lowerList a,
#main dl.lowerList a:link {
	color: #000;
	text-decoration: underline;
}

#main dl.lowerList a:visited {
	text-decoration: underline;
}
#main dl.lowerList a:hover,
#main dl.lowerList a:active {
	text-decoration: none;
}

#main dl.lowerList dt {
	margin: 1px 0 0 0;
	padding: 5px 10px 5px 35px;
	background: #e7e4e0 url(/common/images/arrow01.gif) no-repeat 10px 8px;
}

#main dl.lowerList dd {
	margin: 1px 0 0 0;
	padding: 5px 10px 5px 35px;
	background: #f0efee 10px 9px;
}

#main dl.lowerList dd p {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}

/*------------------------------------------------------------
div.leadBox
------------------------------------------------------------*/
#main .leadBox {
	position: relative;
	width: 660px;
	height: 260px;
	margin: 30px 0 0 0;
	background: url(/mm/images/bg_leadBox.gif) no-repeat top right;
}

#main .leadBox p{
	position: absolute;
	left: 0;
	margin: 0 0 0 0;
}
#main .leadBox p.txt01{
	top: 0px;
}	
#main .leadBox p.txt02{
	top: 82px;
}
#main .leadBox p.txt03{
	top: 136px;
}	
#main .leadBox p.txt04{
	top: 162px;
}	

/*------------------------------------------------------------
div.mainBox
------------------------------------------------------------*/
#main .mainBox {
	margin: 30px 0 0 0;
}

#main .mainBox img.fltL {
	margin: 25px 20px 0 0;
}


/*------------------------------------------------------------
table.form
------------------------------------------------------------*/
#main .mainBox table.form {
	width: 488px;
	margin: 30px auto 0 auto;
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
}

#main .mainBox table.form th {
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0;
	background: #333;
	border-top: #000 1px solid;
	border-right: #000 1px solid;
}

#main .mainBox table.form td {
	vertical-align: middle;
	padding: 8px 10px;
	border-top: #000 1px solid;
	border-right: #000 1px solid;
}

#main .mainBox table.form td.ttl {
	font-weight:bold;
	text-align: center;
}
#main .mainBox table.form td.lt {
	width:115px;
	text-align: right;
}
#main .mainBox table.form td.rt {
	text-align: left;
}
#main .mainBox table.form td.btn {
	font-size: 93%;
	text-align: center;
}

#main .mainBox table.form td.rt input {
	width: 215px;
	padding: 1px 3px;
}

#main .mainBox table.form td.btn input {
	margin: 5px 0 0 0;
}
#main .mainBox table.form td.btn img.icon {
	margin: 5px 0 0 5px;
}


/*------------------------------------------------------------
div.whiteBox
------------------------------------------------------------*/
#main .whiteBox {
	width: 658px;
	margin: 30px 0 0 0;
	padding: 20px 0 20px 0;
	border: #666 1px solid;
}

#main .whiteBox p {
	font-size: 77%;
	margin: 15px 20px 0 20px;
}

#main .whiteBox ul {
	margin: 15px 20px 0 20px;
}
#main .whiteBox li {
	font-size: 77%;
	margin: 3px 0 0 0;
}