/* CSS Document */

/*** RESET ***/
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

article, aside, figure, figcaption, footer,
header, hgroup, menu, nav, section {
	display: block;
}

li {
	list-style: none;
}

img {/* 画像は枠なし、中央揃え */
	border: none;
	vertical-align: middle;
}

.rounded-img {/* 角丸の画像用 */
	display: inline-block;
	border: solid 1px #666;
	margin: 0px auto 7px;
	-webkit-border-radius: 6px;
	 border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	width:98%;
}

.nomal-img {
	display: inline-block;
	width:98%;
}

/*** CLEARFIX ***/

.clearfix:after {
  content: ".";/* 新しい要素を作る */
  content01: ".";/* 新しい要素を作る */
  display: block;/* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {overflow:hidden;} /* DreamWeaver表示確認用 */ 


/*** COMMON ***/
html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}

body { /* 元カラー：#eee */
	background-color: #ffc;
}

#wrap {
	line-height: 1.5em;
	font-size:15px;
	color:#333;
}

/*** font関連 ***/
.xs { /* 文字サイズ 小 */
	font-size:9px;
}

.s { /* 文字サイズ 小 */
	font-size:13px;
}

.l { /* 文字サイズ 大 */
	font-size:18px;
}

.xl { /* 文字サイズ 特大 */
	font-size:23px;
}

.b { /* 太字 */
	font-weight: bold;
}

.center {
	text-align:center; margin:auto;
}

.red {
	color:#F30;
}

.gray {
	color:#787878;
}

/*** 線種 ***/
.line {/* 下にグレー・ライン */
	border-bottom: 1px #666 solid;
}

.line_up {/* 上にグレー・ライン */
	border-top: 1px #666 solid;
}

.line01 {/* 上下にグレー・ライン */
	border-top: 1px #666 solid;
	border-bottom: 1px #666 solid;
}

.dotline {/* 下にグレー・破線 */
	border-bottom:1px #999 dashed;
}

.dotline_b {/* 下に黒・破線 */
	border-bottom:1px #000 dashed;
}

.dotline-dot {/* 下にグレー・点線 */
	border-bottom:1px #999 dotted;
}

.dotline01 {/* 上にグレー・破線 */
	border-top:1px #999 dashed;
}

.dotline02 {/* 上下にグレー・点線ライン */
	border-top:1px #999 dashed;
	border-bottom:1px #999 dashed;
}

.dotline03 {/* 上に黒・破線ライン */
	border-top:1px #000 dashed;
}

.dotline04 {/* 上下に黒・破線ライン */
	border-top:1px #000 dashed;
	border-bottom:1px #000 dashed;
}

.dotline05 {/* 下に黒・破線ライン */
	border-bottom:1px #000000 dashed;
}

.dotline06 {/* 下にグレー・破線ライン */
	border-bottom:1px #C0C0C0 dashed;
}


a {
	color: #36f;
	-webkit-tap-highlight-color: rgba(00,33,99,0.3); /* タップ時の背景色 */
}

#content {
	background-color:#fff;
	border-top: 4px solid #F7B642;
	border-bottom: 4px solid #F7B642;
}

#contentcourse {
	background-color:#dfb;
}

.contentFrame {
	border:solid 1px #666;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 0px 15px 10px;
	padding: 10px;
	background: #DAEEFE;
}

.contentBlock {
	margin: 0px;
	padding: 5px 10px 5px 10px;
}

.copyright {
	background-color:#ddd;
	font-size:13px;
	line-height:1.2em;
}

.contentFrame.orange, .contentBlock.orange { background: #FC6; }

.contentFrame.aqua, .contentBlock.aqua { background: #ACD6FF; }

#content h2 {
	font-weight:normal;
	padding:5px;
	font-size:18px;
	letter-spacing:0.1em;
}

#content h2.bar {/* 未調整 */
	color:#FFF;
	text-align:center;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(1,6,25)), color-stop(0.25, rgb(4,12,58)), color-stop(1, rgb(5,21,104)));	background-image: -moz-linear-gradient(center bottom, rgb(1,6,25) 0%, rgb(4,12,58) 25%, rgb(5,21,104) 100%);
}

