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


	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: left;
						position: relative;
						top: -50px;
						color: #fff;
						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: #333;
						z-index: 10;
					}
					body.plus div#contents div#issue_titleread p.text{
						margin-top: 35px;
					}
					body.plus div#contents h2{
						margin: 40px 0;
					}
										
					body.plus div#contents div.photo p{
						font-size: 90%;
						margin-top: 10px;
					}
					/* a */
					
					body.plus div#contents div.section_a {
						overflow: hidden;
					}					
					body.plus div#contents div.section_a div.photo{
						border: 1px solid #ccc;				
						width: 198px;
						padding: 20px;
						float: right;
					}
					body.plus div#contents div.section_a div.photo p{
						margin-top: 10px;
					}
					body.plus div#contents div.section_a div.photo span {
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					
					body.plus div#contents div.section_a {
						overflow: hidden;
					}
					body.plus div#contents div.section_a div.profphoto{			
						width: 200px;
						float: right;
					}
					body.plus div#contents div.section_a div.photo02{
						border: 1px solid #ccc;				
						width: 200px;
						padding: 20px;
					}
					body.plus div#contents div.section_a div.photo02 p,
					body.plus div#contents div.section_a div.subphoto p{
						margin-top: 10px;
					}
					body.plus div#contents div.section_a div.photo02 span,
					body.plus div#contents div.section_a div.subphoto span {
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					
					body.plus div#contents div.section_a .leftArea01 {
						width: 680px;
						float: left;
					}
									
					body.plus div#contents div.section_a div.photo_l{
						width: 360px;
						float: left;
					}
					body.plus div#contents div.section_a div.photo_l2{
					}
					body.plus div#contents div.section_a div.photo_l,
					body.plus div#contents div.section_a div.photo_l2 p,
					body.plus div#contents div.section_a div.photo_l2 li span{
						margin-top: 10px;
						font-size: 90%;
					}	
					body.plus div#contents div.section_a div.photo_l2 ul{
						overflow: hidden;
						padding: 0;
						margin: 0;
					}
					body.plus div#contents div.section_a div.photo_l2 li{
						display: block;
						float: left;
						list-style: none;
						padding: 0;
						margin: 0;
					}
					body.plus div#contents div.section_a div.photo_l2 li.left{
						width: 357px;
					}
					body.plus div#contents div.section_a div.photo_l2 li.right{
						width: 317px;
						padding-left: 3px;
					}
					body.plus div#contents div.section_a div.photo_l2 li span{
						margin-top: 5px;
						display: block;
					}
					
					/* b */
					
					body.plus div#contents div.section_b {
						overflow: hidden;
					}					
					body.plus div#contents div.section_b div.photo{
						width: 520px;
						float: right;
					}				
					body.plus div#contents div.section_b div.photo_l{
						width: 360px;
						float: left;
					}				
					body.plus div#contents div.section_b div.photo_r{
						width: 520px;
						float: right;
					}
					body.plus div#contents div.section_b div.photo_l p,
					body.plus div#contents div.section_b div.photo_r p{
						margin-top: 10px;
						font-size: 90%;
					}
					
					/* c */
					
					body.plus div#contents div.section_c .leftArea01 {
						width: 520px;
						float: left;
					}	
					body.plus div#contents div.section_c2 .rightArea01 {
						width: 520px;
						float: right;
					}						
						
					body.plus div#contents div.section_c {
						overflow: hidden;
					}					
					body.plus div#contents div.section_c div.photo{
						width: 358px;
						float: right;
					}
					/* c2 */
					body.plus div#contents div.section_c2 {
						overflow: hidden;
					}					
					body.plus div#contents div.section_c2 div.photo{
						width: 358px;
						float: left;
					}
					
					/* c3 */
					
					
					body.plus div#contents div.section_c3 .leftArea01 {
						width: 643px;
						float: left;
					}
					body.plus div#contents div.section_c3 {
						overflow: hidden;
					}					
					body.plus div#contents div.section_c3 div.photo{
						width: 235px;
						float: right;
					}
					
					body.plus div#contents div#section_photo{
						margin-bottom: 20px;
					}
					
					body.plus div#contents div#section_photo p{
						font-size: 90%;
						margin-top: 10px;
					}
					
					body.plus div#contents div#section_bottom{
						margin-bottom: 20px;
					}
					/* c4 */
					body.plus div#contents div.section_c4 .rightArea01 {
						width: 643px;
						float: right;
					}
					body.plus div#contents div.section_c4 {
						overflow: hidden;
					}					
					body.plus div#contents div.section_c4 div.photo{
						width: 235px;
						float: left;
					}
					
					.mb30{
						margin-bottom: 30px !important;
					}
					.mt30{
						margin-top: 30px !important;
					}
					.mb60{
						margin-bottom: 60px !important;
					}
					.mb15{
						margin-bottom: 15px !important;
					}
					
										
					body.plus div#contents p.q {
						display: block;
						margin: 0 0 30px;
						font-weight: bold;
					}					
					body.plus div#contents p.q span{
						display: block;
					}					
					body.plus div#contents p.q span.line{
						display: block;
						width: 55px;
						float: left;
					}	
					
					body.plus div#contents p.answer {
						display: block;
						margin: 0 0 50px;
						line-height: 200%;
					}
					
					
					
					.postscript{
						padding: 15px;
						border: 3px solid #f2f2f2;
						margin-bottom: 30px
					}							
					.postscript span{
						display: block;
					}						
					.postscript span.title{
						font-weight: bold;
						padding-bottom: 10px;
						margin-bottom: 10px;
						border-bottom: 1px solid #f2f2f2;
					}						
					.postscript span.signature{
						text-align: right;
						margin-top: 10px;
					}
					p.titleCont01{
						display: none;
					}
