﻿/* CSS Document */

#ft ul {/* footer list */
	list-style: none;
	display:block;
	float:center;
}

#ft li {
	float:left;
	width:33.3%;
}

#ft img {
	width:100%;
}

.bg {/* 背景指定 */
	background: url(/C00/puti/img/parts/top_lp/bg01.png) repeat;
}

.bg1 {/* 背景指定 */
	background: url(/C00/puti/img/parts/hedder.jpg) no-repeat;
	background-size:100% auto;
}

.bg2 {/* 背景指定 */
	background: url(/C00/puti/img/parts/hedder.jpg) no-repeat;
	background-size:100% 80px;
}


#content01 {/* 上下ラインなし　背景白 */
	background-color:#fff;
	border-bottom: 2px solid #F7B642;
}

div.gray {/* グレー帯 */
	text-align:center;
	padding: 20px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.98, #bfc6b3), color-stop(0.81, #e7e9e2), color-stop(0.56, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 56.00000000000001%, #e7e9e2 81%, #bfc6b3 98%);
	background: -moz-linear-gradient(top, #ffffff 56.00000000000001%, #e7e9e2 81%, #bfc6b3 98%);
	background: -o-linear-gradient(top, #ffffff 56.00000000000001%, #e7e9e2 81%, #bfc6b3 98%);
	background: -ms-linear-gradient(top, #ffffff 56.00000000000001%, #e7e9e2 81%, #bfc6b3 98%);
	background: linear-gradient(top, #ffffff 56.00000000000001%, #e7e9e2 81%, #bfc6b3 98%);
}

#content01 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);
}

#content01 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);
}

#content01 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);
}

#content01 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);
}

.menu_gr {/* グレー　横帯 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #cccccc), color-stop(0.49, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 49%, #cccccc 95%);
	background: -moz-linear-gradient(top, #ffffff 49%, #cccccc 95%);
	background: -o-linear-gradient(top, #ffffff 49%, #cccccc 95%);
	background: -ms-linear-gradient(top, #ffffff 49%, #cccccc 95%);
	background: linear-gradient(top, #ffffff 49%, #cccccc 95%);
}

/* PAGELIST5 告知用 */

.pagelist5 li {
	border-top: 1px dashed #999;
	height: 50px;
	line-height: 50px;
}

.pagelist5 li:first-child {
	border-top: none;
}

.pagelist5 a {
	padding: 2%;
	overflow: hidden;
	color: #333;
	font-size:13px;
	text-decoration:none;
	text-overflow: ellipsis;
}

p.ico01:before {
	content: url("/C00/puti/img/parts/exclamation_mark.gif")
	width: 18px; height: 18px;

}

p.ico02:before {
	content: url("/C00/puti/img/parts/info.gif")
	width: 18px; height: 18px;
}

img.ico{
	width: 18px; height: 18px;
	vertical-align:bottom;
	display: inline; 
	float:left;
}

/* アプリ用リスト　背景あり */
.pagelist2 li p.appli01 {	
	background: url(/C00/puti/img/parts/appli01.png) no-repeat;
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:7px;
	color:#333;
}

.pagelist2 li p.appli02 {
	background: url(/C00/puti/img/parts/appli02.png) no-repeat;
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:7px;
	color:#333;
}

.pagelist2 li p.appli03 {
	background: url(/C00/puti/img/parts/appli03.png) no-repeat;
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:7px;
	color:#333;
}

.pagelist2 li p.appli04 {
	background: url(/C00/puti/img/parts/appli04.png) no-repeat;
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:7px;
	color:#333;
}

.pagelist2 li p.appli05 {
	background: url(/C00/puti/img/parts/appli05.png) no-repeat;
	font-size:14px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:7px;
	color:#333;
}

/* アプリリスト 背景あり */
/*ボタン01～05にはそれぞれ異なる背景画像を指定する*/
li.menu01 {
	width:100%; height:100%;	/*背景画像に合わせたサイズ指定*/
	background-image:url("/C00/puti/img/parts/appli01.png");	/*背景画像*/
}
li.menu02 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("/C00/puti/img/parts/appli02.png");	/*背景画像*/
}
li.menu03 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("/C00/puti/img/parts/appli03.png");	/*背景画像*/
}
li.menu04 {
	width:156px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("/C00/puti/img/parts/appli04.png");	/*背景画像*/
}
li.menu05 {
	width:164px; height:42px;	/*背景画像に合わせたサイズ指定*/
	background-image:url("/C00/puti/img/parts/appli05.png");	/*背景画像*/
}
ul.menu a {
	display:inline;				/*リンクをインライン表示にする*/
	padding:2px; text-align:center;
	text-decoration:none; 			/*リンクの下線を無くす*/
}

