/*  Typo
----------------------------------------------- */
a {
    color:#000!Important;
    font-size:12px!Important;
    text-decoration:none!Important;
    text-shadow:1px 1px 2px #ccc;
}
a:hover {
    text-decoration:underline!Important;
    text-shadow:none;
}

h1 { font:bold 20px "メイリオ", Verdana, sans-serif!Important; }
h2 { font:bold 18px "メイリオ", Verdana, sans-serif!Important; }
h3 { font:bold 16px "メイリオ", Verdana, sans-serif!Important; }

p {	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif!Important;}

.be-sub {  font:bold 14px "メイリオ", Verdana, sans-serif!Important;color:#ff9900!Important;margin-bottom:5px!Important; }

ul,li { margin:0; padding:0; list-style-type:none; }

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 

.j-header h1 {padding:10px 0 10px 15px;background-color:#fff;opacity:0.7;-ms-filter: "alpha(opacity=70)";}
.j-header h2 {padding:17px 0 0 88px;width:620px;height:30px;background:url(../img/h2-bg.png) no-repeat;font-weight:bold;margin-left:-12px!Important;}
.wrap h3 {
    margin-top:10px;
    padding:10px 0 0 10px;
    width:590px;
    height:30px;
    background:url(../img/h3-bg.png) no-repeat;
    font-weight:bold;
    border-bottom:1px #ccc dotted;
    color:#fff!Important;
}


/*  Layout
----------------------------------------------- */
body {
    background:url(../img/main-bg.jpg) no-repeat top center;
    padding:0;
    margin:0;
    text-align:center;
}

#container
{
    margin:0 auto;
    width:844px;
    height:662px;
    text-align:left;
}

#header
{
    width:844px;
    height:130px;
    margin:0 auto;
    padding:0;
}

#gnavi {
    width:844px;
    padding:57px 0 0 214px;
    margin:0;
}

#navigation
{
    width:630px;
    padding:0;
    margin-left:3px;

}

#wrapper {
    margin:0 auto;
    padding:0;
    width:844px;
    position:relative;
}

#sidebar
{
    width:210px;
    height:712px;
    background:url(../img/side-bg.png) no-repeat;
    text-align:center;
}

#sidenavi{
    width:210px;
    float:left;
    position:absolute;
    top:35px;
    left:2px;
}

#content
{
    float:right;
    width:620px;
    padding:0;
    position:absolute;
    top:15px;
    left:244px;
    font-size:12px;
}

#footer
{
    clear:both;
    margin:215px auto 0 auto;
    background:url(../img/footer-bg1200.png) no-repeat top center;
    height:170px;
}

#footer .gutter 
{
    width:844px;
    padding:25px 0;
    margin:0 auto;
}
/*  ヘッダー
----------------------------------------------- */
#header img {
    float:left;
}
#hd-nav {
    width:300px;
    height:15px;
    margin-left:544px;
    padding:0;
    clear:both;
}

#hd-nav ul{
    width:300px;
    height:15px;
    text-align:right;
    font-size:12px!Important;
}
#hd-nav li a{
    float:right;
    margin:10px 30px 0 0;
    color:#000!Important;
    text-decoration:none;
} 
#hd-nav li a:hover{
    color:#000!Important;
    text-decoration:underline;
} 
#hd-nav li a img {
    float:left;
    margin:5px 3px 0 0;
}  
#hd-und {
    width:844px;
    height:100px;
    margin-top:20px;
    padding:0;
}    


/*  ナビ
----------------------------------------------- */
ul.mainNav1,ul.mainNav2{
margin:0;padding: 0;
}
ul.mainNav1 li{
float:left;display: inline;
width:156px;
height:44px;
text-align:center;
margin: 0;
padding: 0;
}
ul.mainNav2 li{
float:none;
margin: 0;
padding: 0;
}
ul.mainNav1 li a,ul.mainNav2 li a{
font:bold 14px/140% bold Verdana, Geneva, Arial, Helvetica, sans-serif!Important;
text-decoration: none!Important;
display: block;
color:#000!Important;
}
ul.mainNav1 li a {padding:4px 4px 4px 4px;}
ul.mainNav2 li a {padding:4px 4px 4px 14px;}
ul.mainNav3 li a {padding:4px 4px 4px 24px;}
ul.mainNav1 a:hover{
    background:url(../img/gnav-bg-on.png) no-repeat;
    color:#fff!Important;
    font-weight:bold!Important;
}
ul.mainNav1 a.current { font-weight:bold; }