.prof_subphoto{
	width: 198px;
	margin-left: auto;
	padding-top: 20px;	
}
.prof_subphoto p{
	margin-top: 20px;
}
.prof_subphoto span{
						font-size: 90%;
						margin-top: 10px;
}
span.smalltext{
						font-size: 90%;
}
@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,
					body.plus div#contents div#issue_titleread p.photo_cap2,
					body.plus div#contents div#issue_titleread p.photo_cap3{
						display: none;
					}
					body.plus div#contents div#issue_titleread p.text{
						width: 96%;
						margin: 20px auto 0 auto;
					}		
					body.plus div#contents div#issue_titleread div.photo{
						width: 60%;
						margin: 0 auto;
						text-align: left;
					}
					body.plus div#contents div#issue_titleread div.photo img{
						width: 100%;
						height: auto;
					}	
					body.plus div#contents h2{
						margin: 40px 0;
					}
										
					body.plus div#contents div.photo p{
						font-size: 90%;
						margin-top: 10px;
					}
					/* a */
					
					body.plus div#contents div.section_a {
						width: 96%;
						margin: 20px auto 0 auto;
						overflow: hidden;
					}					
					body.plus div#contents div.section_a div.photo{
						border: none;
						border-top: 1px solid #ccc;
						border-bottom: 1px solid #ccc;
						width: 96%;
						padding: 10px;
						float: none;
						overflow: hidden;
						margin-bottom: 15px;
					}
					body.plus div#contents div.section_a div.photo img{
						width: 40%;
						height: auto;
						float: left;
					}
					body.plus div#contents div.section_a div.photo p{
						margin-top: 10px;
						width: 56%;
						margin: 0 0 0 auto;
					}
					body.plus div#contents div.section_a div.photo span {
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					
					body.plus div#contents div.section_a .leftArea01 {
						width: 100%;
						float: none;
					}
									
					body.plus div#contents div.section_a div.photo_l{
						width: 100%;
						float: none;
					}
					body.plus div#contents div.section_a div.photo_l2{
					}
					body.plus div#contents div.section_a div.photo_l,
					body.plus div#contents div.section_a div.photo_l2 p,
					body.plus div#contents div.section_a div.photo_l2 li span{
						margin-top: 10px;
						font-size: 90%;
					}	
					body.plus div#contents div.section_a div.photo_l2 ul{
						overflow: hidden;
						padding: 0;
						margin: 0;
					}
					body.plus div#contents div.section_a div.photo_l2 li{
						display: block;
						float: left;
						list-style: none;
						padding: 0;
						margin: 0;
					}
					body.plus div#contents div.section_a div.photo_l2 li.left{
						width: 100%;
					}
					body.plus div#contents div.section_a div.photo_l2 li.right{
						width: 100%;
						padding-left: 3px;
					}
					body.plus div#contents div.section_a div.photo_l2 li span{
						margin-top: 5px;
						display: block;
					}
					
					/* b */
					
					body.plus div#contents div.section_b {
						width: 96%;
						margin: 0 auto;
						overflow: hidden;
					}					
					body.plus div#contents div.section_b div.photo{
						width: 100%;
						float: none;
					}				
					body.plus div#contents div.section_b div.photo_l{
						width: 100%;
						float: none;
					}				
					body.plus div#contents div.section_b div.photo_r{
						width: 100%;
						float: none;
					}
					body.plus div#contents div.section_b div.photo_l p,
					body.plus div#contents div.section_b div.photo_r p{
						margin-top: 10px;
						font-size: 90%;
					}
					
					/* c */
					
					body.plus div#contents div.section_c .leftArea01 {
						width: 100%;
						float: none;
					}	
					body.plus div#contents div.section_c2 .rightArea01 {
						width: 100%;
						float: none;
					}						
						
					body.plus div#contents div.section_c {
						width: 96%;
						margin: 0 auto;
						overflow: hidden;
					}					
					body.plus div#contents div.section_c div.photo{
						width: 100%;
						float: none;
					}
					/* c2 */
					body.plus div#contents div.section_c2 {
						width: 96%;
						margin: 0 auto;
						overflow: hidden;
					}					
					body.plus div#contents div.section_c2 div.photo{
						width: 100%;
						float: none;
						margin-bottom: 20px;
					}
					
					/* c3 */
					
					
					body.plus div#contents div.section_c3 .leftArea01 {
						width: 100%;
						float: none;
					}
					body.plus div#contents div.section_c3 {
						width: 96%;
						margin: 0 auto;
						overflow: hidden;
					}					
					body.plus div#contents div.section_c3 div.photo{
						width: 70%;
						float: none;
					}
					body.plus div#contents div.section_c3 div.photo img{
						width: 100%;
						height: auto;
					}
					body.plus div#contents div#section_photo{
						width: 96%;
						margin: 0 auto 20px auto;
					}
					body.plus div#contents div#section_photo img{
						width: 100%;
						height: auto;
					}
					
					body.plus div#contents div#section_photo p{
						font-size: 90%;
						margin-top: 10px;
					}
					
					body.plus div#contents div#section_bottom{
						margin-bottom: 20px;
					}
					/* c4 */
					body.plus div#contents div.section_c4 .rightArea01 {
						width: 100%;
						float: none;
					}
					body.plus div#contents div.section_c4 {
						width: 96%;
						margin: 0 auto;
						overflow: hidden;
					}					
					body.plus div#contents div.section_c4 div.photo{
						width: 70%;
						float: none;
						margin-bottom: 20px;
					}
					body.plus div#contents div.section_c4 div.photo img{
						width: 100%;
						height: auto;
					}
					
					.mb30{
						margin-bottom: 30px !important;
					}
					.mt30{
						margin-top: 30px !important;
					}
					.mb60{
						margin-bottom: 60px !important;
					}
					.mb15{
						margin-bottom: 15px !important;
					}
					
										
					body.plus div#contents p.q {
						display: block;
						margin: 0 0 20px;
						font-weight: bold;
					}					
					body.plus div#contents p.q span{
						display: block;
					}					
					body.plus div#contents p.q span.line{
						display: block;
						width: 15%;
						float: left;
					}	
					body.plus div#contents p.q span.text{
						display: block;
						width: 85%;
						float: right;
					}
					
					body.plus div#contents p.answer {
						display: block;
						margin: 0 0 40px;
						line-height: 200%;
					}
					
					
					
					.postscript{
						padding: 15px;
						border: 3px solid #f2f2f2;
						margin-bottom: 30px
					}							
					.postscript span{
						display: block;
					}						
					.postscript span.title{
						font-weight: bold;
						padding-bottom: 10px;
						margin-bottom: 10px;
						border-bottom: 1px solid #f2f2f2;
					}						
					.postscript span.signature{
						text-align: right;
						margin-top: 10px;
					}
					h2{
						display: none;
					}
					p.titleCont01{
						font-size: 160%;
						line-height: 120%;
						font-weight: bold;
						display: block;
					}
}
