@charset "utf-8";
html,
body {
	padding: 0px;
	margin: 0px;
}
body, input, textarea, select {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	word-break: break-all;
}
ul, ol, li, dl, dt, dd, form, p, div {
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
select {
	padding: 2px;
	margin: 0px;
	border: solid 1px #DBDBDB;
}
input[type="text"], input[type="email"], input[type="password"], textarea {
	margin: 0px;
	padding: 4px;
	border: solid 1px #DBDBDB;
}
a:link,
a:visited {
	color: #0AF;
}
img {
	border: none;
}
#wrapper {
	width: 320px;
	margin: 0px auto;
	background: url(../img/s/bg_wrapper.png) repeat;
}
#welcome {
	height: 20px;
	background-color: #0AF;
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	color: white;
}
a#logo {
	display: block;
	width: 320px;
	height: 87px;
	background: url(../img/s/logo.png) no-repeat 0px 0px;
	margin-bottom: 14px;
}

.button_black {
	display: block;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	background: url(../img/s/bg_button_black.png) repeat-x left center;
	text-align: center;
	color: white !important;
	text-decoration: none;
	border-radius: 4px;
}
.button_blue {
	display: block;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	background: url(../img/s/bg_button_blue.png) repeat-x left center;
	text-align: center;
	color: white !important;
	text-decoration: none;
	border-radius: 4px;
}
.button_white {
	display: block;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	background: url(../img/s/bg_button_white.png) repeat-x left center;
	text-align: center;
	color: black !important;
	text-decoration: none;
	border: solid 1px #DBDBDB;
	border-radius: 4px;
}

#box_headermenu {
	padding-left: 10px;
	padding-bottom: 14px;
}
	#box_headermenu .button_black,
	#box_headermenu .button_blue {
		width: 145px;		
		float: left;
		margin-right: 6px;
		margin-bottom: 10px;
		text-align: left;
		font-size: 12px;		
		font-weight: bold;		
	}
	#box_headermenu .button_black {
		border: solid 1px black;
		background: url(../img/s/bg_button_black.png) repeat-x;
	}
	#box_headermenu .button_blue {
		border: solid 1px #0193D8;
		background: url(../img/s/bg_button_blue.png) repeat-x;
		margin-bottom: 0px;
	}
		#box_headermenu a {
			display: block;
			width: auto;
			height: 100%;
			color: white;
			text-decoration: none;
			padding-left: 44px;
		}
		#headermenu_login {
			background: url(../img/s/icon_headermenu_login.png) no-repeat 20px center;
		}
		#headermenu_logout {
			background: url(../img/s/icon_headermenu_logout.png) no-repeat 20px center;
		}
		#headermenu_entry {
			background: url(../img/s/icon_headermenu_entry.png) no-repeat 20px center;
		}
		#headermenu_gps {
			background: url(../img/s/icon_headermenu_gps.png) no-repeat 18px center;
		}
		#headermenu_comic {
			background: url(../img/s/icon_headermenu_comic.png) no-repeat 18px center;
		}
#breadcrumb {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 14px;
}
	#breadcrumb li {
		display: inline;
	}
	#breadcrumb li:after {
		content: ' > '
	}
	#breadcrumb li.last:after {
		content: '';
	}
#box_shopmenu {
	width: 298px;
	margin: 0px auto 14px;
	border: solid 1px #DBDBDB;
	border-radius: 4px;
}
	#box_shopmenu .heading {
		height: 32px;
		color: white;
		font-size: 12px;
		line-height: 32px;
		padding-left: 28px;
		border-bottom: solid 1px #DBDBDB;
		border-radius: 4px 4px 0px 0px;
		background: url(../img/s/icon_shopmenu.png) no-repeat 6px center #0AF;
		background-size: 18px 18px;
	}
	#box_shopmenu a {
		display: block;
		height: 32px;
		font-size: 12px;
		line-height: 32px;
		padding-left: 10px;
		color: black;
		text-decoration: none;
		background: url(../img/s/arrow_right_blue_2.png) no-repeat 132px center white;
		float: left;
	}
	#box_shopmenu a.left {
		width: 138px;
		border-right: solid 1px #DBDBDB;
		border-bottom: solid 1px #DBDBDB;
		border-radius: 0px 0px 0px 4px;
	}
	#box_shopmenu a.right {
		width: 139px;
		border-radius: 0px 0px 4px 0px;
		border-bottom: solid 1px #DBDBDB;
	}
