@charset "utf-8";
/*----------------------------------------------------
	site name: Sony Tablet for Smart Phone
	style info : common css
	
		Font-size (base: 13px)
		62% =  8px
		70% =  9px
		77% = 10px
		85% = 11px        162% = 21px        239% = 31px
		93% = 12px        170% = 22px        247% = 32px
		100% = 13px        177% = 23px        254% = 33px
		108% = 14px        185% = 24px        262% = 34px
		116% = 15px        193% = 25px        270% = 35px
		124% = 16px        200% = 26px        277% = 36px
		131% = 17px        208% = 27px        285% = 37px
		139% = 18px        216% = 28px        293% = 38px
		147% = 19px        224% = 29px        300% = 39px
		154% = 20px        231% = 30px        308% = 40px
 ----------------------------------------------------*/
 
/*----------------------------------------------------
	Base settings
----------------------------------------------------*/
html {
	-webkit-text-size-adjust: none; 
}
body {
	color: #000;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
	font-size: 13px;
	line-height: 1.3;
	word-break: break-all;
}
a {
	color: #334c66;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0.3);
}
img {
	max-width : 100%;
	vertical-align: top;
}
em {
	font-style: normal;
}


/* 01. header
---------------------------------------------------- */
header #category-logo {
	margin: 15px 0 10px 15px;
}


/* 02. footer
---------------------------------------------------- */
footer {
	
}
footer p.copyright {
	padding: 8px 0;
	background: #333;
	line-height: 1;
	color: #fff;
	font-size: 62%;
	text-align: center;
}

/* 03. Link list style
---------------------------------------------------- */
ul.link li a {
	display: block;
	padding: 15px;
	border-bottom: 1px solid #d7d8da;
	background: url(../images/icon_arrow.png) no-repeat right center;
	background-size: 39px 14px;
	-webkit-background-size: 39px 14px;
	-moz-background-size: 39px 14px;
	font-weight: bold;
}
ul.link li a span {
	display: block;
	padding-right: 30px;
	
}
ul.link2 li a {
	display: block;
	padding: 15px;
	border-bottom: 1px solid #acacac;
	background:#737373 url(../images/icon_arrow2.png) no-repeat right center;
	background-size: 39px 14px;
	-webkit-background-size: 39px 14px;
	-moz-background-size: 39px 14px;
	color: #fff;
	font-weight: bold;
}
ul.link2 li a span {
	display: block;
	padding-right: 30px;
	
}

/* 04. Button style
---------------------------------------------------- */
/* Link list */
.link-btn {
	margin-top: 10px;
	border: none;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #99a5b2;
	color: #fff;
	text-align: center;
}
.link-btn a {
	display: block;
}
.link-btn a span {
	display: inline-block;
	padding: 7px 26px 6px 0;
	background: url(/tablet/smp/common/images/icon_arrow_s.png) no-repeat right center;
	background-size: 20px 11px;
	-webkit-background-size: 20px 11px;
	-moz-background-size: 20px 11px;
	line-height: 1;
	font-size: 93%;
	color: #fff;
}

/* To page top */
.to-pagetop {
	padding: 10px 0 7px;
	text-align: center;
}
.to-pagetop a {
	padding: 4px 0 3px 25px;
	background: url(/tablet/smp/common/images/icon.png) no-repeat 0 -100px;
	background-size: 38px 160px;
	-webkit-background-size: 38px 160px;
	-moz-background-size: 38px 160px;
	line-height: 1;
}

/* To Top page */
.backhome {
	margin-top: 14px;
	padding: 10px 0 10px;
	border-top: 1px solid #d7d8da;
	text-align: center;
}
.backhome a {
	padding: 11px 0 13px 28px;
	background: url(/tablet/smp/common/images/icon.png) no-repeat 0 -132px;
	background-size: 38px 160px;
	-webkit-background-size: 38px 160px;
	-moz-background-size: 38px 160px;
	line-height: 1;
}


/* 05. footer Link style
---------------------------------------------------- */
.footerlink {
	padding: 7px 0 15px;
	background: #f2f2f2;
}
.footerlink ul {
	margin-top: 8px;
	line-height: 1;
	font-size: 85%;
	text-align: center;
}
.footerlink li {
	display: inline-block;
	padding: 0 9px;
	border-left: 1px solid #666;
	vertical-align: bottom;
}
.footerlink li:first-child {
	border-left: none;
}


/* 99. clearfix
----------------------------------------------------*/
.clearfix:after {
	content: '';
	display: block; 
	clear: both;
}