@charset "Shift_JIS";


* {
margin: 0;
padding: 0;
}

html {

}

body {
	font-family:verdana, arial, helvetica, Sans-Serif;
}

div#externalBody {
padding-bottom: 20px;
width: 760px;
border-right: 2px solid #ccc;
border-left: 2px solid #ccc;
background: white;
z-index: 1;
}

/** genaral util **/

#floatLeft {
float: left;
}

#floatLeft li {
display: block;
float: left;
}

#floatLeft * a {
display: block;
text-decoration: none;
}

#floatRight {
float: right;
}


h1 {
margin-top: 4px;
background: transparent;
font-size: 120%;
font-weight: bold;
}

h2 {
margin: 8px 0;
padding: 4px 8px;
background: transparent;
color: #447cad;
font-size: 110%;
font-weight: bold;
border-bottom: 3px dotted #447cad;
}

h3 {
margin-top: 4px;
padding: 4px 8px;
background: #f7f2d3;
font-size: 100%;
font-weight: bold;
color: #447cad;
border-left: none;
border-right: none;
border-top: 1px solid #447cad;
border-bottom: 1px solid  #447cad;
}




a:link {
	color: #7091a8;
	background-color:inherit;
	text-decoration:none;
}

a:active {
	color:#fffcdd;
	text-decoration:none;
	background-color:inherit;
}

a:visited {
	color: #7091a8;
	background-color:inherit;
	text-decoration:none;
}


a:hover {
    color: #c5004c;
    text-decoration:none;
}




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

div#header {
}

div#headerL {
color: white;
background: url("../image7th/7th-code-part-score.jpg") black no-repeat -10px 20%; 
}

div#scodelogo {
  padding: 16px 0 0;
  font-family: "Times New Roman", serif;
  font-style: italic;
  font-size: 38pt;
  text-align: center;
}

span#head7 { color: #cc0099; }

div#scodeprj { 
  font-family: verdana, arial, sans-serif;
  letter-spacing: .1em;
  font-size: 10pt;
  padding: 0 0 4px;
  text-align: center;
}

div#scodeurl { 
  font-family: "Times New Roman", seirf;
  font-style: italic;
  font-size: 16pt;
  color: #cccc99;
  text-align: right;
  padding: 6px;
}

div#scodeurl a { 
  color: #cccc99;
  text-decoration: none;
}

div#scodeurl a:hover { 
  color: #f4fff4;
  background: transparent;
}

div#headerR { 
  width: 100%;
  background: url("../image7th/7th-code-part-code.jpg") transparent no-repeat right;
}



/*------------------------------------------------------------------------------
 *  menu bar
 *------------------------------------------------------------------------------*/

div#menuBar { 
 position: absolute;
 left: 2px;
 width: auto;
 font-size: 14px; 
 float: left;
}

div#menu {
 width: 130px;
 text-align: left;
 background: transparent;
 z-index: 1;
}

#menu a:hover {
 background-color:#ffd75b;
 background-color:#ffcead;
}


#menu img {height: 20px; vertical-align: middle; padding: 0; margin: 0;}

#menu div {
margin-top: 1px;
margin-bottom: 1px;
padding: 4px 0 4px 0;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-right: 1px solid gray;
background: #fff09e;
height: auto;
font-size: 14px;
filter:Alpha(opacity=100);
}


#menuBar a {
display: block;
width: 100%;
height: auto;
text-decoration: none;
}


/*------------------------------------------------------------------------------
 *  body ( menuBar )
 *------------------------------------------------------------------------------*/

div#body {
margin: 0;
font-size: 90%;

}


div#flexMenu {
position: relative;
width: 120px;
left: 2px;
float: left;
}

div#flexBody {
position: relative;
margin-left: 18px;
padding: 12px;
width: 580px;
float: left;
border: 1px solid #ccc;
}

#flexMenu p {
margin: 1px;
padding: 6px .7em;
border: 1px solid #ccc;
color: #666;
background: #d8e5ff;
background: #fff4d8;
}

#flexMenu ul {
}

#flexMenu li {
margin: 1px;
list-style: none;
border: 1px solid #ccc;
}

#flexMenu a {
display: block;
height: auto;
padding: 8px 0 8px 12px ;
text-align: left;
text-decoration: none;
}

#flexMenu a:hover {
color: #cc0099;
background: #edf2ff;
}

#flexMenu div#query {
margin-top: 20px;
padding: 4px 0;
font-size: 80%;
}

#flexMenu div#query a {
disiplay: inline;
padding: 8px 0;
font-size: 80%;
text-decoration: underline;
}

#flexMenu div#query a:hover {
background: transparent;
}




/**************************************************************************/

div#divcss {
 margin: 12px 0;
 padding: .4em;
 border: 1px solid #ccc;
}


div#body img { 
  margin: 6px;
  padding: 0;
  border-style: none;
}

div#misclow { 
  padding: 6px;
}

#pageHeader {
margin-bottom: 8px;
padding: 0 20px 2px 0;
border-bottom: 1px solid #ccc;
text-align: right;
color: gray;
font-size: 80%;
}


#pagejump {
  position: relative;
  background: url("../image7th/arrowR.gif") transparent no-repeat 100% 100%;
  margin: 14px 8px 8px 0;
  text-align: right;
  font-size: 90%;
  padding: 0 14px 0 0;
  width: 96%;
}


/** footer **/

div#footer {
width: 100%;
clear: left;
color:gray;
text-align: center;
font-size: 90%;
padding: 8px 0;
border-top: 1px solid gray;
}



/** Top Page **/
div.pageHome {
 padding: 8px 0 0 0;
 background: url("../image7th/stlipe.gif");
}

div.pageHome #divcss {
background: white;
}

div#pageTopMenuUp {
display: block;
font-weight: bold;
float: left;
}

div#pageTopMenuUp p {
margin: 2px;
width: 130px;
border: 1px solid #ccc;
text-align: center;
}

div#pageTopMenuUp * a {
display:block;
padding: 1.2em 0;
text-decoration: none;
background: white;
}

div#pageTopMenuUp * a:hover {
color: #c50067;
background: url("../image7th/activeBack.png") 0% 100% white no-repeat;
}

div#pageTopUpItem {
margin: 0 8px 0 0;
padding: 10px 8px;
float: left;
width: 590px;
}


/** develop **/
div#exampleDevelop table {
margin: 1em;
border-collapse: collapse;
}

div#exampleDevelop * td {
padding: 4px;
text-align: left;
vertical-align: top;
border: 1px solid #ccc;
}

div#exampleDevelop thead td {
padding: 8px;
text-align: center;
background: #edf2ff;
}