#box_sns {
	padding-left: 10px;
	padding-bottom: 14px;
}
	#box_sns .button_sns {
		width: 94px;
		height: 32px;
		overflow: hidden;
		float: left;
		margin-right: 6px;
		border: solid 1px #DBDBDB;
		background: url(../img/s/bg_button_white.png) repeat-x 0px center white;
		border-radius: 4px;
	}
		#box_sns .button_sns a {
			display: block;
			width: auto;
			height: 100%;
			font-size: 12px;
			line-height: 32px;
			padding-left: 32px;
			position: relative;
			color: #333;
			text-decoration: none;
		}
			#box_sns .button_sns a .icon {
				display: block;
				width: 32px;
				height: 32px;
				position: absolute;
				left: 0px;
				top: 0px;
			}
			#icon_facebook {
				background: url(../img/s/icon_facebook.png) no-repeat center center;
			}
			#icon_twitter {
				background: url(../img/s/icon_twitter.png) no-repeat center center;
			}
			#icon_youtube {
				background: url(../img/s/icon_youtube.png) no-repeat center center;
			}
			#icon_ameba {
				background: url(../img/s/icon_ameba.png) no-repeat center center;
			}
			#box_sns .button_sns a .newwindow {
				display: block;
				width: 17px;
				height: 14px;
				background: url(../img/s/icon_newwindow.png) no-repeat 0px 0px;
				position: absolute;
				right: 10px;
				top: 9px;
			}
#box_footermenu {
	width: 298px;
	margin: 0px auto 14px;
	border: solid 1px #DBDBDB;
	border-radius: 4px;
}
	#box_footermenu .heading {
		height: 32px;
		color: white;
		font-size: 12px;
		line-height: 32px;
		padding-left: 28px;
		border-bottom: solid 1px #DBDBDB;
		border-radius: 4px 4px 0px 0px;
		background: url(../img/s/icon_footermenu.png) no-repeat 10px center #0AF;
	}
	#box_footermenu .item {
		height: 32px;
		font-size: 12px;
		line-height: 32px;
		background: url(../img/s/arrow_right_blue_2.png) no-repeat 132px center white;
		border-bottom: solid 1px #DBDBDB;
		float: left;
	}
	#box_footermenu .item.center {
		float: none;
		width: auto;
		text-align: center;
		background-position: 281px center;
	}	
	#box_footermenu .item.left {
		width: 148px;
		border-right: solid 1px #DBDBDB;
	}
	#box_footermenu .item.right {
		width: 149px;
	}
	#box_footermenu .item.last {
		border-bottom: none !important;
	}
	#box_footermenu .item.left.last {
		border-radius: 0px 0px 0px 4px;
	}
	#box_footermenu .item.right.last {
		border-radius: 0px 0px 4px 0px;
	}
		#box_footermenu .item a {
			display: block;
			width: auto;
			height: 100%;
			padding-left: 10px;
			color: black;
			text-decoration: none;
		}
#footer {
	font-size: 10px;
	line-height: 18px;
	text-align: center;
	padding: 4px 0px;
	background-color: white;
	color: #0AF;
	border-bottom: solid 6px #0AF;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
}
.pageheading {
	height: 24px;
	line-height: 24px;
	background-color: black;
	color: white;
	text-align: center;
	margin-bottom: 14px;
}
.pagecontent {
	padding: 14px 10px;
	background-color: white;
	margin-bottom: 14px;
}

