/*  Typo
----------------------------------------------- */
a:link, a:visited{text-decoration: underline;color:#EC4413;}
a:active {text-decoration: underline; }
a:hover {text-decoration:none;}


h1 { font:bold 18px/140% "Trebuchet MS", Verdana, sans-serif; }
h2 { font:bold 14px/140% "Trebuchet MS", Verdana, sans-serif; }
p { font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

/*  Layout----------------------------------------------- */
body {   
 background-repeat: no-repeat;background-position: 50% 50%;
 background-attachment:fixed;
 padding:0px 0 0 0;
 margin: auto;
 font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;}

#container{
 margin: 0 auto; 
 width:960px; 
 background:white;
 padding:0　30px;}

#header{  
 line-height:1em;}

#header a{
 padding:0;
 font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
 font-size:30px;
 font-weight:normal;
 line-height:0.2em;
 color:#666666;
 text-align:right;
 text-decoration:none;}

#navigation {
        display: inline;
        float: left;
        width: 960px;
        margin-left: 0px;
}
#wrap {
        clear: both;
        width: 800px;
        margin-left: 30px;
}
#sidebar {
        float: left;
        width: 220px;
        padding-top: 0px;
}
#content{
 float:right;
 width:710px;
 padding:15px;}

#footer{
 clear:both;
 margin-top:10px;
 background:url(https://u.jimcdn.com/cms/o/sbc81b28bd328a06d/userlayout/img/footer-bg.gif?t=1395218973) repeat-x top;
 height:65px;}

#footer .gutter {
 height:30px;
 padding:35px 15px 0 90px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2{
 margin:0;
 padding: 0;}

ul.mainNav1 li,
ul.mainNav2 li {
        display: inline;
        float: left;
        margin: 0;
 border-right: 1px solid #DDD;
      
        padding: 0;
}

ul.mainNav1 li a,
ul.mainNav2 li a{
  font:normal 12px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-decoration: none;
  text-align:center;
  display: block;background:;
  color:#333;
  }


ul.mainNav1 li a { padding:4px 20px 4px 20px; }
ul.mainNav2 li a { padding:8px 8px 8px 18px; }
ul.mainNav3 li a { padding:8px 8px 8px 28px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color: #050C1A;
   background-color   : #ffffff;
  background-image   : radial-gradient(rgba(25, 68, 142, 0.36) 24%, transparent 39%),
                       radial-gradient(rgba(25, 68, 142, 0.36) 24%, transparent 39%);
  background-position: 0 0, 3px 3px;
  background-size    : 6px 6px;
}

ul.mainNav1 a.current { font-weight:bold; }

/*  長文をコンパクトに表示
----------------------------------------------- */
.scroll
{
background-color: #ffffff;
overflow: auto;
height: 200px;
border: 1px solid #ccc;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
}