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


	Site Name   UD Style
	File Name   03.css

	Create Date 2012/4/17
	Update Date 2012/4/17


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

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

	Structure

-----------------------------------------------------------*/
					body#plus div#contents div.section_top{
					    margin-bottom: 40px;
					    margin-top: 30px;
					}

					body#plus div#contents div.section_top p.section_caption {
						width: 520px;
						float: left;
					}
					
					body#plus div#contents div.section_top p.section_caption span.read_text {
								display: block;
								font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
					}	

					body#plus div#contents div.section_top p.section_before {
						border: 1px solid #ccc;				
						width: 380px;
						padding: 10px;
						float: right;
					}
					
					body#plus div#contents div.section_top p.section_before span.read_text {			
						width: 200px;
								display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	float: right;
	font-size: 95%;
					}	
					
					body#plus div#contents div.section_top p.section_before img{
					    float: left;					
					}
					
				
					body#plus div#contents div.section_top div.section_left {
						width: 520px;
						float: left;
					}
				
					body#plus div#contents div.section_top div.section_right {
						width: 380px;
						margin-left: auto;
						margin-top: 10px;
					}
					
					body#plus div#contents div.section_a div.section_main h2 {
						font-size: 0;
						margin: 0 0 30px;
						
					}

					body#plus div#contents div.section_a{
					    margin-bottom: 40px;				
					}
															
					body#plus div#contents div.section_a div.photo_a{
						width: 620px;
						float: left;
					}
					
					body#plus div#contents div.section_a div.photo_a span {
								margin: 10px 0 0;
								display: block;
								font-size: 82%;
					}
					
					body#plus div#contents div.section_a div.photo_a span.cap_indent {
								width: 412px;
					}									
										
					body#plus div#contents div.section_a div.section_main{
						width: 300px;
						margin-left: auto;
					}
					
					body#plus div#contents div.section_a div.section_main p.section_p {
						margin: 0 0 30px;
					}		
										
					body#plus div#contents div.section_a div.photo p{
					    margin-top: 15px;					
					}

/* 通常 */
					body#plus div#contents div#section_prof{
					    margin: 40px 0 40px;
						width: 620px;
								padding: 0 0 10px 0;
						border: 5px solid #dfdfdf;
					}
					
					body#plus div#contents div#section_prof h4{
							padding: 8px 5px 7px 15px;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					body#plus div#contents div#section_prof h4 span.title{
							font-weight: bold;				
						    font-size: 110%;					
					}
					
					body#plus div#contents div#section_prof h4 span.sub{
						    font-size: 82%;					
					}
					
					body#plus div#contents div#section_prof p.section_caption {
								margin: 0 15px;
								display: block;
								width: 580px;
					}				
					
					
					body#plus div#contents div#section_prof p.section_caption span {
								margin: 0;
								display: block;
								text-align: right;
					}
					
					body#plus div#contents div#section_prof p.section_caption a {
			background: transparent url(../images/icon_list.gif) left 6px no-repeat;
			padding-left: 10px;
			}
			
/* 05タイプ　*/

					body#plus div#contents div#section_prof2{
					    margin: 40px 0 0;
						width: 620px;
								padding: 0 0 10px 0;
						border: 5px solid #dfdfdf;
					}
					
					body#plus div#contents div#section_prof2 h4{
							padding: 8px 5px 7px 15px;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					body#plus div#contents div#section_prof2 h4 span.title{
							font-weight: bold;				
						    font-size: 110%;					
					}
					
					body#plus div#contents div#section_prof2 h4 span.sub{
						    font-size: 82%;					
					}
					
					body#plus div#contents div#section_prof2 p.section_caption {
								margin: 0 15px;
								display: block;
								width: 580px;
					}				
					
					
					body#plus div#contents div#section_prof2 p.section_caption span {
								margin: 0;
								display: block;
								text-align: right;
					}
					
					body#plus div#contents div#section_prof2 p.section_caption a {
			background: transparent url(../images/icon_list.gif) left 6px no-repeat;
			padding-left: 10px;
			}
					
					
					body#plus div#contents div#section_link{
					    margin: 10px 0 0;
						width: 630px;
								padding: 0 0 10px 0;
								text-align: right;					
					}	
						
			        body#plus div#contents div#hensyu-kouki{
					    padding: 20px;
						width: 590px;
			            background-color: #edf6ff;
			}
			
					
					body#plus div#contents div#hensyu-kouki h4{
							padding: 0 5px 7px 0;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					
/*vol8	*/			

					body#plus div#contents div.section_top p.section_cap {
						width: 380px;
						padding: 10px;
						float: right;
					}
					
					body#plus div#contents div.section_top p.section_cap span.read_text {			
						width: 200px;
								display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	float: right;
	font-size: 95%;
					}	
					
					body#plus div#contents div.section_top p.section_cap img{
					    float: left;					
					}
					
/* 2012.12.10 */					
					body#plus div#contents div#section_spec{
					    margin: 0 0 40px;
						width: 630px;
								padding: 0 0 10px 0;
					}
