@charset"utf-8";
/*=========================================================================*/
/*                             　　　共通役物　　 　　                              */
/*=========================================================================*/
section{
padding-bottom:0px;
}

.dot_spece{
 width:100%;
 height:10px;
 margin-bottom:10px;
 border-bottom:1px dotted #333333;
}

#a_t_1 {
 width:90%;
 height:auto;
 border:1px solid #333333;
 border-collapse:collapse;
 margin:0px auto 10px auto;
 line-height:1.3em;
 font-size:90%;
 text-align:left;
 }
#a_t_1 td{border:1px solid #333333;padding:6px;vertical-align:top;}
#a_t_1 th{border:1px solid #333333;padding:6px;vertical-align:top;}
#a_t_1 tr:nth-child(odd)  td{
 background: rgba(201,202,202,0.6);
 color:#333333;
 }
#a_t_1 tr:nth-child(even) td{
 background: rgba(255,255,255,0.6);
 color:#333333;
 }
#a_t_1 .w1{width:100px;}
#a_t_1 .f_l_i{width:100px;float:left;margin-right:10px;}
#a_t_1 a{color:#333333;}
#a_t_1 a:hover{color:#009943;text-decoration:none;}

.specer_60{width:100%;height:60px;overflow:hidden;}

/*=========================================================================*/
/*　　　　　　　　　　　　　　　　　　　　　　   　　　　　各ページ指定部　　　　　　　　　　　　　　　　　  　 　　　　　　　　　　　　*/
/*=========================================================================*/
/* ---------------------------> top */
#top{
 display:none;
  width:100%;
 overflow:hidden;
 z-index:-10;
 }
 
/* ---------------------------> photo */
#photo{
 display:none;
  width:100%;
 overflow:hidden;
 }
 
/* ---------------------------> copy */
#copy{
 display:none;
 text-align:center;
 clear:both;
 position:relative;
 top:0px;
 overflow:hidden;
 }
 
/* ---------------------------> design */
#design{
 display:none;
 text-align:center;
 clear:both;
 position:relative;
 top:0px;
 overflow:hidden;
 }

/* ---------------------------> web */
#web{
 display:none;
 text-align:center;
 clear:both;
 position:relative;
 top:0px;
 overflow:hidden;
 }
 
/* ---------------------------> api */
#application{
 display:none;
 text-align:center;
 clear:both;
 position:relative;
 top:0px;
 overflow:hidden;
 }

/* ---------------------------> aki */
#about {
 display:none;
 text-align:center;
 clear:both;
 position:relative;
 top:-50px;
 overflow:hidden;
 } 
/*=========================================================================*/
/*　　　　　　　　　　　　　　　　　　　　　　　　　　　 　　パーツID指定部　　　　　　　　　　　　　　　　　　　     　　　　　　　　　*/
/*=========================================================================*/

#container{
 width:100%;
 height:auto;
 overflow:hidden;
 margin:0px;
 line-height:1.4em;
}

#container2{
 width:100%;
 height:auto;
 overflow:hidden;
 margin:0px;
 line-height:1.4em;
}

.douga{
 float:left;
 width:100%;
 height:66%;
 margin:0% 0% 20px 0%;
}

header{
 background-image:url(../images/hed_bak_01.png);
 width:100%;
 height:80px;
 background-repeat:no-repeat;
 background-size:100%;
 overflow:hidden;
 display:block;
}

#hed_btn{
 width:100%;
 height:70px;
 overflow:hidden;
 display:block;
 margin-top:0px;
}

.cat_but{
 width:100%;
 height:100%;
 overflow:hidden;
 }
 
 .copy_box{
 width:100%;
 height:100%;
 overflow:hidden;
 text-align:left;
 z-index:-100;
 line-height:1.4em;
 margin-top:20px;
 background-color:#fff;
 }
 
 .gray_box{
 width:99.5%;
 height:98.5%;
 float:left;
 line-height:1.5em;
 text-align:center;
 font-size:80%;
 line-height:1.4em;
 background-color:#eeefef;
 border-bottom:1px dotted #231815;
 }
 
 /* ---------------------------> アニメーションメニュー */
 menu{
 width:auto;
 height:auto;
 overflow:hidden;
 z-index:100;
 float:right;
 position:fixed;
 top:60px;
 right:0px;
 }
 menu .bot_01{
 float:right;
 }
menu .menu1{
 clear:both;
 list-style-type:none;
 width:auto;
 height:auto;
 margin:0px;
 padding:80px;
 position:fixed;
 top:60px;
 right:-80px;
 opacity: 0;
}
menu .menu1 li a{
 width:120px;
 height:30px;
 text-align:left;
 padding-left:10px;
 line-height:30px;
 display:inline-block;
 font-size:80%;
 color:#005B43;
 font-weight:bold;
 background: rgba(190,223,194,0.9);
}
menu .menu1 li a:hover{
 color:#231815;
 background: rgba(255,255,255,0.9);
 transition: all 0.8s ease-in-out;
}
menu:hover .menu1{
  opacity: 1;
  transition: opacity 0.5s 0s ease-in-out;
 }
 
 /* ---------------------------> アニメーションボタン */
.div_cat_but{
 width:320px;
 height:320px;
 margin:0px auto;
 overflow:hidden;
 text-align:left;
 }

#bottom_specer{
 clear:both;
 width:100%;
 height:0px;
}

footer{
 width:100%;
 height:auto;
 position: static;
 color:#ffffff;
 background-color:#231815;
 padding:10px 0px;
 font-size:60%;
 line-height:1.2em;
 text-align:left
}

#login_form{
 display:none;
}
/* =========================================================================*/
/*                               全体指定部               　　                  */
/* =========================================================================*/

body{
 background-image:url(../images/pge_bak_01.jpg);
 background-repeat:no-repeat;
 background-size:100%;
}
.smafo{display:block;}
.pc{display:none;}