@charset "Shift_JIS";

/*=========================================================









	Site Name   My Sony Mail Magazine Portal Site
	File Name   feature.css

	Create Date 2008/05/20
	Update Date 2008/04/25


==========================================================*/

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

	Reset Default Browser Style

-----------------------------------------------------------*/
body{font-size:85%;}

body.feature div#container760 div#contents {
	font-size: 0.9em;
	color: #333333;
	line-height: 1.8;
}


	body.feature div#container760 h1 {
		margin: 20px 0 0px;
	}

	body.feature div#container760 div#contents div#graybox h2 {
		margin: 0 0 15px;
		padding: 0;
	}
	body.feature div#container760 div#contents div#graybox h2.situation {
		margin: 0 0 15px;
		padding: 25px 0 0 0;
	}


	body.feature div#container760 div#contents div#graybox {
		width:758px;
		background-color: #ecebe4;
		border-left:solid 1px #9a8a1a;
		border-right:solid 1px #9a8a1a;
		padding:  0 0 25px 0;
		border-bottom:solid 1px #9a8a1a;
	}

	body.feature div#container760 div#contents div.c-j {
		font-size: 0.8em;
		color: #999999;
		text-align: right;
	}
		
	#h1-c-j {
		color: #999999;
		text-align: right;
		margin: 5px 0 45px 0;
	}
		
		body.feature div#container760 div#contents div#graybox p#graybox-sub {
			font-size: 0.8em;
			margin: 10px 25px 0 25px;
		}
		
		body.feature div#container760 div#contents div#graybox p {
			margin: 0 25px;
		}
		
		body.feature div#container760 div#contents div#graybox p#pic01 {
			margin: 24px 24px;
		}
		
		body.feature div#container760 div#contents div#graybox div#pic02 {
			margin: 0px 24px 0px 24px;
		}
		
	body.feature div#container760 div#contents div#whitebox {
		padding:  0 25px;
	}

		body.feature div#container760 div#contents div#whitebox h2 {
			margin: 50px 0 15px 0;
			padding: 0;
		}
		
		body.feature div#container760 div#contents h3#sub-encouragement {
			margin: 0px 0 10px 0;
			padding: 0;
		}

			body.feature div#container760 div#contents div#encouragement-l {
				width: 350px;
				float:left;		
			}
	
			body.feature div#container760 div#contents div#encouragement-r {
				width: 350px;
				float:right;	
			}

			body.feature div#container760 div#contents div#encouragement-r div {
				margin: 10px 0;
			}

			body.feature div#container760 div#contents p#btn-encouragement {
				margin: 12px 0 0px 0;
				padding: 0;
			}

		body.feature div#container760 div#contents div#watching {
			background-image: url(../images/bg_watching.gif);
			background-repeat: repeat-y;
		}

			body.feature div#container760 div#contents div#watching h3 {
				margin: 0px 0 20px 0;
				padding: 0;
			}

			body.feature div#container760 div#contents div#watching h4 {
				margin: 0px 0 25px 0;
				padding: 0;
			}

			body.feature div#container760 div#contents div#watching-l {
				width: 314px;
				float:left;
				padding: 20px 18px 15px 18px;
				border-top: 1px solid #3673c7;
			}
	


			body.feature div#container760 div#contents div#watching-r {
				width: 314px;
				float:right;
				padding: 20px 18px 15px 18px;
				border-top: 1px solid #3673c7;
			}

				body.feature div#container760 div#contents div#watching-r p span#bravia-r-sub{
					font-size: 0.8em;
					color: #999999;
				}
				
				body.feature div#container760 div#contents div#bravia-l {
					width: 154px;
					float:left;
					margin: 35px 0 0 0;
				}
				
				body.feature div#container760 div#contents div#bravia-r {
					width: 152px;
					float:right;
				}

				body.feature div#container760 div#contents div#watching-r p span#bravia-r-sub{
					font-size: 0.8em;
					color: #999999;
				}
				
			body.feature div#container760 div#contents div#watching-r p {
				margin: 15px 0 0 0;
			}

		body.feature div#container760 div#contents p#proposal-title {
			text-align: center;	
			margin: 15px 0;
		}

		body.feature div#container760 div#contents div#proposal {
			font-size: 0.8em;
			padding: 20px 18px;
			border: 1px solid #3673C7;
		}
		
		body.feature div#container760 div#contents div#proposal p {
				margin: 5px 0 0 0;
		}
		
			body.feature div#container760 div#contents div#proposal h3 {
				margin: 0 0 20px 0;
				padding: 0;
			}

			body.feature div#container760 div#contents div#proposal01 {
				width: 314px;
				float:left;		
			}
			

			body.feature div#container760 div#contents div#proposal02 {
				width: 33px;
				float:left;
				padding: 64px 0 0 0;
			}

			body.feature div#container760 div#contents div#proposal03 {
				width: 314px;
				float:right;		
			}
			
	body.feature div#container760 div#contents div#present {
		margin: 50px 0 0 0;

	}

	body.feature div#container760 div#contents p#number {
		margin: 45px 0 30px;
		text-align: right;
	}