body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
margin: 0;
padding: 0;
vertical-align: baseline;
}

h1,h2,h3,h4,h5,h6 {
font-style: normal;
font-weight: normal;
font-size: 1.0em;
}
 
table {border-spacing:0;}
* html table {border-collapse:collapse;}
*:first-child+html table {border-collapse:collapse;}
caption,th {text-align:left; font-weight:normal;}
table,th,td,img {border:0;}
img,input {vertical-align:middle;}
q:before,q:after {content:'';}
ul {list-style: none;}

body { font-size: 62.5%; /* 10px */ }
h1 { font-size: 2em; /* 20px */ }
p { font-size: 1.2em; /* 12px */ }

body {
color: #333;
background: #eee;
font-family : 'Hiragino Kaku Gothic Pro', Meiryo, san-serif;
font-size: 62.5%;
line-height: 1.7;
text-align: center;
}
body {
text-align:center;
}
body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF}
 
/* --- link --- */
 
a {
color: #3C25A1;
}
a:visited {
color: #3C25A1;
text-decoration: none;
}
a:hover {
color: #66f;
text-decoration: underline;
}

a:hover 
{background:#ffffff; text-decoration:none;
} /*BG color is a must for IE6*/
 
/* --- general --- */
 
h2 {
margin: 0 0 0.5em 0;
font-size: 1.5em;
}
h3 {
margin: 0 0 1em 0;
 
color: #333;
font-size: 1.2em;
font-family: serif;
}
 
p {
font-size: 1.2em;
margin-bottom: 1.5em;
}
 
ul {
padding: 0 0 1.5em 2em;
font-size: 1.2em;
}
ol {}
 
table {
margin-bottom: 1.5em;
font-size: 1.2em;
line-height: 1.7;
}
div#container {
background-color:#0099FF
width:100%
}
div#content {
background-color:#996666
width:70%
float:right;
}
div#sidebar {
background-color:#6699CC
width:30%
float:left;
}

#container {
	width:1024px;
	height:768px;
	position:relative;
	margin:0px auto;
}

#head {
	position:absolute;
	left:36px;
	top:84px;
	width:571px;
	height:393px;
}

#IlluG {
	position:absolute;
	left:790px;
	top:583px;
	width:34px;
	height:34px;
}

#PhotoG {
	position:absolute;
	left:824px;
	top:617px;
	width:34px;
	height:34px;
}

#LiMo {
	position:absolute;
	left:790px;
	top:651px;
	width:34px;
	height:34px;
}

#nullico_1 {
	position:absolute;
	left:858px;
	top:651px;
	width:34px;
	height:34px;
}

#nullico_2 {
	position:absolute;
	left:858px;
	top:583px;
	width:34px;
	height:34px;
}

#jm {
	position:absolute;
	left:916px;
	top:605px;
	width:62px;
	height:80px;
}


#mark {
	position:absolute;
	left:36px;
	top:641px;
	width:76px;
	height:37px;
}

#credit {
	position:absolute;
	left:129px;
	top:641px;
	width:521px;
	height:44px;
	background-color:#000000;
	text-align:left;
	vertical-align:top;
}

.sample{
    border:double 3px #760014;
    background-color:#ffffff;
    border-width:3px 0px;
    text-align:center;
    width:100%;
    height:30px;
    line-height:30px;
}

.style1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: x-small;
	color: #666666;
	text-align: left;
    height:44px;
    line-height:44px;
}
a.tooltip span 
{display:none; padding:2px 3px; margin-top:20px; margin-left:20px; width:350px;
}
a.tooltip:hover span
{display:inline; position:absolute; background:#E0D3C9; border:1px solid #cccccc; color:#6c6c6c;
}

* {margin:0; padding:0}
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(../images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../images/tt_bottom.gif) top right no-repeat; overflow:hidden}