@charset "UTF-8";


/*
SITE TITLE：
URL：
COPYRIGHT：
______________________________________*/

/*COLORSET：
text:#787878;
background：#fff;

a:#262626;
a:visited:#262626;
a:hover:#EA1F00;
a:active:#958b45;

red : #EA1F00;
gray : #757575;

for Mac Firefox {
opacity:0.9999;
}


______________________________________*/

/* ////////////////////////////////////////
default
//////////////////////////////////////// */

.clearfix { display: inline-block;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:1.1; font-size:1%; }
/*\*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/**/

*{
	margin:0;
	padding:0;
}

body {
	text-align:center;/* box centering */
	font: normal 12px Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	margin-bottom: 20px;
	padding: 0px;
	background: #FFF url();
	color:#222;
}
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.6;/* base line height */
	text-align: left;
	display: block;
	margin: 0px;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
* html body {
	font-size: 75%;
}
*:first-child+html body {
	font-size: 75%;
}
img {
	border: none;
	vertical-align:bottom;
}

a {
	cursor:pointer;
	color:#262626;
	text-decoration:none;
}
a:link {
	border-bottom:1px solid #999;
}
a:visited {
	border-bottom:1px solid #aaa;
}
a:hover {
	color:#EA1F00;
}
a:active {
	color:#f9603c;
}
#lightbox a:link {
	border: none;
}
#lightbox a:visited {
	border: none;
}
a.img {
	border:none !important;
}
li { list-style: none; }/* link do not want a dot */




/*notice------------------------------*/
.notice {
	border:1px dashed #ccc;
	color:#787878;
	clear:both;
	padding:15px;
	width:618px;
	margin-top:50px;
}


/*20100730 -----------------------------*/

#wrapper {
	width:920px;
	margin:0 auto;
}
#header {
	padding: 15px 0 25px;
}
#header h2 {
	width: 100px;
	float: left;
}
#header p {
	width: 500px;
	padding-bottom: 5px;
	float: right;
	text-align: right;
}
#header p span {
	margin: 0 0px;
	border-bottom: 5px solid #ff0000;
}

#contents #column-main {
	float: left;
	width: 650px;
	padding-top: 21px;
	border-top: 1px solid #000;
}

#contents h1 {
	font-size: 200%;
	clear: both;
}
#contents h2 {
	font-size: 200%;
	margin-bottom: 10px;
}
#contents h3 {
	margin-bottom: 10px;
	padding-top: 21px;
	padding-left: 20px;
	border-top: 1px solid #000;
	background: url(/images/marker_02.gif) 5px 28px no-repeat;
}
#contents ul {
	margin-bottom: 30px;
}
#contents ul li {
	margin-bottom: 4px;
	padding-left: 20px;
	background: url(/images/marker_01.gif) 5px 7px no-repeat;
}
#contents ul.en li {
	margin-bottom: 4px;
	padding-left: 20px;
	background: url(/images/marker_03.gif) 5px 9px no-repeat;
}
#contents dl {
	margin-bottom: 30px;
}
#contents dl dt {
	margin-top: 4px;
	padding-left: 20px;
	background: url(/images/marker_01.gif) 5px 7px no-repeat;
}
#contents dl.en dt {
	margin-top: 4px;
	padding-left: 20px;
	background: url(/images/marker_03.gif) 5px 9px no-repeat;
}
#contents p.en {
	padding-left: 20px;
	background: url(/images/marker_03.gif) 5px 9px no-repeat;
}
#contents dl dd {
	margin-top: 2px;
	padding-left: 20px;
}
#contents object,
#contents embed {
	margin-bottom: 30px;
}
#contents p {
	margin-bottom: 30px;
}
#contents p#main-img {
	margin-bottom: 5px;
	position: relative;
}
#contents p#main-img img.iphone {
	position: absolute;
	top: 250px;
	left: 45px;
}
#contents p#main-img img.ipad {
	position: absolute;
	top: 250px;
	left: 170px;
}
#contents p#main-img img.iphoneipad {
	position: absolute;
	top: 280px;
	left: 45px;
}
#contents p#main-img img.ipadipad {
	position: absolute;
	top: 280px;
	left: 170px;
}
#contents p.supplement {
	margin-top: -15px;
	padding-left: 20px;
	text-indent: -1em;
}
#contents p a {
	text-decoration: none;
	border:none 0px;
}


