/* カスタマイズ用CSS */


@media screen and (min-width:0px){
  /*0px以上で適用する内容*/

body{
 max-width: 1280px;
 margin:0 auto;
}
       
img[Attributes Style] {
  aspect-ratio: auto 640 / 360;
}
	
img {
  aspect-ratio: attr(width) / attr(height);
  border: 0;
}
img {
  height: auto;
  width: 100%;
}
 
header{
  Width:100%;
    }

.headline{
font-size: 16pt;
	FONT-WEIGHT: 700;
	COLOR: #1E90FF;
	LINE-HEIGHT:120%;
	/*transform: scale( 0.9 , 1.1 );
	transform-origin: left top;*/
}

iframe img{
 max-width: 100%;
}
iframe a{
target:_blank;

}
 a{
target:_blank;

}

.headlinered{
font-size: 16pt;
	COLOR: #990033;
	font-weight:700;
}

.headcopy{
font-size: 16pt;
}

.subcopy{
font-size: 12pt;
font-weight:700;
}
.lead{
font-size: 10pt;
font-weight:600;
}
.columncount {
	background-color:#fff7ff;
	column-count: 1;
	width:100%;
	margin:0 0 0 0px;
}
.columncount1 {
	background-color:#fffaff;
	column-count: 1;
	width:100%;
	margin:0 0 0 0px;	
}

.columncount3 {
	background-color:#fffaff;
	column-count: 1;
	width:100%;
}
.fl25{
width:25%;
float: left;
	min-width:250px;
}
.fl75{
width: 75%;
float: left;
	min-width:250px;
}
.fr25{
width:25%;
float: right;
	min-width:250px;
	}
.fr75{
width: 75%;
float: right;
	min-width:250px;
	}
.fl35{
width:35%;
float: left;
	min-width:250px;
}
.fl65{
width: 65%;
float: left;
	min-width:250px;
}
.fr35{
width:35%;
float: right;
	min-width:250px;
	}
.fr65{
width: 65%;
float: right;
	min-width:250px;
	}
.fl45{
width:45%;
float: left;
	min-width:250px;
}
.fl55{
width: 55%;
float: left;
	min-width:250px;
}
.fr45{
width:45%;
float: right;
	min-width:250px;
	}
.fr55{
width: 55%;
float: right;
	min-width:250px;
	}

.fl15{
width: 15%;
float: left;
	min-width:85px;
}
.fr15{
width:15%;
float: right;
	min-width:85px;
	}	
	
H3 {
	font-size: 16px;
	FONT-WEIGHT: 700;
/*	background-image: url(http://www.anmin-ne.com/images/h2.gif);*/
/*	background-repeat: no-repeat;*/
/*	color: #B22222;*/
	text-indent: 12px;
	margin: 0px;	
	line-height: 120%;
	width: 95%;
}

H4 {
	font-size: 15px;
	FONT-WEIGHT: 700;
	text-align: left;
	margin: 5px 0px 0px 5px;
	color: #0033ff;
	text-indent: 6px;
	line-height: 120%;
}

H5 {
	font-size: 13px;

	FONT-WEIGHT: 700;
	line-height: 120%;
	margin: 0px 0px 0px 5px;
	text-indent: 5px;
}

H6 {
	font-size: 13px;
/*	color: #b22222;*/
	font-weight: normal;
	line-height: 120%;
	text-indent: 5px;
}

.chap_title {
  	FONT-family: sans-serif;
    color:#04c;
	font-size:11pt;
	font-weight:600;
	line-height: 115%;
/* 	transform: scale( 0.9 , 1.1 );
	transform-origin: left bottom; /* 基準を左下に */
/* 右側に余白を追加margin-right: 0.2em;    */
    /* 上側に余白を追加margin-top: 0.2em;  */
}
.a_title {
	FONT-WEIGHT: 700;
	FONT-SIZE: 11pt;
	COLOR: #3366ff;
}

.q_title {
	FONT-WEIGHT: 700;
	FONT-SIZE: 11pt;
	COLOR: #3333ff;
}

.catch {
  	FONT-family: sans-serif;
    color:#990000;
    font-size:10pt;
    font-weight:700;
}

.catch2 {
	FONT-WEIGHT: 700;
	FONT-SIZE: 13px;
	COLOR: #0066ff;
	line-height: 125%;
	text-align: left;
}
.sans10 {	FONT-family: sans-serif;	FONT-WEIGHT: normal;	FONT-SIZE: 10pt;	COLOR: #0044cc; line-height: 175%;text-align:left; } 

.sans10b {	FONT-family: sans-serif;	FONT-WEIGHT: 600;	FONT-SIZE: 10pt;	COLOR: #0044cc;  ;line-height: 175%;text-align:left; }

.sans10t {	FONT-family: sans-serif;
	FONT-WEIGHT: 600;
		FONT-SIZE: 10pt;
		COLOR: #0044cc;
		    line-height: 175%;
		  /*  transform: scale( 1.0 , 1.1 );*/
 }

.caption {
    color:#0000ff;
    font-size:10pt;
    line-height: 120%;
    font-weight:600;
}
p {
	font-size: 10pt;
	font-weight: 500;
	color: #000000;
	line-height: 125%;
}

table img{
max-width: 100%;
}

#topicPath { 
display: inline;

}

#topicPath li { 
float: left;
font-size: 10pt;
list-style-type: none;
/*transform: scale( 1.0 , 1.1 ); */
}

.topicMenu { 
display: inline;

}

.topicMenu li { 
float: left;
font-size: 10pt;
list-style-type: none;
/*transform: scale( 1.0 , 1.1 ); */
}

}

