@charset "utf-8";


a:link,a:visited,a:hover,a:active  { color: #fff;}

.index_box {
	position:relative;
	margin:0px 10px 50px 10px;;
	height:100%;
	text-align:center;
	//margin-top:220px;
}

.index_box_sub {
	max-width:1200px;
	min-width:768px;
	margin:0px auto 0 auto;
	margin-bottom:10px;
}

/*index of top*/
p.index_title {
	color:#fff;
	padding:10px;
	font-size:120%;
	text-align:center;
	margin-top:20px;
	margin:10px 0 0 0;
	background:#000;
	font-size:19.2px;
}

/*index text box*/

.index  {
	display:inline-block;
	position:relative;
	height:100%;
	min-height:150px;
	width:18%;
	//background:#333;
	margin:5px;
	//overflow:hidden;
	//padding-bottom:30px;
	vertical-align:top;	
}

.index div {
	position:relative;
	width:100%;
	margin:10px 0 0 0;
	//bottom:0px;
	//background:#333;
}


/*index text*/
.index  ul {
	list-style: none;
	margin:0;
	padding:0;
	text-align:left;
	height:100%;
} 





.index  li {
	//padding:0;
	color:#fff;
	//text-indent:-4px;
	margin-left:10px;
	margin-right:10px;
	word-wrap:break-word;
	line-height:1.2;
	margin-bottom:0.4em;
}

html[lang="jpn"] .index  li {
	margin-bottom:0.2em;
	text-indent:-6px;
}




.index  li.index_title_mid,.index {
	text-align:center;
	color:#0086d3;
	font-weight:bold;
	font-family:DefaultBold, Arial, Helvetica, sans-serif;
	padding-top:5px;
} 
html[lang="jpn"] .index  li.index_title_mid,
html[lang="jpn"] .index {
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}

.index  li.index_text_1 {
	font-size:0.7em;
	color:#aaa;
}

.index  li.index_text_2 {
	//padding:0 0 0 1em;
	font-size:0.7em;
	color:#aaa;
	margin-left:2em;
}

//.index li.index_text_1:before, .index li.index_text_2:before{
	//position:absolute;
	//display:inline-block;
	//content:"\00BB";
	//color:#0086d3;
	//font-size:1.2em;
	//margin:-3px 0 0 -0.85em;
	//vertical-align: 1px;
//} 


html[lang="jpn"] .index li.index_text_1:before, 
html[lang="jpn"] .index li.index_text_2:before{
	position:relative;
	content:url("../img/index_a.png");
	color:#0086d3;
	margin:0;
	font-size:1.2em;
	margin-right:3px;
	vertical-align:-1px;
} 


.index  li.index_text_1:before, 
.index  li.index_text_2:before{
	position:absolute;
	display:inline-block;
	content:"\00BB";
	color:#0086d3;
	font-size:1.2em;
	margin:-3px 0 0 -0.85em;
	//vertical-align:top;
	//margin:0 10px 0 0.2em;
	vertical-align: 1px;
} 


.index_menu{
  margin: 0;
  padding: 0;
  width: 100%;
  margin:0 auto;
  height:40PX;
  background:#000;
  font-size:16px;
}

.index_A1, .index_B1,.index_C1,.index_D1,.index_E1,.index_F1,.index_G1,.index_H1,.index_I1,.index_J1,.index_K1,.index_L1,.index_M1,.index_N1{
	display:none;
}

.index_menu>ul{
  display:block;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  width:576px;
}

.index_menu>ul li{
  float: left;
  width: 50px;
  margin: 0px 1px;
  padding: 0;
  text-align:center;
}

.index_menu>ul a{
  text-align: center;
  display:block;
  padding: 3px 0;
  width: 100%;
  background-color: #333;
  color: white;
}


.index_menu>ul a:link,.index_menu>ul a:visited,.index_menu>ul a:active {
  color: white;
}

#header .index_menu>ul a:hover{
  background-color: #0086d3;
  color: white;
}

#header .index_menu>ul a.select {
  background-color: #0086d3;
  color: white;
}

#header .index_menu>ul a.noselect {
  background-color: #333;
  color: #999;
}



#header .index_menu>ul li.notlink{
  color: #555;
}

.clear { clear:both; }
.clear hr { display:none; }  


.index_menu_close img {
	margin-left:15px;
	width:25px;
	cursor:pointer;
}


div.notlink {
	display:none;
}

#header .index_menu>ul li.notlink{
  	color: #555;
  	margin-top:4px;
}

.index li.index_title_mid.notlink {
  	color: #555;
}


.sp_title {
	display:none;
}

.index.dummy {
	visibility:hidden;
	height:0px;
}


/*except japan*/
.index_menu{
  padding-top: 20px;
}
/*except japan*/






