@charset "utf-8";


::selection {
	color: #fff;
	background: #333;
}
::-moz-selection {
	color: #fff;
	background: #333;
}



img {
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}


a {
	color: #d7000f;
}
a:hover {
	text-decoration: none;
}


body {
	position: relative;
	line-height: 1.7;
	font-size: 13px;
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/	font-family: 'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
}
html, body {
	background: url(/shared/img/grid3.png) 0 0 repeat;
}



#wrap {
	width: 991px;
	margin: 0 auto;
	border: 0 solid #fff;
	border-width: 0 3px;
	background: url(/shared/img/bg.png) 0 0 repeat;
}
#wrap-extra {
	background: url(/shared/img/bg_white.gif) 0 0 repeat-x;
}






@media screen and (min-width:750px){


	.ignore-pc{
		display: none;
	}


	#sp_footer,
	#sp_header{
		display: none;
	}

	header {
		height: 246px;
		padding: 0 0 03px;
	}
	header h1 {
		float: left;
		width: 328px;
		height: 246px;
	}
	header h1 a {
		display: block;
		height: 246px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../img/logo_2.png) 0 0 no-repeat;
	}

	header nav {
		float: left;
		width: 328px;
		height: 246px;
		margin: 0 0 0 3px;
		background: url(../img/grid1.png) 0 0 no-repeat;
	}
	header nav + nav {
		background: none;
	}

	header ul {
		margin: 26px 0 0 26px;
		line-height: 1.4;
	}
	header li {
		margin: 0 0 6px;
	}
	header nav li a {
		display: inline-block;
		padding: 0 14px 0 0;
		color: #111;
		font-size: 14px;
		text-decoration: none;
		background: url(../img/arrow.png) 100% 50% no-repeat;
	}
	header li a:hover {
		text-decoration: underline;
	}



	footer:after {
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}

	footer {
		clear: both;
		padding: 0 0 25px;
	}

	footer nav {
		width: auto;
		padding: 0 10px;
	}


	footer .footer-nav{
		float: right;
	}

	footer .footer-sub-nav{
		float: left;
	}