@media screen and (min-width:480px){
  /*480px以上で適用する内容*/
  
body{
 max-width: 1280px;
 margin:0 auto;
}
img { 
  border: 0;

}  
    
    header{
        Width:100%;
    }
.headline{
font-size: 20pt;
	FONT-WEIGHT: 700;
	COLOR: #1E90FF;
	LINE-HEIGHT:120%;
/*	transform: scale( 0.9 , 1.1 );
	transform-origin: left top;*/
}

.headlinered{
font-size: 20pt;
	COLOR: #990033;
	font-weight:700;
}

.headcopy{
font-size: 20pt;
}

.subcopy{
font-size: 14pt;
font-weight:700;
}
.lead{
font-size: 10pt;
font-weight:600;
}
.columncount {
	background-color:#fff7ff;
	column-count: 2;
	width:100%;
	margin:0 0 0 0px;
}
.columncount1 {
	background-color:#fffaff;
	column-count: 1;
	width:100%;
	margin:0 0 0 0px;
}

.columncount3 {
	background-color:#fffaff;
	column-count: 1;
	width:100%;
}
H3 {
	font-size: 18px;
	FONT-WEIGHT: 700;
/*	background-image: url(http://www.anmin-ne.com/images/h2.gif);*/
/*	background-repeat: no-repeat;*/
/*	color: #B22222;*/
	text-indent: 8px;
	margin: 0px;	
	line-height: 120%;
	width: 95%;
}

H4 {
	font-size: 16px;
	FONT-WEIGHT: 700;
	text-align: left;
	margin: 5px 0px 0px 5px;
	color: #3300ff;
	text-indent: 6px;
	line-height: 120%;
}

H5 {
	font-size: 14px;
	color:#0066cc;
	FONT-WEIGHT: 700;
	line-height: 120%;
	margin: 0px 0px 0px 5px;
	text-indent: 5px;
}

H6 {
	font-size: 14px;
/*	color: #b22222;*/
	font-weight: normal;
	line-height: 120%;
	text-indent: 5px;
}
.chap_title {
  	FONT-family: sans-serif;
    color:#04c;
	font-size:11pt;
	font-weight:600;
	line-height: 115%;
}
.a_title {
	FONT-WEIGHT: 700;
	FONT-SIZE: 10pt;
	COLOR: #3366ff;
}

.q_title {
	FONT-WEIGHT: 700;
	FONT-SIZE: 10pt;
	COLOR: #3333ff;
}

.catch {
  	FONT-family: sans-serif;
    color:#990000;
    font-size:10pt;
    font-weight:700;
}

.catch2 {
	FONT-WEIGHT: 700;
	FONT-SIZE: 13px;
	COLOR: #0066ff;
	line-height: 125%;
	text-align: left;
}
.sans10 {	FONT-family: sans-serif;	FONT-WEIGHT: normal;	FONT-SIZE: 10pt;	COLOR: #191970; line-height: 175%;text-align:left; } 

.sans10b {	FONT-family: sans-serif;	FONT-WEIGHT: 600;	FONT-SIZE: 10pt;	COLOR: #191970;  ;line-height: 175%;text-align:left; }

.sans10t {	FONT-family: sans-serif;
	FONT-WEIGHT: 600;
		FONT-SIZE: 10pt;
		COLOR: #191970;

		    line-height: 175%;
		 /*   transform: scale( 1.0 , 1.1 );*/
 }

.caption {
    color:#0000ff;
    font-size:10pt;
    line-height: 125%;
    font-weight:600;
}
table img{
max-width: 100%;
}


#topicPath { 
display: inline;

}

#topicPath li { 
float: left;
font-size: 10pt;
list-style-type: none;
/*transform: scale( 1.0 , 1.1 ); */
}

.topicMenu { 
display: inline;

}

.topicMenu li { 
float: left;
font-size: 10pt;
list-style-type: none;
/*transform: scale( 1.0 , 1.1 ); */
}


}

