@charset "utf-8";

/* ==========================================================================
   base style
   ========================================================================== */

html {
	overflow-x: hidden;
}

body {
    color: #333333;
	background: #ffffff;
	-webkit-text-size-adjust:none;
	font-family: helvetica,arial,sans-serif;
}
div#contents {
	font-size: 12px;
}
   
/* ==========================================================================
   common style
   ========================================================================== */

/*
 * header
 */
header#header {
	display: block;
	overflow: hidden;
	padding-bottom: 5px;
	border-bottom: 2px solid #BF0000;	/* サービスカラーを入れてください */
	font-size: 12px;
}
header#header h1#logo,
header#header div#logo {
	float: left;
	vertical-align: middle;
}
header#header h1#logo img,
header#header div#logo img {
	margin-right: 3px;
	vertical-align: middle;
}
header#header h1#logo img:last-child,
header#header div#logo img:last-child {
	margin: 0;
}
header#header div#serviceNavi {
	float: right;
	padding-top: 2px;
}
header#header div#serviceNavi a {
	display: block;
	padding: 7px;
	border: 1px solid #BF0000;	/* サービスカラーを入れてください */
	-webkit-border-radius: 5px;
	color: #FFFFFF;
	background: -webkit-gradient(linear, 0% 49%, 0% 50%, from(#BF0000), to(#D96666));	/* fromにサービスカラーtoにサービスカラーより薄い色をを入れてください */
	text-align: center;
	text-shadow: 1px 1px 1px #BF0000;	/* サービスカラーを入れてください */
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -1px;
}

header#header div#serviceMenu {
	float: right;
	padding-top: 2px;
}
header#header div#serviceMenu a {
	display: block;
	height: 28px;
	padding: 7px;
}
header#header div#serviceMenu a.close {
	background: url(//jp.rakuten-static.com/1/im/smp/prt/bg_serviceMenu_close.gif) no-repeat 100% 5px;
}
header#header ul#headerLink  {
	overflow: hidden;
	list-style: none;
}
header#header ul#headerLink li {
	float: right;
	margin-top: 7px;
	margin-right: 2px;
}

header#header ul#headerLink li.btStyle01 a {
	display: block;
	line-height: 20px;
	padding: 4px 2px;
	border: 1px solid #bf0000;
	color: #ffffff;
	background: -webkit-gradient(linear, 0% 49%, 0% 50%, to(rgb(211, 78, 78)), from(rgb(192, 0, 0)));
	text-decoration: none;
	-webkit-border-radius: 7px;
	font-weight: bold;
	font-size: 90%;
}

/*
 * footer
 */
footer#footer01 {	
	line-height: 1.4;
	margin-top: 20px;
	padding: 5px;
	background: #333333;
	border-top: 1px solid #FFFFFF;
	/* -webkit-box-shadow:-4px -4px 4px #B3B3B3; */
}
footer#footer01 ul#utility {
	overflow: hidden;	
	margin: 2px 2px 8px;
	background: #FFFFFF;
    border: 1px solid #AAAAAA;
	-webkit-border-radius: 5px;
}
footer#footer01 ul#utility li {
	float: left;
	width: 50%;
	text-align: center;
}
footer#footer01 ul#utility li.first {
	width: 49.9%;
	border-right: 1px solid #AAAAAA;
}
footer#footer01 ul#utility li a {
	display: block;
	padding: 6px 0;
	background: #FFFFFF;
	color: #333333;
	text-decoration: none;
}
footer#footer01 ul#utility li a:active {
	background: #E5E5E5;
}
footer#footer01 ul#links {
	text-align: center;
	font-size: 82%;
}
footer#footer01 ul#links li {
	display: inline;
    line-height: 1.1;
	margin-bottom: 5px;
	padding: 0 5px;
	white-space: nowrap;
	border-left: 1px solid #FFFFFF;
}
footer#footer01 ul#links li.first { 
	padding-left: 0;
	border: none;
}

footer#footer01 p.copy {	
	font-size: 65%;
	text-align: center;
	color: #FFFFFF;
}
footer#footer01 a {	
	color: #FFFFFF;
}
footer#footer01 div#device {
	margin-bottom: 5px 0;
	color: #FFFFCC;
	text-align: center;
}
footer#footer01 div#device dd a {
	padding: 6px;
	color: #FFFFCC;
	font-weight: bold;
}
footer#footer01 div#device dt {
	display:inline;
}
footer#footer01 div#device dd {
	display:inline;
	padding-right:6px;
	border-right:1px solid #333333;
}
footer#footer01 a {
	display: inline-block;
	padding: 2px;
}
footer#footer01 .font90{
	font-size:90%;
}