/*  調整
----------------------------------------------- */

div.n, div.flexmodul {
    padding:0!Important;
}
.cc-m-spacing-wrapper.cc-m-spacing {
    width:600px;
    background-color:#fff;
}
.j-formnew {
    width:620px;
    background-color:#fff;
    margin:0;
}
/* コンテント
------------------------------------------- */
.wrap {
    width:600px;
    background-color:#fff;
    padding:10px;
    margin:0;
}
.wrap p {
    margin:5px 0 20px 10px;
}
.gyo-bt {
    width:620px;
    padding:0;
    margin:0;
}
.gyo-bt ul {
    width:620px;
    height:25px;
    list-style-type:none;
    padding:0;
    margin-bottom:25px;
}
.gyo-bt li {
    width:205px;
    height:25px;
    float:left;
    text-align:center;
    border-right:1px #fff dotted;
    font-family:"メイリオ", Verdana, sans-serif!Important;
    margin:0!important;
    background:url(../img/bt-bg1.png) no-repeat;
}
.gyo-bt li a {
    width:206px;
    height:25px;
    display:block;
    color:#1a7ef6!Important;
    line-height:25px;
}
.gyo-bt li a:link {
    background:url(../img/bt-bg1.png) no-repeat top left;
}
.gyo-bt li a:hover {
    width:206px;
    height:25px;
    background:url(../img/bt-bg1-on.png) no-repeat top left;
    color:#fff!Important;
    text-decoration:none!Important;
}
.be-bt {
    width:620px;
    padding:0;
    margin:0;
}
.be-bt ul {
    width:620px;
    height:25px;
    list-style-type:none;
    padding:0;
    margin-bottom:5px;
}
.be-bt li {
    width:154px;
    height:25px;
    float:left;
    border-right:1px #fff dotted;
    text-align:center;
    font-family:"メイリオ", Verdana, sans-serif!Important;
    background:url(../img/bt-bg2.png) no-repeat top left;
}
.be-bt li a {
    width:154px;
    height:25px;
    display:block;
}
.be-bt li a:link {
    color:#1a7ef6!Important;
    line-height:25px;
    background:url(../img/bt-bg2.png) no-repeat top left;
}
.be-bt li a:hover {
    width:154px;
    height:25px;
    background:url(../img/bt-bg2-on.png) no-repeat top left;
    text-decoration:none!Important;
    color:#fff!Important;
}
.sol-bt {
    width:154px;
    height:25px;
    text-align:center;
    border-left:1px #fff dotted;
    border-right:1px #fff dotted;
    margin-left:4px;
}
.sol-bt a {
    display:block;
    width:154px;
    height:25px;
    line-height:25px;
    font-family:"メイリオ", Verdana, sans-serif!Important;
}
.sol-bt a:link {
    color:#1a7ef6!Important;
    line-height:25px;
    background:url(../img/bt-bg2.png) no-repeat top left;
}
.sol-bt a:hover {
    background:url(../img/bt-bg2-on.png) no-repeat top left;
    text-decoration:none!Important;
    color:#fff!Important;
}
    
