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


	Site Name   UD Style
	File Name   21.css

	Create Date 2014/5/14
	Update Date 2014/5/14


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

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

	Structure

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

					body.plus div#contents div#issue_titleread{
						padding: 33px 0;
						background-color: #f0f0f0;
						text-align: center;
					}
					body.plus div#contents div#issue_titleread p.photo_cap{
						padding-right:  5px;
						font-size: 85%;
						text-align: right;
						position: relative;
						top: -50px;
						color: #fff;
						z-index: 10;
					}
					body.plus div#contents div#issue_titleread p.photo_cap2{
						padding-right:  5px;
						font-size: 85%;
						text-align: right;
						position: relative;
						top: -50px;
						color: #666;
						z-index: 10;
					}
					body.plus div#contents div#issue_titleread p.photo_cap2-2{
						padding-right: 10px;
						font-size: 85%;
						text-align: right;
						position: relative;
						top: -30px;
						color: #000;
						z-index: 10;
					}
					body.plus div#contents div#issue_titleread p.photo_cap3{
						padding-right:  5px;
						font-size: 85%;
						text-align: right;
						position: relative;
						top: -50px;
						color: #000;
						z-index: 10;
					}
					body.plus div#contents div#issue_titleread div.text{
						padding: 30px 40px 10px 40px;
						text-align: left;
					}
					body.plus div#contents div#issue_titleread p.text_left{
						width: 640px;
						float: left;
					}
					body.plus div#contents div#issue_titleread p.text_right{
						width: 160px;
						margin-left: auto;
					}
					body.plus div#contents div#issue_titleread p.text_right span.prof_text{
						line-height: 130%;
						padding-top: 10px;
						display: inline-block;
						font-size: 85%;
					}
					
					
					/* main_area */

					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;
					}
					
					body#plus div#contents div.section_a{
					    margin-top: 20px;			
					    margin-bottom: 20px;
					}
					
					body#plus div#contents div.section_a span.cap{
					    margin-top: 10px;	
						width: 600px;
						display: block;		
						font-size: 85%;		
					}
					
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
					}
					body#plus div#contents div.section_a div.photo_a{
					}
						
					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.main_photo02{
						width: 450px;
						float: left;
						margin-right: 2px;
					}
						
					body#plus div#contents div.section_a div.photo_a p.main_photo03{
						width: 450px;
						float: left;
						margin-right: 30px;
					}
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo{
						width: 320px;
						margin-left: auto;
					}	
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo02{
						width: 200px;
						float: left;
					}
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo03{
						width: 402px;
						float: left;
					}
						
					
					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%;
							margin-bottom: 5px;
							padding-top: 25px;
					}	
					body#plus div#contents div.section_main h3 span.new{
						background: url(/ud/style/plus/images/26/new.gif) left center no-repeat;
						display: inline-block;
						padding-left: 46px;
						margin-right: 15px;
					}
					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(/ud/style/plus/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;
					}
					
					
					.sectionText01{
						margin-bottom: 15px;
					}
					
					
					

					body.plus div#contents div#issue_recommend{
						padding: 30px 40px;
						border: 3px solid #f0f0f0;
						text-align: center;
						margin-bottom: 10px;
					}
					body.plus div#contents div#issue_recommend p.text_left{
						width: 410px;
						float: left;
						text-align: left;
						padding-top: 30px;
					}
					body.plus div#contents div#issue_recommend ul.text_right{
						width: 415px;
						margin-left: auto;
						text-align: left;
						padding-top: 30px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li{
						float: left;
					}
					body.plus div#contents div#issue_recommend ul.text_right span{
						display: block;
						font-size: 85%;
						margin-top: 10px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li.left{
						margin-right: 15px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li.left span{
						width: 200px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li.right span{
						width: 200px;
					}
					
					
					body#plus div#contents div.section_main div.tate_left{
						width: 510px;
						float: left;
					}
					
					body#plus div#contents div.section_main div.tate_left p{
						width: 510px;
					}
					
					body#plus div#contents div.section_main div.tate_right{
						width: 400px;
						margin-left: auto;
					}
					body#plus div#contents div.section_main div.tate_right .photo_main{
						width: 400px;
					}
					p.titleCont01{
						display: none;
					}
