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


	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.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_dl {
					}
					body.plus div#contents div.section div.section_main div.section_dl p.text{
						margin-top: 30px;
						margin-bottom: 40px;
					}
					
					body.plus div#contents div.section div.section_main div.section_dl dt {
					    clear:both;
					    width: 50px;
						float: left;
						display: block;
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main div.section_dl dd {
					    width: 530px;
						float: right;
						display: block;
						margin: 0 0 30px;
					}
					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#section05 div.section_main {
						float: left;
					}
					body.plus div#contents div#section05 div.photo_area{
						float: right;
					}
					body.plus div#contents div#section04{
						margin-bottom: 20px;
					}
					.mb30{
						margin-bottom: 30px !important;
					}
					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.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_dl {
					}
					body.plus div#contents div.section div.section_main div.section_dl p.text{
						margin-top: 30px;
						margin-bottom: 40px;
					}
					
					body.plus div#contents div.section div.section_main div.section_dl dt {
					    width: 15%;
						float: left;
						display: block;
						margin: 0 0 30px;
					}					
					
					body.plus div#contents div.section div.section_main div.section_dl dd {
					    width: 82%;
						float: right;
						display: block;
						margin: 0 0 30px;
					}
					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#section05 div.section_main {
						float: left;
					}
					body.plus div#contents div#section05 div.photo_area{
						float: right;
					}
					body.plus div#contents div#section04{
						width: 100%;
						margin-bottom: 20px;
					}
					body.plus div#contents div#section04 img{
						width: 100%;
						height: auto;
					}
					.mb30{
						margin-bottom: 30px !important;
					}
					h2{
						display: none;
					}
					p.titleCont01{
						font-size: 160%;
						line-height: 120%;
						font-weight: bold;
						display: block;
					}
					
}