@charset "utf-8";

/*---------------------------------------------
  1. bootstrap.css のカスタマイズ
---------------------------------------------*/

*{
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
}

body {
background-color: #FCFBF1;
}

a img{
filter : alpha(opacity=100);
}

a:hover img {
filter : alpha(opacity=80);
}


a:link{
  text-decoration : underline;
  COLOR:#F60;
}
a:active{
  text-decoration : underline;
  COLOR:#C00;
}
a:visited{
  text-decoration : none;
  COLOR:#F60;
}
a:hover{
  text-decoration: underline;
  COLOR:#389CCD;
}

.navbar-brand img {
margin-top: -6px;
margin-left: 10px;
}

.navbar-nav li {
margin-left: 10px;
border-bottom: solid 1px #DDDDDD;
}
.navbar-nav li:last-child {
border-bottom: none;
}


/*---------------------------------------------
 2. 独自ID・クラスの定義
---------------------------------------------*/

._my_layout .container {
margin-top: 0;
}

._my_side {
margin: 0;

}

._my_side_menu {
text-align:center;
border:1px #F2F2F2 solid;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0 8px 8px -8px #777;
-moz-box-shadow: 0 8px 8px -8px #777;
box-shadow: 0 8px 8px -8px #777;
background-color: #FFF;
}

#seoh1 {
margin: 0 0 8px 0;
font-size: 0.75em;
font-weight: normal;
}

@media (min-width: 768px) {
  #seoh1 {
    margin: 8px 0 8px 4px;
  }
}

/* ロゴ-------------------------------- */
#logo {
text-align:center;
padding: 0;
margin: 30px auto;
}

#logo a {
text-decoration: none;
display: block;
width: 100%;
margin:0;
padding:0;
}

#logo a img {
margin-left: auto;
margin-right: auto;
}

/* メニュー-------------------------------- */
#menu {
width: 100%;
margin:0;
padding:0;
}

#menu ul{
width: 100%;
margin:0;
padding:0;
list-style:none;
border-top:1px solid #D6D6D6;
}

#menu li {
text-indent:-9999px;
width: 100%;
height:61px;
margin:0;
padding:0;
border-bottom:1px solid #D6D6D6;
}

#menu li a{
width: 100%;
text-decoration: none;
display: block;
height:60px;
}

#menu li#home a{
background:#fff url(../imgs/menu01.png)  no-repeat 20px 15px;
}

#menu li#home a:hover {
background:#F8F8F6 url(../imgs/menu01.png)  no-repeat 20px 15px;
}

#menu li#nb a{
background:#fff url(../imgs/menu02.png)  no-repeat 20px 15px;
}

#menu li#nb a:hover {
background:#F8F8F6 url(../imgs/menu02.png)  no-repeat 20px 15px;
}

#menu li#rf a{
background:#fff url(../imgs/menu03.png)  no-repeat 20px 15px;
}

#menu li#rf a:hover {
background:#F8F8F6 url(../imgs/menu03.png)  no-repeat 20px 15px;
}

#menu li#pw a{
background:#fff url(../imgs/menu04.png)  no-repeat 20px 15px;
}

#menu li#pw a:hover {
background:#F8F8F6 url(../imgs/menu04.png)  no-repeat 20px 15px;
}

#menu li#io a{
background:#fff url(../imgs/menu05.png)  no-repeat 20px 15px;
}

#menu li#io a:hover {
background:#F8F8F6 url(../imgs/menu05.png)  no-repeat 20px 15px;
}

#menu li#au a{
background:#fff url(../imgs/menu06.png)  no-repeat 20px 15px;
}

#menu li#au a:hover {
background:#F8F8F6 url(../imgs/menu06.png)  no-repeat 20px 15px;
}

#menu li#bl a{
background:#fff url(../imgs/menu07.png)  no-repeat 20px 15px;
}

#menu li#bl a:hover {
background:#F8F8F6 url(../imgs/menu07.png)  no-repeat 20px 15px;
}
#menu li#cu a{
background:#fff url(../imgs/menu08.png)  no-repeat 20px 15px;
}

#menu li#cu a:hover {
background:#F8F8F6 url(../imgs/menu08.png)  no-repeat 20px 15px;
}

#menu li#re a{
background:#fff url(../imgs/menu09.png)  no-repeat 20px 15px;
}

#menu li#re a:hover {
background:#F8F8F6 url(../imgs/menu09.png)  no-repeat 20px 15px;
}

.area {
margin-left: auto;
margin-right: auto;
}

/* イメージ画像-------------------------------- */

#obj {
position:relative;
padding: 5px;
background:#FFFFFF;
}

.o_photo {
margin: 0;
border-radius: 5px;
}


.point {
position:absolute;
right:40px;
bottom:50px;
z-index:5;
}

.point img {
width: 200px;

}

@media (min-width: 768px) {
  .point img {
    width: 300px;
    right:40px;
    bottom:70px;
  }
}

@media (min-width: 992px) {
  .point img {
    width: 100%;
    right:40px;
    bottom:70px;
  }
}



.sd {
border:1px #F2F2F2 solid;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-webkit-box-shadow: 0 8px 8px -8px #777;
-moz-box-shadow: 0 8px 8px -8px #777;
box-shadow: 0 8px 8px -8px #777;
}

.sd2 {
border:1px #fff solid;
border-radius: 5px 5px 0px 0px;
-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
}

.sd3 {
border:1px #F2F2F2 solid;
border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}



._my_main {
padding:0;
}





/* 右サイドバナー ----------------------------- */

._my_side_contact {
margin:10px 0 10px 0;
background:#fff;
padding:0;
}

._my_side_contact h3{
margin:5px;
background:#FF9900;
padding:30px 0;
text-align:center;
}

._my_side_contact h3 p{
margin:10px 0;
padding:0;
}

._my_side_contact img{
margin-left: auto;
margin-right: auto;
}

#staff {
margin:0 0 10px 0;
background:#fff;
padding:0;
}


#staff h3{
margin:5px;
background: url(../imgs/blog_bg.jpg)  repeat-x 0 0;
padding:45px 0;
text-align:center;
}

#staff p{
margin:10px auto;
padding:0 5px;
font-size:12px;
}

#staff img{
margin-left: auto;
margin-right: auto;
}


#company {
margin:0 0 10px 0;
background:#fff;
padding:0;
}


#company h3{
height:92px;
margin:5px;
background: url(../imgs/company_bg.jpg)  repeat-x 0 0;
padding:10px;
}

#report {
margin:0 0 10px 0;
background:#fff;
padding:0;
}


#report h3{
height:92px;
margin:5px;
background: url(../imgs/report_bg.jpg)  repeat-x 0 0;
padding:10px;
}


#toyotetsu {
margin:0 0 10px 0;
background:#fff;
padding:0;
}


#toyotetsu h3{
margin:5px;
background:#5D82C1;
padding:35px 0;
text-align:center;
}

#toyotetsu img{
margin-left: auto;
margin-right: auto;
}


/* フッター ---------------------------- */

._my_footer .container {
margin-top:20px;
padding:0;
}

._my_footer .container h5{
margin:5px 0 0 0;
padding:0;
}

@media (min-width: 768px) {
  ._my_footer .container h5{
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

._my_footer .container ul{
font-size:11px;
margin:10px 0 30px 34px;
padding:0;
overflow:hidden;
list-style:none;
border-left:1px solid #D6D6D6;
}

._my_footer .container li{
margin:0;
padding:0 10px;
float:left;
border-right:1px solid #D6D6D6;
}

#copy {
font-size:11px;
margin:10px 0 0 34px;
padding:0;
color:#5D82C1;
}