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


	Site Name   UD Style
	File Name   index.css

	Create Date 2012/4/17
	Update Date 2012/4/17


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

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

	Structure

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

					

					body.plus div#contents div.section div.section_main {
						width: 580px;
					}
										
					body.plus div#contents div.section div.photo{
						border: 1px solid #ccc;				
						width: 298px;
						padding: 20px;
					}
					
					body.plus div#contents div.section div.section_main p.section_p {
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main p.section_p_last {
						margin: 0;
					}			
					
					body.plus div#contents div.section div.section_main dl.section_dl {
					}
					
					body.plus div#contents div.section div.section_main dl.section_dl dt {
					    width: 50px;
						float: left;
						display: block;
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main dl.section_dl dd {
					    width: 520px;
						float: right;
						display: block;
						margin: 0 0 30px;
					}				
										
					body.plus div#contents div.section div.photo p{
					    margin-top: 15px;					
					}
					
					body.plus div#contents div.section div.photo span {
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					
					/* photo_right */
					body.plus div#contents div#section01 div.section_main {
						float: left;
					}
					
					
					body.plus div#contents div#section01 div.photo{
						float: right;
					}
					
					/* photo_right */
					body.plus div#contents div#section02 div.section_main {
						float: right;
					}
					
					body.plus div#contents div#section02 div.photo{
						float: left;
					}

					/* photo_right */
					body.plus div#contents div#section03 div.section_main {
						float: left;
					}
					
					
					body.plus div#contents div#section03 div.photo{
						float: right;
					}
					
					/* photo_bottom */
					body.plus div#contents div#section04 p.section_caption {
						margin-top: 5px;
					}
					
					
					
					body.plus div#contents div.section p.photo{
					    margin-left: auto;
						width: 300px;
					}
					
@media screen and (max-width: 663px) {
					body.plus div#contents div.section div.section_main {
						width: 100%;
					}
					
					body.plus div#contents div.section div.section_main p.section_p {
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main p.section_p_last {
						margin: 0;
					}			
					
					body.plus div#contents div.section div.section_main dl.section_dl {
					}
					
					body.plus div#contents div.section div.section_main dl.section_dl dt {
					    width: 15%;
						float: left;
						display: block;
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main dl.section_dl dd {
					    width: 82%;
						float: right;
						display: block;
						margin: 0 0 30px;
					}	
										
					body.plus div#contents div.section div.photo{
						border: 1px solid #ccc;		
						border-left: none;
						border-right: none;		
						width: 100%;
						margin: 0;
						padding: 20px 0;
					}		
					body.plus div#contents div.section div.photo img{
						width: 40%;
						height: auto;
						float: left;
						padding-left: 5px;
					}
										
					body.plus div#contents div.section div.photo p{
					    margin-top: 0;
						width: 54%;
						float: right;	
						padding-right: 5px;			
					}
					
					body.plus div#contents div.section div.photo span {
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					
					/* photo_right */
					body.plus div#contents div#section01 div.section_main {
						float: left;
					}
					
					
					body.plus div#contents div#section01 div.photo{
						float: right;
					}
					
					/* photo_right */
					body.plus div#contents div#section02 div.section_main {
						float: right;
					}
					
					body.plus div#contents div#section02 div.photo{
						float: left;
					}

					/* photo_right */
					body.plus div#contents div#section03 div.section_main {
						float: left;
					}
					
					
					body.plus div#contents div#section03 div.photo{
						float: right;
					}
					
					/* photo_bottom */
					body.plus div#contents div#section04 p.section_caption {
						margin-top: 5px;
					}
					body.plus div#contents div#section04 p.section_caption img{
						width: 50%;
						height: auto;
					}
					
					
					
					body.plus div#contents div.section p.photo{
						margin-top: 5px;
					    margin-left: 0;
						width: 100%;
					}
}