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


	Site Name   UD Style
	File Name   11.css

	Create Date 2013/4/1
	Update Date 2013/4/1


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

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

	Structure

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

					

					body.plus div#contents div.section div.section_main {
						width: 680px;
					}
										
					body.plus div#contents div.section div.photo{
						border: 1px solid #ccc;				
						width: 198px;
						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 {
						clear: both;
					    width: 50px;
						float: left;
						display: block;
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main dl.section_dl dd {
					    width: 620px;
						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_2 */
					

					body.plus div#contents div.section div.section_main2 {
						width: 600px;
					}
										
					body.plus div#contents div.section div.photo2{
						width: 278px;
						margin-bottom: 10px;
					}
					
					body.plus div#contents div.photo2 span{
								margin: 10px 0 0;
								display: block;
								font-size: 85%;
					}
					
					body.plus div#contents div.section div.section_main2 p.section_p {
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main2 p.section_p_last {
						margin: 0;
					}			
					
					body.plus div#contents div.section div.section_main2 dl.section_dl {
					}
					
					body.plus div#contents div.section div.section_main2 dl.section_dl dt {
						clear: both;
					    width: 50px;
						float: left;
						display: block;
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main2 dl.section_dl dd {
					    width: 520px;
						float: right;
						display: block;
						margin: 0 0 30px;
					}				
					
					/* photo_right */
					body.plus div#contents div#section01 div.section_main {
						float: left;
					}
					
					
					body.plus div#contents div#section01 div.photo{
						float: right;
					}
					
					/* photo_left */
					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_main2 {
						float: left;
					}
					
					
					body.plus div#contents div#section03 div.photo2{
						float: right;
					}
					
					/* photo_left */
					body.plus div#contents div#section04 div.section_main2 {
						float: right;
					}
					
					body.plus div#contents div#section04 div.photo2{
						float: left;
					}

					/* photo_right */
					body.plus div#contents div#section05 div.section_main2 {
						float: left;
					}
					
					
					body.plus div#contents div#section05 div.photo2{
						float: right;
					}
					
@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_2 */
					

					body.plus div#contents div.section div.section_main2 {
						width: 100%;
					}
										
					body.plus div#contents div.section div.photo2{
						width: 100%;
						margin-bottom: 10px;
					}
					
					body.plus div#contents div.photo2 span{
								margin: 10px 0 0;
								display: block;
								font-size: 85%;
					}
					
					body.plus div#contents div.section div.section_main2 p.section_p {
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main2 p.section_p_last {
						margin: 0;
					}			
					
					body.plus div#contents div.section div.section_main2 dl.section_dl {
					}
					
					body.plus div#contents div.section div.section_main2 dl.section_dl dt {
					    width: 15%;
						float: left;
						display: block;
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main2 dl.section_dl dd {
					    width: 82%;
						float: right;
						display: block;
						margin: 0 0 30px;
					}				
					
					/* photo_right */
					body.plus div#contents div#section01 div.section_main,
					body.plus div#contents div#section01 div.photo,
					body.plus div#contents div#section02 div.section_main,
					body.plus div#contents div#section02 div.photo,
					body.plus div#contents div#section03 div.section_main2,
					body.plus div#contents div#section03 div.photo2,
					body.plus div#contents div#section04 div.section_main2,
					body.plus div#contents div#section04 div.photo2,
					body.plus div#contents div#section05 div.section_main2,
					body.plus div#contents div#section05 div.photo2{
						float: right;
					}
}