@charset "utf-8";

/*======================================================NEW===================================================*/
#top{
	width:960px; margin:0 auto 0 auto;}
#header{
	width:960px;
	padding:30px 0 20px 0;
	}
#content{
	width:960px;;
	background:#d5dde2;
	padding:25px 0 10px 0;
	-webkit-box-shadow:0 5px 4px #b5bcc0 inset;
	-moz-box-shadow: 0 5px 4px #b5bcc0 inset;
	box-shadow: 0 5px 4px #b5bcc0 inset;
	}
#content_member{
	width:960px;;
	background:#146457;
	padding:25px 0 10px 0;
	-webkit-box-shadow:0 5px 4px #145555 inset;
	-moz-box-shadow: 0 5px 4px #145555 inset;
	box-shadow: 0 5px 4px #145555 inset;
	}

#content_main{
	width:700px;
	float:right;
	background:#d5dde2;
	margin:0 0 20px 0;
	padding:0;
	color:#000;
	min-height:608px;
	}

#content_main_member{
	width:700px;
	float:right;
	background:#146457;
	margin:0 0 20px 0;
	padding:0;
	color:#000;
	min-height:608px;
	}
	
#content_main_index{
	width:545px;
	float:left;
	margin:0;}
	
#content_main_inner{
	width:505px;
	background:#ffffff;
	padding:20px 20px 15px 20px;
	-webkit-box-shadow: 0 3px 5px #b5bcc0;
	-moz-box-shadow:  0 3px 5px #b5bcc0;
	box-shadow:  0 3px 5px #b5bcc0;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
	}

#content_left{
	width:260px;
	float:left;	
	}
	
#content_left_top{
	width:156px;
	float:left;
	margin:0; padding:0;
	}
#content_right{
	width:225px;
	float:left;
	margin:0 16px;
}

#footer{
	background-color:#d5dde2;
	width:960px;
	text-align:center;}
#footer_member{
	background-color:#146457;
	width:960px;
	text-align:center;}
	

/*firefox用画像隙間*/	
div img { vertical-align: text-bottom; }
/*firefox用画像隙間*/
/*=========================================================================================================*/

html{
	top:0;
	height: 100%;
	text-align:center;
	margin:0 auto;
	padding:0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
body {
	top:0;
	height: 100%;
	width:100%;
	padding:0;
	text-align:left;}
a:link{
	color: #575757;
}
a:visited{
	color: #575757;
}
a:hover, a:focus{
	color: #575757;
	text-decoration:none;
}

a img.linkimg{
background:none!important;
margin:0 0 0 0px;
}
 
a:hover img.linkimg{
opacity:0.9;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
margin:0 0 0 0px;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}
/*for IE6*/
*html.clearfix{
	display:inline-block;
}
/*for IE7*/
*+html.clearfix{
	display:inline-block;
}

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

p{	margin:1em 0; }

ol, ul{	margin: 1em 0 1em 2em; }

ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0;}

ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }

ul li{ list-style:disc;}

em{font-style:italic;}

strong{font-weight:bold;}

em strong, strong em{ font-weight:bold; font-style:italic; }

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

/*add*/

tr.lines{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;	
}

tr.lines2{
	
	border-bottom: 1px solid #666;	
}

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

/*header*/

.headbg			{background:url(../img-top/common/bg_asc.png) no-repeat bottom right;}
#header h1 		{float:left; width:324px; padding:0 0 0 12px; }
#header h1 a	{
	background:url(../img-top/common/logo.png) no-repeat top left;
	width:248px; height:19px;
	text-indent:-9999px;
	display:block;
	}
#headnav				{width:337px; float:left; padding:0; margin:0;}
#headnav li				{float:left; list-style:none; list-style-type:none;}
#headnav .home a		{background:url(../img-top/common/headnav_top.png) no-repeat center left; width:117px; height:19px; text-indent:-9999px; display:block;}
#headnav .sitem a		{background:url(../img-top/common/headnav_sitem.png) no-repeat center left; width:110px; height:19px; text-indent:-9999px; display:block;}
#headnav .cont a		{background:url(../img-top/common/headnav_cont.png) no-repeat center left; width:110px; height:19px; text-indent:-9999px; display:block;}

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

/*index page sidemenu */

.gmenu_top						{background: url(../img-top/index/gnav_top.png) no-repeat top left; width:137px; height:150px; text-indent:-9999px; padding-bottom:15px;}

#globalNav		{
	width:137px; padding:0; margin:0;
	background:#e2e2e2;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;	
	-webkit-box-shadow: 3px0 3px 5px #b2b9bd;
	-moz-box-shadow:  3px 3px 5px #b2b9bd;
	box-shadow:  3px 3px 5px #b2b9bd;
	
	font-size:13px;
	padding-bottom:15px
	}
#globalNav	h2			{width:119px; font-size:13px; color:#59a0e0; padding:0 9px; line-height:13px; font-weight:normal}

#globalNav li				{margin:0; text-align:right; width:137px; display:block;}

#globalNav li .subNav li a	{margin:0; text-align:right; display:block; width:119px;  padding:9px; line-height:15px;}
#globalNav li .subNav li a:hover	{background:#c9c9c9;}


.btn_membertop a	{background:url(../img-top/index/btn_member_top.svg) no-repeat top left; width:141px; height:125px; text-indent:-9999px; margin-top:10px; display:block;filter: drop-shadow(0 5px 5px #aaa);}


.bubbleInfo {
	position: relative;
	height: 1%;
}

.trigger {
	width: 290px;
}

.trigger span {
	font-size:10px;
	color:#999;
}


/*sub page sidemenu*/

#globalNav_sub		{
	width:260px; padding:0; margin:0;
	background:#e2e2e2;
	-webkit-box-shadow: 3px 3px 5px #b2b9bd;
	-moz-box-shadow:  3px 3px 5px #b2b9bd;
	box-shadow:  3px 3px 5px #b2b9bd;
	font-size:13px;
	color:#575757;
}
.gmenu_top_sub{
	background: url(../img-top/common/gnav_top_sub.png) no-repeat top left; 
	width:260px; height:100px; 
	text-indent:-9999px;
}
#globalNav_sub > ul > li:first-child{
	padding-top: 12px;
}
#globalNav_sub li a {
	list-style:none; 
	list-style-type:none; 
	margin:0; 
	padding:12px 9px 12px 20px; 
	display:block; 
	width:230px;
}
.btn_member	a {
	background:url(../img-top/common/btn_member.svg) no-repeat top left; 
	width:260px; 
	height:80px; 
	text-indent:-9999px; 
	margin-top:10px; 
	display:block;
	filter: drop-shadow(0 5px 5px #aaa);
}

/*sub*/
#globalNav_sub ul li ul.popup {
	background:#e2e2e2;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2),  0 1px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.2),  0 1px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 5px rgba(0,0,0,0.2),  0 1px 0 rgba(0,0,0,0.1);

}
#globalNav_sub ul li:nth-child(n){
  position: relative;
}
#globalNav_sub ul li:nth-child(n) ul.popup {
  position: absolute;
  top: 0;
  left: 260px;
}
#globalNav_sub ul li:nth-child(n) ul.popup {
	display: none;
}
#globalNav_sub ul li:nth-child(n):hover ul.popup {
	display: block;
}
#globalNav_sub ul li ul.popup li {
	position: relative;
}
#globalNav_sub ul li ul.popup li:after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 5px solid transparent;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-left-color: #666;
}
#globalNav_sub ul li ul.popup li:hover{
	background:#ccc;
}