@media screen and (max-width: 663px) {
					body.plus div#contents span.photo_cap{
						width: 100%;
						display: block;
						font-size: 85%;
						position: relative;
						top: 0;
						left: 0;
						color: #999;
						z-index: 10;
						padding: 2px 5px;
						border-bottom: 1px solid #ccc;
						margin-bottom: 10px;
					}
					body.plus div#contents div#issue_titleread{
						padding: 30px 0;
						background-color: #f0f0f0;
						text-align: left;
						width: 100%;
					}
					body.plus div#contents div#issue_titleread p.photo_cap{
						display: none;
					}
					body.plus div#contents div#issue_titleread p.photo_cap2{
						display: none;
					}
					body.plus div#contents div#issue_titleread p.photo_cap2-2{
						display: none;
					}
					body.plus div#contents div#issue_titleread p.photo_cap3{
						display: none;
					}
					body.plus div#contents div#issue_titleread div.text{
						padding: 10px;
						text-align: left;
						margin: 20px 0 0 0;
					}
					body.plus div#contents div#issue_titleread div.photo{
						width: 90%;
						margin: 0 auto;
						text-align: left;
					}
					body.plus div#contents div#issue_titleread div.photo img{
						width: 100%;
						height: auto;
					}
					body.plus div#contents div#issue_titleread p.text_left{
						width: 100%;
						float: none;
					}
					body.plus div#contents div#issue_titleread p.text_right{
						width: 100%;
						margin-left: 0;
						margin-top: 20px;
					}
					body.plus div#contents div#issue_titleread p.text_right span.img{
						width: 40%;
						float: left;
						display: block;
					}
					body.plus div#contents div#issue_titleread p.text_right span.img img{
						width: 100%;
						height: auto;
					}
					body.plus div#contents div#issue_titleread p.text_right span.prof_text{
						width: 58%;
						line-height: 130%;
						padding-top: 0;
						pading-left: 10px;
						display: block;
						float: right;
						font-size: 85%;
					}
					
					
					/* main_area */

					body.plus div#contents div.section div.section_top{
						width: 100%;
						float: none;
					}
					body.plus div#contents div.section div.section_top img{
						width: 100%;
						height: auto;
					}
					
					body.plus div#contents div.section div.section_top p{
						margin-bottom: 30px;
					}
										
					body.plus div#contents div.section div.top_photo{
						width: 100%;
						margin-left: 0;
					}
					body.plus div#contents div.section div.top_photo img{
						width: 100%;
						height: auto;
						margin-bottom: 10px;
					}
					
					body#plus div#contents div.section_a{
					    margin-top: 20px;			
					    margin-bottom: 20px;
					}
					
					body#plus div#contents div.section_a span.cap{
					    margin-top: 10px;	
						width: 100%;
						display: block;		
						font-size: 85%;		
					}
					
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
					}
					body#plus div#contents div.section_a div.photo_a{
					}
						
					body#plus div#contents div.section_a div.photo_a p.main_photo,
					body#plus div#contents div.section_a div.photo_a p.main_photo02,
					body#plus div#contents div.section_a div.photo_a p.main_photo03,
					body#plus div#contents div.section_a div.photo_a p.sub_photo,
					body#plus div#contents div.section_a div.photo_a p.sub_photo02,
					body#plus div#contents div.section_a div.photo_a p.sub_photo03{
						width: 96%;
						float: none;
						margin: 0 auto 20px auto;
					}
						
					body#plus div#contents div.section_a div.photo_a p.main_photo img,
					body#plus div#contents div.section_a div.photo_a p.main_photo02 img,
					body#plus div#contents div.section_a div.photo_a p.main_photo03 img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_a div.photo_a p.sub_photo img,
					body#plus div#contents div.section_a div.photo_a p.sub_photo02 img,
					body#plus div#contents div.section_a div.photo_a p.sub_photo03 img{
						width: 70%;
						height: 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: 96%;
						margin: 0 auto;
						float: none;
					}
							
					body#plus div#contents div.section_b div.photo_b02{
						width: 96%;
						margin: 0 auto;	
					}
					
					body#plus div#contents div.section_b p.main_photo{
					    margin-bottom: 20px;
					}		
					body#plus div#contents div.section_b p.main_photo img{
						width: 100%;
						height: auto;
					}
										
					body#plus div#contents div.section_main{
						width: 96%;
						margin: 0 auto;
					}	
										
					body#plus div#contents div.section_main h3{
							font-weight: bold;				
						    font-size: 120%;
							margin-bottom: 5px;
							padding-top: 25px;
					}	
					body#plus div#contents div.section_main h3 span.new{
						background: url(/ud/style/plus/images/26/new.gif) left center no-repeat;
						display: inline-block;
						padding-left: 46px;
						margin-right: 15px;
					}
					body#plus div#contents div.section_main p{
						width: 100%;
					}				
					body#plus div#contents div.section_main02 h3{
							font-weight: bold;				
						    font-size: 120%;
							padding-top: 0;
					}
					
					body#plus div#contents div.section_main02 p{
						width: 100%;
						padding-bottom: 25px;
					}
										
					
					/* last */

					body.plus div#contents div.section div.section_last {
						width: 100%;
						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: 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(/ud/style/plus/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: 100%;
						float: none;
					}
					
					body.plus div#contents div.section div.last_photo div.right{
						margin-left: 0;
						width: 100%;					
					}
					
					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;
					}
					
					
					.sectionText01{
						display: none;
					}
					
					
					

					body.plus div#contents div#issue_recommend{
						wdith: 96%;
						margin: 0 auto 10px auto;
						padding: 30px 0 0 0;
						border: none;
						border-top: 3px solid #f0f0f0;
						text-align: center;
					}
					body.plus div#contents div#issue_recommend .photo{
						width: 96%;
						margin: 0 auto;
					}
					body.plus div#contents div#issue_recommend .photo img{
						display: none;
					}
					body.plus div#contents div#issue_recommend p.text_left{
						width: 96%;
						margin: 0 auto;
						float: none;
						text-align: left;
						padding-top: 10px;
					}
					body.plus div#contents div#issue_recommend ul.text_right{
						width: 96%;
						margin: 0 auto;
						text-align: left;
						padding-top: 30px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li{
						float: left;
						width: 48%;
					}
					body.plus div#contents div#issue_recommend ul.text_right li img{
						width: 100%;
						height: auto;
					}
					body.plus div#contents div#issue_recommend ul.text_right span{
						display: block;
						font-size: 85%;
						margin-top: 10px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li.left{
						margin-right: 10px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li.left span{
						width: 100%;
					}
					body.plus div#contents div#issue_recommend ul.text_right li.right span{
						width: 100%;
					}
					
					
					body#plus div#contents div.section_main div.tate_left{
						width: 100%;
						float: none;
					}
					
					body#plus div#contents div.section_main div.tate_left p{
						width: 100%;
					}
					
					body#plus div#contents div.section_main div.tate_right{
						width: 100%;
						margin-left: 0;
					}
					body#plus div#contents div.section_main div.tate_right .photo_main{
						width: 100%;
					}
					h2{
						display: none;
					}
					p.titleCont01{
						font-size: 160%;
						line-height: 120%;
						font-weight: bold;
						display: block;
					}
}