body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
/*	
	SCROLLBAR-FACE-COLOR: #222222;
	SCROLLBAR-HIGHLIGHT-COLOR: #cccccc; 
	SCROLLBAR-SHADOW-COLOR: #000000;
	SCROLLBAR-3DLIGHT-COLOR:#999999;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-DARKSHADOW-COLOR: #444444;
*/	
	font-family: arial, verdana, helvetica, sans-serif;
	cursor: default;
	color:#666666;
}

br {
	line-height:6px;
}

#wrapper {
	margin:0 auto;
	padding-top:10px;
	width:980px;
	height:640px;
	text-align:left;
}

.dtitle {
	padding-left:20px;
	padding-bottom:1px;
	margin-bottom:5px;
	font-size:14px;
	line-height:20px;
	background:url(../img/ilistbg.gif) no-repeat;
	cursor:pointer;
}

#notebook{
	position:relative;
	width: 620px;
	height:640px;
	padding-left:20px;
	text-align: left;
	font-size:12px;
	overflow: hidden;
	float:left;
	text-align:justify;
/*	text-justify:distribute-all-lines;*/
/*	color:#FFFFFF;*/
/*	display:none;*/
}

#exper{
	position:absolute;
	top: 20px;
	left: 50px;
}
.expo{
	font-size:20px;
}

.exp{
	margin:10px;
	font-size:26px;
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-weight:bold;
	line-height:20px;
	vertical-align:middle;
}

#titler {
	color: #333333;
	font-size: 20px;
	text-align: left;
	font-weight:bold;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top:10px;
	padding-left:35px;
	background:url(../img/titler.jpg) no-repeat;
	line-height:32px;
	
}

.dfont1{
	font-size:14px;
	color:#FF0000;
}
.dfont2{
	font-size:14px;
	color:#0000FF;
}
.dfont3{
	font-size:14px;
	color:#FF9900;
}

p{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	line-height:18px;
}

.cast{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-size:20px;
	line-height:24px;
	margin:20px;
}

/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	iphone

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
#iphone2 {
	position:absolute;
	width: 320px;
	height:635px;
	background:url(../img/ip.gif) no-repeat;
	overflow: hidden;
	top: 0px;
	left: 10px;
	z-index:200;
/*	display:none;*/
}

#iphone {
	position:relative;
	width: 340px;
	height:640px;
	background:url(../img/iphone.gif) no-repeat;
	overflow: hidden;
	float:left;
/*	display:none;*/
}

#screen {
	position:absolute;
	top:114px;
	left:42px;	
	width: 256px;
	height:380px;
	overflow: hidden;
	display:none;
}

#info {
	position:absolute;
	top:510px;
	left:8px;	
	width: 240px;
	height:300px;
	color:#FFFFFF;
	font-size:10px;
	text-align:left;
	overflow: hidden;
/*	display:none;*/
}

#imess {
	position:absolute;
	top:10px;
	left:8px;	
	width: 240px;
	height:48px;
	overflow: hidden;
	color:#FFFFFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

#ititle {
	position:absolute;
	top:10px;
	left:310px;	
	width: 190px;
	height:48px;
	overflow: hidden;
	color:#FFFFFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
}

#pager {
	width:240px;
	height:27px;
	background:url(../img/bg.jpg) repeat-x;
}

#ipage {
	position:absolute;
	top:50px;
	left:100px;
	width:100px;
	height:27px;
	font-family:"Courier New", Courier, mono;
	color:#FFFFFF;
	font-size:14px;
	z-index:20;
}

#inext {
	color:#FFFFFF;
	font-size:12px;
	text-align:right;
	cursor:pointer;
	float:right;
}

#iprev {
	width:120px;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	cursor:pointer;
	float:left;
}

#imax {
	font-size:12px;
	color:#FFFFFF;
	text-align:right;
	padding-right:30px;
}


/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	icon's

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/

#icon0{
	position:absolute;
	width: 48px;
	height:48px;
	left: 8px;
	top: 80px;
	background:url(../img/icon0.gif) no-repeat;
	cursor:pointer;
}

#icon1{
	position:absolute;
	width: 48px;
	height:48px;
	left:71px;
	top: 80px;
	background:url(../img/icon1.gif) no-repeat;
	cursor:pointer;
}

#icon2{
	position:absolute;
	width: 48px;
	height:48px;
	left:134px;
	top: 80px;
	background:url(../img/icon2.gif) no-repeat;
	cursor:pointer;
}

#icon3{
	position:absolute;
	width: 48px;
	height:48px;
	left:197px;
	top: 80px;
	background:url(../img/icon3.gif) no-repeat;
	cursor:pointer;
}

#icon4{
	position:absolute;
	width: 48px;
	height:48px;
	left: 8px;
	top: 163px;
	background:url(../img/icon4.gif) no-repeat;
	cursor:pointer;
}

#icon5{
	position:absolute;
	width: 48px;
	height:48px;
	left:71px;
	top: 163px;
	background:url(../img/icon5.gif) no-repeat;
	cursor:pointer;
}

#icon6{
	position:absolute;
	width: 48px;
	height:48px;
	left:134px;
	top: 163px;
	background:url(../img/icon6.gif) no-repeat;
	cursor:pointer;
}

#icon7{
	position:absolute;
	width: 48px;
	height:48px;
	left:197px;
	top: 163px;
	background:url(../img/icon7.gif) no-repeat;
	cursor:pointer;
}


/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	icon's title

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
#iname1 {
	position:absolute;
	top:128px;
	left:-5px;	
	width: 256px;
	height:12px;
	background:url(../img/iname1.gif) no-repeat;
}

#iname2 {
	position:absolute;
	top:212px;
	left:-5px;	
	width: 256px;
	height:12px;
	background:url(../img/iname2.gif) no-repeat;
}