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


	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 p.text{
						margin-top: 35px;
					}
					body.plus div#contents div.section div.section_main {
						width: 595px;
					}										
					body.plus div#contents div.section div.photo_area{
						width: 320px;
					}
					body.plus div#contents div.section div.section_main div.section_p {
						margin-top: 40px;
					}	
					body.plus div#contents div.section div.section_main div.section_p.mt0 {
						margin-top: 0
					}
					body.plus div#contents div.section div.section_main div.section_p p.q {
						display: block;
						margin: 0 0 30px;
					}					
					body.plus div#contents div.section div.section_main div.section_p p.q span{
						display: block;
					}					
					body.plus div#contents div.section div.section_main div.section_p p.q span.line{
						display: block;
						width: 55px;
						float: left;
					}					
					body.plus div#contents div.section div.section_main div.section_p p.q span.text{
						display: block;
						width: 530px;
						float: right;
						font-weight: bold;
					}
					
					body.plus div#contents div.section div.section_main div.section_p p.answer {
						display: block;
						margin: 0 0 40px;
						line-height: 200%;
					}
					body.plus div#contents div.section div.photo_area{
					}
					body.plus div#contents div.section div.photo_area p{
						margin-bottom: 30px;
					}
					body.plus div#contents div.section div.photo_area p.last{
						margin-bottom: 0!important;
					}
					body.plus div#contents div.section div.photo_area span{
						display: block;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_a{
						background-color: #f0f0f0;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_a span.tit01{
						margin: 20px 25px 10px 25px;
						font-weight: bold;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_a span.txt01{
						margin: 0 25px;
						padding-bottom: 20px;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_b{
						font-size: 90%;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_b span{
						padding-top: 10px;
					}
					/* photo_right */
					body.plus div#contents div#section02 div.section_main {
						float: left;
					}
					body.plus div#contents div#section02 div.photo_area{
						float: right;
					}
					body.plus div#contents div#section03 div.section_main {
						float: left;
					}
					body.plus div#contents div#section03 div.photo_area{
						float: right;
					}
					body.plus div#contents div#section04{
						margin-bottom: 20px;
					}
					.mb30{
						margin-bottom: 30px !important;
					}
					
					.products_link{
						padding: 15px 60px;
						border: 1px solid #999;
						width: 27em;
					}
					
					.products_link span{
						display: block;
					}
					
					.small_text{
						font-size: 85%;
					}
					
					ruby{
						position: relative;
					}
					rb{
						}
					rt{
						position: absolute;
						bottom: 70%;
						left: 0;
						width: 100%;
						white-space: nowrap;
						font-size: 8px;
						text-align: center;
						}
						rp{
							display: none;
							}
							
					.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;
					}
@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 p.text{
						width: 96%;
						margin: 20px auto 0 auto;
					}
					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.section div.section_main {
						width: 100%;
					}										
					body.plus div#contents div.section div.photo_area{
						width: 100%;
						margin: 0 auto;
					}
					body.plus div#contents div.section div.photo_area img{
						width: 100%;
						height: auto;
					}
					body.plus div#contents div.section div.section_main div.section_p {
						margin-top: 10px;
					}					
					body.plus div#contents div.section div.section_main div.section_p p.q {
						display: block;
						margin: 0 0 5px;
					}					
					body.plus div#contents div.section div.section_main div.section_p p.q span{
						display: block;
					}					
					body.plus div#contents div.section div.section_main div.section_p p.q span.line{
						display: block;
					    width: 15%;
						float: left;
					}					
					body.plus div#contents div.section div.section_main div.section_p p.q span.text{
						display: block;
					    width: 85%;
						float: left;
						float: right;
						font-weight: bold;
					}
					
					body.plus div#contents div.section div.section_main div.section_p p.answer {
						display: block;
						margin: 0 0 20px;
						line-height: 200%;
					}
					body.plus div#contents div.section div.photo_area{
					}
					body.plus div#contents div.section div.photo_area p{
						margin-bottom: 30px;
					}
					body.plus div#contents div.section div.photo_area p.last{
						margin-bottom: 0!important;
					}
					body.plus div#contents div.section div.photo_area span{
						display: block;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_a{
						background-color: #f0f0f0;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_a span.tit01{
						margin: 20px 25px 10px 25px;
						font-weight: bold;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_a span.txt01{
						margin: 0 25px;
						padding-bottom: 20px;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_b{
						font-size: 90%;
					}
					body.plus div#contents div.section div.photo_area p.photo_type_b span{
						padding-top: 10px;
					}
					/* photo_right */
					body.plus div#contents div#section02 div.section_main {
						float: left;
					}
					body.plus div#contents div#section02 div.photo_area{
						float: right;
					}
					body.plus div#contents div#section03 div.section_main {
						float: left;
					}
					body.plus div#contents div#section03 div.photo_area{
						float: right;
					}
					body.plus div#contents div#section04{
						margin-bottom: 20px;
					}
					.mb30{
						margin-bottom: 30px !important;
					}
					
					.products_link{
						padding: 15px 5%;
						border: 1px solid #999;
						width: 90%;
						margin: 0 auto 20px auto;
					}
					
					.products_link span{
						display: block;
					}
					
					.small_text{
						font-size: 85%;
					}
					
					ruby{
						position: relative;
					}
					rb{
						}
					rt{
						position: absolute;
						bottom: 70%;
						left: 0;
						width: 100%;
						white-space: nowrap;
						font-size: 8px;
						text-align: center;
						}
						rp{
							display: none;
							}
							
					.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;
					}
}