@media screen and (min-width:768px){
  /*768px以上で適用する内容*/


    
body{
 max-width: 1280px;
 margin:0 auto;
}
    
.headline{
font-size: 22pt;
	FONT-WEIGHT: 700;
	COLOR: #1E90FF;
	LINE-HEIGHT:120%;
/*	transform: scale( 1.0 , 1.1 );
	transform-origin: left top;*/
}

.headlinered{
font-size: 22pt;
	FONT-WEIGHT: 700;
	COLOR: #990033;
	LINE-HEIGHT:120%;
/*	transform: scale( 1.0 , 1.1 );
	transform-origin: left top;*/
}

.headcopy{
font-size: 22pt;
}

.subcopy{
font-size: 16pt;
font-weight:700;
}
.lead{
font-size: 13pt;
font-weight:600;
}

.columncount {
	background-color:#fff7ff;
	column-count: 4;
	width:100%;
	margin:0 0 0 0px;
}
.columncount1 {
	background-color:#fffaff;
	column-count: 2;
	width:100%;
	margin:0 0 0 0px;
}

.columncount3 {
	background-color:#fffaff;
	column-count: 3;
	width:100%;
}    

H1 {
	font-size: 22px;
	FONT-WEIGHT: 700;
	text-align: left;
	margin: 5px 0px 0px 5px;
	color: #3300ff;
	text-indent: 6px;
	line-height: 120%;
}

H2 {
	font-size: 20px;
	FONT-WEIGHT: 700;
	text-align: left;
	margin: 5px 0px 0px 5px;
	color: #880033;
	text-indent: 6px;
	line-height: 120%;
}

H3 {
	font-size: 20px;
	FONT-WEIGHT: 700;
/*	background-image: url(http://www.anmin-ne.com/images/h2.gif);*/
/*	background-repeat: no-repeat;*/
/*	color: #B22222;*/
	text-indent: 5px;
	margin: 0px;	
	line-height: 120%;
	width: 95%;
}

H4 {
	font-size: 18px;
	FONT-WEIGHT: 700;
	text-align: left;
	margin: 5px 0px 0px 5px;
	color: #3300ff;
	text-indent: 6px;
	line-height: 120%;
}

H5 {
	font-size: 16px;
	color:#0066ff;
	FONT-WEIGHT: 700;
	line-height: 120%;
	margin: 0px 0px 0px 5px;
	text-indent: 5px;
}

H6 {
	font-size: 15px;
/*	color: #b22222;*/
	font-weight: 500;
	line-height: 120%;
	text-indent: 5px;
}

table img{
max-width: 100%;
}
img, embed, object, video {
  max-width: 100%;
  height:auto;
}

img { 
  border: 0;
  width:100%;
  height:auto;
}

table { 
  border: 0;
}

#topicPath { 
display: inline;

}

