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


	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%;
					}
										
					body#plus div#contents h3{
							font-weight: bold;				
						    font-size: 120%;
							margin-bottom: 40px;
							padding-top: 25px;
					}
					.mb60{
						margin-bottom: 60px;
					}
					.mb20{
						margin-bottom: 20px;
					}
					.mb30{
						margin-bottom: 30px;
					}
					.mt20{
						margin-top: 20px;
					}
					
					/* about */											
										
					div.section_top35{
						width: 100%;
						overflow: hidden;
						margin-top: 20px;
					}
					div.section_top35 .left{
						width: 600px;
						float: left;						
					}
					div.section_top35 .right{
						width: 320px;
						float: right;			
					}
					div.section_top35 p.text_type_a{
					}			
						
					div.section_top35 p.photo_type_a{
						background-color: #f0f0f0;
					}
					div.section_top35 p.photo_type_a span{
						display: block;
					}
					div.section_top35 p.photo_type_a span.tit01{
						margin: 20px 25px 10px 25px;
						font-weight: bold;						
					}
					div.section_top35 p.photo_type_a span.txt01{
						margin: 0 25px;
						padding-bottom: 20px;
					}
					
					/* main_area */													
										
					body#plus div#contents div.section_main{
					}	
					body#plus div#contents div.section_main h3 span.new{
						background: url(../images/26/new.gif) left center no-repeat;
						display: inline-block;
						padding-left: 50px;
						margin-right: 15px;
					}
					body#plus div#contents div.section_main p{
						width: 600px;
					}						
					body#plus div#contents div.section_a .left{
						width: 600px;
						float: left;
					}
					body#plus div#contents div.section_a .left p.img01{
						margin-bottom: 20px;
					}
					body#plus div#contents div.section_a .left ul{
						overflow: hidden;
					}
					body#plus div#contents div.section_a .left li{
						width: 290px;
					}
					body#plus div#contents div.section_a .left li.left{
						float: left;
					}
					body#plus div#contents div.section_a .left li.right{
						margin-left: auto;
					}
					body#plus div#contents div.section_a .left li span{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					body#plus div#contents div.section_a .right{
						width: 320px;
						margin-left: auto;
					}
					body#plus div#contents div.section_a .right p{
						
					}
					body#plus div#contents div.section_a .right p span{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					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_photo span.cap{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
						
					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_photo img{
						margin-bottom: 1px;
					}
															
					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-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_c span.cap{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}	
							
					body#plus div#contents div.section_c ul.photo_c01{
						overflow: hidden;
					}
					body#plus div#contents div.section_c ul.photo_c01 li{
						width: 310px;
						margin-right: 10px;
						margin-bottom: 15px;
						float: left;		
					}
					body#plus div#contents div.section_c ul.photo_c01 li.last{
						margin-right: 0;
					}
					body#plus div#contents div.section_c ul.photo_c01 li span{
						display: block;
						margin-top: 5px;
					}
					
										
					
					.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;
					}
					.icon{
						background: url(../images/35/icon35.gif) no-repeat top left;
						padding: 45px 0;
					}		
							
					body.plus div#contents p.q {
						width: 100%;
						overflow:　hidden;
						display: block;
					}				
					body.plus div#contents p.q span{
						display: block;
					}					
					body.plus div#contents p.q span.line{
						width: 55px;
						float: left;
					}					
					body.plus div#contents p.q span.text{
						float: left;
						font-weight: bold;
					}
					body.plus div#contents p.answer{						
						display: block;
						float: none;
						clear: both;
						width:600px;
						padding-top: 20px;
					}
					p.titleCont01{
						display: none;
					}
					p.titleImg01{
						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 20px auto;
						text-align: left;
					}
					body.plus div#contents div#issue_titleread div.photo img{
						width: 100%;
						height: auto;
					}
										
					body#plus div#contents h3{
						display: none;
					}
					.mb60{
						margin-bottom: 60px;
					}
					.mb20{
						margin-bottom: 20px;
					}
					.mb30{
						margin-bottom: 30px;
					}
					.mt20{
						margin-top: 20px;
					}
					
					/* about */											
										
					div.section_top35{
						width: 96%;
						overflow: hidden;
						margin: 20px auto 0 auto;
					}
					div.section_top35 .left{
						width: 100%;
						float: none;						
					}
					div.section_top35 .right{
						width: 100%;
						float: none;				
					}			
						
					div.section_top35 p.photo_type_a{
						margin: 20px 0;
						background-color: #f0f0f0;
					}
					div.section_top35 p.photo_type_a img{
						width: 100%;
						height: auto;
					}
					div.section_top35 p.photo_type_a span{
						display: block;
					}
					div.section_top35 p.photo_type_a span.tit01{
						margin: 20px 25px 10px 25px;
						font-weight: bold;
					}
					div.section_top35 p.photo_type_a span.txt01{
						margin: 0 25px;
						padding-bottom: 20px;
					}
					/* main_area */													
										
					body#plus div#contents div.section_main{
					}	
					body#plus div#contents div.section_main h3 span.new{
						background: url(../images/26/new.gif) left center no-repeat;
						display: inline-block;
						padding-left: 50px;
						margin-right: 15px;
					}
					body#plus div#contents div.section_main p{
						width: 96%;
						margin: 0 auto;
					}
					body#plus div#contents div.section_a .left{
						width: 100%;
						margin: 0 auto;
						float: none;
					}
					body#plus div#contents div.section_a .left p.img01{
						margin-bottom: 20px;
					}
					body#plus div#contents div.section_a .left p.img01 img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_a .left ul{
						overflow: hidden;
					}
					body#plus div#contents div.section_a .left li{
						width: 100%;
						margin-bottom: 20px;
					}
					body#plus div#contents div.section_a .left li.left{
						width: 70%;
					}
					body#plus div#contents div.section_a .left li.right{
						margin-left: 0;
						width: 70%;
					}
					body#plus div#contents div.section_a .left li.left img,
					body#plus div#contents div.section_a .left li.right img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_a .left li span{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					body#plus div#contents div.section_a .right{
						width: 100%;
						margin: 0 auto;
					}
					body#plus div#contents div.section_a .right p{
						width: 70%;						
					}
					body#plus div#contents div.section_a .right p img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_a .right p span{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
					}
					body#plus div#contents div.section_a div.photo_a{
						width: 96%;
						margin: 0 auto;
					}
						
					body#plus div#contents div.section_a div.photo_a p.main_photo{
						width: 100%;
						margin: 0;
						float: none;
					}
					body#plus div#contents div.section_a div.photo_a p.main_photo img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_a div.photo_a p.main_photo span.cap{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
						
					body#plus div#contents div.section_a div.photo_a p.main_photo02{
						width: 96%;
						margin: 0 auto;
						float: none;
						margin-right: 2px;
					}
						
					body#plus div#contents div.section_a div.photo_a p.main_photo03{
						width: 96%;
						margin: 0 auto;
						float: none;
						margin-right: 30px;
					}
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo{
						width: 70%;
						margin: 10px 0 0 0;
					}	
					body#plus div#contents div.section_a div.photo_a p.sub_photo img{
						margin-bottom: 0;
						width: 100%;
						height: auto;
					}
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo02{
						width: 70%;
						margin: 0 auto;
						float: none;
					}
															
					body#plus div#contents div.section_a div.photo_a p.sub_photo03{
						width: 96%;
						margin: 0 auto;
						float: none;
					}
					body#plus div#contents div.section_b{
					    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_c span.cap{
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}	
							
					body#plus div#contents div.section_c ul.photo_c01{
						width: 96%;
						margin: 0 auto;
						overflow: hidden;
					}
					body#plus div#contents div.section_c ul.photo_c01 li{
						width: 47%;
						margin-right: 10px;
						margin-bottom: 15px;
						float: left;		
					}
					body#plus div#contents div.section_c ul.photo_c01 li img{
						width: 100%;
						height: auto;
					}
					body#plus div#contents div.section_c ul.photo_c01 li.last{
						margin-right: 10px;
					}
					body#plus div#contents div.section_c ul.photo_c01 li span{
						display: block;
						margin-top: 5px;
					}
					
						#section06{
						width: 96%;
						margin: 0 auto 20px auto;
						}
						
					.postBlock{
						width: 96%;
						margin: 0 auto;
					}
					.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;
					}
					.icon{
						background: url(../images/35/icon35.gif) no-repeat top left;
						padding: 45px 0;
					}		
							
					body.plus div#contents p.q {
						width: 100%;
						overflow:　hidden;
						display: block;
					}
					body.plus div#contents p.q span{
						display: block;
					}					
					body.plus div#contents p.q span.line{
						width: 15%;
						float: left;
					}					
					body.plus div#contents p.q span.text{
						width: 85%;
						float: left;
						font-weight: bold;
					}
					body.plus div#contents p.answer{						
						display: block;
						float: none;
						clear: both;
						width:600px;
						padding-top: 20px;
					}
					h2{
						display: none;
					}
					p.titleCont01{
						font-size: 160%;
						line-height: 120%;
						font-weight: bold;
						display: block;
					}
					p.titleImg01{
						font-size: 130%;
						line-height: 120%;
						font-weight: bold;
						display: block;
						padding-bottom: 15px;
					}
}