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


	Site Name   UD Style
	File Name   11.css

	Create Date 2013/4/1
	Update Date 2013/4/1


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

/*----------------------------------------------------------

	Structure

-----------------------------------------------------------*/

					body.plus div#contents div.section div.section_main {
						width: 680px;
					}
					body.plus div#contents div.section div.section_main p{
						font-size: 110%;
						margin-bottom: 20px;
					}
										
					body.plus div#contents div.section div.photo{
						border: 1px solid #ccc;				
						width: 198px;
						padding: 20px;
					}			
										
					body.plus div#contents div.section div.photo p{
					    margin-top: 15px;
						line-height: 130% !important;				
					}
					
					body.plus div#contents div.section div.photo span {
								margin: 10px 0 0;
								display: block;
								font-weight: bold;
								font-size: 110%;
					}
					
					body#plus div#contents div.section_a h2{
						margin-bottom: 20px;
						width: 90%;
						padding-left: 3%;
					}
					body#plus div#contents div.section02 h2 img{
						width: 100%;
						height: auto;
					}
					
					/* photo_2 */
					

					body.plus div#contents div.section div.section_main2 {
						width: 500px;
					}
					body.plus div#contents div.section div.section_main2 p{
						font-size: 110%;
						margin-bottom: 20px;
					}
					body.plus div#contents div.section div.photo2{
						width: 378px;
						margin-bottom: 10px;
					}
					
					body.plus div#contents div.photo2 span{
								margin: 10px 0 0;
								display: block;
								font-size: 85%;
					}
					
					/* photo_right */
					body.plus div#contents div#section01 div.section_main {
						float: left;
					}
					
					
					body.plus div#contents div#section01 div.photo{
						float: right;
					}
					
					/* photo_left */
					body.plus div#contents div#section02 div.section_main {
						float: right;
					}
					
					body.plus div#contents div#section02 div.photo{
						float: left;
					}

					/* photo_right */
					body.plus div#contents div#section03 div.section_main2 {
						float: left;
					}
					
					
					body.plus div#contents div#section03 div.photo2{
						float: right;
					}
					
					/* photo_left */
					body.plus div#contents div#section04 div.section_main2 {
						float: right;
					}
					
					body.plus div#contents div#section04 div.photo2{
						float: left;
					}

					/* photo_right */
					body.plus div#contents div#section05 div.section_main2 {
						float: left;
					}
					
					
					body.plus div#contents div#section05 div.photo2{
						float: right;
					}
					
					
					body.plus div#contents div.section div.section_main2 p.graf_area{
					    width: 450px;
						margin: 15px 0;
						display: block;
					}
					body.plus div#contents div.section div.section_main2 p.graf_area span{
								margin: 10px 0 0;
								display: block;
								font-size: 85%;
					}
@media screen and (max-width: 663px) {
	
					body.plus div#contents div.section div.section_main {
						width: 100% !important;
					}
					body.plus div#contents div.section div.section_main p{
						font-size: 110%;
						margin-bottom: 20px;
					}
										
					body.plus div#contents div.section div.photo{
						border: 1px solid #ccc;		
						border-left: none;
						border-right: none;		
						width: 100%;
						margin: 0;
						padding: 20px 0;
						overflow: hidden;
					}		
					body.plus div#contents div.section div.photo img{
						width: 40%;
						height: auto;
						float: left;
						padding-left: 5px;
					}
										
					body.plus div#contents div.section div.photo p{
					    margin-top: 0;
						width: 54%;
						float: right;	
						padding-right: 5px;			
					}
					
					body.plus div#contents div.section div.photo span {
								margin: 10px 0 0;
								display: block;
								font-size: 77%;
					}
					
					/* photo_2 */
					

					body.plus div#contents div.section div.section_main2 {
						width: 100% !important;
					}
					body.plus div#contents div.section div.section_main2 p{
						font-size: 110%;
						margin-bottom: 20px;
					}
					body.plus div#contents div.section div.photo2{
						width: 100%;
						margin: 0 auto 10px auto;
					}
					body.plus div#contents div.section div.photo2 img{
						width: 100%;
						height: auto;
					}
					
					body.plus div#contents div.photo2 span{
								margin: 10px 0 0;
								display: block;
								font-size: 85%;
					}
					
					/* photo_right */
					body.plus div#contents div#section01 div.section_main,
					body.plus div#contents div#section01 div.photo,
					body.plus div#contents div#section02 div.section_main,
					body.plus div#contents div#section02 div.photo,
					body.plus div#contents div#section03 div.section_main2,
					body.plus div#contents div#section03 div.photo2,
					body.plus div#contents div#section04 div.section_main2,
					body.plus div#contents div#section04 div.photo2,
					body.plus div#contents div#section05 div.section_main2,
					body.plus div#contents div#section05 div.photo2{
						float: none;
					}
					
					
					body.plus div#contents div.section div.section_main2 p.graf_area{
					    width: 100%;
						margin: 15px auto;
						display: block;
					}
					body.plus div#contents div.section div.section_main2 p.graf_area img{
						width: 100%;
						height: auto;
					}
					body.plus div#contents div.section div.section_main2 p.graf_area span{
								margin: 10px 0 0;
								display: block;
								font-size: 85%;
					}
}