@media screen and (max-width: 768px) {

.index  li.index_text_1:before, .index  li.index_text_2:before{
		//content:url(../img/index_arrow_sp.png);
			margin:-4px 0 0 -15px;

}
html[lang="jpn"] .index li.index_text_1:before, 
html[lang="jpn"] .index li.index_text_2:before {
	margin:-4px 4px 0 -15px;
	vertical-align:3px;
}


.index_box {
	margin:0 0 50px 0;
}


.index_box_sub {
	width:100%;
	min-width:0px;

}


.index div {
	display:none;
}

.index ul li{
	margin:0;

}

.index ul li.index_title_mid {
	font-size:1.5em;
	cursor:pointer;
}

.index ul li.index_text_1,.index ul li.index_text_2 {
 		font-size:1.3em;
		display:none;
		//text-indent:-18px;
		 margin-left:30px	;
		 margin-right:5%;
}
html[lang="jpn"] .index ul li.index_text_1,html[lang="jpn"] .index ul li.index_text_2 {
		 margin-left:30px	;
		 margin-right:5%;
		 text-indent:0px;
}




.index ul li.index_text_2 {
     margin-left:2.2em; 
 }
html[lang="jpn"] .index ul li.index_text_2 {
     margin-left:48px;
     text-indent:0px;  
}

 
 
.index ul li.opened  { 
	display:block;
}
 
.index ul {
	height:100%;
	width:100%;
}

.index {
	width:100%;
	height:auto;
	min-height:0px;
	margin:0px 0;
}


.index_menu {
   display:none;
  }

.ja .index_box_sub div div {
	display:none;
}

.ja .index_box_sub div div:first-child{
	display:block;
}

.ja .index_box_sub div div.opened {
	display:block;
}




.index_menu.opened {
	display:block;
}
.index_title.opened {
	display:none;
}



div.notlink {
	display:block;
}

div.notlink div ul li.index_title_mid {
	color:#333;
	cursor:auto;

}



div.index_box.ja .sp_title {
	position:relative;
	display:block;
	color:#fff;
	font-size:1.5em;
	text-align:left;
	background:#3a3a3a;
	padding:5px 0px 5px 15px;
	margin-top:5px;
	cursor:pointer;
}

div.index_box.ja .notlink .sp_title {
	color:#9a9a9a;
	cursor:default;
}
	

div.index_box.ja .sp_title:after {
	content:url(../img/index_opne.png);
	color:#fff;
	position:absolute;
	right:20px;
	width:25px;
	height:25px;
	top:50%;
	margin-top:-12.5px;
}

div.index_box.ja  .notlink .sp_title:after {
	content:" ";
}

div.index_box.ja .sp_title.opened:after {
	content:url(../img/index_close.png);
}



div.index_box.en .index ul .index_title_mid, div.index_box.es .index ul .index_title_mid, div.index_box.fr .index ul .index_title_mid, div.index_box.de .index ul .index_title_mid, div.index_box.nl .index ul .index_title_mid  {
	color:#fff;
	font-size:1.5em;
	text-align:left;
	background:#3a3a3a;
	padding:5px 0px 5px 15px;
	margin-top:5px;
	text-indent:0px;
	cursor:pointer;
}

div.index_box.en  #index_A1 ul li:first-child, div.index_box.es  #index_A1 ul li:first-child, div.index_box.fr  #index_A1 ul li:first-child, div.index_box.de  #index_A1 ul li:first-child, div.index_box.nl  #index_A1 ul li:first-child {
	margin-top:0;
}



div.index_box.en .notlink .index ul .index_title_mid,
div.index_box.es .notlink .index ul .index_title_mid, 
div.index_box.fr .notlink .index ul .index_title_mid, 
div.index_box.de .notlink .index ul .index_title_mid, 
div.index_box.nl .notlink .index ul .index_title_mid {
	color:#9a9a9a;
	cursor:default;
}

div.index_box.en .index ul .index_title_mid.notlink, 
div.index_box.es .index ul .index_title_mid.notlink, 
div.index_box.fr .index ul .index_title_mid.notlink, 
div.index_box.de .index ul .index_title_mid.notlink, 
div.index_box.nl .index ul .index_title_mid.notlink {
	color:#9a9a9a;
	cursor:default;
}

div.index_box.en .index ul .index_title_mid:after, 
div.index_box.es .index ul .index_title_mid:after, 
div.index_box.fr .index ul .index_title_mid:after, 
div.index_box.de .index ul .index_title_mid:after, 
div.index_box.nl .index ul .index_title_mid:after {
	content:url(../img/index_opne.png);
	color:#fff;
	position:absolute;
	right:10px;
		margin-top:1px;
}

div.index_box.en .notlink .index ul .index_title_mid:after, 
div.index_box.es .notlink .index ul .index_title_mid:after, 
div.index_box.fr .notlink .index ul .index_title_mid:after, 
div.index_box.de .notlink .index ul .index_title_mid:after, 
div.index_box.nl .notlink .index ul .index_title_mid:after{
	content:" ";
}
div.index_box.en .index ul .index_title_mid.notlink:after, 
div.index_box.es .index ul .index_title_mid.notlink:after, 
div.index_box.fr .index ul .index_title_mid.notlink:after, 
div.index_box.de .index ul .index_title_mid.notlink:after, 
div.index_box.nl .index ul .index_title_mid.notlink:after {
	content:" ";
}

div.index_box.en .index ul .index_title_mid.opened:after, 
div.index_box.es .index ul .index_title_mid.opened:after, 
div.index_box.fr .index ul .index_title_mid.opened:after, 
div.index_box.de .index ul .index_title_mid.opened:after, 
div.index_box.nl .index ul .index_title_mid.opened:after{
	content:url(../img/index_close.png);
}

.index.dummy {
	padding:0;
}


.index ul li:first-child+li {
	margin-top:10px;
}

.index li.index_title_mid, .index {
	font-weight:normal;
	font-family:DefaultRegular, Arial, Helvetica, sans-serif;
}
body.ja .index li.index_title_mid, body.ja .index {
	font-weight:normal;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ','Meiryo UI','ＭＳ Ｐゴシック',sans-serif;
}	

.index {
	padding-top:0;
}


html body .index_box_sub div div.no_sp_visual  {
	display:none;
}
html body .index_box_sub div div.opened.no_sp_visual  {
	display:none;
}


}














@media screen and (max-width:480px) {

.index_box {
	/*margin-top:113px;*/
}

}

@media screen and (max-width:370px) {

.index_box {
	/*margin-top:106px;*/
}

}