@charset "UTF-8";
/* CSS Document */

#wrap {
	width:960px;
	margin:0 auto;
	border-top:7px solid #ef8108; /* #89c22b; */
	border-bottom:7px solid #ef8108;
}

#main {
	padding:30px;
	overflow:hidden;
}
#main #book {
	width:280px;
	float:left;
}
#main #text {
	width:590px;
	float:right;
/*	font-family:Helvetica Light ; */
}
#main #text h1 {
	margin:0;
	padding:0;
}
#main #text p {
	font-size:13px;
	font-family:Helvetica Light, Arial, sans-serif;
}

#download {
	clear:both;
/*	border-top:1px solid #36c; */
	padding:5px 30px;
	overflow:hidden;
}
#download h2 {
	background:#6bb220;
	font-size:14px;
	padding:3px;
	margin:0 0 20px 0;
}

#download .box {
/*	width:440px; */
	width:400px; 
}
#download .box .thumbnail {
	float:left;
	width:202px;
}
#download .box .boxText {
	float:right;
/*	width:220px; */
	width:200px;
}

#download .box h3 {
	margin:0 0 10px 0;
	/*	border-bottom:1px solid #CCC; */
	overflow:hidden;
	font-family:Helvetica Light, Arial, sans-serif;
	line-height:130%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E85298; /* text-bakground-color */
/*	padding-left:16px;  */
}
#download .box h3 span {
	font-size:13px;
	display:block;
}
#download .box p ,#download .box ul {
	font-size:13px;
}

#download .box h5 {
	margin:0 0 10px 0;
	/*	border-bottom:1px solid #CCC; */
	overflow:hidden;
	font-family:Helvetica Light, Arial, sans-serif;
	line-height:130%;
}

#download .box h5 span {
	font-size:13px;
	display:block;
}
#download .box p ,#download .box ul {
	font-size:13px;
}

#download .box p.link {
/*	margin:0 0 10px 0; */
	background:url(../img/ico_down.gif) no-repeat left;
	padding-left:16px;
	font-family:Helvetica Light, Arial, sans-serif;
}

#download .box p {
/*	margin:0 0 10px 0; */
	padding-left:16px;
	font-family:Helvetica Light, Arial, sans-serif;
}

#download .box pre {
/*	margin:0 0 10px 0; */
	padding-left:16px;
	font-family:Helvetica Light, Arial, sans-serif;
}

#download .boxDownload {
	clear:both;
/*	border-top:1px solid #CCC; */
}
#download .boxDownload p img {
	vertical-align:middle;
}

#download #left {
	float:left;
}
#download #right {
	float:right;
}

#attention {
	clear:both;
	padding:20px 30px;
	border-top:1px solid #FFF; /* */
	font-size:13px;
}
#attention h4 {
	margin:0;
	padding:0;
}
#attention h4 span {
	color:#ef8108;
}
#attention p {
	margin:0.5em 0;
}
p.annotation {
	padding-left:1em;
	text-indent:-1em;
	font-size:11px!important;
	font-family:Times, serif;
}

#attention p span {
	color:#ef8108;
}

#book img
{
	color:#AAA;
	border: solid 1px;
}

a:link {
	color:#E85298; /* #89c22b */
	font-style:normal;
	text-decoration:none;
}

a:visited { color:#ef8108; } /* #E85298 */

a:hover {
	color:#E85298;;
	font-style:normal;
	text-decoration:underline;
}

/* --- */
ul {
	list-style:none;
	}

/* tab switching */
body#tab_sample div#javascript_tab_sample {
	margin:20px auto 0 auto;
	width:960px;
	text-align:left;
	}

div#javascript_tab_sample ul#tab {
	margin:0;
	padding:0;
	border-bottom:1px solid #E85298;
	background-color:#fff;
	float:left;
	width:100%;
	}

div#javascript_tab_sample ul#tab li {
	margin:0 0 0 1em;
	padding:0.2em 0; 
	text-align:center;
	border:1px solid #E85298;
	border-bottom:none;
	float:left;
	width:8em;
	}

div#javascript_tab_sample ul#tab li.selected {
	background-color:#E85298;
	}

div#javascript_tab_sample ul#tab li.selected a {
	color:#fff; 
	}

div#javascript_tab_sample dl {
	margin:0;
	padding:1em;
/*	color:#fff;  */
	border:1px solid #E85298;
	border-top:none;
	clear:both;
	}

div#javascript_tab_sample dl dt {
	font-size:14px;
	padding:3px;
	margin:0 0 20px 0;
	background-color: #E85298;/*
	margin-bottom:1em;
	padding-bottom:1em;
	border-bottom:1px dotted #fff; */
	color: #FFF;
	}

div#javascript_tab_sample dl dd {

	}

div#javascript_tab_sample dl dd p {
	margin-bottom:1em;
	}
/* --- */

code {
	font-size:12px;
	font-family:American Typewriter, Courier, Monaco, monospace;
}