/***********************************************/
/* myletter.jp */
/* maincontents.css */
/***********************************************/

/************** キャッチ *****************/
.catch {
	height: 230px;
	width: auto;
	margin: 0px 20px 5px 10px;
	background: url(images/top.gif) no-repeat;
}
.catch2 {
	height: 230px;
	width: auto;
	margin: 0px 20px 5px 10px;
	background: url(images/getpoint.gif) no-repeat;
}
.catch3 {
	height: 230px;
	width: auto;
	margin: 0px 20px 5px 10px;
	background: url(images/usepoint.gif) no-repeat;
}
.catch4 {
	height: 270px;
	width: auto;
	margin: 0px 20px 60px 30px;
	background: url(images/payment.gif) no-repeat;
}
.catch5 {
	width: auto;
	margin: 0px 20px 20px 30px;
	background: url(images/amazon.gif) no-repeat;
	height: 300px;
}
.catch6 {
	width: auto;
	margin: 0px 20px 5px 10px;
	background: url(images/sight.gif) no-repeat;
	height: 500px;
}
.catch7 {
	width: auto;
	margin: 0px 20px 5px 10px;
	background: url(images/book.gif) no-repeat;
	height: 230px;
}
/************** 中コンテンツ[特集] *****************/
.feature{
	padding: 15px;
	font-size: 80%;
	height: auto;
}

html>body .feature {
	height: auto;
	width: auto;
	padding: 0 20px 5px 20px;
}

.feature h3{
	font: bold 120% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	color: #003366;
	padding: 10px 0px 7px 0px;
}

.feature img{
	float: none;
	padding: 10px;
}
/*************** レイヤー ******************/
#layer1 {
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align: left;
	position: absolute;
	top: 207px;
	width: 500px;
}

#layer4 {
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align: left;
	position: absolute;
	width: 560px;
	padding-top: 40px;
}
#layer5 {
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align: left;
	position: absolute;
	width: 560px;
	padding-top: 38px;
}
#layer6 {
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align: left;
	position: absolute;
	width: 560px;
	padding-top: 45px;
	padding-left: 20px;
	left: 246px;
}
#layer7 {
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align: left;
	position: absolute;
	width: 560px;
	padding: 45px 0 0 20px;
}
#layer8 {
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align: left;
	position: absolute;
	left: 276px;
	top: 1308px;
}
#layer9 {
	font-size: 12px;
	font-style: normal;
	color: #003366;
	text-align: left;
	position: absolute;
	left: 388px;
	top: 142px;
}
/*************** 解説 ******************/
.story {
	padding: 0px 15px 30px 15px;/*余白*/
	font-size: 80%;
}

.story h3{
	font: bold 120% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	color: #003366;
	padding: 10px 0px 0px 0px;
	border-bottom: thin dashed #FF6699;
	margin-bottom: 5px;
	height:18px;
}
.story a.tbl_name{
	font: bold 120% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	color: #005FA9;
	display:block;
	border-bottom: thin dotted #0000FF;
	border-right: thin dotted #0000FF;
	border-left: 10px solid #FF9900;
	padding: 5px 0;
	background-color: #FFFFFF;
}

.story a.tbl_name:hover{
	text-decoration: underline;
}


.story a.tbl_name2{
	font: bold 120% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial,sans-serif;
	color: #005FA9;
	display:block;
	border-bottom: thin dotted #0000FF;
	border-right: thin dotted #0000FF;
	border-left: 10px solid #FF0000;
	padding: 5px 0;
	background-color: #FFFFFF;
}

.story a.tbl_name2:hover{
	text-decoration: underline;
}
td.table1{
	padding:5px 15px 5px 10px;
	border: thin dotted #0099CC;
	background-color: #E1E8FF;
	width: 49%;
}

td.table2{
	width: 2%;
}
td.table3{
	padding:5px 15px 0 10px;
	border: thin dotted #0099CC;
	background-color: #EFDADA;
	width: 49%;
}
td.table4{
	padding:5px 15px 0 10px;
	border: thin dotted #0099CC;
	background-color: #E9FDFF;
	width: 49%;
	line-height: 1.4;
}
/**************** 画像 *****************/

#image{
	padding: 10px;
	background-color: #F5F7F7;
}

#image img{
	display: block;
}
/**************** ログインボタン *****************/
a.btn1 { 
	display: block; 
	width: 131px; 
	height: 28px; 
	background: url(images/btn.gif) 0 0 no-repeat;
	padding: 0px;
} 
a:hover.btn1 { 
	background-position: -131px 0; 
} 

a.btn2 { 
	display: block; 
	width: 110px; 
	height: 26px; 
	background: url(images/btn2.gif) 0 0 no-repeat; 
	margin: 0px 0px 0px 300px;
	padding: 0px;
} 
a:hover.btn2 { 
	background-position: -110px 0; 
} 
/********************* 終わり **********************/