/*---------------------------------------------------- 全体指定 */
* {
	margin				: 0px;
	padding				: 0;
}

img{ border:0;}

body{
	text-align:-moz-center; /*FF*/  
	#text-align:center; /*IE */  
	background-color: #ffffff;
	}
	
/*---------------------------------------------------- bace id */

#header {
	/*background			: url("img/bg01_header.gif") no-repeat scroll left top transparent;*/  
	font-size			: 0.8em;
	line-height			: 1.3;
	margin				: 0 auto;
	padding				: 0;
	position			: relative;
	width				: 710px;
	height				: 52px;
	border-bottom		: solid 2px #00a8f0;
}

/*
#inbox {
	text-align			: center;
	width				: 1000px;
}
*/ 

#main {
	padding				: 5px;
	margin				: 0 auto;
	height				: auto;
	width				: 710px;
}

#left {
	float				: left;
	height				: 500px;
	margin-right		: 5px;		
	padding-right		: 5px;
}

#right {
	position			: relative;
	padding-left		: -50px;
	margin-left			: -80px;
	float				: right;
}

#menu {
	height				: 82px;
}

#footer {
	padding				: 10px;
	background			: url("img/bg03_footer.gif") repeat-x scroll left bottom transparent;
	border				: 1px solid #e9e9e9;
	overflow			: hidden;
	width				: 800px;
}

/*---------------------------------------------------- header class */

#header .logoblock {
	position			: absolute;
	left				: 10px;
	top					: 10px;
	width				: 200px;
}

#header .utilityblock {
	/*border: double 1px #0000ff;*/ 
	padding				: 11px 10px 9px 0;
	width				: 698px;
}

#header .utilitynav {
	float				: right;
	margin				: 17px 0 0;
	padding				: 0 17px 5 0;
	text-align			: right;
}

#header .utilitynav li {
	background			: url("img/img_list.png") no-repeat 0 1px;
	display				: inline;
	margin				: 0;
	padding-left		: -4px;
	padding				: 0 0 10 15px;
	color				: #717171;
}

#header .utilitynav li a {
	color				: #929292;

}

#header .utilitynav li a:hover {
	color				: #00a0e9;
}

#header .bannerblock {
	clear				: both;
	margin				: 0;
	overflow			: hidden;
	padding				: 0 10px 20px 163px;
	width				: 627px;
}

/*---------------------------------------------------- main class */

/* 枠 */
.frame_u {
	position			: relative;
	margin-left			: auto;
	margin-right		: auto;
	padding				: 5px;
	margin				: 5px;
	height				: auto;
	width				: 694px;
}


/*---------------------------------------------------- menu class */

ul.menu_f01{
	background-color	: #f0f0f0;
	height				: 82px;
	margin				: 0px;
}

ul.menu_f01 li{
	height				: 82px;
	float				: left;
	display				: block;
	border-right		: 1px solid #cccccc;
}

ul.menu_f01 li a{
	color				: #666666;
	height				: 82px;
	width				: 130px;
	padding				: 13px 0px 0px;
	font-size			: 20px;
	font-weight			: bold;
	text-decoration		: none;
	display				: block;
	text-align			: center;
	background-image	: url(img/);
}

ul.menu_f01 li a:hover{
	padding				: 13px 0px 0px;
	background-image	: url(img/);
}


/* ------------------------------------------内容class */

.contents{
	/*border: double 1px #0000ff;*/ 
	text-align			: center;
	width				: 700px;
	height				: auto;
}

.pppr{
	margin				: 0px;
	/*border: double 1px #0000ff;*/ 
	background-image	: url("img/img_freepr.png") ;
	text-align			: center;
	width				: 694px;
	height				: 470px;
}

.pppr h2{
	padding-left		:15px;
	padding-top			:140px;
}

/* 透明枠top */
.sliderspace {
	padding				: 10px;
	background-image	: url("img/");
	text-align			: left;
	width				: 690px;
	height				: auto;
}

