/* 
base
-------------------------------------------------------------------------------- */
/* ■class-Header1■---------------------------------------- */
.headermap-logo {
	margin:15px 0 0 20px;
	padding:0;
}
#header-catchcopy {
	color:#fff;
	margin:0 0 0 10px;
	padding:0;
	height:20px;
	overflow:hidden;
}

#header-font {
	width:130px;
	position:absolute;
	top:20px;
	right:10px;
}

#header-font li {
	display:block;
	width:54px;
	height:60px;
	margin:0 0 0 -11px;
	padding:0;
	float:left;
}

#header-font li a {
	display:block;
	overflow:hidden;
	width:54px;
	height:60px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#header-font li a:hover {
	background-position:0 -60px;
}

#header-font-s {
	background-image:url(/image/common/header-font-s.png);
}

#header-font-m {
	background-image:url(/image/common/header-font-m.png);
}

#header-font-l {
	background-image:url(/image/common/header-font-l.png);
}

.font-on {
    background-position: 0 -60px;
}

#header-mb-info {
	position:absolute;
	top:140px;
	line-height:250%;
	font-size:108%;
	color:#fff;
	
}

#header-mb-menu {
	position:absolute;
	top:140px;
	right:10px;
	
	line-height:100%;
	font-size:100%;
}

#header-mb-menu {
	margin-top:3px;
	margin-right:5px;
}

#header-mb-menu a {
	color:#fff;
margin-left:5px;
}

#header-gb-menu {
	width:816px;
	margin:0 auto;
}

#gb-menu-list {
	position:absolute;
	top:171px;
	width:816px;
	height:40px;
	background:url(/image/common/header-gb-menu.jpg) no-repeat left top;
	z-index:1000;
}

#gb-menu-list li {
	margin:0;
	padding:0;
	float:left;
	width:163px;
	height:40px;
}

#gb-menu-list li a {
	display:block;
	overflow:hidden;
	width:163px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

#gb-menu-list li a:hover.toppage {
	background:url(/image/common/header-gb-menu.jpg) no-repeat 0px -50px;
}

#gb-menu-list li a:hover.mypage {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -163px -50px;
	
}

#gb-menu-list li a:hover.kisetu {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -326px -50px;
	
}

#gb-menu-list li a:hover.kisetu_navi {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -326px -50px;
	
}
#gb-menu-list li .kisetu_navi_hover {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -326px -50px;
}

#gb-menu-list li a:hover.recommend {
	background:url(/image/common/header-gb-menu.jpg) -489px -50px;
	
}

#gb-menu-list li a:hover.ebook {
	background:url(/image/common/header-gb-menu.jpg) -652px -50px;
	
}


/* ロールオーバー
--------------------------------------------- */

#kisetu {
  position: relative;
  float: left;
  margin: 0;
  font-weight: bold;

}

#kisetu ul {
  margin: 0 0 0 2px;
  display: none;
  position: absolute;
  width: 160px;
  background: #3399FF;

}

#kisetu ul li {
  padding: 0;
  width: 160px;
  border: none;
  height:35px !important;

}


#kisetu ul li a {
  display: inline-block !important;
  text-decoration: none !important;
  text-indent:0px;
  width: 150px;
  padding:7px 0 2px 10px;
}

#kisetu ul li a:hover {
  background: #ffffff;
  color: #3399FF !important;
  text-decoration: underline !important;
  height:26px !important;
  padding:7px 0 2px 10px;

}




#kisetu ul li span a{

  color: #ffffff !important;

}


/* ■class-Header1■---------------------------------------- */


/* ■class-Footer1■---------------------------------------- */

#footer-contents {
margin: 0 auto;
min-width: 950px;
font-size:93%;
}
#footer-contents a {
	color:#3D3E3D;
}
#footer_map a {
    color: #7C7B7B;
    padding: 0 2px;
}
#footer_map a.last {
    padding: 0 6px 0 2px;
}

div#footer_navi {
    border-top:1px solid #3d3d3d;
    padding: 15px 0 10px;
    text-align: center;
    width: auto;
    width: 100%;
    margin:0 auto;
}

#footer-contents div#copyright {
    background-color:#007ACC;
    color:#fff;
    text-align:center;
}

#footer-contents div#copyright p#copyright_first {
    width: 950px;
    margin:0 auto;
}


