@charset "utf-8";
/* ------------------------------------------------------------ Initialization of the browser style */

html, body, div, span, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, address, code, em, span.strong, img,
q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0;
	margin: 0;
	font-style: normal;
	font-weight: normal;
}

/* ------------------------------------------------------------ body reset */

body {
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
	font-size: 10px;
	background: #FFFFFF;
	color: #333333;
}

* html body { font-size: x-small; }
*:first-child+html body { font-size: x-small; }

/* ------------------------------------------------------------ etc */

a,
img { border: 0; }

/* img */
img { vertical-align: middle; }

*:first-child+html img { vertical-align: bottom; }

* html img { vertical-align: bottom; }

img {
	margin-bottom: 0;
	font-size: 0;
	line-height: 0;
}

/* ------------------------------------------------------------ 基本設定 */

h1, h2, h3, h4, h5, h6,
p, li, dt, dd, th, td,
pre, caption, address {
	font-size: 120%;
}

li dt, li dd, li dd p {font-size: 100%;}

p { line-height: 1.5; }

ul li { list-style: none; }

.w200	{ width: 200px; }
.w260	{ width: 260px; }
.w410	{ width: 410px; }
.w475	{ width: 475px; }

.marT5 { margin-top: 5px; }
.marT8 { margin-top: 8px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marT35 { margin-top: 35px; }
.marT45 { margin-top: 45px; }
.marT50 { margin-top: 50px; }
.marT60 { margin-top: 60px; }

.marR35	{ margin-right: 35px; }

.marL75 { margin-left: 75px; }

.marH10 { margin-left: 10px; margin-right: 10px; }

.marR10 { margin-right: 10px; }

.padH10	{ padding-left: 10px; padding-right: 10px; }
.padH20	{ padding-left: 20px; padding-right: 20px; }

.lh1p5	{ line-height: 1.5; }

.b, span.strong {
    font-weight: bold;
}

.fl		{ float: left; }
.fr		{ float: right; }

.tCenter{ text-align: center; }
.tRight	{ text-align: right; }

.fs10p	{ font-size: 100%; }


/* リンクスタイル */

a:link,
a:visited {
	color: #1470CC;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}


/* ------------------------------------------------------------ パンくずリスト */

#utilities {
	padding-top: 8px;
	font-size: 100%;
}

div#utilities ol li a {
	background-image:url("/SYS/cmn/images/common/bg_chevron.gif");
	background-position:right 0.1em;
	background-repeat:no-repeat;
	padding-right:13px;
}

#utilities ol li {
	float: left;
	margin-right: 6px;
	font-size:100%;
	list-style-type:none;
	line-height: 1.5;
}

#utilities ol li{
	font-weight: bold;
	color:#666666;
}

.selectArea li{
	color:#959188;
}

/* ------------------------------------------------------------ 基本レイアウト */

#platform {
	background: url(/SYS/cmn/images/common/front/bg_platformwrap.gif) repeat-x 0 36px;
}

.inner {
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

#header {
	padding: 4px 0 9px 0;
	background: #FFFFFF;
}

/* mainContents */

#mainContents {
	width: 760px;
	margin: 10px auto 0;
	background: url(/SYS/cmn/images/common/front/bg_maincontents.gif) repeat-y 0 0;
}

#mainContentsWrapFirst {
	background: url(/SYS/cmn/images/common/front/bg_maincontentswrapfirst.gif) no-repeat 0 0;
}

#mainContentsWrapSecond {
	padding: 20px 10px;
	background: url(/SYS/cmn/images/common/front/bg_maincontentswrapsecond.gif) no-repeat 0 100%;
}


/* ------------------------------------------------------------ グロナビ */

.gNav ul { margin: 0 20px; }

.gNav ul li {
	float: left;
	margin-right: 20px;
}

.gNav ul li.lastChild { margin-right: 0; }

/* ------------------------------------------------------------ メインコンテンツ内 */

.content{
	padding-left: 20px;
	padding-right: 20px;
}

.explain{
	float: right;
	width: 475px;
	margin-top: 10px;
}

.mainImage{
	float: left;
}


/* ------------------------------------------------------------ 使い方いろいろ */

ul.usedList { margin-top: 20px; }

ul.usedList li{
	float: left;
	width: 140px;
	margin-right: 10px;
}

ul.usedList li.lastChild{margin-right: 0px;}

ul.usedList li dl dd.usedText{
	min-height: 210px;
	_height: 210px;
	margin-top: 15px;
	line-height: 1.5;
}


/* 見出し */

h4{
	padding: 8px 10px;
	background: #D0111A;
	font-size: 117%;
	color: #FFFFFF;
	font-weight: bold;
}


/* トップへ戻る */
.totop {
	margin: 80px 10px 0;
	font-size: 100%;
	text-align: right;
}

.totop a {
	display: block;
	padding: 5px;
	zoom: 1;
}

.totop span {
	padding-bottom: 2px;
	padding-left: 15px;
	background: url(/SYS/cmn/images/common/mark_totop.gif) no-repeat 0 0;
}

.totop a:hover { background: #DBF1FF; }

/* ------------------------------------------------------------ footer */

.seoTextRight{
	margin-top: 10px;
	font-size: 100%;
	color: #999999;
	text-align: right;
}

#footer {
	margin-top: 10px;
	background: #FFFFFF;
}

#footer ul {
	margin: 13px 0 10px 0;
	float: right;
}

#footer ul li {
	float: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right: solid 1px #999999;
	line-height: 1;
	font-size: 100%;
}

#footer ul li.lastChild {
	margin-right: 0;
	padding-right: 0;
	border: none;
}

#footer address {
	float: left;
	margin-top: 11px;
	text-align: right;
}

/* ------------------------------------------------------------ clearfix */

/* End hide from IE-mac */

.cFix {
	overflow: hidden;
}

.cFix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	overflow: hidden;
}

/*\*/
* html .cFix {
	height: 1em;
	overflow: visible;
}
/**/

/* EOF */

.facebook {
	width:680px;
	border:1px #06C solid;
	margin-top:20px;
	padding:10px;
}

.fb_area {
	width:247px;
	height:58px;
	float:right;
}

.fb_bt {
	background:url(../images/fb/facebook_bt001.gif) no-repeat 0 0;
	display:block;
	width:247px;
	left:58px;
}

.fb_bt:hover {
	background:url(../images/fb/facebook_bt001.gif) no-repeat 0 -58px;
	display:block;
	width:247px;
	left:58px;
}

.btn_length {
	width:115px;
	padding-right:4px;
	float:left;
}

.btnlong { 
	background:url(../images/iphone/facebook_bt001.gif) no-repeat 0 0;
	display: block; 
	width: 115px; 
	height: 34px; 
}
	
.btnlong:hover	{ 
	background:url(../images/iphone/facebook_bt001.gif) no-repeat 0 -58px;
	display: block; 
	width: 115px; 
	height: 34px; 
}


/* DISPLAY */
.db		{ display: block; }
.offL	{ text-indent: -9999px; overflow: hidden; }