/*  Typo
----------------------------------------------- */
a,
a:link, a:visited
{
    text-decoration: none!important;
    color:#FFF!important;
}


a:hover,
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


a:active { 	text-decoration: underline; }

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
----------------------------------------------- */


h2{
    margin:3em 0!important;
}


body{
width:100%;
    background: #ffffff;
    padding:35px 0 0 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
}

#container{
background:#000;
width:100%;
color:#FFF;
}
#container02{
background:#FFF;
width:100%;
color:#FFF;
}

#header{
width:100%;
height:70px;
clear:both;
background:#000;
border-top: 5px solid #fff000;
border-bottom: 1px solid #fff;
margin:0 0 -5px 0;
padding:17px;
}

#header-in,
#footer-in,
#wrapper{
width:1100px;
margin:0 auto;
}

#header ul.glnavi {
display:inline-block;
float:right;
margin-top:1em;
}

#header ul.glnavi li{
text-align: center;
list-style:none;
float:left;
margin-left:5em;
}


#header h1{
float:left;
}


#header a:hover { text-decoration:none;  }


#navigation
{
    float:left;
    width:220px;
    padding:17px;
}

#sidebar{
display:none;
}

#abc{
overflow: hidden;
}

#content{
max-width:100%;
padding:0px;
margin:0 auto;
}

#content img{
max-width:100%;
}

#content_area{
max-width:1200px;
padding:0px;
margin:0 auto;
}


.message,
.pride,
.pride00,
.work,
.about00,
.about01,
.about02,
.contact00,
.contact01{
width:100%;
text-align: center;
margin:0 auto;
padding;10em 0 0 0!important;
}

.message img,
.pride img,
.pride00 img,
.work img,
.about00 img,
.about01 img,
.about02 img,
.contact00 img,
.contact01 img{
margin:0 auto;
}

.message{
background:#e4d9d1;
margin:-5px 0 0 0;
}

.work{
background:#eeebe2;
}

.pride{
background:#000;
}



.work{
margin:-42px 0 0 0;
}

.about01{	
display: block;
width: 1100px;
height: 800px;
background:url(https://u.jimcdn.com/cms/o/s082378b506cfdd37/userlayout/img/about01.jpg?t=1511866734) top center no-repeat;
paddding-top:80px!important;
}

.about02{	
display: block;
width: 1100px;
height: 240px;
background:url(https://u.jimcdn.com/cms/o/s082378b506cfdd37/userlayout/img/about02.jpg?t=1511866752) top center no-repeat;
paddding-top:80px!important;	
margin-top:-35px;
}

.about01 ul,
.about02 ul{	
display: block;
width: 50%;
text-align:left;
margin-left:520px;
}

.about01 ul li,
.about02 ul li{
list-style:none;
margin-bottom:12px;
font-size: 12px;
}

.about01 ul li .th,
.about02 ul li .th{
display: block;
font-weight:bold;
width: 120px;
}

.about01 ul li .box,
.about02 ul li .box{
width: 70px;
display: block;
border: 1px solid #ccc;
text-align:center;
font-size: 11px;
padding: 3px 4px!important;
}

.contact01{	
display: block;
width: 1100px;
height: 250px;
background:url(https://u.jimcdn.com/cms/o/s082378b506cfdd37/userlayout/img/contact.jpg?t=1491671236) top center no-repeat;
margin-top:-20px;
}

.contact01 ul{	
display: block;
width: 50%;
text-align:left;
margin-left:620px;
}

.contact01 ul li{
font-size:26px;
list-style:none;
margin-bottom:15px;
}


#footer{
clear:both;
margin-top:150px;
background:#000;
height:100px;
border-bottom: 5px solid #fff000;
}

#footer a{
color:#FFF;
}

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

.leftrow{
foat:left;
}

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

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


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


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


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:#EEE;
    color:black;
}

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


/*  cateテーブル
----------------------------------------------- */

.cate table {
width: 210px;
height: 400px;
margin-left: auto;
margin-right: auto;
border: 1px #000000 solid;
}

.example td {
border: 1px #000000 solid;
background-color: #b0b2c6;
padding: 0 8px;
}







.item-title{
display:block;
width:70%;
font-size:1.4em;
text-align: center;
margin:40px 0 20px 0;
}
.responsive-image {
  max-width: 100%;
  width: 100%;
  height: auto;
  max-width: 1200px;
  display: block;
  margin: 0 auto;
}