@charset "shift_jis";
/* CSS Document */
/*======================================
1.Reset
=======================================*/
body,div,p,form,input,select,option,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,address {
     margin: 0;
     padding: 0;
     font-size: 100%;
     font-weight: normal;
     font-style: normal;
     line-height: normal;
}
input,select {
    padding: 2px;
	color:#222;
	font-family: 'ＭＳ Ｐゴシック',sans-serif,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka,'メイリオ',Meiryo;
}
ul {
     list-style: none;
}
img {
     border:0;
}
/* clearfix Start */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1px; }
* html .clearfix { height: 1px; }
.clearfix { display: block; }
.clear{clear:both;}
/*======================================
2.Fonts 
フォントサイズはemか%で指定　参考1.4emで14px 1.8emで18pxに成ります
=======================================*/

body {
font-size: 62.5%;
font-family:'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',Osaka, 'ＭＳ Ｐゴシック',sans-serif;
}


/*======================================
3.Other
=======================================*/

body {
     color: #444;
     width: auto;
     background-color: #ffffff;
}

/* --- link --- */
a {
color: #0094D8;
text-decoration: none;
}
a:visited {
     color: #5519b3;
     text-decoration: none;
}
a:hover {
	color: #FC6320;
	text-decoration: underline;
}

/*Mマート検索ボックスの要素表示切替*/
.base_display_none{	display:none; }
.base_display_inline{ display:inline; }

/*スマホサイトリンク用ボタン*/
#smp {
	background-color: #555;
	padding: 30px 0px;
	text-align: center;
	box-shadow: 1px 1px 10px 10px rgba(0,0,0,0.2) inset;
	}
	.smlink {
		padding: 20px;
		font-size: 60px;
		color: #333;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #dcdcdc), color-stop(0.50, #dbdbdb), color-stop(0.50, #d1d1d1), color-stop(1.00, #fff));
		background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -moz-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		background: linear-gradient(to bottom, #dcdcdc 0%, #dbdbdb 50%, #d1d1d1 50%, #fff 100%);
		-webkit-box-shadow: 0px 1px 2px #333;
		box-shadow: 0px 1px 2px #333;
		-webkit-border-radius: 20px;
		border-radius: 20px;
		text-shadow: 0px 1px 1px #fff;
		margin: 0 auto;
	}
	.smlink:hover {
		color: #333;
		text-decoration: none;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #b6e2fd), color-stop(0.20, #91bae4), color-stop(0.50, #8fbff0), color-stop(0.51, #6ba8e4), color-stop(0.75, #87c2fb), color-stop(1.00, #bcf4fd));
		background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		background: linear-gradient(to bottom, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
		-webkit-box-shadow: 0px 1px 2px #333;
		box-shadow: 0px 1px 2px #333;
		-webkit-border-radius: 20px;
		text-shadow: 0px 1px 1px #fff;
}