.bt1 {
    width:180px;
    height:28px;
    background:url(../img/p2-bt.png) no-repeat top center;
    padding-top:5px;
}
.bt2 {
    width:140px;
    height:28px;
    background:url(../img/p3-bt.png) no-repeat top center;
    padding-top:5px;
}
.tab-bg {
    width:100px;
    height:20px;
    background:#fff;
    line-height:20px;
}
/* テーブル
------------------------------------------- */
.company_table{
	overflow-y:scroll;
	height:620px;
}
table {
	border-collapse: collapse;
        font-size:12px!Important;
}
th.t_top {
    border-top: #1a7fe6 4px solid;
}
th {
	border-bottom: #e3e3e3 1px solid;
        border-right: #e3e3e3 1px solid;
        border-left: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
        background-color:#efefef;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #e3e3e3 1px solid;
        border-right: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
        font-size:12px!Important;
}


/* サイドナビ
------------------------------------------- */
.sb-bt1 {
    width:187px;
    height:147px;
    margin:5px auto;
}
.sb-bt1 a{
    display:block;
    font-size:1px;
    line-height:1px;
    outline:none;
}
.sb-bt2 {
    width:187px;
    height:147px;
    margin:5px auto;
}
.sb-bt2 a{
    display:block;
    font-size:1px;
    line-height:1px;
    outline:none;
}

    
/* フッター
------------------------------------------- */
#footer .gutter p {
    float:right;
    font-size:12px;
    margin-top:10px;
}
#footer .gutter img {
    margin-top:10px;
    float:left;
}
#copyright {
    width:404px;
    height:15px;
    float:right;
    margin-top:30px;
}
.roll1 {
    float:right;
    width:216px;
    height38px;
    margin-top:18px;
}
.roll1 a {
display:block;
width:216px;
height:38px;
font-size:1px;
line-height:1px;
outline:none;
}
.roll1 a:hover {
text-indent:-9999px!Important;
}

/* blog
---------------------------------- */
.blogselection {
    width:568px;
    background:url(../img/news-ce.png?t=1364809801) repeat-y top;
}
.blogselection .datetime,
.blogselection .datetime-inner{
    width:110px;
    height:25px;
    float:left;
    margin-left:20px;
    padding-right:10px!Important;
}
.cc-page-blog .datetime-inner{
    width:110px;
    height:25px;
    margin:0px 0px 0px auto;
}
.blogselection .datetime-inner{
    background:url(datetime.png) 0px 4px no-repeat;
}
.cc-page-blog .datetime .yr,
.blogselection .datetime .yr{
    padding:0px;
    margin:0px;
    height:25px;
    float:right;
    width:43px;
    font-size:12px;
    color:#2A2C2E;
    text-align:right;
    vertical-align:top;
    display:inline;
    line-height:25px !important;
}
.cc-page-blog .datetime .mon,
.blogselection .datetime .mon{
    padding:0px;
    margin:0px;
    height:25px;
    float:right;
    width:25px;
    font-size:12px;
    color:#2A2C2E;
    text-align:center;
    vertical-align:top;
    display:inline;
    line-height:25px !important;
}
.cc-page-blog .datetime .day,
.blogselection .datetime .day{
    padding:0px;
    margin:0px;
    height:25px;
    float:right;
    background:none;
    width:27px;
    font-size:12px;
    color:#2A2C2E;
    text-align:left;
    vertical-align:top;
    display:inline;
    line-height:25px !important;
}
.cc-page-blog .datetime .yr:after,
.blogselection .datetime .yr:after{
    content: "";
}
.cc-page-blog .datetime .day:after,
.blogselection .datetime .day:after{
    content: "";
}
.blogselection .j-blogarticle h1{
    padding-top:0px !important;
    margin:0px;
    width:400px !important; /* テンプレートによってサイズ変更 */
    float:right;
    font-size:14px;
    background:none !important;
    line-height:1.2 !important;
    text-indent:0px !important;
    border:none;
}
.blogselection .j-blogarticle h1 a{
    display:inline !important;
    padding:0px;
    margin:0px;
    text-align:left !important;
    text-indent:0px !important;
    font-weight:normal;
    text-decoration:none;
    line-height:25px !important;
}
.j-blogarticle{
    border-bottom:1px dotted #ccc;
    margin-bottom:0px;
    clear:both;
}
.j-blogarticle .blogreadmore{
      display:none;
}