/* アクセスガイド */
.accessguidespace {
	margin-left			: 5;
	text-align			: center;
	width				: 698px;
	height				: auto;
}

table .frame_a {
	font-size			: 80%;
	line-height			: 1.5em;
	width				: 698px;
	border-collapse		: collapse;
	border-spacing		: 0;
}

.frame_a th {
	padding				: 5px;
	width				: 220px;
}

.frame_a td {
	background-repeat	: no-repeat;
	text-align			: left;
	vertical-align		: top;
	width				: 220px;
}

.frame_b td {
	background-repeat	: no-repeat;
	text-align			: left;
	vertical-align		: top;
	width				: 220px;
	height				: 110px;
}

.inner{
	width				: 205px;
	padding				: 5px;
	padding-left		: 10px;
}

/* 雲用レイヤー */
.layer01 {
	background-repeat	: no-repeat;
	position			: relative;
	top					: 20px;
	width				: 100%;
	height				: 
}

/* case 2 : イメージタグで対応 */
.layer02 {
	padding				: 0px;
	margin-top			: 0;
	background-repeat	: no-repeat;
}

.subhead_01 {
	width				: 694px;
	height				: 50px;
	background-image	: url("img/imgtitle-puzzle.png");
}

.subhead_02 {
	width				: 694px;
	height				: 50px;	
	background-image	: url("img/imgtitle-prize.png");
}


.subhead_03 {
	width				: 694px;
	height				: 50px;		
	background-image	: url("img/imgtitle-fun.png");
}


/* ------------------------------------------------------------------class 文字 */



/* -------------------------------------------------------------footerclass */
#footer .menu {
	margin-top			: 10px;
	float				: left;
	text-align			: left;
	color				: #333333;
	font-size			: 75%;
}

#footer .menu li{
	font-size			: 90%;
	display				: inline;
	margin				: 10;
	padding-left		: 10px;
	background			: url("img/img_list.png") no-repeat 0 1px;
}

#footer .menu li a {
	color				: #717171;
}

#footer .menu li a:hover{
	color				: #00a0e9;
}

#footer p{
	margin-right		: 20px;
	margin-top			: 12px;
	float				: right;
	color				: #666666;
	font-size			: 70%;
}



/*-------------N-------------*/
/* nSoftList  */

#nSoftList .soft_n {
	width				: 695px;
	margin				: 15px 0 0;
	background			: url(img/img_dotline_v.gif) repeat-y top center;
}

#nSoftList .soft_n:after {
	content				: "";
	display				: block;
	clear				: both;
	height				: 1px;
	overflow			: hidden;
}

#nSoftList .btmLineDot1 {
	padding-top			: 15px;
	_padding-top		: 0px;
	height				: 1px;
	background			: url(img/img_ddotline700_1.gif) no-repeat center bottom;
}

#nSoftList .btmLineDot2 {
	padding-top			: 15px;
	_padding-top		: 0px;
	height				: 1px;
	background			: url(img/img_dotline700_2.gif) no-repeat center bottom;
}

#nSoftList .softPkgArea {
	width				: 110px;
	float				: left;
}

#nSoftList .softPkgArea img {
	margin-top			: 2px;
	padding-left		: 8px;
}

#nSoftList .softInfoArea {
	width				: 235px;
	float				: left;
	text-align			: left;
}

#nSoftList .titleArea {
	border-left			: #02a1e9 5px solid;
	margin-top			: 10px;
	padding-left		: 6px;
}

#nSoftList .genre {
	font-size			: smaller;
	font-weight			: bold;
	color				: #02a1e9;
	font-size			: 0.8em;
	line-height			: 1.4;
}

#nSoftList .title {
	font-weight			: bold;
	color				: #777777;
	line-height			: 1.1;
	font-size			: 1em;
	letter-spacing		: -0.6;
}