/* アプリ用テーブル */
table.appli {
	width:100%;
	background-color:#ffffff;
	border:1px solid #ccc;
	font-size: 85%;
	border-collapse: collapse;
	margin-bottom:10px;
}

table.appli th {
	border:1px solid #ccc;
	padding: 3px 5px;
	font-weight:normal;
	text-align:center;
	background-color: #fffbd9;
	white-space: nowrap;
}

table.appli td01 {
	background: url(/C00/puti/img/parts/appli01.png) no-repeat;
}

table.appli td02 {
	background: url(/C00/puti/img/parts/appli01.png) no-repeat;
}

/* 角丸フレーム */
.contentFrame_dashed {/* 枠破線あり */
	border:dashed 1px #283879;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 0px 15px 10px;
	padding: 10px;
	background: #DAEEFE;
}

.contentFrame_none {/* 枠線なし */
	border:none
	border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 0px 15px 10px;
	padding: 10px;
	background: #DAEEFE;
}

.box_d {/* 枠線なし docomoカラー */
	border:none
	border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 5px 10px;
	padding: 10px;
	background: #CC0033;
}

.box_k {/* 枠線なし KDDIカラー */
	border:none
	border-radius: 7px;
	-webkit-border-radius: 7px;
	margin: 5px 10px;
	padding: 10px;
	background: #F76B1E;
}

/* カラー設定 */

/* 背景色設定 */
.bg_red {
	background: #FEEDF8;
}

.bg_blue {
	background: #D6EDFF;
}

/* 線種 */
.border_dashed {
	border: 2px dashed #999999;
}

.border_dotted {
	border: 2px dotted #999999;
}

.border_groove {
	border: 2px groove #999999;
}

.border_double {
	border: 2px double #999999;
}

/* スライダー よくある質問用 */
.accordion{
	margin: 0px 10px 5px 10px;
}

.accordion dd{
	display:none;
}

.accordion p{
	padding: 10px;
}

.accordion dl	{
	padding: 5px;
}
.accordion dt	{
	background-color: #FDE36C;
	padding: 15px 15px 15px 5px;
	font-weight: bold;
	font-size:15px;
	text-shadow:1px 2px 1px #C47A00;
	border: 1px solid #F5C10C;
	border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
}
.accordion a.dt	{
	text-decoration: none;
}
.accordion dd	{
	background-color: #FFFFCC;
	padding: 0 5px 5px 0;
	font-size:14px;
	border: 1px solid #F5C10C;
	border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
}


/* スライダー02 サイトTOP用 */
.accordion02 {
	background-color: #FFFFFF;
	border-bottom: 2px #5784C4 solid;
}

.accordion02 img.title {
	width:100%;
}

.accordion02 img.ico {
	height:18px;
	vertical-align:bottom;
	float:left
}

.accordion02 dd{
	display:none;
	border-bottom: 1px #666 solid;
}

.accordion02 dd:last-child{
	display:none;
}


.accordion02 p{
	padding: 15px 5px;
}

.accordion02 dl	{
	padding: 5px;
}

.accordion02 a.dt	{
	text-decoration: none;
}

/* ブロック */
.block {
	border: 1px solid #F30;
	color:#F30;
	text-decoration: none;
	padding: 3px;
	margin: 5px;
	float:center;
	display: inline-block;
	line-height: normal;
}

/* ボタン */

