@charset "utf-8";


html { 
	background : #333333; 
	margin : 3rem; 
	padding : 0;
	font-family: "Clarimo UD PE Regular", "UD Shin Go Conde90 R JIS2004",
    "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	} 

body { 
	background: #ffffff;
	width: 1090px;
	padding: 3rem;
    margin:0 auto;
		}

.headerFlex {
	display: flex;
	}

h1 {
	margin-right: auto;
	font-weight: normal;
	line-height: 2rem;
}

.rogo img {
	margin: 1.8rem 0rem;
}


/*以下ナビゲーション*/
nav{
position: relative;
padding: 1rem 0 4rem;
border-bottom: 3px solid #B2B2B2; 
text-align: left;	
}

nav ul{
position: absolute;
left: 0%;
display: table;
margin: 0 auto;
padding: 0;
width: 55%;
}

.ge nav ul{
width: 65%;	
}

.eu nav ul{
width: 85%;
}
nav ul li{
display: table-cell;
min-width: 50px;
padding-left: 0.5rem;
padding-right: 0.5rem;
border-left: 10px solid #B2B2B2;
border-right: 10px solid #FFFFFF;
}

nav ul li a{
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
text-decoration: none;
color: #000000;
margin: 0rem 1rem;
}

nav ul li.current{
font-weight: bold;
border-left: 10px solid #6172a5;
}

nav ul li.current a{
color: #000000;
}

nav ul li a:hover{
color: #6172a5;
}

nav ul li:hover{
background-color: #EDEDED;
border-left: 10px solid #6172a5;
}

/*以下マニュアル一覧用*/
.wrapper {
	margin: 1rem;
	margin-top: 1.5rem;
	width: 80%;
	}
.button,
.button_top {
display: flex;
justify-content: center;

}

.button ul,
.button_top ul {
	padding-left: 0;
	margin: 0rem;
	}

.button li,
.button_top li {
  list-style: none;
  border-style: solid;
  border-color: #6172a5;
  background-color: #6172a5;
  margin: 2rem 1rem;
  width: 27rem;
  padding: 1rem 2rem 0rem;
  text-align: center;
}

.button li {
	text-align: left;
	padding-bottom: 2rem;
}

.button li:hover,
.button_top li:hover {
border-style: solid;
border-color: #6172a5;
background-color: #ffffff;	
}

.button_top li {
	height: 4.3rem;
}

a {
	text-decoration: none;
	color: blue;
}

a li {
	font-size: 2rem;
	color: #ffffff;
}

a li:hover{
	color:#000000;
}


p {
	text-align: left;
	font-size: 1.2rem;
	margin: 0rem;
}

li p {
	font-size: 1rem;
}

/*以下index_ap用のcssとfont-familyは各言語のindexに使用*/

.en {
	font-family: "Clarimo UD PE Regular", "Helvetica Neue", Arial, sans-serif;
	}

/*以下、IEレイアウト崩れ_修正用のcss*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.en-button,
	.it-button,
	.ge-button,
	.sp-button {
		padding: 0.6rem 0rem 0rem;
		}
		
	.button li {
		height: 6rem;
		}
		
	li p {
		margin-top: 0.4rem;
		}
}

/*以下conbentions_enと各言語用のcss*/
.wrapperRef {
	margin: 1rem 0.5rem;
	margin-top: 1.5rem;
	width: 90%;
	}
	
.wrapperSub {
	margin: 0rem 0.5rem;
	width: 90%;
	}

.hyouki {
margin: 0rem 1rem 1rem;
margin-left: 3rem;
}

.fukugou {
	letter-spacing: 0.35rem;
}

dl {
	margin: 0 auto;
	font-size: 1.1rem;
}

dt {
  float: left;
}

dd {
  margin-left: 80px;
}

.hyouki table, th, td {
    border: none;
}

table {
	margin-bottom: 0.1rem;
}

th {
	padding: 0rem 2rem;
}

.mark th {
	font-weight: normal;
	font-size: 1.5rem;
}

.mark dd {
	font-size: 1.1rem;
}

ul {
	font-size: 1.1rem;
}

.insert table, .insert th, .insert td {
	border-collapse: collapse;
	border: 1px solid #000000;
}

.insert table {
	margin-left: 2.5rem;
}

.insert th {
	font-weight: normal;
	padding: 0.5rem 0.5rem 1rem;
	text-align: left;
	line-height: 1.2rem;
}

.insert span {
	font-size:0.9rem;
}

.insert td {
	padding: 0.5rem;
	text-align: center;
}

.insert img {
	width: 80%;
}