#nSoftList .copy {
	padding				: 9px 0 10px;
	font-weight			: bold;
	color				: #02a1e9;
	font-size			: 0.8em;
}

#nSoftList .copy a {
	padding				: 9px 0 10px;
	font-weight			: bold;
	color				: #02a1e9;
	font-size			: 0.8em;
}

#nSoftList .supportArea{
	margin-top			: 0px;
	padding-left		: 0px;
}

#nSoftList .status{
	color				: #333333;
	font-size			: 0.8em;
	margin-top			: 0px;
	padding				: 5px;
	margin-top			: 5px;
}

#nSoftList .ttitleofficial{
	font-size			: smaller;
	font-weight			: bold;
	color				: #f38ca0;
	font-size			: 0.8em;
	line-height			: 1.4;
}

#nSoftList .ttitlefree{
	font-size			: smaller;
	font-weight			: bold;
	color				: #6994ee;
	font-size			: 0.8em;
	line-height			: 1.4;
}

/* --------------------------------------------nServiceList  */
#nServiceList .soft_n {
	width				: 695px;
	margin				: 15px 0 0;
}

#nServiceList .soft_n:after {
	content				: "";
	display				: block;
	clear				: both;
	height				: 1px;
	overflow			: hidden;
}

#nServiceList .btmLineDot1 {
	padding-top			: 15px;
	_padding-top		: 0px;
	height				: 1px;
	background			: url(img/img_ddotline700_1.gif) no-repeat center bottom;
}

#nServiceList .btmLineDot2 {
	padding-top			: 15px;
	_padding-top		: 0px;
	height				: 1px;
	background			: url(img/img_dotline700_2.gif) no-repeat center bottom;
}

#nServiceList .softPkgArea {
	width				: 200px;
	float				: left;
}

#nServiceList .softPkgArea img {
	padding-left		: 8px;
}

#nServiceList .softInfoArea {
	width				: 450px;
	float				: left;
	text-align			: left;
}

#nServiceList .titleArea {
	border-left			: #02a1e9 5px solid;
	margin-top			: 2px;
	padding-left		: 6px;
}

#nServiceList .genre {
	font-size			: smaller;
	font-weight			: bold;
	color				: #02a1e9;
	font-size			: 0.8em;
	line-height			: 1.4;
}

#nServiceList .title {
	font-weight			: bold;
	color				: #777777;
	line-height			: 1.1;
	font-size			: 1.2em;
	letter-spacing		: -0.6;
}

#nServiceList .copy {
	padding				: 9px 0 9px;
	font-weight			: bold;
	color				: #02a1e9;
	font-size			: 0.9em;
}

#nServiceList .copy a {
	padding				: 7px 0 7px;
	font-weight			: bold;
	color				: #02a1e9;
	font-size			: 0.9em;
}

#nServiceList .supportArea{
	margin-top			: 0px;
	padding-left		: 0px;
}

#nServiceList .update{
	color				: #333333;
	font-size			: 90%;
	margin-top			: 0px;
	margin-bottom		: 3px;	
	padding-left		: 0px;
	padding-bottom		: 3px;	
	border-bottom		: dotted 1px #cccccc;
}

#nServiceList .status{
	color				: #333333;
	font-size			: 0.8em;
	margin-top			: 0px;
	padding				: 5px;
	margin-top			: 5px;

}

#nServiceList .ttitleofficial{
	font-size			: smaller;
	font-weight			: bold;
	color				: #f38ca0;
	font-size			: 0.8em;
	line-height			: 1.4;
}

#nServiceList .ttitlefree{
	font-size			: smaller;
	font-weight			: bold;
	color				: #6994ee;
	font-size			: 0.8em;
	line-height			: 1.4;
}

.left_s {
	text-align			: left;
	height				: auto;
}

.BannerArea {
	text-align			: center;
	padding				: 10px;
	height				: auto;
}