/*
orange  e46504
green   a6d810
blue    297bc1
black   060606
purple  9a11d3
pink    ff3b9a
*/

/*____________________________________________________________________  body  */
html, body {
  /*background: #060606 url(bg.gif) 50% 0 repeat;*/
  background: #4d87c7 url("../img/bg_blue.gif") repeat-x top left fixed; padding: 0;
}
body {
  font-family: Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  background-color: #4d87c7;
  color: #060606;
  padding: 20px 0;
  margin: 0;
}


/*_________________________________________________________________  wrapper  */
div#page {
  margin: 0 auto;
  width: 760px;
  margin-bottom: 20px;
  border: 1px solid #333;
  padding: 18px 10px;
  background-color: #FFFFFF;
}

/*__________________________________________________________________  header  */
#contact {
  float: right;
}
#header {
  padding-bottom: 9px;
}
#header h1 {
float: left;
  display: inline;
  letter-spacing: -1px;
  margin-top:36px;
  margin-left:18px;
  margin-bottom: 0;
  font-family: Georgia, serif;
  font-style: italic;
}

/*_____________________________________________________________________  nav  */

div#nav {
padding:9px 0px 0px 0px;
  margin:3px 0px 0px 0px;
  clear:both;
}
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(../img/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(../img/blockactive.gif) center center repeat-x;
}

/*_____________________________________________________________________  teaser  */
#teaser { 
clear:both; padding: 0 0px; margin: 0px 0;
}

#rotator{
background: url(../img/rotator/rotator.php) no-repeat top center;
width: 760px; /*横幅のサイズはお好きなように */
height: 340px; /*縦幅のサイズはお好きなように */
margin:0 0 0 0px;
}

/*_____________________________________________________________________  contents  */
#content {
padding:9px 0px 0 0px;
}



/*_____________________________________________________________________  main  */
#main {
	float:right;
	width:530px;
	padding:10px;
}


#navi {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 25px 0px;
	padding: 7px 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-color: #D8D8D8;
}
#navi ul {
	list-style-type: none;
}
#navi li {
	display: inline;
	padding: 0px 3px;
	margin: 0 3px 0px 0px;
}

/*_____________________________________________________________________  sub  */
#sub {
	float:left;
	width:180px;
	padding:0px 10px 10px 10px;
	
}

.arrowlistmenu{
width: auto; /*width of menu*/
list-style:none;
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../img/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
margin-left: 0px;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../img/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/*____________________________________________________________________  text  */
.hidden {
  display: none;
}
p {
  /*text-indent: 12px;*/
  text-align: justify;
}
p, pre {
  margin: 0 0 18px 0;
}
pre, code {
  font-family: Monaco, monospace;
  font-size: 12px;
}
pre {
  background-color: #060606;
  width: 600px;
  overflow: auto;
}
code {
  color: #a6d810;
}

hr {
  border: 1px solid #CCCCCC;
}

/*__________________________________________________________________  images  */
img {
  border: none;
}
img.option01 {
height:auto;
margin-left:2px;
padding:3px;
background-color: #EEEEEE;
border: #999999 1px solid;
}

/*___________________________________________________________________  lists  */
ul, ol, li {
  margin: 0;
  padding: 0;
}
ul, ol {
  margin: 9px 0;
  /*padding-left: 18px;*/
}

li {
  margin-left: 18px;
}

/*__________________________________________________________________  tables  */

table {
	font-size:11px;
	border-left:1px solid #CCCCCC;
	border-spacing:0pt;
	border-top:1px solid #CCCCCC;
}
th{
	padding:8px 2px 8px 2px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color: #333333;
	font-size:11px;
	font-weight:normal;
	padding:5px;
	text-align:center;
	background-color:#DDDDDD;
}
td{
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:11px;
	padding:6px;
	background-color: #FBFDF4;
}
tr.even td {
	background: #F2F0EE;
}


/* tables */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../img/table/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/table/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/table/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}



/*___________________________________________________________________  links  */
a:link,
a:visited {
  text-decoration: none;
  color: #4697ce;
}
a:link:hover,
a:visited:hover {
  text-decoration: underline;
  color: #A70303;
}
a.option {
  display: block;
  text-align: left;
  color: #fff;
  background-color: #182E7A;
  line-height: 140%;
  padding: 5px 10px;
  margin: 6px 0;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  border: 3px double #fff;
}
a.option:hover {
  text-decoration: none;
  background-color: #A70303;
  color: #fff;
}

/*_________________________________________________________________  headers  */
h1, h2, h3, h4, h5 {
  margin-top: 12px;
  margin-bottom: 3px;
  font-weight: bold;
}
h1 {
  font-size: 24px;
  line-height: 36px;
}
h2 {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 21px;
  line-height: 18px;
  border-bottom:1px solid #333;
  padding-bottom:3px;
}
h3 {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 15px;
  line-height: 18px;
  color: #006600;
}

h4 {
  font-size: 14px;
  line-height: 18px;
  color: #e46504;
}

h5 {
  font-size: 1em;
  line-height: 18px;
  color: #333333;
}



/*___________________________________________________________________  forms  */


/*______________________________________________________________________  qa  */
p.pageTop {
  background:url(../img/mini_icons/arrow_up.gif) right no-repeat;
  text-align:right;
  margin-top:12px;
  padding-right:21px;
  color: #9a11d3;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: bold;
  zoom:1;
}

/*__________________________________________________________________  footer  */
div#footer {
  clear:both;
  border-top: 1px dotted #333;
  font-family: Georgia, serif;
  font-style: italic;
  padding: 9px 0 0;
  text-align: center;
}