.mini-button {
	border-top: 1px solid #ffbfbf;
	background: #e08b8b;
	background: -webkit-gradient(linear, left top, left bottom, from(#db3030), to(#e08b8b));
	background: -webkit-linear-gradient(top, #db3030, #e08b8b);
	background: -moz-linear-gradient(top, #db3030, #e08b8b);
	background: -ms-linear-gradient(top, #db3030, #e08b8b);
	background: -o-linear-gradient(top, #db3030, #e08b8b);
	padding: 6.5px 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	}

/* ボタン01 */
.mini-button01 {
	background: -webkit-gradient(linear, left top, left bottom, from(#db3030), to(#e08b8b));
	background-image: linear-gradient(bottom, #FFDBDB 17%, #FFA3A3 41%, #FF9494 100%, #ED2828 88%);
	background-image: -o-linear-gradient(bottom, #FFDBDB 17%, #FFA3A3 41%, #FF9494 100%, #ED2828 88%);
	background-image: -moz-linear-gradient(bottom, #FFDBDB 17%, #FFA3A3 41%, #FF9494 100%, #ED2828 88%);
	background-image: -webkit-linear-gradient(bottom, #FFDBDB 17%, #FFA3A3 41%, #FF9494 100%, #ED2828 88%);
	background-image: -ms-linear-gradient(bottom, #FFDBDB 17%, #FFA3A3 41%, #FF9494 100%, #ED2828 88%);
	padding: 6.5px 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
	-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
	box-shadow: rgba(0,0,0,1) 0 1px 0;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	}

/* ボタンオレンジ */
a.button_orange {
	text-align:center;
	width:80%;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c21b00), color-stop(0.77, #ff6600), color-stop(0.52, #ea2804), color-stop(0.50, #e86a55), color-stop(0.33, #f49c8d), color-stop(0.00, #f1b9b0));
	background: -webkit-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -moz-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -o-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: -ms-linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	background: linear-gradient(top, #f1b9b0 0%, #f49c8d 33%, #e86a55 50%, #ea2804 52%, #ff6600 77%, #c21b00 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

/* ボタン青 */
a.button_blue {
	text-align:center;
	width:80%;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #57d3f4), color-stop(0.75, #87c2fb), color-stop(0.51, #6ba8e4), color-stop(0.50, #8fbff0), color-stop(0.20, #91bae4), color-stop(0.00, #b6e2fd));
	background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #57d3f4 100%);
	background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #57d3f4 100%);
	background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #57d3f4 100%);
	background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #57d3f4 100%);
	background: linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #57d3f4 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button_blue01 {
	text-align:center;
	width:80%;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bcf4fd), color-stop(0.75, #87c2fb), color-stop(0.51, #6ba8e4), color-stop(0.50, #8fbff0), color-stop(0.20, #91bae4), color-stop(0.00, #b6e2fd));
	background: -webkit-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -moz-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -o-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: -ms-linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	background: linear-gradient(top, #b6e2fd 0%, #91bae4 20%, #8fbff0 50%, #6ba8e4 51%, #87c2fb 75%, #bcf4fd 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

/* ボタン　グレー */
a.button_gray {
	text-align:center;
	width:80%;
	border: 1px solid #ccc;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.52, #c6c3c3), color-stop(0.48, #dbdbdb), color-stop(0.00, #dcdcdc));
	background: -webkit-linear-gradient(top, #dcdcdc 0%, #dbdbdb 48%, #c6c3c3 52%, #ffffff 100%);
	background: -moz-linear-gradient(top, #dcdcdc 0%, #dbdbdb 48%, #c6c3c3 52%, #ffffff 100%);
	background: -o-linear-gradient(top, #dcdcdc 0%, #dbdbdb 48%, #c6c3c3 52%, #ffffff 100%);
	background: -ms-linear-gradient(top, #dcdcdc 0%, #dbdbdb 48%, #c6c3c3 52%, #ffffff 100%);
	background: linear-gradient(top, #dcdcdc 0%, #dbdbdb 48%, #c6c3c3 52%, #ffffff 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button_gray01 {
	text-align:center;
	width:80%;
	border: 1px solid #ccc;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #afb5c0), color-stop(0.76, #becad0), color-stop(0.53, #b1bfcd), color-stop(0.48, #d5dbe2), color-stop(0.20, #bac2ca), color-stop(0.00, #f0f2f5));
	background: -webkit-linear-gradient(top, #f0f2f5 0%, #bac2ca 20%, #d5dbe2 48%, #b1bfcd 53%, #becad0 76%, #afb5c0 100%);
	background: -moz-linear-gradient(top, #f0f2f5 0%, #bac2ca 20%, #d5dbe2 48%, #b1bfcd 53%, #becad0 76%, #afb5c0 100%);
	background: -o-linear-gradient(top, #f0f2f5 0%, #bac2ca 20%, #d5dbe2 48%, #b1bfcd 53%, #becad0 76%, #afb5c0 100%);
	background: -ms-linear-gradient(top, #f0f2f5 0%, #bac2ca 20%, #d5dbe2 48%, #b1bfcd 53%, #becad0 76%, #afb5c0 100%);
	background: linear-gradient(top, #f0f2f5 0%, #bac2ca 20%, #d5dbe2 48%, #b1bfcd 53%, #becad0 76%, #afb5c0 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

/* ボタン　緑 */
a.button_green {
	text-align:center;
	width:80%;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f1f7ee), color-stop(0.51, #e0f0c1), color-stop(0.48, #f6f9e7), color-stop(0.00, #f1f9d7));
	background: -webkit-linear-gradient(top, #f1f9d7 0%, #f6f9e7 48%, #e0f0c1 51%, #f1f7ee 100%);
	background: -moz-linear-gradient(top, #f1f9d7 0%, #f6f9e7 48%, #e0f0c1 51%, #f1f7ee 100%);
	background: -o-linear-gradient(top, #f1f9d7 0%, #f6f9e7 48%, #e0f0c1 51%, #f1f7ee 100%);
	background: -ms-linear-gradient(top, #f1f9d7 0%, #f6f9e7 48%, #e0f0c1 51%, #f1f7ee 100%);
	background: linear-gradient(top, #f1f9d7 0%, #f6f9e7 48%, #e0f0c1 51%, #f1f7ee 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button_green01 {
	text-align:center;
	width:80%;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #bcfdc4), color-stop(0.75, #87fb98), color-stop(0.51, #6be471), color-stop(0.50, #8ff093), color-stop(0.20, #91e498), color-stop(0.00, #b6fdb9));
	background: -webkit-linear-gradient(top, #b6fdb9 0%, #91e498 20%, #8ff093 50%, #6be471 51%, #87fb98 75%, #bcfdc4 100%);
	background: -moz-linear-gradient(top, #b6fdb9 0%, #91e498 20%, #8ff093 50%, #6be471 51%, #87fb98 75%, #bcfdc4 100%);
	background: -o-linear-gradient(top, #b6fdb9 0%, #91e498 20%, #8ff093 50%, #6be471 51%, #87fb98 75%, #bcfdc4 100%);
	background: -ms-linear-gradient(top, #b6fdb9 0%, #91e498 20%, #8ff093 50%, #6be471 51%, #87fb98 75%, #bcfdc4 100%);
	background: linear-gradient(top, #b6fdb9 0%, #91e498 20%, #8ff093 50%, #6be471 51%, #87fb98 75%, #bcfdc4 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

a.button_green02 {
	text-align:center;
	width:80%;
	padding: 20px 10px 20px;
	margin: 10px auto 10px;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: rgba(0,0,0,.4) 0 1px 0;
	color: white;
	font-size: 10px;
	text-decoration: none;
	vertical-align: middle;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6ae453), color-stop(0.75, #90f269), color-stop(0.53, #78d855), color-stop(0.50, #a7ea95), color-stop(0.20, #8cd779), color-stop(0.00, #bffbb1));
	background: -webkit-linear-gradient(top, #bffbb1 0%, #8cd779 20%, #a7ea95 50%, #78d855 53%, #90f269 75%, #6ae453 100%);
	background: -moz-linear-gradient(top, #bffbb1 0%, #8cd779 20%, #a7ea95 50%, #78d855 53%, #90f269 75%, #6ae453 100%);
	background: -o-linear-gradient(top, #bffbb1 0%, #8cd779 20%, #a7ea95 50%, #78d855 53%, #90f269 75%, #6ae453 100%);
	background: -ms-linear-gradient(top, #bffbb1 0%, #8cd779 20%, #a7ea95 50%, #78d855 53%, #90f269 75%, #6ae453 100%);
	background: linear-gradient(top, #bffbb1 0%, #8cd779 20%, #a7ea95 50%, #78d855 53%, #90f269 75%, #6ae453 100%);
	-webkit-box-shadow: 1px 1px 2px #333; 
	-moz-box-shadow: 1px 1px 2px #333; 
}

/* ボックスシャドウ 内側 */
.innershadow{
	padding: 5px 0 5px;
	background:-moz-linear-gradient(top, #fffecc 0%, #ffffff 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.00, #fffecc));

	border:2px solid #FEFEFE;

	box-shadow: inset 5px 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 5px 5px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 5px 5px 5px rgba(0,0,0,0.25);
}

/* ボタン */
.button_gray, .button_gray input[type=button],  
.button_gray input[type=reset], .button_gray input[type=submit] {  
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));  
    -moz-box-shadow: 1px 1px 2px #E7E7E7;  
    -webkit-box-shadow: 1px 1px 2px #E7E7E7;  
}  
.demo1 button:hover, .demo1 input[type=button]:hover,  
.demo1 input[type=reset]:hover, .demo1 input[type=submit]:hover {  
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));  
}  
.button_gray button:active, .button_gray input[type=button]:active,  
.button_gray input[type=reset]:active, .demo1 input[type=submit]:active   {  
    background: #ccc;  
    padding: 6px 20px 4px;  
}

/* 入会タッチボタン配置設定 */
#box { /* 親ボックス docomo */
width: 100%;
  display:block;
  position:relative;
}

#box img {
  width:50%;
}

#box1 {
  width:100%;
  position:absolute;
  top:61%;
}

#box1 img{
  float:left;
}

#box_k { /* 親ボックス KDDI */
width: 100%;
  display:block;
  position:relative;
}

#box_k img {
  width:50%;
}

#box2 {
  width:100%;
  position:absolute;
  top:61%;
}

#box2 img{
  float:left;
}

/* comicメテオ背景 */
#bg_comic { 
	background: url(/C00/puti/img/comic/bb_03.png) no-repeat;
	background-position: right;
	-moz-background-size:100% 100%;
	background-size:50% 100%; 
}

#bg_comic2 { 
	background: url(/C00/puti/img/comic/bb_04.png) no-repeat;
	background-position: right;
	-moz-background-size:100% 100%;
	background-size:50% 100%; 
}
