@charset "utf-8";
/* CSS Document */

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

universal style

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

* {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
ul, dl, ol {
	list-style-type: none;
	list-style-position: outside;
}
body {
	background: #fff;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", メイリオ, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 0.5px;
	overflow-x : hidden;
}
/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;/* forIE7 */
	margin: 0 0 0 20px;
}
.align-right {
	text-align: right;
}
.clear {
	clear: both;
}
.nomargin {
	margin: 0 !important;
	padding: 0 !important;
}
.nobdr {
	border: none !important;
}
/*======================================

anchor style

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

a:link {
	color: #333;
	text-decoration: underline;
}
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
/*======================================

gnavi style

======================================*/
div#gnavi {
	clear: both;
}
div#gnavi li {
	line-height: 0;
	float: left;
}
/* Topmenu部分 */
.mod_dropnavi ul.topmenu {
	width: 960px;
	height: 29px;
	position: relative;
	z-index: 2;
}
.mod_dropnavi ul.topmenu li {
	float: left;
	position: relative;
}
.mod_dropnavi ul.topmenu li {
	width: 192px;
}
.mod_dropnavi ul.topmenu li a{
  height: 28px;
  background-color: #231612;
  border-bottom:solid  1px  #c8c5c5;
  border-left  :dashed 1px  #c8c5c5;
  display: block;
  position: relative;
}
.mod_dropnavi ul.topmenu li a:hover{
  border-left  :none;
  border-right :none;
}


.mod_dropnavi ul.topmenu li .global_submenu_item {
  margin-top:3px;
}

.mod_dropnavi ul.topmenu li a .en,
.mod_dropnavi ul.topmenu li a .ja {
 display: block; 
 width: 100%;
 position: absolute; /* .enと.jaを重ねて表示 */
 transition: .2s; /* 0.2秒で値をなめらかに変化させる */

 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
 height: 28px;
}

@font-face {
 font-family: Prompt;
 src: url('../fonts/Prompt/Prompt-Regular.ttf') format("truetype");
}
.mod_dropnavi ul.topmenu li a .en {
 opacity: 1; /* 普段は英語表記を表示 */
 color: #FFF;

 font-family: 'Prompt', sans-serif;
 border-right :dashed 1px  #c8c5c5;

}
.mod_dropnavi ul.topmenu li a .ja {
 opacity: 0; /* 普段は日本語表記を透明に */
 color: #222;
}
.mod_dropnavi ul.topmenu li a:hover .en { /* aにホバーしたとき英語表記は透明に */
 opacity: 0;
}
.mod_dropnavi ul.topmenu li a:hover .ja { /* aにホバーしたとき日本語表記を表示 */
 opacity: 1;
}
.mod_dropnavi ul.topmenu  li.topmenu00 > a:hover .ja {
 background-color:#ac9fbb;
 color:#dad5e1;
}
.mod_dropnavi ul.topmenu li.topmenu01 > a:hover .ja {
 background-color:#c7b19f;
 color:#eee6e1;
}
.mod_dropnavi ul.topmenu li.topmenu02 > a:hover .ja {
 background-color:#99cc99;
 color:#f9f9f3;
}
.mod_dropnavi ul.topmenu li.topmenu03 > a:hover .ja {
 background-color:#cc9999;
 color:#fbfbfb;
}
.mod_dropnavi ul.topmenu li.topmenu04 > a:hover .ja {
 background-color:#99cccc;
 color:#fff;
}

/*子階層*/
.mod_dropnavi ul.topmenu li ul li a {
 text-align: left;
 width:100%;
 border-left :none;

}

.mod_dropnavi ul.topmenu li ul li a span.en,
.mod_dropnavi ul.topmenu li ul li a span.ja{
 display: block;
}

.mod_dropnavi ul.topmenu li ul li a .en {
 color: #b5b5b5;
 border-right :none;
}

