/* CSS Document */

/*=============================
	   	h3 titleに指定
=============================*/

h3#title{
		margin-top: 3px;
		margin-right: 76px;
		float: left;
		width: 137px; height: 20px;
		background-image: url(../mailmagazine/img/title.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	   h4 sub_titleに指定
=============================*/

h4.sub_title{
		float: left;
		padding-left: 13px; padding-top: 8px;
		height: 19px;
		font-weight: normal; font-size: 12px;
		border-left: 3px solid #B7AAA8;
}

/*=============================
	p.magazine_imageに指定
=============================*/

p.magazine_image{
		margin-bottom: 26px;
		height: 90px;
		padding-left: 348px; padding-right: 23px; padding-top: 1px;
		line-height: 21px;
		background-image: url(../mailmagazine/img/magazine_image.jpg);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*=============================
	#magazine_contents_areaに指定
=============================*/

#magazine_contents_area{
		padding-bottom: 29px;
		margin-bottom: 36px;
		padding-top: 15px; padding-left: 16px;
		width: 863px; height: auto;
		border: 1px solid #D5CECC;
		background-color: #F3F1F0;
}



/*=============================
	  	magazine_boxに指定
=============================*/

#magazine_box{
		width: 845px; height: auto;
}

h4#magazine_title{
		letter-spacing: -1px;
		font-size: 12px; font-weight: bold;
		
}

/*=============================
	  magazine_title_boxに指定
=============================*/

#magazine_title_box{
		float: left;
		padding-top: 16px;
		width: 206px; height: auto;
		border-top: 5px solid #B7AAA8;
}

/*=============================
	  infomation_boxに指定
=============================*/

#infomation_box{
		float: left;
		margin-bottom: 30px; margin-left: 7px;
		padding-top: 12px; padding-left: 11px;
		width: 619px; height: auto;
		border-top: 5px solid #DCD6D5;
		border-left: 2px solid #DCD6D5;
}

p.magazin_text{
		clear: both;
		font-size: 12px; line-height: 21px;
}

/*=============================
	  entry_boxに指定
=============================*/

#entry_box{
		margin-bottom: 16px;
		padding-top: 20px; padding-left: 16px;
		clear: both;
		width: 829px; height: 61px;
		background-image: url(../mailmagazine/img/entry_box_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

#entry_clear_box{
		padding-top: 20px; padding-left: 16px;
		clear: both;
		width: 829px; height: 61px;
		background-image: url(../mailmagazine/img/entry_box_bg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*--------------entry_btn---------------*/

a.entry_btn{
		float: left;
		margin-right: 21px;
		display: block;
		width: 165px; height: 41px;
		background-image: url(../mailmagazine/img/entry_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

a.entry_clear_btn{
		float: left;
		margin-right: 21px;
		display: block;
		width: 165px; height: 41px;
		background-image: url(../mailmagazine/img/entry_clear_btn.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
}

/*--------------ロールオーバー---------------*/

a.entry_btn:hover{ background-position: 0 -41px;}
a.entry_clear_btn:hover{ background-position: 0 -41px;}

a.entry_text{
		float: left;
		position: relative;
		top: 15px; left: 0px;
		font-size: 12px; color: #000000;
}

a.entry_text:hover{ color: #3333CC;}