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


	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{
						border: 1px solid #ccc;				
						width: 320px;
						padding: 20px;
						margin-left: auto;
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1{
						margin-top: 5px;
						margin-bottom: 15px;	
						height: 100px;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1 img{
						float: left;
						margin-right: 5px;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1 span{
						display: block;
						margin-left: auto;
						width: 115px;
								font-size: 82%;	
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-b{
						margin-top: 5px;
						margin-bottom: 15px;	
						height: 200px;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-b img{
						float: left;
						margin-right: 5px;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-b span{
						display: block;
						margin-left: auto;
						width: 115px;
								font-size: 82%;	
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-c{
						margin-top: 5px;
						margin-bottom: 15px;
								font-size: 82%;			
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p2{
						margin-top: 15px;
								font-size: 82%;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p2-2{
								font-size: 82%;					
					}
					
					/* main_area */
					
					body#plus div#contents div.section_a{
					    margin-top: 40px;			
					    margin-bottom: 40px;				
					}
					
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
					}
															
					body#plus div#contents div.section_a div.photo_a{
						width: 600px;
						float: left;
					}
					
					body#plus div#contents div.section_a div.photo_a span {
								margin: 10px 0 0;
								display: block;
								font-size: 82%;
					}
					
					body#plus div#contents div.section_a div.photo_a span.cap_indent {
								width: 412px;
					}									
										
					body#plus div#contents div.section_a div.section_main{
						width: 320px;
						margin-left: auto;
					}
					
					body#plus div#contents div.section_a div.section_main p.section_p {
						margin: 0 0 30px;
					}		
										
					body#plus div#contents div.section_a div.photo p{
					    margin-top: 15px;					
					}
					
					body#plus div#contents div.section_a p.sub_photo{
						margin-top: 10px;
					}
					
					body#plus div#contents div.section_a p.sub_photo img{
						float: left;
					}
					
					body#plus div#contents div.section_a p.sub_photo span.text{
						width: 280px;
						margin-left: auto;
					}
					
					body#plus div#contents div.section_a p.sub_photo02{
						margin-top: 10px;
					}
					
					body#plus div#contents div.section_a p.sub_photo02 img{
						float: left;
					}
					
					body#plus div#contents div.section_a p.sub_photo02 span.text{
						width: 380px;
						margin-left: auto;
					}
					
					/* 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.section_top div.img{
						width: 90%;
						margin: 0 auto 20px auto;
					}
					body.plus div#contents div.section div.section_top div.img img{
						width: 100%;
						height: auto;
					}
										
					body.plus div#contents div.section div.top_photo{
						border: 1px solid #ccc;				
						width: 94%;
						padding: 10px;
						margin: 0 auto;
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1{
						margin-top: 5px;
						margin-bottom: 15px;	
						height: 100px;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1 img{
						float: left;
						margin-right: 5px;
						width:38%;			
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1 span{
						display: block;
						margin-left: auto;
						width: 60%;
								font-size: 82%;	
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-b{
						margin-top: 5px;
						margin-bottom: 15px;	
						height: 200px;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-b img{
						float: left;
						margin-right: 5px;
						width:38%;								
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-b span{
						display: block;
						margin-left: auto;
						width: 60%;
								font-size: 82%;	
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p1-c{
						margin-top: 5px;
						margin-bottom: 15px;
								font-size: 82%;			
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p2{
						margin-top: 15px;
								font-size: 82%;					
					}
					
					body.plus div#contents div.section div.top_photo p.top_photo_p2-2{
								font-size: 82%;					
					}
					
					/* main_area */
					
					body#plus div#contents div.section_a{
					    margin-top: 40px;			
					    margin-bottom: 40px;				
					}
					
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
					}
															
					body#plus div#contents div.section_a div.photo_a{
						width: 96%;
						margin: 0 auto 20px auto;
						float: none;
					}
					body#plus div#contents div.section_a div.photo_a img{
						width: 100%;
						height:auto;
					}
					
					body#plus div#contents div.section_a div.photo_a span {
								margin: 10px 0 0;
								display: block;
								font-size: 82%;
					}
					
					body#plus div#contents div.section_a div.photo_a span.cap_indent {
								width: 100%;
					}									
										
					body#plus div#contents div.section_a div.section_main{
						width: 96%;
						margin: 20px auto 0 auto;
					}
					
					body#plus div#contents div.section_a div.section_main p.section_p {
						margin: 0 0 10px;
					}		
										
					body#plus div#contents div.section_a div.photo p{
					    margin-top: 15px;					
					}
					
					body#plus div#contents div.section_a p.sub_photo{
						margin-top: 0;
						margin-bottom: 40px;
						overflow: hidden;
					}
					
					body#plus div#contents div.section_a p.sub_photo span.img{
						float: left;
						width: 40%;
					}
					body#plus div#contents div.section_a p.sub_photo span.img img{
						width: 100%;
						height: auto;
					}
					
					body#plus div#contents div.section_a p.sub_photo span.text{
						width: 56%;
						margin-left: auto;
					}
					
					body#plus div#contents div.section_a p.sub_photo02{
						margin-top: 0;
						overflow: hidden;
						margin-bottom: 40px;
					}
					
					body#plus div#contents div.section_a p.sub_photo02 span.img{
						float: left;
						width: 40%;
					}
					body#plus div#contents div.section_a p.sub_photo02 span.img img{
						width: 100%;
						height: auto;
					}
					
					body#plus div#contents div.section_a p.sub_photo02 span.text{
						width: 56%;
						margin-left: 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: 94%;
					}				
					
					
					body.plus div#contents div.section div.section_last p.last_caption span {
								margin: 0;
								display: block;
								text-align: left;
					}
					
					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: 100%;
						margin-bottom: 40px;
					}
					
					body.plus div#contents div.section div.last_photo div.left{
						width: 96%;
						margin: 0 auto 10px auto;
						float: none;				
					}
					
					body.plus div#contents div.section div.last_photo div.right{
						width: 96%;
						margin: 0 auto;	
					}
					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 div.normal{
						width: 96%;
						margin: 0 auto;	
					}
					body.plus div#contents div.section div.last_photo div.normal 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;
					}
}