#topicPath li { 
float: left;
font-size: 12px;
list-style-type: none;
/*transform: scale( 1.0 , 1.1 );*/
}

.topicMenu { 
display: inline;

}

.topicMenu li { 
float: left;
font-size: 12px;
list-style-type: none;
/*transform: scale( 1.0 , 1.1 ); */
}


.chapbar-yellow {
	width: 90%;
  	FONT-family: sans-serif;
    color:#000000;
    font-size: 15pt;
    FONT-WEIGHT: 600;
    text-indent: 5pt;
    line-height: 125%;
/*    background-image:url("http://www.anmin-ne.com/img/bar-y695.gif") ;
    background-repeat:no-repeat ;*/
/*	transform: scale( 0.9 , 1.1 );
	transform-origin: left bottom; /* 基準を左下に */
margin-right: 2em;   /* 右側に余白を追加 */
margin-top: 2em;     /* 上側に余白を追加 */
}

.chap_title {
  	FONT-family: sans-serif;
    color:#04c;
	font-size:13pt;
	font-weight:600;
	line-height: 115%;
}

.title {
	color: #000066;
	FONT-family: sans-serif;
	font-size: 15pt;
	FONT-WEIGHT: 600;
	text-indent: 5pt;
	line-height: 125%;
    background-repeat:no-repeat ;
}

.a_title {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12pt;
	COLOR: #3366ff;
}

.b_title {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12pt;
	line-height: 125%;	
	COLOR: #000033;
}

.q_title {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12pt;
	COLOR: #3333ff;
}

.catch {
  	FONT-family: sans-serif;
    color:#990000;
    font-size:12pt;
    font-weight:700;
}

.catch2 {
	FONT-WEIGHT: 700;
	FONT-SIZE: 16px;
	COLOR: #0066ff;
	line-height: 125%;
	text-align: left;
}

.catch3 {
	FONT-WEIGHT: 700;
	FONT-SIZE: 15px;
	COLOR: #990000;
	line-height: 125%;
}

.specifications {
  	FONT-family: sans-serif;
    color:#000000;font-size:10pt;line-height: 175%;
}
.serif10 {FONT-family: serif;	FONT-WEIGHT: normal;	FONT-SIZE: 10pt;	COLOR: #191970;    text-indent: 10pt;line-height: 145%;text-align:left; }

.serif10b {FONT-family: serif;	FONT-WEIGHT: 600;	FONT-SIZE: 10pt;	COLOR: #191970;    text-indent: 10pt;line-height: 145%;text-align:left; }  

.serif10t {FONT-family: serif;	FONT-WEIGHT: 600;	FONT-SIZE: 10pt;	COLOR: #191970;    text-indent: 10pt;line-height: 145%;text-align:left;
/*transform: scale( 1.0 , 1.1 );*/  } 

.serif12b {FONT-family: serif;	FONT-WEIGHT: 600;	FONT-SIZE: 12pt;	COLOR: #0033cc;  ;line-height: 165%;text-align:left; }  

.sans10 {	FONT-family: sans-serif;	FONT-WEIGHT: normal;	FONT-SIZE: 10pt;	COLOR: #191970; line-height: 145%;text-align:left; } 

.sans10b {	FONT-family: sans-serif;	FONT-WEIGHT: 600;	FONT-SIZE: 10pt;	COLOR: #191970;  ;line-height: 145%;text-align:left; }

.sans10t {	FONT-family: sans-serif;
	FONT-WEIGHT: 600;
		FONT-SIZE: 10pt;
		COLOR: #191970;

		    line-height: 145%;
	/*	    transform: scale( 1.0 , 1.1 );*/
 }


.caption {
    color:#0000ff;
    font-size:10pt;
    line-height: 120%;
    font-weight:600;
}



}