@charset "Shift_JIS";
@import "../css/clear.css";
/*
*******************************
NAONAO.CSS
LAST UP DATA:2010/3/18
AUTHOR:YUKI INOUE(tv-osaka-system)
https://www.tv-osaka.co.jp/
*******************************
*/
body{
	background:url(images/bg_wood.jpg) left top repeat;
	font-size:13px;
	color:#333;
	*font-size:small;
	*font:x-small;
	line-height:125%;
}
#bg_pen{
	background:url(images/bg_pen.png) center top no-repeat;
	height:1038px;
}
/********ポストイット、グルメ写真部分**********/
#bg_gourmet{
	width:900px;
	margin:0 auto;
	position:relative;
}
#bg_gourmet .gourmet{
	position:absolute;
	left:-41px;
	top:536px;
	width:257px;
	height:342px;
	z-index:10;
	background:url(images/grume_bg.png) left top no-repeat;
	padding:52px 0 0 109px;
}
.gourmet a{
	overflow:hidden;
	width:215px;
	height:35px;
	display:block;
	padding:230px 0 0 0;
	color:#ec496f;
	font-weight:bold;
	font-size:0.9em;
	text-decoration:none;
	text-align:center;
}
.gourmet a:hover{background:url(images/bn_grume_ov.jpg) left top no-repeat;}
/*********************************/
#wrap{
	width:805px;
	margin:0 auto;
	padding-top:50px;
}
#wrap #contents{
	background:url(images/note_mid.png) repeat-y;
	padding:20px 20px 20px 25px;
} 

#contents #contentsLeft{
	float:left;
	width:230px;
	margin-right:30px;
}
#contentsLeft .bg_tit{
	background:url(images/bg_tit.png) left top no-repeat;
	height:200px;
	padding:15px 0;
}
#contentsLeft .postit{
	xposition:absolute;
	xz-index:10;
	width:230px;
	height:82px;
	xleft: 67px;
	xtop: 450px;
	margin-top:30px;
	}
.postit,.postit a{
	background:url(images/potit.png) no-repeat;
	display:block;
	width:230px;
	height:82px;
	overflow:hidden;
	text-indent:-9999px;
}
.postit a:hover{
	background:url(images/potit_on.png) no-repeat;
	width:230px;
	height:82px;
	display:block;
}

#contents #contentsRight{
	float:left;
	width:500px;
}
/**********プレゼント部分*************/
#contentsRight .present{
	background:url(images/bg_present.jpg) left top repeat-y;
	padding:10px 0 10px 10px;
	margin-bottom:20px;
}
#contentsRight .present p#pt_t{
	background:url(images/present_top.jpg) no-repeat top #fff;
	color:#ecb1a3;
	font-weight:bold;
	width:356px;
	text-align:center;
	padding:15px 63px 10px 63px;
	font-size:1.2em;
}
#contentsRight .present #pt_txt{
	background:url(images/present_btm.jpg) no-repeat bottom #fff;
	width:419px;
	padding:0 28px 0 35px;
	overflow:hidden;
}
p.clr{clear:both;margin:0;padding:0;line-height:0;height:30px;}
.txt_rb{font-weight:bold;color:#f00;}
.txt_b{font-weight:bold;}
#contentsRight .present #pt_txt img.pimg{
float:right;
padding-left:10px;
}
/******プレゼント2個******/
.present .present01{
	float:left;
	margin-right:10px;
	width:235px;
	margin-bottom:10px;
}
.present .present02{
	float:left;
	width:235px;
}
/******プレゼント3個目******/
.present .present03{
	clear:both;
}
/******プレゼント4個目******/
.present04{
	margin-top:15px;
}

/************登録ボタン部分***************/
#btn{
	padding-left:30px;
	margin-bottom:5px;
}
.btn_touroku{
	float:left;
	width:186px;
	margin-right:5px;
}
.btn_touroku,.btn_touroku a{
	background:url(images/btn_toroku.png) left top no-repeat;
	display:block;
	text-indent:-9999px;
	width:186px;
	height:62px;
	overflow:hidden;	
}
.btn_touroku a:hover{
	background:url(images/btn_toroku_on.png) left top no-repeat;
	display:block;
	width:186px;
	height:62px;
}
#btn .qr{
	float:left;
	width:262px;
}

/******バナーエリア***************
この部分を書き換えて使用すること*/
#bnArea{
	margin-top:20px;
}
#bnArea .bnLeft{
	background:url(images/bg_vt.png) no-repeat;
	float:left;
	width:170px;
	height:147px;
	margin:0 20px 0 40px;
	display:inline;
	padding:50px 10px 0 10px;
	text-align:center;
}
.bnLeft .txt-pink{
	color:#FF66CC;
	font-size:116%;
	font-weight:bold;
}
.bnLeft .indent{
	xpadding-left:3em;
}
#bnArea .bnRight{
	float:left;
	width:246px;
}
.bn img{
	margin-bottom:5px;
}

/*******************************/
.teishi{
	margin:5px 0 30px;
	float:right;
	z-index:100;
}
#wrap #foot{
	text-align:right;
	clear:right;
}