/* COLUMN-SUB ------------------- */
#contents #column-sub {
	float: right;
	width: 240px;
	padding-top: 21px;
	border-top: 1px solid #000;
}
#contents #column-sub p {
	margin-bottom: 30px;
}
#contents #column-sub dl dd {
	margin-top: 0;
}
#contents #column-sub ul {
	margin-bottom: 15px;
}
#contents #column-sub ul li {
	margin-bottom: 0;
	background: url(/images/marker_02.gif) 5px 7px no-repeat;
}
#contents #column-sub ul li {
	margin-bottom: 0;
	background: url(/images/marker_02.gif) 5px 7px no-repeat;
}
#contents #column-main ul#social {
	float: right;
	text-align: right;
	margin-bottom: 5px;
}
#contents #column-main ul#social li {
	background: none;
	float: left;
	margin-right: 10px;
	padding-bottom: 0px;
	padding-left: 0;
}
#contents #column-main ul#social li a {
	text-decoration:none;
	border-bottom:none;
}
#contents #column-sub ul.en li {
	margin-bottom: 0;
	background: url(/images/marker_02.gif) 5px 7px no-repeat;
}
#contents #column-sub ul,
#contents #column-sub dl,
#contents #column-sub p {
	line-height: 1.4;
}
#contents #column-sub ul.images li {
	width: 70px;
	margin: 0;
	padding: 0 15px 15px 0;
	float: left;
	background: none;
}
#column-sub dl dd {
	padding-left: 0;
} 
#contents #column-sub ul.images li.last {
	padding-right: 0;
}
#contents #column-sub p a {
	border-bottom:1px solid #aaa;
}
#contents #column-sub p.appstore {
	text-align: center;
}
#contents #column-sub p.appstore a {
	text-decoration: none;
	border:none 0px;
}
#contents #column-sub p.add {
	text-align: right;
}
#contents #contents #column-sub p.link {
	margin-bottom: 0;
	padding-bottom: 30px;
}
#contents #column-sub p.link img {
	display: block;
	float: left;
}
#contents #column-sub p.link span {
	display: block;
	float: right;
	width: 170px;
}

/*
#column-sub p.linkto10 a:link {
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2010_j_def.gif) left top no-repeat;
}
#column-sub p.linkto11 a:link {
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2011_j_def.gif) left top no-repeat;
}

#column-sub p.linkto10 a:hover {
	color:#222;
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2010_j_ovr.gif) left top no-repeat  !important;
}
#column-sub p.linkto11 a:hover {
	color:#222;
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2011_j_ovr.gif) left top no-repeat  !important;
}
#column-sub p.linkto10 a:visited {
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2010_j_def.gif) left top no-repeat;
}
#column-sub p.linkto11 a:visited {
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2011_j_def.gif) left top no-repeat;
}
#column-sub p.linkto10 a:active {
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2010_j_ovr.gif) left top no-repeat;
}
#column-sub p.linkto11 a:active {
	border-bottom:none;
	display: block;
	padding: 0 0 0 70px;
	background: url(/images/icon2011_j_ovr.gif) left top no-repeat;
}
#column-sub p.linkto11 a:link span,
#column-sub p.linkto10 a:link span {
	border-bottom:1px solid #999;
}
#column-sub p.linkto11 a:visited span,
#column-sub p.linkto10 a:visited span {
	border-bottom:1px solid #aaa;
}
#column-sub p.linkto11 a:hover span,
#column-sub p.linkto10 a:hover span {
	color:#EA1F00;
}
#column-sub p.linkto11 a:active span,
#column-sub p.linkto10 a:active span {
	color:#f9603c;
}
*/

.ptop {
	margin-right: -270px;
	clear: both;
	float: right;
}

/* FOOTER --------------------- */
#footer {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px solid #000;
	
}
#footer p.copy {
	float: left;
	width: 650px;
}
#footer p.navi {
	float: right;
	width: 240px;
	text-align: right;
}