.mod_dropnavi ul.topmenu li ul li a:hover .ja {
 background-color:transparent ;
}
.mod_dropnavi ul.topmenu li.topmenu01 ul li a:hover .ja{
 color:#c7b19f;
}
.mod_dropnavi ul.topmenu li.topmenu02 ul li a:hover .ja{
 color:#99cc99;
}
.mod_dropnavi ul.topmenu li.topmenu03 ul li a:hover .ja {
 color:#cc9999;
}
.mod_dropnavi ul.topmenu li.topmenu04 ul li a:hover .ja {
 color:#99cccc;
}

/* サブメニュー階層は通常は非表示 */
.mod_dropnavi ul.topmenu li.off ul {
	display: none;
}
/* サブ階層部分 */
.mod_dropnavi ul.topmenu li ul.submenu {
	position: absolute;
	top: 29px;
	left: -1px;
}
.mod_dropnavi ul.topmenu li ul.submenu li {
	height: 25px;
	clear: both;
}
.mod_dropnavi ul.topmenu li ul li a {
	padding: 9px 0 0 6px;
	height: 16px;
	display: block;
	width: 186px;
}
.mod_dropnavi ul.topmenu li ul.l-todo li a {
	background: #f8f5ee;
}
.mod_dropnavi ul.topmenu li ul.l-guest li a {
	background: #e2eddd;
}
.mod_dropnavi ul.topmenu li ul.l-idea li a {
	background: #fdefef;
}
.mod_dropnavi ul.topmenu li ul.l-photo li a {
	background: #d3ebe8;
}
.mod_dropnavi ul.topmenu li ul.submenu li {
	border-left: 1px solid #c8c5c5;
	border-right: 1px solid #c8c5c5;
	border-bottom: 1px solid #c8c5c5;
}
/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.ex_clearfix {
	min-height: 1px;
}
* html .ex_clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*======================================

wrapper style

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

div#wrapper {
	width: 960px;
	margin: 0 auto;
}
ul#hdr-nav {
	width: 960px;
	margin: 10px auto 0 auto;
	font-size: 10px;
	line-height: 120%;
	text-align: right;
	color: #B4B5B5;
}
ul#hdr-nav li {
	padding-right: 20px;
	margin-right: 20px;
	border-right: 1px dotted #333;
	display: inline;
}
ul#hdr-nav a {
	color: #B4B5B5;
}
p#logo-ph {
	margin: 30px 0;
	float: left;
}
p#logo-library {
	float: left;
	margin: 30px 0 30px 110px;
}
/*======================================

left style

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

div#left {
	width: 188px;
	float: left;
	margin-right: 2px;
	height: 604px;
	position: relative;
}
div#left p#ban {
	position: absolute;
	bottom: 0;
}
div#left h1 {
	width: 188px;
	margin: 2px 0 30px 0;
	padding-top: 25px;
	background: url(../img/common/hdr-left.gif) no-repeat top;
}
div#left ul#lnavi li {
	margin-bottom: 12px;
}
/*======================================

right style

======================================*/
div#main {
	width: 960px;
	height: 651px;
//	height: 604px;
/*	width: 770px; *//*@kogakusha*/
/*	background: url(../img/common/back-main.jpg) no-repeat;*/ /*@kogakusha*/
	background: url(../img/common/back-main.gif) no-repeat bottom;
	
}
div#right {
/*	width: 770px;*/ /*@kogakusha*/
	width: 480px;
	float: left;
}
/*======================================

ftr style

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

div#ftr {
	clear: both;
	font-size: 10px;
	color: #b5b5b6;
}
div#ftr a {
	color: #b5b5b6;
	text-decoration: none;
}
div#ftr p, div#ftr ul {
	float: left;
	margin-top: 20px;
}
div#ftr p {
	margin: 18px 20px 0 0;
}
div#ftr p#mylibrary {
	margin-left: 250px;
}
div#ftr li {
	float: left;
	line-height: 100%;
	padding-right: 10px;
	margin: 0 10px 20px 0;
	border-right: 1px solid #b5b5b6;
}