/*	footer .footer-nav li:last-child{
		display: none;
	}
*/
	footer nav li {
		float: left;
		width: auto;
		padding: 0 10px;
		line-height: 1.0;
	}
	footer nav li + li {
		border-left: 1px solid #111;
	}

	footer nav li a {
		font-size: 12px;
		color: #d7000f;
		text-decoration: none;
	}
	footer nav li a:hover {
		text-decoration: underline;
	}



	footer .copyright {
		float: left;
		width: 100%;
		padding: 30px 0 0;
		font-size: 11px;
		line-height: 1.6;
	}

	footer .copyright p {
		margin: 0 0 0 16px;
	}
	footer .copyright p span {
		font-family: Arial, Helvetica, sans-serif;
	}



	.foot-notice {
		float: left;
		width: 600px;
		margin: 10px 20px 0;
		font-size: 12px;
	}



	footer .gototop {
		padding: 50px 0;
		height: 15px;
	}
	footer .gototop a {
		display: block;
		width: 25px;
		height: 15px;
		margin: 0 auto;
		background: url(../img/arrow_gototop.png) 0 0 no-repeat;
	}


	#main {
		clear: both;
	}




	#side {
		float: left;
		width: 328px;
		margin: 0 3px 0 0;
		min-height: 406px;
	}

	#side ul {
		padding: 25px 0 0 25px;
	}

	#side li a img {
	}
	#side li {
		line-height: 0;
		margin: 0 0 15px;
	}
	#side li.pen {
		margin-bottom: 18px;
	}
	#side li.kageki,
	#side li.graph {
		margin-bottom: 18px;
	}
	#side li.books {
		margin-bottom: 21px;
	}
	#side li.tokk,
	#side li.hankyu-books {
		margin-bottom: 22px;
	}




	#side #whatsnew {
		width: 282px;
		margin: 0 0 0 25px;
		padding: 20px 0 0;
	}
	#side #whatsnew h2 {
		width: 282px;
		height: 24px;
		padding: 0 0 3px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../img/title_news.png) 0 0 no-repeat;
	}
	#side #whatsnew article {
		padding: 12px 0 10px;
		background: url(../img/border_black.gif) 0 100% repeat-x;
	}
	#side #whatsnew a {
		font-weight: bold;
	}








	.column:after {
		clear: both;
		content: "";
		display: block;
		visibility: hidden;
	}
	* html .content {
		display: inline-block;
	}
	*+html .content {
		display: inline-block;
	}


	#content {
		float: right;
		width: 610px;
		min-height: 200px;
		padding: 24px;
		color: #333;
		font-size: 14px;
		border: 1px solid #efefef;
		background: #fff;
	}

	.title h2 {
		font-size: 30px;
	}



	#content h3 {
		margin: 0 0 30px;
		padding: 0 0 0 14px;
		line-height: 1.2;
		font-size: 20px;
		font-weight: bold;
		background: url(../img/line_paper_red.gif) 0 0 repeat-y;
	}

	body.notfound #content h3 {
		margin-top: 5px;
		padding: 0;
		color: #999;
		letter-spacing: 1px;
		font-size: 14px;
		font-family: "Century Gothic", Tahoma, Geneva, sans-serif;
		background: none;
	}

	#content .caption {
		margin: 25px 10px 30px;
		font-size: 12px;
	}
	#content .info {
		margin: 25px 10px 30px;
		font-size: 14px;
		font-weight: bold;
	}


	.column {
		margin: 35px 11px;
	}

	.column + .column {
		margin-top: 70px;
	}
	.column + .column.compact {
		margin-top: -10px;
	}
	.column + .column.narrow {
		margin-top: 20px;
	}

	.list-5 + .list-5 {
		margin-top: 30px !important;
	}





	.column.line {
		padding: 0 0 20px;
		background: url(../img/border_black.gif) 0 100% repeat-x;
	}


	.column h3 {
		margin-left: -11px !important;
	}

	.column h4 {
		margin: 0 0 15px;
		font-size: 16px;
		font-weight: bold;
	}

	.entry h3 {
		margin: 0 0 30px !important;
		padding: 0 0 20px !important;
		background: url(../img/border_black.gif) 0 100% repeat-x !important;
	}


	.recruit-entry {
		padding: 0 0 25px;
		font-size: 12px;
		background: url(../img/border_black.gif) 0 100% repeat-x;
	}
	.recruit-entry h3 {
		font-size: 20px;
	}
	.recruit-entry + .recruit-entry {
		margin-top: 25px;
	}




	.inner-nav {
		margin: 30px 0 50px 11px;
		padding: 0 0 0 14px;
		background: url(../img/border_black_v.gif) 0 0 repeat-y;
	}

	.inner-nav li {
		line-height: 1.3;
		font-size: 12px;
		font-weight: bold;
	}
	.inner-nav li + li {
		margin: 8px 0 0;
	}




	.column nav {
		height: 58px;
		margin: 12px 0 0;
		background: url(../img/btn_black.gif) 0 0 no-repeat
	}
	.column nav a {
		display: block;
		height: 58px;
		overflow: hidden;
		line-height: 58px;
		color: #fff;
		font-size: 18px;
		text-align: center;
		text-decoration: none;
	}

	.column nav a em {
		display: inline-block;
		width: 6px;
		height: 58px;
		margin: 0 18px 0 -21px;
		overflow: hidden;
		vertical-align: top;
		background: url(../img/arrow_small_white.png) 0 22px no-repeat;
	}

	.column nav.mail {
		background-image: url(../img/btn_red.gif);
	}
	.column nav.mail a em {
		width: 27px;
/*		margin-left: -30px;
*/		background: url(../img/icon_mail.png) 0 18px no-repeat;
	}

	.column nav.return-top-mini {
		display: inline-block;
		height: 30px;
		background-image: url(../img/btn_red.gif);
	}
	.column nav.return-top-mini a {
		display: inline-block;
		height: auto;
		line-height: 14px;
		padding: 8px 12px;
		font-size: 13px;
	}
	.column nav.return-top-mini a span {
		margin: 0 6px 0 0;
		font-family: 18px;
		line-height: 12px;
		vertical-align: top;
		font-family: Geneva, sans-serif;
	}


	.column nav:hover {
		opacity: 0.85;
		-moz-opacity: 0.85;
		-webkit-opacity: 0.85;
		filter: alpha(opacity=85);
	}



	.column p {
		font-size: 12px;
		margin: 15px 0;
	}
	.column p.notice {
		font-weight: bold;
	}

	.column p.note {
	}

	.column li {
		font-size: 12px;
		line-height: 1.4;
	}

	.column ol {
		margin: 25px 0;
	}

	.column ol li {
		padding-left: 40px;
	}
	.column ol li em {
		display: inline-block;
		font-style: normal;
		text-indent: -40px
	}
	.column ol li + li {
		margin: 5px 0 0;
	}


	.column .message {
		margin: 0 0 20px;
		font-size: 16px;
		font-weight: bold;
	}



	.column aside {
		margin: 10px 0 0;
		text-align: right;
		font-weight: bold;
	}


	.column p.note + nav {
		margin-top: 70px;
	}


	.list-1 dl {
		padding: 0 0 0 12px;
		line-height: 1.3;
		background: url(../img/border_black_v.gif) 0 0 repeat-y;
	}
	.list-1 dl + dl {
		margin: 25px 0 0;
	}
	.list-1 dt {
		margin: 0 0 4px;
		font-size: 16px;
		font-weight: bold;
	}
	.list-1 dd {
		line-height: 1.4;
		font-size: 12px;
	}
	.list-1 dd a {
		word-break: break-all;
	}





	.list-2 {
		padding-bottom: 12px !important;
		background: url(../img/border_black.gif) 0 100% repeat-x;
	}
	.list-2 dl {
		padding: 12px 0 0;
		line-height: 1.4;
		background: url(../img/border_black.gif) 0 0 repeat-x;
	}
	.list-2 dl + dl {
		margin: 12px 0 0;
	}
	.list-2 dt {
		float: left;
		width: 150px;
		padding: 0 10px;
		font-weight: bold;
	}
	.list-2 dd {
		margin: 0 0 0 170px;
	}







	.list-3 dl {
		font-size: 12px;
	}
	.list-3 dl + dl {
		margin: 15px 0 0;
	}
	.list-3 dt {
		font-weight: bold;
	}




	.list-4 dl {
		font-size: 12px;
	}
	.list-4 dl + dl {
		margin: 15px 0 0;
	}
	.list-4 dt {
		margin-left: -10px;
		margin-bottom: 4px;
		font-weight: bold;
	}
	.list-4 dd {
	}
	.list-4 dd + dt {
		margin-top: 20px;
	}

	.list-4 dd ol {
	}
	.list-4 dd ol li {
		padding: 0 0 0 16px;
	}
	.list-4 dd ol li em {
		text-indent: -16px
	}
	.list-4 dd ol {
		margin: 4px 0 4px 12px;
	}
	.list-4 dd ol ol {
		margin: 8px 0;
	}





	.list-5 dl {
		padding: 0 0 0 12px;
		line-height: 1.3;
		background: url(../img/border_black_v.gif) 0 0 repeat-y;
	}
	.list-5 dl + dl {
		margin: 50px 0 0;
	}
	.list-5 dt {
		margin: 0 0 8px;
		font-size: 16px;
		font-weight: bold;
	}
	.list-5 dd {
		line-height: 1.5;
		font-size: 12px;
		font-weight: bold;
	}
	.list-5 dd a {
		word-break: break-all;
	}
	.list-5 dd + dd {
		margin-top: 6px;
	}


	.list-5 dd.url{
		padding:10px 0 0;
	}
	.list-5 dd.url a {
		color:#333;
	}
	.list-5 dd.blank{
		height:10px;
	}
	.list-5 dd.form a {
	}
	.list-5 dd.form a span,
	.list-5 dd.form span {
		position: relative;
		display: inline-block;
		width: 17px;
		height: 11px;
		top: 2px;
		margin: 0 5px 0 0;
		background: url(../img/icon_form.png) 0 100% no-repeat;
		background-size: 17px 11px;
	}


	.list-5 dd span,
	.info p span {
		margin: 0 0 0 0.5em;
		letter-spacing: 1px;
		font-weight: normal;
	}

	.list-5 p {
		font-weight: bold;
	}







	.list-6 {
		padding-bottom: 10px !important;
	}
	.list-6 dl {
		padding: 5px 0 0;
		line-height: 1.4;
		font-size: 14px;
	}
	.list-6 dl + dl {
		margin: 10px 0 0;
	}
	.list-6 dt {
		float: left;
		width: 140px;
		padding: 0 10px;
		font-weight: bold;
	}
	.list-6 dd {
		margin: 0 0 0 160px;
	}



	.column table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px;
		background: url(../img/dot.gif) 0 0 repeat;
	}
	.column th,
	.column td {
		margin: 1px;
		padding: 1px;
	}
	.column th,
	.column td {
		padding: 2px 4px;
		line-height: 1.3;
	}

	.column tbody {
		background: url(../img/bg_cell.png) 0 0 repeat;
	}

	.cell1 {
		background: rgba(222,222,255, 0.4);
	}
	.cell2 {
		background: rgba(255,200,207, 0.4);
	}
	.cell3 {
		background: rgba(255,193,162, 0.4);
	}






}

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



	body{
		font-size: 10px;
	}


	.ignore-sp{
		display: none;
	}



	header{
		display: none;
	}

	.no-scroll{
		overflow: hidden;
	}

	#sp_footer{
		display: none;
	}
	#sp_header{
		position: relative;
		display: block;
		z-index: 150;
	}

	.nav-open #sp_header{
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
	}

	.nav-overlay{
		position: fixed;
		display: none;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0.9;
		z-index: 110;
	}




	#wrap{
		width: 100%;
		border: none;
		background: url(/shared/img/bg.png) 0 0 repeat;
		background-size: 165px 125px;
	}
	#main{
		padding: 55px 0 0;
		margin: 0 10px;
	}
	.index #main{
		padding: 45px 0 0;
	}



	.title{
		margin: 0 0 20px;
	}
	.title h2{
		font-size: 23px;
	}



	.inner-nav {
		margin: 15px 0 25px 5px;
		padding: 0 0 0 14px;
		background: url(../img/border_black_v.gif) 0 0 repeat-y;
	}


	#content{
		width: auto;
		float: none;
		padding: 15px;
		min-height: inherit; 
		border: 1px solid #ededed;
		background: #fff;
	}
	#content h2{
		font-size: 23px;

	}
	#content h3{
		position: relative;
		margin: 0 0 15px;
		padding: 0 0 0 14px;
		font-size: 13px;
		font-weight: bold;
	}

	#content h3:before{
		position: absolute;
		content: "";
		display: inline-block;
		margin: auto;
		left: 0;
		top: 0;
		bottom: 0;
		width: 4.5px;
		height: 15px;

		background: url(../img/line_paper_red.gif) 0 50% repeat-y;
		background-size: 4.5px auto;
	}



	#content nav{
		margin: 10px auto 0;
		width: 100%;
		height: 40px;
		line-height: 40px;
		background: url(../img/btn_black.gif) 0 0 repeat-x;
	}

	#content nav.mail {
		background-image: url(../img/btn_red.gif);
	}

	#content nav a{
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	#content nav a {

		display: block;
		height: 40px;
		overflow: hidden;
		line-height: 40px;
		color: #fff;
		font-size: 12px;
		text-align: center;
		text-decoration: none;

	}
	#content .caption {
		margin: 0 0 20px;
		font-size: 10px;
	}
	#content .info {
		margin: 0 0 20px;
		font-size: 12px;
		font-weight: bold;
	}





	.column nav a em {
		display: inline-block;
		width: 6px;
		margin: 0 18px 0 -21px;
		overflow: hidden;
		vertical-align: top;

		height: 40px;
		background: url(../img/arrow_small_white.png) 0 50% no-repeat;
	}
	.column nav.mail a em {
		width: 19px;
		height: 40px;
/*		margin-left: -30px;
*/		background: url(../img/icon_mail_sp.png) 0 50% no-repeat;
		background-size: 19px 12.5px;
		

	}


	#whatsnew{
		display: none;
	}
	.index #whatsnew{
		display: block;
	}
	#whatsnew article{
		font-size: 12px;
	}
	#whatsnew article p{
		margin: 0 0 5px;
	}


	#side #whatsnew {
		padding: 7.5px;
	}

	#side #whatsnew h2 {
		padding: 0 0 0 10px;
		height: 24px;
		line-height: 24px;
		font-size: 15px;
		font-weight: bold;
		color: #fff;
		overflow: hidden;
		background: url(../img/bg_red.jpg) 0 0 repeat-x;
		background-size: 375px 45px;
	}

	#side #whatsnew article {
		padding: 20px 0 ;
		background: url(../img/border_black.gif) 0 100% repeat-x;
	}
	#side #whatsnew a {
		font-weight: bold;
	}
	#side ul{
		display: none;
	}






	#sp_header .menu{
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 45px;
		height: 45px;
		z-index: 1100;
	}
	#sp_header .menu{
		background: url(/shared/img/menu_open.png) 0 0 repeat;
		background-size: auto 100%;
	}
	#sp_header .menu.clicked{
		background: url(/shared/img/menu_close.png) 0 0 repeat;
		background-size: auto 100%;
	}



	#sp_header header{
		display: block;
		position: absolute;
		top: 0;
		height: 45px;
		width: 100%;
		z-index: 1000;
	}
	#sp_header header h1{
		float: none;
		width: 100%;
		height: 45px;
		background: url(../img/header.jpg) 0 0 repeat-x;
	}
	#sp_header header h1 a{
		display: block;
		margin: 0 0 0 15px;
		width: 60px;
		height: 45px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(../img/logo_sp.png) 0 0 no-repeat;
		background-size: auto 100%;
	}

	#sp_header .nav{
		position: absolute;
		top: 45px;
		width: 100%;
		display: none;
	}


	#sp_header nav{
		float: left;
		width: 50%;
		height: auto;
		margin: 0;
		background: url(../img/grid1.png) 0 0 repeat;
	}
	#sp_header nav + nav{
		float: right;
		background: url(/shared/img/bg.png) 0 0 repeat;
	}
	#sp_header nav li a{
		display: block;
		line-height: 50px;
		height: 50px;
		padding: 0 14px 0 0;
		color: #111;
		font-size: 14px;
		text-decoration: none;
		background: url(../img/arrow.png) 100% 50% no-repeat;
	}
	#sp_header ul{
		margin: 0;
	}
	#sp_header nav ul li{
		position: relative;
		padding: 0 25px;
		margin: 0;
	}
	#sp_header nav ul li.nav-stores{
		display: none;
	}

	#sp_header nav ul li a:after{
		content: "";
		position: absolute;
		left: 0;
		display: block;
		height: 1px;
		width: 100%;
		background: #000;
		opacity: 0.05;
	}
	#sp_header nav ul li.nav-stores span{
		display: block;
		line-height: 50px;
		height: 50px;
		opacity: 0;
	}


	.column + .column {
		margin-top: 50px;
	}

	.column nav a em{
		height: 40px;
		background: url(../img/arrow_small_white.png) 0 50% no-repeat;
	}

	.column h4 {
		margin: 0 0 10px;
		font-size: 10px;
		font-weight: bold;
	}
	.column p {
		margin: 15px 0;
	}
	.column p.note + nav{
		margin-top: 35px;
	}

	.column nav a{
		font-size: 13px;
	}

	.column nav a em{
		margin: 0 14px 0 0;
	}

	.column aside {
		margin: 10px 0 0;
		text-align: right;
		font-weight: bold;
	}




	.column li {
		font-size: 11px;
		line-height: 1.4;
	}
	.column ol {
		margin: 25px 0;
	}
	.column ol li {
		padding-left: 20px;
	}
	.column ol li a{
		word-break: break-all;
	}
	.column ol li em {
		display: inline-block;
		font-style: normal;
		text-indent: -20px
	}
	.column ol li + li {
		margin: 5px 0 0;
	}





	/* ---- list-1 -----*/


	.list-1 dl {
		padding: 0 0 0 12px;
		line-height: 1.3;
		background: url(../img/border_black_v.gif) 0 0 repeat-y;
	}
	.list-1 dl + dl {
		margin: 25px 0 0;
	}
	.list-1 dt {
		margin: 0 0 4px;
		font-size: 16px;
		font-weight: bold;
	}
	.list-1 dd {
		line-height: 1.4;
		font-size: 12px;
	}
	.list-1 dd a {
		word-break: break-all;
	}




	/* ---- list-2 -----*/

	.list-2 {
		padding-bottom: 12px !important;
		background: url(../img/border_black.gif) 0 100% repeat-x;
	}
	.list-2 dl {
		padding: 12px 0 0;
		line-height: 1.4;
		background: url(../img/border_black.gif) 0 0 repeat-x;
	}
	.list-2 dl + dl {
		margin: 12px 0 0;
	}
	.list-2 dt {
		float: left;
		width: 45px;
		padding: 0 10px;
		font-weight: bold;
	}
	.list-2 dd {
		margin: 0 0 0 75px;
	}




	/* ---- list-4 -----*/


	.list-4 dd + dt{
		margin-top: 20px;
	}
	.list-4 dd ol{
		margin: 4px 0 4px 0;
	}

	.list-4 dt{
		margin-left: -10px;
		margin-bottom: 4px;
		font-weight: bold;
	}





	/* ---- list-5 -----*/


	.list-5 dl {
		padding: 0 0 0 12px;
		line-height: 1.3;
		background: url(../img/border_black_v.gif) 0 0 repeat-y;
	}
	.list-5 dl + dl {
		margin: 25px 0 0;
	}
	.list-5 dt {
		margin: 0 0 8px;
		font-weight: bold;
	}
	.list-5 dd {
		line-height: 1.5;
		font-size: 11px;
		font-weight: bold;
	}
	.list-5 dd a {
		word-break: break-all;
	}
	.list-5 dd + dd {
		margin-top: 6px;
	}


	.list-5 dd.url{
		padding:10px 0 0;
	}
	.list-5 dd.url a {
		color:#333;
	}
	.list-5 dd.blank{
		height:10px;
	}
	.list-5 dd.form a {
	}
	.list-5 dd.form a span,
	.list-5 dd.form span {
		position: relative;
		display: inline-block;
		width: 16px;
		height: 10px;
		top: 2px;
		margin: 0 5px 0 0;
		background: url(../img/icon_form.png) 0 100% no-repeat;
		background-size: 16px 10px;
	}


	.list-5 dd span,
	.info p span {
		margin: 0 0 0 0.5em;
		letter-spacing: 1px;
		font-weight: normal;
	}

	.list-5 p {
		font-weight: bold;
	}




	/* ---- list-6 -----*/

	.list-6 {
		padding-bottom: 10px !important;
	}
	.list-6 dl {
		padding: 5px 0 0;
		line-height: 1.4;
	}
	.list-6 dl + dl {
		margin: 10px 0 0;
	}
	.list-6 dt {
		float: left;
		width: 100px;
		font-weight: bold;
	}
	.list-6 dd {
		margin: 0 0 0 110px;
	}





	/* ---- table -----*/

	.column table {
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px;
		background: url(../img/dot.gif) 0 0 repeat;
	}
	.column th,
	.column td {
		margin: 1px;
		padding: 1px;
	}
	.column th,
	.column td {
		padding: 2px 4px;
		line-height: 1.3;
	}

	.column tbody {
		background: url(../img/bg_cell.png) 0 0 repeat;
	}

	.cell1 {
		background: rgba(222,222,255, 0.4);
	}
	.cell2 {
		background: rgba(255,200,207, 0.4);
	}
	.cell3 {
		background: rgba(255,193,162, 0.4);
	}









	.foot-notice{
		float: none;
		width: 100%;
		margin: 0;
		font-size: 12px;
	}



	.logo_list{
		clear:  both;
		padding: 30px;
		background: url(/shared/img/bg.png) 0 0 repeat;
	}
	.logo_list li + li{
		margin: 20px 0 0;
	}



	#sp_footer{
		padding: 0;
	}





	footer .footer-nav li{
		position: relative;
		display: inline-block;
		width: 50%;
		height: 50px;
		padding: 0 20px 0 30px;
		box-sizing: border-box;
		vertical-align: top;
	}

	footer .footer-nav li.nav-stores{
		display: none;

	}


	footer .footer-nav{
		font-size: 0;
	}
	footer .footer-nav li a{
		display: block;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		text-decoration: none;
		color: #000;

		background: url(../img/arrow.png) 100% 50% no-repeat;


	}

	footer .footer-nav li span{
		display: block;
		height: 50px;
	}
	footer .footer-nav li:after{
		content: "";
		position: absolute;
		left: 0;
		display: block;
		height: 1px;
		width: 100%;
		background: #000;
		opacity: 0.05;
	}
	footer .footer-nav li:nth-child(odd):before{
		content: "";
		position: absolute;
		right: 0;
		display: block;
		height: 100%;
		width: 1px;
		background: #000;
		opacity: 0.05;
	}

	footer .footer-sub-nav{
		float: none;
		padding: 20px;
	}
	footer .footer-sub-nav li{
		float: none;
		padding: 0;
	}
	footer .footer-sub-nav li a{
		font-size: 12px;
		text-decoration: none;
	}
	footer .footer-sub-nav li + li{
		margin: 15px 0 0;
		border: none;
	}
	footer .copyright{
		float: none;
		padding: 0 20px 20px;
		font-size: 10px;
	}
	footer p{
		margin: 0;
	}


	footer .footer-inner{
		background: url(../img/grid1.png) 0 0 repeat;
	}


	footer .gototop {
		padding: 30px 0;
		height: 15px;
	}
	footer .gototop a {
		display: block;
		width: 25px;
		height: 15px;
		margin: 0 auto;
		background: url(../img/arrow_gototop_sp.png) 0 0 no-repeat;
		background-size: 100% 100%;
	}









}