#box_usermenu {
	border: solid 1px #DBDBDB;
	border-radius: 4px;
	font-size: 12px;
	line-height: 32px;
}
	#box_usermenu .heading {
		height: 32px;
		line-height: 32px;
		padding-left: 28px;
		color: #0AF;
		background: url(../img/s/icon_usermenu.png) no-repeat 10px center #EEE;
	}
	#box_usermenu .item {
		border-bottom: solid 1px #DBDBDB;
		float: left;
		background: url(../img/s/arrow_right_grey_2.png) no-repeat 132px center;
	}
		#box_usermenu .item.left {
			width: 148px;
			border-right: solid 1px #DBDBDB;
		}
		#box_usermenu .item.right {
			width: 149px;
		}
		#box_usermenu .item.left.last {
			border-width: 0px 1px 0px 0px;
			border-bottom-left-radius: 4px;
		}
		#box_usermenu .item.right.last {
			border-width: 0px;
			border-bottom-right-radius: 4px;
		}
		#box_usermenu a {
			display: block;
			height: 100%;
			padding-left: 10px;
			color: #0AF;
			text-decoration: none;
		}
.box_alert {
	border: solid 1px red;
	background-color:#FEE;
	padding: 10px;
	border-radius: 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {
		
	body, input, textarea, select {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
	#wrapper {
		background: url(../img/d/bg_wrapper.png) repeat;
		background-size: 4px 4px;
	}
	a#logo {
		background: url(../img/d/logo.png) no-repeat 0px 0px;
		background-size: 320px 87px;
	}
	.button_black {
		background: url(../img/d/bg_button_black.png) repeat-x;
		background-size: 1px 32px;
	}
	.button_blue {
		background: url(../img/d/bg_button_blue.png) repeat-x;
		background-size: 1px 32px;
	}	
	#headermenu_login {
		background: url(../img/d/icon_headermenu_login.png) no-repeat 20px center;
		background-size: 14px 18px;
	}
	#headermenu_logout {
		background: url(../img/d/icon_headermenu_logout.png) no-repeat 20px center;
		background-size: 14px 18px;
	}
	#headermenu_entry {
		background: url(../img/d/icon_headermenu_entry.png) no-repeat 20px center;
		background-size: 18px 16px;
	}
	#headermenu_gps {
		background: url(../img/d/icon_headermenu_gps.png) no-repeat 18px center;
		background-size: 19px 18px;
	}
	#headermenu_comic {
		background: url(../img/d/icon_headermenu_comic.png) no-repeat 18px center;
		background-size: 22px 16px;
	}	
	#box_sns .button_sns {
		background: url(../img/d/bg_button_white.png) repeat-x 0px center;
		background-size: 1px 32px;
	}
	#icon_facebook {
		background: url(../img/d/icon_facebook.png) no-repeat center center;
		background-size: 17px 17px;
	}
	#icon_twitter {
		background: url(../img/d/icon_twitter.png) no-repeat center center;
		background-size: 19px 17px;
	}
	#icon_youtube {
		background: url(../img/d/icon_youtube.png) no-repeat center center;
		background-size: 19px 13px;
	}
	#icon_ameba {
		background: url(../img/d/icon_ameba.png) no-repeat center center;
		background-size: 17px 17px;
	}
	#box_sns .button_sns a .newwindow {
		background: url(../img/d/icon_newwindow.png) no-repeat 0px 0px;
		background-size: 17px 14px;
	}
	#box_footermenu .heading {
		background: url(../img/d/icon_footermenu.png) no-repeat 10px center #0AF;
		background-size: 13px 13px;
	}
	#box_footermenu .item {
		background: url(../img/d/arrow_right_blue_2.png) no-repeat 130px center white;
		background-size: 6px 10px;
	}	
	#box_usermenu .heading {
		background-image: url(../img/d/arrow_right_grey_2.png);
		background-size: 13px 13px;
	}
}