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


	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: 650px;
						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_b{
						background-color: #f0f0f0;
						padding: 40px 40px 0 40px;
						overflow: hidden;	
					}
					
					body#plus div#contents div.section_b h2{
						margin-bottom: 40px;
						text-align: center;
					}
							
					body#plus div#contents div.section_b div.photo_b01{
						width: 420px;
						float: left;		
					}
							
					body#plus div#contents div.section_b div.photo_b02{
						width: 420px;
						margin-left: auto;		
					}
							
					body#plus div#contents div.section_b div.photo_b03{
						overflow: hidden;
						margin-bottom: 40px;
					}
					.section_main03{
						width: 550px;
						float: left;
					}
					.main_photo03{
						width: 280px;
						margin-left: auto;
					}
					.mt20{
						margin-top: 20px;
					}
					
					body#plus div#contents div.section_b p.main_photo{
					    margin: 20px 0 10px 0;
					}
					body#plus div#contents div.section_b span.cap{
						    font-size: 82%;
							margin-top: 10px;
							display: block;
					}
										
					body#plus div#contents div.section_main{
						margin-bottom: 40px;
					}	
					body#plus div#contents div.article{
						background: url(../images/30/futtoPrint01.png) repeat-y top right #e2f4e7;
						padding:100px 40px 40px 40px;
						color: #14a83a;
					}
										
					div.section_main h3{
						margin-left: 40px;
						margin-bottom: -100px;
					}	
										
					body#plus div#contents div.section_main02 h3{
							margin-bottom: 15px;
						text-align: center;
					}
										
					body#plus div#contents div.section_main03 h3{
							margin-bottom: 15px;
					}
					body#plus div#contents div.section_main p.greenText01{
						width: 700px;
						margin: 20px 0;
					}
						
					ul.photo_green{
						overflow: hidden;
					}
					ul.photo_green li{
						float: left;
					}
					.mr10{
						margin-right: 30px;
					}
					body#plus div#contents div.section_main p.greenCap01{
						width: 700px;
						margin: 10px 0 0 0;
						    font-size: 82%;					
					}
										
					
					/* 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;
					}
					
					
					.sectionText01{
						margin-bottom: 15px;
					}
					
					
					

					body.plus div#contents div#issue_recommend{
						padding: 30px 40px;
						border: 3px solid #f0f0f0;
						text-align: center;
						margin-bottom: 10px;
						margin-top: 40px;
					}
					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;
					}
					div.section_main p.titleImg01,
					div.section_main02 p.titleImg01,
					div.section_main03 p.titleImg01{
						display: none;
					}
					body.plus div#contents div#issue_recommend .photo .text{
						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: 10px;
					}
										
					body.plus div#contents div.section div.top_photo{
						width: 100%;
						margin: 0 auto;
					}
					
					body#plus div#contents div.section_b{
						background-color: #f0f0f0;
						padding: 15px;
						overflow: hidden;	
					}
					
					body#plus div#contents div.section_b h2{
						width: 80%;
						margin: 10px auto 30px auto;
						text-align: center;
					}
					body#plus div#contents div.section_b h2 img{
						width: 100%;
						height: auto;
					}
							
					body#plus div#contents div.section_b div.photo_b01{
						width: 100%;
						float: none;		
					}
							
					body#plus div#contents div.section_b div.photo_b02{
						width: 100%;
						margin-left: 0;		
					}
							
					body#plus div#contents div.section_b div.photo_b03{
						overflow: hidden;
						margin-bottom: 40px;
					}
					.section_main03{
						width: 100%;
						float: none;
						margin-bottom: 20px;
					}
					.section_main03 img{
						width: 100%;
						height: auto;
					}
					.main_photo03{
						width: 70%;
						margin-left: 0;
					}
					.main_photo03 img{
						width: 100%;
						height: auto;
					}
					.mt20{
						margin-top: 20px;
					}
					
					body#plus div#contents div.section_b p.main_photo{
						width: 100%;
					    margin: 20px 0 40px 0;
					}
					body#plus div#contents div.section_b p.main_photo img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_b span.cap{
						    font-size: 82%;
							margin-top: 10px;
							display: block;
					}
										
					body#plus div#contents div.section_main{
						width: 96%;
						margin: 0 auto;
						margin-bottom: 40px;
					}	
					body#plus div#contents div.article{
						background: url(../images/30/futtoPrint01.png) repeat-y top right #e2f4e7;
						padding: 15px;
						color: #14a83a;
					}
										
					div.section_main h3{
						display: none;
					}	
					div.section_main p.titleImg01{
						color: #14a83a;
						font-size: 160%;
						line-height: 120%;
						font-weight: bold;
						display: block;
						padding-top: 10px;
					}
					div.section_main02 p.titleImg01,
					div.section_main03 p.titleImg01{
						font-size: 130%;
						line-height: 120%;
						font-weight: bold;
						display: block;
						margin-bottom: 20px;
					}
										
					body#plus div#contents div.section_main02 h3{
						display: none;
					}
										
					body#plus div#contents div.section_main03 h3{
						display: none;
					}
					body#plus div#contents div.section_main p.greenText01{
						width: 100%;
						margin: 20px 0;
					}
						
					ul.photo_green{
						overflow: hidden;
					}
					ul.photo_green li{
						width: 100%;
						float: none;
						margin-bottom: 5px;
					}
					ul.photo_green li img{
						width: 100%;
						height: auto;
					}
					.mr10{
						margin-right: 0;
					}
					body#plus div#contents div.section_main p.greenCap01{
						width: 100%;
						margin: 10px 0 0 0;
						    font-size: 82%;					
					}
										
					
					/* 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;
					}
					
					
					.sectionText01{
						margin-bottom: 15px;
					}
					
					
					

					body.plus div#contents div#issue_recommend{
						width: 96%;
						padding: 20px 0;
						border: 3px solid #f0f0f0;
						text-align: center;
						margin: 40px auto 10px auto;
					}
					body.plus div#contents div#issue_recommend .photo .text{
						width: 94%;
						margin: 0 auto;
						font-weight: bold;
						font-size: 140%;
						text-align: left;
						display: block;
					}
					body.plus div#contents div#issue_recommend .photo img{
						display: none;
					}
					body.plus div#contents div#issue_recommend p.text_left{
						width: 94%;
						margin: 0 auto;
						float: none;
						text-align: 0;
						padding-top: 20px;
					}
					body.plus div#contents div#issue_recommend ul.text_right{
						width: 94%;
						margin: 0 auto;
						text-align: left;
						padding-top: 20px;
					}
					body.plus div#contents div#issue_recommend ul.text_right li{
						float: left;
						width: 47%;
					}
					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: 15px;
					}
					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: 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;
					}
}