﻿/* basic */
html{
  height: 100%;
  }
body{
  margin: 0;
  padding: 0;
  line-height: 1.3;
  font-size: 83%;
  }
a{
  color: #0000cc;
  }
p{
  margin: 0;
  padding: 0;
  }
ul,li{
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
form{
  margin: 0;
  padding: 0;
  }
img{
  border: none;
  }
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
  }
.clearfix {
  min-height: 1px;
  }
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
  }

/* header */
#user-nav{
  padding: 5px 10px;
  border-bottom: 1px solid #C9D7F1;
  }
#user-nav .left{
  width: 70%;
  float: left;
  }
#user-nav .left a{
  padding: 0 2px;
  }
#user-nav .right{
  width: 29%;
  float: right;
  text-align: right;
  }
  
/* top-main */
#top{
  padding: 20px 0 0 0;
  text-align: center;
  }
#top #main-logo{
  padding: 0 0 20px 0;
  }
#top #main-search .search-text{
  margin: 0 0 10px 0;
  border: 1px solid #7F9DB9;
  width: 300px;
  }
#top #main-search p{
  padding: 5px 0;
  display: none;
  }
#type{
  margin: 0 auto;
  padding: 30px 0 0 0;
  width: 600px;
  position: relative;
  }
#type ul{
  height: 120px;
  }
#type ul li{
  padding: 5px 0 5px 0;
  background: url("/image/t.gif") no-repeat left top;
  }
#type ul li.select{
  background: url("/image/ts.gif") no-repeat left top;
  }
#type ul li.ftab{
  width: 144px;
  float: left;
  text-align: center;
  }
#type ul li ul{
  padding: 15px 0 0 0;
  width: 580px;
  height: 85px;
  position: absolute;
  left: 0;
  }
#type ul li ul.tabini{
  display: none;
  }
#type ul li ul li{
  float: left;
  width: 110px;
  background: none;
  }
#type ul li ul li img{
  margin: 0 0 5px 0;
  text-decoration: none;
  }
#type #s-link{
  padding: 5px 2px;
  border-top: 1px solid #DFE9F4;
  text-align: right;
  }
#about{
  padding: 20px 0;
  text-align: center;
  }
#about p#copyright{
  padding: 10px 0 0 0;
  }
  
/* search */  
#header{
  width: 100%;
  }
h1{
  margin: 0;
  padding: 10px;
  width: 150px;
  float: left;
  }
#search-box{
  margin: 25px 0 0 0;
  width: 400px;
  float: left;
  }
#search-box .option{
  clear: both;
  display: none;
  }
  
form.gsc-search-box{
  display: block;
  width: 600px !important;
  }
table.gsc-search-box{
  width: 400px !important;
  float: left;
  }
table.gsc-branding{
  width: 150px !important;
  float: left;
  }
  
h2{
  display: none;
  }
  
  
.gsc-tabsArea{
  padding: 20px 0 0 50px;
  border-bottom: 1px solid #e9e9e9;
  }
.gsc-tabHeader{
  padding: 4px;
  line-height: 22px;
  }
.gsc-resultsbox-visible{
  padding: 30px 0 0 50px;
  width: 60%;
  }
.gsc-resultsHeader{
  display: none;
  }
.gs-title{
  font-size: 110%;
  }
div.gs-title{
  margin: 0 0 5px 0;
  }
#result-state{
  padding: 3px 5px;
  border-top: 1px solid #6B90DA;
  background: #F0F7F9;
  }
#result-state #title{
  float: left;
  }
#result-state #num{
  float: right;
  }
  
.gsc-control{
  width: 100% !important;
  }
.gsc-cursor-box{
  text-align: center;
  }
.gsc-cursor-box div.gsc-cursor-page{
  margin-right: 4px !important;
  padding: 3px;
  font-size: 110%;
  }
.gsc-resultsRoot{
  width: 900px;
  }
#footer{
  padding: 30px 0 10px 0;
  clear: both;
  text-align: center;
  }