/* ■class-Footer1■---------------------------------------- */
/* wrap
---------------------------------------- */
#wrap {
    width: 100%;
    min-width: 950px;
    min-height: 100%;
}

/* Footer-Fixation
---------------------------------------- */	
html,body, #wrap{
	height:100%;
}

body > #wrap{
	height:auto;
	min-height:100%;
}

#header {
	position:relative;
	width:950px;
	min-width:950px;
	height:212px;
	margin:0 auto;
	z-index: 100;
	/**background:url(/image/common/header-index.png) no-repeat 0 20px;**/
}

#header02 {
	position:relative;
	width:950px;
	height:350px;
	margin:0 auto;
	/**background:url(/image/common/header-index.png) no-repeat 0 20px;**/
        padding-bottom:55px;
}


#footer{
	clear:both;
	position:relative;
	margin-top:-140px;
	height:140px;
}

#footer_none{
	clear:both;
	position:relative;
	margin-top:-100px;
	height:100px;
}

#mainTop #main{
	padding-bottom: 100px;
}

#main{
	margin: 0 auto;
	min-width: 950px;
	width: 950px;
	padding-bottom: 170px;
}
/* Footer-Fixation
---------------------------------------- */

/* columnLeft
---------------------------------------- */
/*
20110322 hayashi comment out
#columnLeft{
	float: left;
	padding-right:10px;
	width: 710px;
	position:relative;
}
*/
#columnLeft{
	float: left;
	padding-right:10px;
	width: 710px;
}

/* 
columnRight
---------------------------------------- */
#columnRight{
	float: left;
	width: 230px;
	position:relative;
        padding-top:40px;
}

/*
base
-------------------------------------------------------------------------------- */


/* text
---------------------------------------- */

#breadcrumb {
    font-size: 93%;
    margin: 7px 0 15px 0;
}

#osusume_ttl{
	font-size: 16px;
	border: solid 1px #808080;
	width: 910px;
	padding: 10px;
	margin: 0 auto 20px;
}

/* text
---------------------------------------- */

/* 
bottom_page-button
------------------------------ */
.btn-bottom {
    width: 950px;
    margin:0 auto 25px;
}
.btn-bottomLeft {
    float: left;
    width: 114px;
}
.btn-bottomRight {
    float: right;
    width: 98px;
}
/* 
bottom_page-button
------------------------------ */

/* mypage header
---------------------------------------- */
#header_mp {
	position:relative;
	width:1200px;
	min-width:1200px;
	margin:0 auto 10px;
	height:152px;
}

#wrap_mp {
    width: 100%;
    min-width: 1200px;
    min-height: 100%;
}

.headermap-logo_mp {
	margin:0 0 0 20px;
	padding:0;
}

#gb-menu-list_mp {
	position:absolute;
	top:111px;
	width:816px;
	height:40px;
	background:url(/image/common/header-gb-menu.jpg) center top no-repeat;
}

#gb-menu-list_mp li {
	margin:0;
	padding:0;
	float:left;
	width:163px;
	height:40px;
}

#gb-menu-list_mp li a {
	display:block;
	overflow:hidden;
	width:163px;
	height:40px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}


#header-mb-info_mp {
	position:absolute;
	top:82px;
	line-height:250%;
	font-size:108%;
	color:#fff;
        left:0px;
}

#gb-menu-list_mp li a:hover.toppage {
	background:url(/image/common/header-gb-menu.jpg) no-repeat 0px -50px;
	
}

#gb-menu-list_mp li a:hover.mypage {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -163px -50px;
	
}

#gb-menu-list_mp li a:hover.kisetu {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -326px -50px;
	
}

#gb-menu-list_mp li a:hover.kisetu_navi {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -326px -50px;
	
}
#gb-menu-list_mp li .kisetu_navi_hover {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -326px -50px;
	
}
#gb-menu-list_mp li a:hover.recommend {
	background:url(/image/common/header-gb-menu.jpg) no-repeat -489px -50px;
	
}


#gb-menu-list_mp li a:hover.ebook {
	background:url(/image/common/header-gb-menu.jpg) -652px -50px;
	
}


#header-mb-menu_mp {
	position:absolute;
	top:84px;
	right:10px;
	line-height:100%;
	font-size:100%;
}

#header-mb-menu_mp a{
	margin-left:5px;
}