#content h2.bar-01 {/* バックアップ */
	color:#FFF;
	text-align:center;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(1,6,25)), color-stop(0.25, rgb(4,12,58)), color-stop(1, rgb(5,21,104)));	background-image: -moz-linear-gradient(center bottom, rgb(1,6,25) 0%, rgb(4,12,58) 25%, rgb(5,21,104) 100%);
}


#content h2.bar img {
	/* 画像の実寸は、横72px 縦72pxです。　　　　　　　　　　　　　　 */
	/* 端末により自動拡縮されても見栄えが良いよう2倍のサイズで作成し、 */
	/* CSSにてレイアウトに合わせたサイズを指定しています。　　　　　　 */
	width:36px;
	height:36px;
	margin-right:5px;
}

#content h2.bar_p {/* ピンク帯 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	text-align:center;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#deb3fc 0%,
		#c675ff 49%,
		#b55bf6 50%,
		#d191ff);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#deb3fc),
		color-stop(0.49, #c675ff),
		color-stop(0.50, #b55bf6),
		to(#d191ff));
	border: 1px solid #7900cf;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0),
		inset 0px 0px 6px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 0px rgba(000,000,000,0),
		inset 0px 0px 6px rgba(255,255,255,0);
}

#content h2.bar_g {/* 緑帯 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #339900;
	text-align:center;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#eaf2b1 0%,
		#d2e637 49%,
		#c3d825 50%,
		#def246);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#eaf2b1),
		color-stop(0.49, #d2e637),
		color-stop(0.50, #c3d825),
		to(#def246));
	border: 1px solid #b5c91a;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0),
		inset 0px 0px 6px rgba(255,255,255,0);
	-webkit-box-shadow:
		0px 1px 0px rgba(000,000,000,0),
		inset 0px 0px 6px rgba(255,255,255,0);
}

#content h2.bar_y {/* 黄帯 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:center;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#fcecc0 0%,
		#fccd4d 49%,
		#f8b600 50%,
		#fbe29d 90%,
		#f8b601);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fcecc0),
		color-stop(0.49, #fccd4d),
		color-stop(0.50, #f8b600),
		color-stop(0.90, #fbe29d),
		to(#f8b601));
	border: 1px solid #dea303;
	-moz-box-shadow:
		0px 1px 0px rgba(000,000,000,0),
		inset 0px 0px 6px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 0px rgba(000,000,000,0),
		inset 0px 0px 6px rgba(255,255,255,0.6);
}

#content h2.bar_or {/* オレンジ帯 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align:center;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#feceb4 0%,
		#f17431 50%,
		#ea5606 50%,
		#fd9c68);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#feceb4),
		color-stop(0.50, #f17431),
		color-stop(0.50, #ea5606),
		to(#fd9c68));
	border: 1px solid #cf4800;
	-moz-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(207,72,0,0);
	-webkit-box-shadow:
		0px 0px 0px rgba(000,000,000,0),
		inset 0px 0px 3px rgba(207,72,0,0);
}

#content h3, #content h4 {
	margin-top:10px;
	margin-bottom:10px;
}

#content h3.tag {
	border-left:8px solid #33F;
	padding-left:10px;
}

#content p {
	margin-bottom:0.5em;
}

/* HEADER */
header {
	display:block;
}

header#tetputi {
	height:60px;
}

header#tetputi h1{
	float:left;
	margin:7px 5px 3px;
	display:block;
}

header#tetputi h1 img{
	/* 画像の実寸は、横150px 縦100pxです。　　　　　　　　　　　　　　 */
	/* 端末により自動拡縮されても見栄えが良いよう2倍のサイズで作成し、 */
	/* CSSにてレイアウトに合わせたサイズを指定しています。　　　　　　 */
	width:50px;
	height:50px;
	/* width:75px; */
	/* height:50px; */
}

header#tetputi h2{
	float:right;
	padding-top:40px;
	display:block;
	line-height: normal;
}

header#tetputi h2 p {
	font-size:12px;
	font-weight:normal;
	padding-right:5px;
	text-align:right;
}

header#tetputi .header-right{
	float:right;
	padding-top:23px;
	padding-right:7px;
	display:block;
	line-height: normal;
}

