@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background:#f5f5f5;
    color:#000000;
    margin:20px auto;
    text-align:center;
	line-height:1.9em;
	font-weight:500;
    width:960px;
}

.viewer{
	position:relative;
    float:center;
    width:650px;
    text-align:left;
    margin-top:5px;
    margin-bottom:10px;
	border-radius:0px;
	box-shadow:0px 0px 0px;
	border:none;
	border-left:dotted 2px #aaaaaa;
	border-right:dotted 2px #aaaaaa;
}


h1, h2, h3, h4, h5, h6 {
    font-weight:600;
}



a:link {
    color:#0044cc;
    text-decoration:none;
}

a:visited {
    color:#9400d3;
    text-decoration:none;
}

a:hover {
    color:#00cccc;
}

aside	{
background-color:#FDFDFD;
}


nav, section{
    display:block;    
    border-radius: 12px;
    box-shadow: 0px 0px 2px #333333;
    border: 1px solid #aaaaaa;
    background-color: #fdfdfd;
    margin:5px;
    padding: 0 20px 10px 20px;
    color: #000000;
    text-align: left;
}


header h1 {
    font-size:2.3em;
    text-transform:none;
    letter-spacing:0em;
    background-image: -moz-linear-gradient(top, #8b0000, #600000);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #8b0000), color-stop(1.0, #600000));
    
}
header h2 {
    margin:-10px 0px 20px;
    font-size:1.3em;
}
header h3 {
    font-size:2.3em;
    text-transform:none;
    letter-spacing:0em;
    
}
header ul {
    padding:0px;
    list-style-type:none;
    display:inline;
}
header li {
    margin:0px 10px;
    padding:0px;
    list-style-type:none;
    display:inline;
}
header a:link, nav a:visited {
    font-weight:normal;
}
nav {
    float:left;
	clear: left;
    width:200px;
	border-radius:0px;
	box-shadow:0px 0px 0px;
	box-shadow:0px 0px 0px;
	border:none;
	border-left:dotted 2px #aaaaaa;
	border-right:dotted 2px #aaaaaa;
    
}

nav ul {
	list-style:none;
	width: 200px;
	margin:0px;
	padding:0px;
	border-bottom:1px solid #e7e2d7;
}
section {
    float:right;
    width:650px;
    text-align:left;
    margin-top:5px;
    margin-bottom:10px;
	border-radius:0px;
	box-shadow:0px 0px 0px;
	border:none;
	border-left:dotted 2px #aaaaaa;
	border-right:dotted 2px #aaaaaa;
}
section h1, nav h1 {
    border-radius: 0px;
	font-size:2.5em;
	line-height: 1.2em;
    background-image: -moz-linear-gradient(top, #FCFCFC, #EEEEEE);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FCFCFC), color-stop(1.0, #EEEEEE));
	border-bottom:dotted 2px #aaaaaa;
	background-color:#9f0000;
    color:#000000;
    padding:10px;
    margin:10px -10px;
    text-shadow:0px 0px 0px #000;
}


nav h1.bgBla{
	border-left:solid 20px #000000;
}

section h1.bgYel{
    border-left:solid 30px #FFF10F;
	}

section h1.bgRed{
    border-left:solid 30px #FF0000;
	}

section h1.bgGre{
    border-left:solid 30px #00FF00;
	}
	
section h1.bgBla{
    border-left:solid 30px #000000;
	}
	
section h1.deka{
    border-left:solid 30px #000000;
	margin: auto;
	}

section h2{
    border-radius: 0px;
	font-size:1.5em;
    background-image: -moz-linear-gradient(top, #FCFCFC, #EEEEEE);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FCFCFC), color-stop(1.0, #EEEEEE));
    border-left:solid 30px #FFF10F;
	border-bottom:dotted 2px #aaaaaa;
	background-color:#9f0000;
    color:#000000;
    padding:5px 10px;
    margin:10px -10px;
    text-shadow:0px 0px 0px #000;
}

section h2.bgYel{
    border-left:solid 30px #FFF10F;
	}

section h2.bgRed{
    border-left:solid 30px #FF0000;
	}

section h2.bgGre{
    border-left:solid 30px #00FF00;
	}
	
section h2.bgBla{
    border-left:solid 30px #000000;
	}
	
section h2.bgBlu{
    border-left:solid 30px #1E80FF;
	}
	
	
	section h3{
    border-radius: 0px;
	font-size:1.1em;
    background-image: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFFFFF), color-stop(1.0, #F0F0F0));
    border-left:solid 7px #FFF10F;
	border-bottom:dotted 2px #cccccc;
	background-color:#9f0000;
    color:#000000;
    padding:5px 10px;
    margin:10px -10px;
    text-shadow:0px 0px 0px #000;
}

section h3.bgRed{
    border-left:solid 20px #FF0000;
	}

section h3.bgGre{
    border-left:solid 20px #00FF00;
	}
	
section h3.bgBla{
    border-left:solid 20px #000000;
	}
	
section h3.bgBlu{
    border-left:solid 20px #1E80FF;
	}
	
	
/*matome*/
section p.summary{
    border-radius: 0px;
	font-size:1.5em;
	width:630px;
    border:dotted 2px #aaaaaa;
	background-color:#FFFFFF;
    color:#000000;
    padding:10px;
    margin:15px -10px;
    text-shadow:0px 0px 0px #000;
	text-indent:0px
}

/*matome*/
section ul.summary{
    border-radius: 10px;
	font-size:1.4em;
	width:630px;
    border:solid 4pt #FF0000;
	background-color:#FAFFFF;
	list-style-type: none;
    color:#000000;
    padding:0.4em;
	line-height: 1.5em;
    margin:25px 0px 100px 0px;
    text-shadow:0px 0px 0px #000;
}

section ul.summary li{
    margin-left:10px;
	margin-bottom:0.5em;
    }

section ul.summary li:before {
    content: "• ";
    color: #555555;
}

section p.head{
    border-radius: 0px;
	font-size:1.3em;
	width:auto;
    color:#000000;
	background-color:#FDFDFD;    
	text-indent:0px
}



/*img*/
section p.image{
    border-radius: 0px;
	font-size:1.1em;
	width:530px;
    color:#000000;
    padding:0px 50px 50px 50px;
    margin:0px 0px;
    text-indent: 0px;
}


section ul {
    padding:5px;
    
    margin:14px 15px;
}
section li {
    margin:0px;
    padding:0px;
    list-style:circle #000000;
}
section li a:link, section li a:visited {
    float:left;
    width:96%;
    padding:3px 1%;
    border-bottom:1px solid #e7e2d7;
}
section li a:hover {
    background:#f2f1ec;
}
section p {
    font-size:1.1em;
	text-indent:1.1em;
	font-weight: 500;
}

article {
    margin:0 0 30px 0;
}
footer {
    clear:both;
    }


table body, th, tr, td{
	
	font-size:1.25em;
	font-weight: 700;
	width:17px;
	border-collapse:collapse;
	vertical-align:center;
	text-align:right;
	
	

}

table{
	border:4px solid #FF0000;
	border-radius:8px;
	background-color:#FAFFFF;
	margin-bottom: 30px;
	}






table.compare{
	border:0px solid #AAAAAA;
	border-radius:8px;
	background-color:#FFFFFF;
	line-height:1.5em;
	
	}
	
.compare body, .compare th, .compare tr, .compare td{
	font-family: Georgia, 'Hiragino Mincho Pro', Meiryo, serif;
	font-size:0.9em;
	width:auto;
	border-collapse:collapse;
	text-align:left;
	
	

}



.treemenu {
	float: left;
	width: 200px;
	background: #ffffff;
	font-size:1.3em;
	font-weight: 600;
	
}
/*階層1*/
.treemenu .lv1btn{
	cursor: pointer;
	padding: 5px 15px;
	margin:1px -10px;
	color:#000000;
	background-image: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFFFFF), color-stop(1.0, #F0F0F0));
	border-left: solid 15px #000000;
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
.treemenu .lv1body {
	display: none;
	padding: 0px 15px;
	margin:1px -10px;
	background-image: -moz-linear-gradient(top, #FFFFFF, #F0F0F0);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #FFFFFF), color-stop(1.0, #F0F0F0));
	border-left: solid 15px #aaaaaa;
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;

}

.treemenu .lv1body p {
	width:200px;
	padding: 5px 10px;
	margin:0px 0px;
	color:#000000;
	background-color:#fcfcfc;
}

/*階層2*/
.treemenu .lv1body .lv2btn {
	cursor: pointer;
	width: 175px;
	padding: 5px 15px;
	margin:0px -15px;
	border-right: solid 1px #aaaaaa;
	
	border-bottom: solid 1px #aaaaaa;
	color:#000000;
	background-color:#d0d0d0;
	
}


.treemenu .lv1body .lv2body {
	display: none;
	margin:5px -10px;
	padding: 5px 10px;
	background-color:#ffffff;
	width: 180px;
}
/*第二階層直下のリンク*/
.treemenu .lv1body .lv2body a {
	font-size:70%;
	color:#000000;
	margin:-5px -15px;
	padding: -15px 0px;
	margin-bottom:10px;
	line-height:3em;
	background-color:#ffffff;
	width: 155px;
	border-left: solid 5px #DDDDDD;
	display:inline-block;
	clear: both;
	text-indent:-2.5em;
	padding-left:3em;
}

	

.treemenu .lv1body .lv2body a:link {
    color:#000000;
    text-decoration:none;
	line-height:1.5em;
}

.treemenu .lv1body .lv2body a:visited {
    color:#000000;
    text-decoration:none;
	line-height:1.5em;
}

.treemenu .lv1body .lv2body a:hover {
    color:#cccccc;
	line-height:1.5em;
}




/*階層3*/
.treemenu .lv1body .lv3btn {
	cursor: pointer;
	width: 140px;
	margin:0px 0px;
	padding: 5px 20px;
	background-color:#f0f0f0;
	color:#000000;
}

div img {border:1px 
	solid #aaaaaa;}

.btn-gradient-radius {
  display: inline-block;
  padding: 50px 200px;
  border-radius: 50px;
  text-decoration: none;
  color: #FFF;
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}

.btn-gradient-radius:hover {
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}



.selectdiv {
  position: relative;
  float: center;
  min-width: 600px;
  margin: 0 auto;
}

/* IE11 hide native button (thanks Matt!) */
select::-ms-expand {
display: none;
}

.selectdiv:after {
  content: '<>';
  font: 50px "Consolas", monospace;
  color: #333;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 10px;
  /*Adjust for position however you want*/
  
  top: 25px;
  padding: 10 10 10 10px;
  border-bottom: 1px solid #999;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}

.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 1200px;
  height: 100px;
  float: center;
  margin: 5px 0px;
  padding: 10px 24px;
  font-size: 50px;
  line-height: 1.75;
  color: #333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  -ms-word-break: normal;
  word-break: normal;
}

.centering_item {
   position: relative;
   margin:  0 auto;            /* 中央寄せ */
}