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


	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_top{
						width: 590px;
						float: left;
					}
					
					body.plus div#contents div.section div.section_top p{
						margin-bottom: 30px;
					}
										
					body.plus div#contents div.section div.top_photo{
						width: 310px;
						margin-left: auto;
					}
					
					
					/* main_area */
					
					body#plus div#contents div.section_a{
					    margin-top: 40px;			
					    margin-bottom: 20px;				
					}
					
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
					}
															
					body#plus div#contents div.section_a div.photo_a p.main_photo{
						width: 600px;
						float: left;
					}
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo{
						width: 320px;
						margin-left: auto;
					}	
					
					body#plus div#contents div.section_b{
					    margin-top: 40px;			
					    margin-bottom: 40px;				
					}
					
					body#plus div#contents div.section_b h2{
						padding-top: 40px;
						margin-bottom: 20px;
					}
							
					body#plus div#contents div.section_b div.photo_b01{
						width: 455px;
						float: left;		
					}
							
					body#plus div#contents div.section_b div.photo_b02{
						width: 455px;
						margin-left: auto;		
					}
					
					body#plus div#contents div.section_b p.main_photo{
					    margin-bottom: 20px;
					}													
										
					body#plus div#contents div.section_main{
					}								
										
					body#plus div#contents div.section_main h3{
							font-weight: bold;				
						    font-size: 120%;
					}
					
					body#plus div#contents div.section_main p{
						width: 600px;
					}								
										
					body#plus div#contents div.section_main02 h3{
							font-weight: bold;				
						    font-size: 120%;
					}
					
					body#plus div#contents div.section_main02 p{
						width: 455px;
					}
										
					
					/* last */

					body.plus div#contents div.section div.section_last {
						width: 620px;
						padding: 0 0 10px 0;
						border: 5px solid #dfdfdf;
						margin-bottom: 40px;
					}
					
					body.plus div#contents div.section div.section_last h4{
							padding: 8px 5px 7px 15px;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					body.plus div#contents div.section div.section_last h4 span.title{
							font-weight: bold;				
						    font-size: 110%;					
					}
					
					body.plus div#contents div.section div.section_last p.last_caption {
								margin: 0 15px;
								display: block;
								width: 590px;
					}				
					
					
					body.plus div#contents div.section div.section_last p.last_caption span {
								margin: 0;
								display: block;
								text-align: right;
					}
					
					body.plus div#contents div.section div.section_last p.last_caption a {
								background: transparent url(../images/icon_list.gif) left 6px no-repeat;
								padding-left: 10px;
					}
										
					body.plus div#contents div.section div.section_last h4 span.sub{
						    font-size: 82%;					
					}
					
									
					body.plus div#contents div.section div.last_photo{
						width: 940px;
						margin-bottom: 40px;
					}
					
					body.plus div#contents div.section div.last_photo div.left{
						width: 460px;
						float: left;				
					}
					
					body.plus div#contents div.section div.last_photo div.right{
						margin-left: auto;
						width: 450px;					
					}
					
					body.plus div#contents div.section div.last_photo h4{
							padding: 10px 5px 10px 0;
							margin-bottom: 10px;
							font-weight: bold;				
						    font-size: 120%;					
					}
					
					.strong_txt{
						font-weight: bold;
					}
					
@media screen and (max-width: 663px) {

					body.plus div#contents div.section div.section_top{
						width: 100%;
						float: none;
					}
					
					body.plus div#contents div.section div.section_top p{
						margin-bottom: 30px;
					}
										
					body.plus div#contents div.section div.top_photo{
						width: 96%;
						margin: 0 auto;
					}
					body.plus div#contents div.section div.top_photo img{
						width: 100%;
						height: auto;
					}
					
					
					/* main_area */
					
					body#plus div#contents div.section_a{
					    margin-top: 40px;			
					    margin-bottom: 0;				
					}
					
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
						width: 90%;
						padding-left: 3%;
					}
					body#plus div#contents div.section_a h2 img{
						width: 100%;
						height: auto;
					}
															
					body#plus div#contents div.section_a div.photo_a p.main_photo{
						width: 96%;
						margin: 0 auto;
						float: none;
					}
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo{
						width: 96%;
						margin: 0 auto;
					}	
					body#plus div#contents div.section_a div.photo_a p.main_photo img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_a div.photo_a p.sub_photo img{
						width: 76%;
						height: auto;
						margin-top: 5px;
					}
					
					body#plus div#contents div.section_b{
					    margin-top: 40px;			
					    margin-bottom: 40px;				
					}
					
					body#plus div#contents div.section_b h2{
						padding-top: 20px;
						margin-bottom: 20px;
						width: 90%;
						padding-left: 3%;
					}
					body#plus div#contents div.section_b h2 img{
						width: 100%;
						height: auto;
					}
							
					body#plus div#contents div.section_b div.photo_b01{
						width: 96%;
						float: none;		
					    margin: 0 auto 20px auto;		
					}
							
					body#plus div#contents div.section_b div.photo_b02{
						width: 96%;
					    margin: 0 auto 20px auto;		
					}
					body#plus div#contents div.section_b div.photo_b01 img,
					body#plus div#contents div.section_b div.photo_b02 img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_b p.main_photo{
					    margin-bottom: 20px;
					}													
										
					body#plus div#contents div.section_main{
					}								
										
					body#plus div#contents div.section_main h3{
							font-weight: bold;				
						    font-size: 120%;
							margin-left: 3%;
					}
					
					body#plus div#contents div.section_main p{
						width: 96%;
						margin: 0 auto;
					}								
										
					body#plus div#contents div.section_main02 h3{
							font-weight: bold;				
						    font-size: 120%;
							margin-left: 3%;
					}
					
					body#plus div#contents div.section_main02 p{
						width: 96%;
						margin: 0 auto 20px auto;
					}
										
					
					/* last */

					body.plus div#contents div.section div.section_last {
						width: 96%;
						padding: 0 0 10px 0;
						border: 5px solid #dfdfdf;
						margin: 0 auto 40px auto;
					}
					
					body.plus div#contents div.section div.section_last h4{
							padding: 8px 5px 7px 15px;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					body.plus div#contents div.section div.section_last h4 span.title{
							font-weight: bold;				
						    font-size: 110%;					
					}
					
					body.plus div#contents div.section div.section_last p.last_caption {
								margin: 0 15px;
								display: block;
								width: 100%;
					}				
					
					
					body.plus div#contents div.section div.section_last p.last_caption span {
								margin: 0;
								display: block;
								text-align: right;
					}
					
					body.plus div#contents div.section div.section_last p.last_caption a {
								background: transparent url(../images/icon_list.gif) left 6px no-repeat;
								padding-left: 10px;
					}
										
					body.plus div#contents div.section div.section_last h4 span.sub{
						    font-size: 82%;					
					}
					
									
					body.plus div#contents div.section div.last_photo{
						width: 96%;
						margin: 0 auto 40px auto;
					}
					
					body.plus div#contents div.section div.last_photo div.left{
						width: 49%;
						float: left;				
					}
					
					body.plus div#contents div.section div.last_photo div.right{
						margin-left: auto;
						width: 49%;					
					}
					body.plus div#contents div.section div.last_photo div.left img,
					body.plus div#contents div.section div.last_photo div.right img{
						width: 100%;
						height: auto;
					}
					
					body.plus div#contents div.section div.last_photo h4{
							padding: 10px 5px 10px 0;
							margin-bottom: 10px;
							font-weight: bold;				
						    font-size: 120%;					
					}
					
					.strong_txt{
						font-weight: bold;
					}
}