header#tetputi .header-right img {
	/* 画像の実寸は、横60px 縦70pxです。　　　　　　　　　　　　　　 */
	/* 端末により自動拡縮されても見栄えが良いよう2倍のサイズで作成し、 */
	/* CSSにてレイアウトに合わせたサイズを指定しています。　　　　　　 */
	width:30px;
	height:35px;
	margin-left:5px;
	margin-right:3px;
}

/* FORM */
form dl {
	margin-bottom:0.5em;
}

form dt {
	font-weight: bold;
	font-size:14px;
	margin-bottom: 2px;
}

input,textarea {
	padding: 5px;
}

input[type=email], input[type=password] {
	width:95%;
}

/* BUTTON */
input[type=button], input[type=reset], input[type=submit],a.button {
	border: 1px solid #ccc; 
	padding: 8px 20px 8px 20px;
	margin:10px 0px 10px;
	text-decoration:none;
	display:block;
	color:#333;
	font-size:15px;
	background: -moz-linear-gradient(top, #fff, #e6e6e6 1%, #e6e6e6 50%, #d0d0d0 99%, #bcbcbc);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e6e6e6), color-stop(0.5, #e6e6e6), color-stop(0.99, #d0d0d0), to(#bcbcbc));
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button-login {
	color: #ffffff;
	font-size:15px;
	border: 1px solid #333;
	padding: 6px 18px 6px 18px;
	text-decoration:none;
	background-image: -moz-linear-gradient(center bottom, rgb(0,0,0) 0%, rgb(69,68,69) 50%, rgb(0,0,0) 100%);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(0,0,0)), color-stop(0.5, rgb(69,68,69)), color-stop(1, rgb(0,0,0)));
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button-login02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EA2785;
	text-decoration:none;
	margin:10px auto 10px;
	padding: 10px 20px;
	background-image: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#e8f6fd 50%,
		#c5e3f2);
	background-image: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #e8f6fd),
		to(#c5e3f2));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #8fb9d0;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.2),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.2),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

a.button-regist {
	border: 1px solid #ccc;
	padding: 8px 20px 8px 20px;
	margin:3px auto 10px;
	text-decoration:none;
	display:block;
	color:#fff;
	font-size:16px;
	letter-spacing:0.15em;
	background: -moz-linear-gradient(top, #f1f1f1, #33ccff 1%, #0099ff 50%, #0099ff 99%, #0066ff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), color-stop(0.01, #33ccff), color-stop(0.5, #0099ff), color-stop(0.99, #0099ff), to(#0066ff));
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; 
}

a.button-regist-s {
	border: 1px solid #ccc; padding: 8px 20px 8px 20px; margin:3px auto 10px;
	text-decoration:none; display:block; color:#fff; font-size:16px; letter-spacing:0.15em; width: 80%;
	background: -moz-linear-gradient(top, #f1f1f1, #33ccff 1%, #0099ff 50%, #0099ff 99%, #0066ff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), color-stop(0.01, #33ccff), color-stop(0.5, #0099ff), color-stop(0.99, #0099ff), to(#0066ff));
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; 
}

a.button-regist-ss {/* コンテンツTOPの会員登録にて使用 */
	border: 1px solid #ccc; padding: 8px 20px 8px 20px; margin:3px auto 10px;
	text-decoration:none; display:block; color:#fff; font-size:16px; letter-spacing:0.15em; width: 65%;
	background: -moz-linear-gradient(top, #f1f1f1, #33ccff 1%, #0099ff 50%, #0099ff 99%, #0066ff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), color-stop(0.01, #33ccff), color-stop(0.5, #0099ff), color-stop(0.99, #0099ff), to(#0066ff));
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; 
}


a.button-regist-gleen-s {
	border: 1px solid #ccc; padding: 8px 20px 8px 20px; margin:3px auto 10px;
	text-decoration:none; display:block; color:#fff; font-size:16px; letter-spacing:0.15em; width: 80%;
	background: -moz-linear-gradient(top, #f1f1f1, #3AC954 1%, #1CAD2D 50%, #28C344 99%, #37FF00);
	background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), color-stop(0.01, #3AC954), color-stop(0.5, #1CAD2D ), color-stop(0.99, #28C344 ), to(#37FF00));
	-webkit-border-radius: 5px;	-moz-border-radius: 5px; 
	-webkit-box-shadow: 1px 1px 3px #333; -moz-box-shadow: 1px 1px 3px #333; 
}

a.button-regist02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#fbe8fc 0%,
		#fba6e2 49%,
		#fd8ad7 50%,
		#ff7ad7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fbe8fc),
		color-stop(0.49, #fba6e2),
		color-stop(0.50, #fd8ad7),
		to(#ff7ad7));
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	border: 1px solid #d957b0;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
}

a.button-ico {
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	width: 30%
	background: -moz-linear-gradient(
		top,
		#fbe8fc 0%,
		#fba6e2 49%,
		#fd8ad7 50%,
		#ff7ad7);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#fbe8fc),
		color-stop(0.49, #fba6e2),
		color-stop(0.50, #fd8ad7),
		to(#ff7ad7));
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	border: 1px solid #d957b0;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 4px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.2);
	display:block;
}

a.button-docomo {
	display: inline-block;
	padding: 3px 15px;
	-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		border-radius: 18px;
	background-color: #b6d3f4;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b6d3f4), to(#5483b8)) !important; 
	background-image: -webkit-linear-gradient(top, #b6d3f4, #5483b8) !important;
	background-image:-moz-linear-gradient(top, #b6d3f4, #5483b8) !important; 
	background-image: -ms-linear-gradient(top, #b6d3f4, #5483b8) !important; 
	background-image:-o-linear-gradient(top, #b6d3f4, #5483b8) !important; 
	color: white !important;
	box-shadow: inset 0 1px 1px white,
	0 3px 3px rgba(0,0,0,0.6);
	border: 1px solid #9ac9ff !important;
	font-weight: 600;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
	text-decoration: none;
	margin: 0;
	position: relative;
}

/* FOOTER */

footer {
	text-align:center;
}

footer nav {
	padding:4px;
	font-size:14px;
}

footer li {
	display:inline;
	line-height:2em;
}

footer li a {
	padding:4px;
}

/* FAQ */
#content p.q {
	background:url(/C00/puti/img/faq_q.png) left top no-repeat;
	padding-left: 25px;
	font-weight: bold;
	margin-bottom:1.5em;
}

#content p.a {
	background:url(/C00/puti/img/faq_a.png) no-repeat left top;
	padding-left: 25px;
}

/* 利用規約 */
#content ul.kiyaku {
	font-size:13px;
}

#content ul.kiyaku li {
	margin-bottom:0.5em;
}

#content ul.kiyaku ul, #content ul.kiyaku ol {
	margin-left:1em;
	margin-top:0.5em;
}

#content ul.kiyaku li:first-child {
	margin-top:0.5em;
}

/* PAGELIST(rounded block) */
.pagelist{
	margin:15px 5px 15px;
}

.pagelist ul {
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
}

.pagelist li {
	border-top: 1px solid #999;
	height: 50px;
	line-height: 50px;
	background-color: #f6f6f6;
}

.pagelist li:first-child {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top: none;
}

.pagelist li:last-child {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.pagelist a {
	padding: 0 25px 0 14px;
	display: block;
	overflow: hidden;
	color: #333;
	text-decoration:none;
	background: url(/C00/puti/img/list_bg.png) no-repeat right center;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* PAGELIST2(block) */

.pagelist2 li {
	border-top: 1px solid #999;
	background: -moz-linear-gradient(top, #f0f0f0, #f5f5f5 20%, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), color-stop(0.2,#f5f5f5), to(#fff));
}

.pagelist2 li:first-child {
	border-top: none;
}

.pagelist2 a {
	padding: 3px 24px 1px 4px;
	display: block;
	overflow: hidden;
	color: #333;
	text-decoration:none;
	background: url(/C00/puti/img/list_bg.png) no-repeat right center;
	text-overflow: ellipsis;
}

/* PAGELIST3(block) */

.pagelist3 li {
	border-top: 1px dotted #999;
}

.pagelist3 li:first-child {
	border-top: none;
}

.pagelist3 a {
	padding: 3px 24px 1px 4px;
	display: block;
	overflow: hidden;
	color: #333;
	text-decoration:none;
	background: url(/C00/puti/img/list_bg.png) no-repeat right center;
	text-overflow: ellipsis;
}

/* PAGELIST4(サポート用) */

.pagelist4 li {
	border-top: 1px solid #999;
	height: 50px;
	line-height: 50px;
	background: -moz-linear-gradient(top, #f0f0f0, #f5f5f5 20%, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), color-stop(0.2,#f5f5f5), to(#fff));
}

.pagelist4 li:first-child {
	border-top: none;
}

.pagelist4 a {
	padding: 3px 24px 1px 4px;
	display: block;
	overflow: hidden;
	color: #333;
	text-decoration:none;
	background: url(/C00/puti/img/list_bg.png) no-repeat right center;
	text-overflow: ellipsis;
}

/* NEWS TICKER */
.ticker {
	background: -moz-linear-gradient(top, #333, #333 20%, #555 85%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#333), color-stop(0.2,#333), color-stop(0.85,#555), to(#ccc));
	padding:6px 3px 4px;
}

.ticker li {
	width:100%;
}

.tickertag {
	font-size: 85%;
	background-color: #f60;
	color: #fff;
	padding: 2px 1px 1px 3px;
	margin-right: 3px;
}

ul.ticker-fade a {
	font-size:13px;
	display: block;
	overflow: hidden;
	color: #ddd;
	text-decoration:none;
	white-space: nowrap;
	text-overflow: ellipsis;
}

ul.ticker-slidein a {
	font-size:13px;
	display: block;
	overflow: hidden;
	color: #ddd;
	text-decoration:none;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* RESIST-STEP */
.resist-step {
	padding:0px 4px 0px;
	font-size:12px;
	background-color: #FBEEC6;
	color:#787878;
}

.resist-step img {
	width:8px;
	height:17px;
	margin-right:2px;
}

.resist-step .current {
	border:1px dotted #f00;
	padding:1px 2px 1px;
	background-color:#f60;
	color:#fff;
}

/* APPLI LIST */
.rounded-ico {	/* 一覧サムネール */
	/* サムネール画像の実寸は、横150px 縦150pxです。*/
	/* 必要に応じてHTML側でサイズを指定してください。*/
	float:left;
	display: inline-block;
	border: solid 1px #999;
	margin-bottom:3px;
	margin-right:6px;
	overflow: hidden;
	-webkit-border-radius: 8px;
	 border-radius: 8px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}


.rounded-ico2 {	/* 一覧サムネール */
	/* 必要に応じてHTML側でサイズを指定してください。*/
	float:left;
	display: inline-block;
	margin-bottom:3px;
	margin-right:6px;
	overflow: hidden;
	-webkit-border-radius: 2px;
	 border-radius: 2px;
}









.pagelist2 li h3 {
	font-size:15px;
	letter-spacing:0.1em;
}

.pagelist2 li h3.s {
	font-size:14px;
	letter-spacing:0.1em;
	margin-bottom:0px;
}

.pagelist2 li p {
	font-size:12px;
	line-height:135%;
	color:#666;
}

.pagelist2 li p.info {	/* お知らせ用 */
	font-size:14px;
	margin-bottom:20px;
	margin-top:6px;
	margin-left:7px;
	color:#333;
}

.pagelist2 li p.support {	/* サポート用 */
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:7px;
	color:#333;
}

/* バージョンアップ告知 */
table.verup {
	width:100%;
	background-color:#ffffff;
	border:1px solid #ccc;
	font-size: 85%;
	border-collapse: collapse;
	margin-bottom:10px;
}

table.verup th {
	border:1px solid #ccc;
	padding: 3px 5px;
	font-weight:normal;
	text-align:center;
	background-color: #fffbd9;
	white-space: nowrap;
}

table.verup td {
	border:1px solid #ccc;
	padding: 3px 5px;
	text-align:left;
}

.verup-ico {	/* バージョンアップ用アイコン */
	/* バージョンアップ画像の実寸は、横150px 縦23pxです。　　　　　　　　　 */
	/* 必要に応じてHTML側でサイズを指定してください。　　 　　　　　　 */
	float:left;
	display: inline-block;
	border: solid 1px #999;
	margin-bottom:3px;
	margin-right:1px;
	-webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .4);
	box-shadow: 0 1px 3px 0px rgba(0, 0, 0, .4);
}

/* ブロック */
.block_y {
	background-color: #FCFCBD;
	margin: 10px 0;
	padding: 10px;
}

.tag-u {/* タグ 下線付き */
	border-left:8px solid #33F;
	border-bottom: ridge #33F;
	padding-left:5px;
	margin: 0 0 0 10px;
}

.tag-red {/* タグ 下線付き 赤*/
	border-left:8px solid #CC0033;
	border-bottom: ridge #CC0033;
	padding-left:5px;
	margin: 0 0 0 10px;
}

.tag-orange {/* タグ 下線付き オレンジ*/
	border-left:8px solid #F96A1E;
	border-bottom: ridge #F96A1E;
	padding-left:5px;
	margin: 0 0 0 10px;
}

.bold {/* 太字 */
font-weight: bolder;
}

.shadow {/* 文字影 */
text-shadow:1px 2px 1px #999999;
}

.shadow-01 {/* 文字影 */
text-shadow:2px 2px 1px #CCCCCC;
}

.box-dashed {/* 点線枠 */
	padding:1%;
	border:1px dashed #999;
	background-color: #fef
}

.box-solid {/* 枠 */
	padding:1%;
	border:1px solid #999;
}

.box-y {/* 黄色枠 */
	padding:2%;
	border:1px solid #fc0;
	background-color: #ff9
}

.shadow-01 {/* マーキー */
marquee-direction:2px 2px 1px #CCCCCC;
}

/* --- 初めてG-modeでアプリを遊ぶ方へ --- */

.contentBlock04 {
	background-color:#fff;
	margin: 0px;
	padding: 10px 10px 5px 10px;
}

/* --- 初めてG-modeでアプリを遊ぶ方へ ボックス --- */
div.normal {
	background-color: #E8F2FD; /* ボックスの背景色 */
	-webkit-box-shadow: 1px 1px 3px #959595; 
	-moz-box-shadow: 1px 1px 3px #959595;
	-box-shadow: 1px 1px 3px #959595;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}

/* --- 初めてG-modeでアプリを遊ぶ方へ ボックス 見出し --- */
div.normal h5 {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background-color: #D3E3FC; /* 見出しの背景色 */
	border-bottom: 1px #8FD2F3 solid; /* 見出しの下境界線 */
}

/* --- 初めてG-modeでアプリを遊ぶ方へ ボックス内の段落 --- */
	div.normal p {
	margin: 5px; /* 段落のマージン（上下、左右） */
}

.gradation_orange {
text-shadow: 1px 1px 1px #666666;
font-size: 8px;
color: #ffffff;
padding: 5px 0 ;
background-color:#FF9933;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFCC00), color-stop(0.62, #FF9900), color-stop(0.00, #FF9933), color-stop(0.00, #FF9933));
background: -webkit-linear-gradient(top, #FF9933 0%, #FF9933 0%, #FFCC00 62%, #FFCC00 100%);
background: -moz-linear-gradient(top, #FF9933 0%, #FF9933 0%, #FFCC00 62%, #FFCC00 100%);
background: -o-linear-gradient(top, #FF9933 0%, #FF9933 0%, #FFCC00 62%, #FFCC00 100%);
background: -ms-linear-gradient(top, #FF9933 0%, #FF9933 0%, #FFCC00 62%, #FFCC00 100%);
background: linear-gradient(top, #FF9933 0%, #FF9933 0%, #FFCC00 62%, #FFCC00 100%);
border-top: 1px #FF9933 solid;
border-bottom: 1px #FF9933 solid;
}