@media screen and (max-width: 663px) {
					body#plus div#contents div.section_top{
						margin: 10px 2% 10px 2%;
					}

					body#plus div#contents div.section_top p.section_caption {
						width: 100%;
						float: none;
					}
					
					body#plus div#contents div.section_top p.section_caption span.read_text {
								display: block;
								font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
					}
					body#plus div#contents div.section_top p.section_before {
						border: 1px solid #ccc;				
						width: 94%;
						padding: 10px;
						float: none;
						margin: 20px auto 0 auto;
						overflow: hidden;
					}
					
					body#plus div#contents div.section_top p.section_before span.read_text {			
						width: 58%;
								display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	float: right;
	font-size: 95%;
					}	
					
					body#plus div#contents div.section_top p.section_before span.img{
					    float: left;	
						width: 38%;
						height: auto;	
						margin-top: 5px;			
					}
					
					body#plus div#contents div.section_top p.section_before span.img img{
						width: 100%;
						height: auto;
					}
				
					body#plus div#contents div.section_top div.section_left {
						width: 100%;
						float: none;
						margin-bottom: 20px;
					}
				
					body#plus div#contents div.section_top div.section_right {
						width: 100%;
						margin-left: 0;
						margin-top: 0;
					}
					body#plus div#contents div.section_top div.section_right img{
						width: 100%;
						height: auto;
					}
					
					body#plus div#contents div.section_a div.section_main h2 {
						font-size: 0;
						margin: 0 0 20px;
					}

					body#plus div#contents div.section_a{
					    margin-bottom: 10px;				
					}
															
					body#plus div#contents div.section_a div.photo_a{
						width: 96%;
						margin: 0 auto;
						float: none;
						margin-bottom: 40px;
					}
					body#plus div#contents div.section_a div.photo_a img{
						width: 100%;
						height: auto;
					}
					
					body#plus div#contents div.section_a div.photo_a span {
						margin: 10px 0;
								display: block;
								font-size: 82%;
					}
					
					body#plus div#contents div.section_a div.photo_a span.cap_indent {
								width: 100%;
					}									
										
					body#plus div#contents div.section_a div.section_main{
						width: 96%;
						margin: 10px 2% 0 2%;
					}
					
					body#plus div#contents div.section_a div.section_main p.section_p {
						margin: 0 0 30px;
					}		
										
					body#plus div#contents div.section_a div.photo p{
					    margin-top: 15px;					
					}

/* 通常 */
					body#plus div#contents div#section_prof{
						width: 94%;
						margin: 10px auto;
								padding: 0 0 10px 0;
						border: 5px solid #dfdfdf;
					}
					
					body#plus div#contents div#section_prof h4{
							padding: 8px 5px 7px 15px;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					body#plus div#contents div#section_prof h4 span.title{
							font-weight: bold;				
						    font-size: 110%;					
					}
					
					body#plus div#contents div#section_prof h4 span.sub{
						    font-size: 82%;					
					}
					
					body#plus div#contents div#section_prof p.section_caption {
								margin: 0 15px;
								display: block;
						width: 92%;
					}				
					
					
					body#plus div#contents div#section_prof p.section_caption span {
								margin: 0;
								display: block;
								text-align: right;
					}
					
					body#plus div#contents div#section_prof p.section_caption a {
			background: transparent url(../images/icon_list.gif) left 6px no-repeat;
			padding-left: 10px;
			}
			
/* 05タイプ　*/

					body#plus div#contents div#section_prof2{
						width: 94%;
						margin: 10px auto;
								padding: 0;
						border: 5px solid #dfdfdf;
					}
					
					body#plus div#contents div#section_prof2 h4{
							padding: 8px 5px 7px 15px;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					body#plus div#contents div#section_prof2 h4 span.title{
							font-weight: bold;				
						    font-size: 110%;					
					}
					
					body#plus div#contents div#section_prof2 h4 span.sub{
						    font-size: 82%;					
					}
					
					body#plus div#contents div#section_prof2 p.section_caption {
								margin: 0 15px;
								display: block;
						width: 92%;
					}				
					
					
					body#plus div#contents div#section_prof2 p.section_caption span {
								margin: 10px 0 0 0;
								display: block;
								text-align: right;
					}
					
					body#plus div#contents div#section_prof2 p.section_caption a {
			background: transparent url(../images/icon_list.gif) left 6px no-repeat;
			padding-left: 10px;
			}
					
					
					body#plus div#contents div#section_link{
					    margin: 10px auto 0 auto;
						width: 94%;
								padding: 0 0 10px 0;
								text-align: right;					
					}	
						
			        body#plus div#contents div#hensyu-kouki{
						padding: 15px 0;
						width: 96%;
						margin: 0 auto;
			            background-color: #edf6ff;
			}
			        body#plus div#contents div#hensyu-kouki p{
					    padding: 5px 10px;
					}
			        body#plus div#contents div#hensyu-kouki p span{
						display: block;
					}
					
					body#plus div#contents div#hensyu-kouki h4{
							padding: 0 5px 7px 0;
							margin-bottom: 10px;
								border-bottom: 1px dotted #999;
					}
					
					
/*vol8	*/			

					body#plus div#contents div.section_top p.section_cap {
						width: 96%;
						padding: 0;
						margin-top: 20px;
						float: none;
						overflow: hidden;
					}
					body#plus div#contents div.section_top p.section_cap img{
						float: left;
						width: 30%;
						height: auto;
					}
					
					body#plus div#contents div.section_top p.section_cap span.read_text {			
						width: 68%;
								display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	float: none;
	margin-left: auto;
	font-size: 95%;
					}	
					
					body#plus div#contents div.section_top p.section_cap img{
					    float: left;					
					}
					
/* 2012.12.10 */					
					body#plus div#contents div#section_spec{
					    margin: 0 auto 40px auto;
						width: 96%;
								padding: 0 0 10px 0;
					}
	
}