@charset "UTF-8";
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary
 {display:block;}
a{
text-decoration: none
}
a {color:#909090}
a:visited{
	color:#888888;
}
a img {
    border-style:none;
}
ul {margin:0px;}
h1,h2,h3,h4,p,li,menu{font-weight:normal;}
html{
	height:100%;
	margin:0px;
}
body {
  -webkit-text-size-adjust: 100%;
}
body {
	font-family:'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	margin:0px;
	width:100%;
	margin:0px auto;
}
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.moveFront {
      -webkit-transform:translateZ(1px);
      -moz-transform:translateZ(1px);
      -o-transform:translateZ(1px);
      transform:translateZ(1px);
}
.giga_error{
	color:#ff0000;
}
/* ヘッダー用 */
div.line1{
	height:7px;
	background-color:#07818c;
}
header.top:after {visibility: hidden;
                display: block;
                font-size: 0;
                content: "";
                clear: both;
                height: 0} 

header.top{text-align: center;
         padding-bottom: 10px;
	     position:relative;
	     margin:0px auto;
}
header.cnt{
	position:relative;
	width:100%;
	margin:0px auto;
	height: 60px;}

p.header_bottom2 {width: 100%;
                  height: 6px;
                  background-color: #c0c0c0;}

div.logo{
	top:15px;
	left:0px;
	width: auto;
	height:270px;
	cursor:pointer;
}

div.logo_cnt{
	cursor:pointer;
	position:absolute;
}

div.logo_cnt img {width: 100px;
                  margin: 5px;}

div.logo_cnt_video{
	cursor:pointer;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

div.logo_cnt_video img {width: 100px;
                  margin: 5px;}

div.company{
	top:18px;
	left:492px;
	height:133px;
	
}

div.askme{padding-top: 10px}

div.askme img {cursor: pointer}

div.backhome{
	width:150px;
	cursor:pointer;
	color:#f08730;
	font-size:24px;
	margin-left: auto;
	padding-top: 23px;
}

div.menu   {padding-top: 10px;}

ul.top_menu{
	list-style:none;
}
ul.daialy_top_menu{
	list-style: none;
	text-align: center;
	font-size: x-large;
	color: #aaa;
}
ul.top_menu li{
    float: right;
	font-size:16px;
	padding:10px;
	cursor:pointer;
}

ul.top_menu li.m_1{
    color: #444444;
	left:0px;
	margin-left: 1% 
}

ul.top_menu li.m_2 {color: #444444;}

ul.top_menu li.m_3{
	left:320px;
	color: #444444;
}

ul.top_menu li.m_4 {color: #39569C;}

ul.login{
	position:absolute;
	font-size:8px;
	color:#fafafa;
	right:5px;
	top:5px;
}

ul .top_menu:after  {content: "";
                    display: block;
                    clear: both}
                                        
p.header_bottom{
	margin-top:2px;
	margin-bottom:10px;
	position:relative;
	width:100%;
	height:10px;
	background-color:#f08730;	
}

p.menu1_bottom{margin: 0px auto 20px;
                 position:relative;
                  height: 6px;
                   background-color: #c0c0c0;}

div.titlebar{
	margin:0px auto 8px auto;
	position:relative;
	width:100%;
	font-size:25px;
	font-weight:bold;
	margin-bottom:10px;
}

.menu:after  {visibility: hidden;
               display: block;
               font-size: 0;
               content:"";
               clear: both;
               height: 0;}
               
.boxA          {width: 100%;
                padding-top: 10px}               
               
.box2:after    {visibility: hidden;
                display: block;
                font-size: 0;
                content: "";
                clear: both;
                height: 0}
                
 .boxA:after  {visibility: hidden;
                display: block;
                font-size: 0;
                content: "";
                clear: both;
                height: 0} 
                
ul.top_menu:after {visibility: hidden;
                display: block;
                font-size: 0;
                content: "";
                clear: both;
                height: 0}                 
                
                
                                               
/*メイン*/
div.main{width: 100%;
          text-align: center;
}

div.right_wrap {                
		width: 100%;
		display: block;
		margin-left:auto;
		margin-right:auto;
		max-width:980px;
		
		}

div.right_top{
	/*text-align:right;*/
}
div.topic_head{
	width:100%;
	height:28px;
	font-size:18px;
	text-align:center;
	padding-top:4px;
}

div.right_top img {max-width: 100%;}

div#top.wrap_thread img {width: 100%}


/*メニュー*/

div#menu1.wrap_thread:after{visibility: hidden;
                            display: block;
                             font-size: 0;
                               content: "";
                               clear: both;
                               height: 0}
                                                       

div.left_wrap  {display: inline-block;}                 

div.leftmenu {display: inline-block;
               cursor: pointer;
               border-radius: 3px;
               font-weight: bold;
               margin: 3px;
               border: 2px solid;
               vertical-align: middle;
               margin-bottom: 10px;}
               
div.leftmenu div{
    font-size: 13px;
	display:table-cell;
	width: 100px;
	vertical-align: middle;
	height:45px;
	line-height: 20px;}               
                              
                        
div.leftmenu:hover{
	opacity:0.8;
}

/*トップ記事*/

#top .todo,.daialy,.info{padding:12px;}

div#top{
	margin:auto;
}
/*info標準*/ 

div#banner .todo,.daialy,.info{
			padding:12px;
}
div.todo,.daialy,.info{
	position:relative;
	color:#444444;
	word-break: break-all;
	overflow: auto;
	padding:12px;
}
div.todo.todo_0,.daialy.daialy_0,.info.info_0 {
	background-color: #FdFdFd;
	border-top: 1px solid #f0f0f0;
}


div.todo_todo_1,.daialy.daialy_1,.info.info_1 {
	background-color: #FdFdFd;
	border-top: 1px solid #f0f0f0;
    	margin:25px 0;
	padding: 12px;             
}
div.todo_text,.daialy_text,.info_text{
	text-align:left;
}
div#head.wrap_thread a img  {width: 200px}

div#head.wrap_thread a img:hover {opacity: 0.8}

div.todo_delete,.daialy_delete,.info_delete{
	position:absolute;
	display:block;
	height:18px;
	top:0px;
	right:4px;
	cursor:pointer;
}
span.todo_delete_name,.daialy_delete_name,.info_delete_name{
	display:none;
}

div.todo_edit,.daialy_edit,.info_edit{
	position:absolute;
	display:block;
	height:18px;
	top:0px;
	right:28px;
	cursor:pointer;
}
span.todo_edit_name,.daialy_edit_name,.info_edit_name{
	display:none;
}
div.wrap_thread_top .todo,.daialy,.info{
	overflow:hidden;
    	height:100%;
	padding-bottom:15px;
}
div.wrap_thread_top .info_title {
	font-size:20px;
	color:#FF7400;
	margin-bottom:15px;
}
div.wrap_thread_top .todo_title,.daialy_title{
	margin-bottom:5px;
	font-weight:bold;
	color:#666;
}

div.wrap_thread_top .todo_image,.daialy_image,.info_image img {
	position:static;
	max-width:350px;
	margin: 0 auto;
}
div.wrap_thread_top .todo_text,.daialy_text,.info_text {
	position:static;

}
div.wrap_thread_top .todo_text a,.daialy_text a,.info_text a{
	color:#0000ff;
}
div.wrap_thread_top .todo_text,.daialy_text{
	color:#333;
}

div.daialy_worktime,.daialy_relaxtime{
	display:inline-block;
	margin-left:10px;
	margin-right:10px;
}
.daialy_worktime,.daialy_relaxtime,.daialy_date{
	color:#999;
}
span.todo_sort_name{
	color:#999;
}

table {max-width: 970px;
        margin: auto;}        

/*news標準 */
div.news{
	margin:5px 5px;
}
div.news_title{
	font-size:18px;
	color:#4da6c3;
	font-weight:bold;
}


/*フッター */

footer  {width: 100%;
         height: 98px;
         text-align: center;}
         
div.footer_kiyaku {color: #909090;
                    font-size: 15px;}

div.footer_copy {color: #909090;
                  font-size: 15px;}         
         
div.footer_comp  {color: #F08730;
                  font-size: 18px}         

div.gotop  {height: 32px;
            margin: 10px auto;
            text-align: right;
            padding-top: 10px;
            background-color: #EFEFEF;
	         width:100%;}

footer.top{
	background-color:#efefef;
	background-image:url("../img/footer.png");
}

footer.cnt {background-color: #FFFFFF;
            background-image: url("../img/footer22.png");
            background-position: 10% 0px;
            background-repeat: no-repeat}
            
            
/* 入力フォーム用 */
div.frame{
	text-align:center;
}
div.gigaform_title{
	margin-top:12px;
	font-size:18px;
	color:#333;
}
input[type=text].giga_input,input[type=email].giga_input{
	width:300px;	
	font-size:18px;
}
textarea.giga_input{
	width:650px;
	height:350px;
	font-size:18px;
	max-width: 100%
}
input[type=submit]{
	margin:15px 10px 0px 10px;
	font-size:16px;
	background-color: white;
	cursor:pointer;
	text-decoration: none;
	border:1px solid #888888;
}
input[type=submit]:hover{
	color:#888888;
}
div.gigaform_input{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top:2px;
	margin-bottom:15px;
	color:#2106cf;

}
div.gigaform_tag{
	margin-bottom:-4px;
}
div.gigaform_form_checkbox{
	display:inline-block;
	margin-left:6px;
	margin-right:6px;

}
div.gigaform_type_checkbox{
	display:inline-block;
	font-size:medium;
	color:#2106cf;

}
/*　表示ページ用 */
section.warp_display{
	margin-left:auto;
	margin-right:auto;
	width:650px;
	border:2px solid #aaaaaa;	
	background-color:#ffffff;
}
/*　ユーザページ用 */
section.user{
	margin-left:auto;
	margin-right:auto;
	width:650px;
	border-left:2px solid #aaaaaa;
	border-right:2px solid #aaaaaa;
	background-color:#ffffff;
}
div.wrapuser{
	border-left:2px solid #dddddd;
	border-right:2px solid #dddddd;
}
img.usericon{
	max-height:150px;
	max-width:500px;
	margin-right:10px;
	margin-top:3px;
}
div.user1,div.user2{
	background-color:#f0f0f0;
	text-align:center;
}

/*新規記事用*/
div.newtopic,div.t_more{
	width:100%;
	height:18px;
	/*background-color:#e0e0e0;*/
	color:#666;
	cursor:pointer;
}
div.daialy_newtopic,div.t_more{
	width:99%;
	height:18px;
	/*background-color:#e0e0e0;*/
	text-align:right;
	padding-right:15px;
	color:#666;
	cursor:pointer;
}
div.newtopic:hover,div.t_more:hover,div.daialy_newtopic:hover{
	color:#000;	
}

/*　コメント標準 */
div.comment_wrap{
	background-color:#f0faf3;
	font-size:12px;
	margin-top:-8px;
	margin-left:8px;
	margin-right:3px;
	padding-top:3px;
	padding-left:3px;
	padding-right:3px;
	border-bottom: solid 1px #e5e5e5;

}

div.comment{
	position:relative;
	border-bottom: solid 1px #e5e5e5;
	margin:5px 2px 5px 0px;
	padding-bottom:1px;
	word-wrap: break-word;
}
span.comment_username{
	color:#0000cc;
	font-size:11px;
	margin-right:3px;
	cursor:pointer;
}
span.comment_date{
	color:#a0a0a0;
	font-size:11px;
}
div.comment_delete{
	position:absolute;
	display:block;
	height:18px;
	top:0px;
	right:4px;
	cursor:pointer;
}
div.comment_edit{
	position:absolute;
	display:block;
	height:18px;
	top:0px;
	right:28px;
	cursor:pointer;
}
menu.comment_close{
	position:relative;
	bottom:0px;
	text-align:right;
	color:#555555;
	font-size:12px;
	cursor:pointer;
}
menu.comment_close:hover{
	color:#888888;
}

textarea.comment_text{
	width:97%;
	font-size:12px;
	height:40px;
	resize: none;
}


span.comment_num,span.likenum{
	font-size:10px;
	color:#888888;
}

/* likethis標準 */
div.likethis_wrap{
	position:absolute;
	background-color:#fefff3;
	border:1px solid #e1e3bc;
	z-index:10;
	right:0px;
	top:18px;
	font-size:11px;
	width:auto;
	color:#666666;
}

/* 通知標準 */
div.notice_wrap{
	position:absolute;
	background-color:#446644;
	border:1px solid #335533;
	font-size:12px;
	color:#ffffff;
	z-index:11;
	text-align:left;
	margin-left:-60px;
	padding:5px;
}
span.notice_date{
	color:#dddddd;
	margin-right:5px;
}
span.notice_text:hover{
	color:#cceecc;
}
span.notice_number{
	background-color:#dd3311;
	border-radius: 3px;
	margin-right:5px;
	padding-left:3px;
	padding-right:3px;
}
div.notice_thread{
	display:none;
}

/*ドキュメント標準*/
div.doc_wrap{
	border:1px solid #aaaaaa;
}
div.doc_title{
	margin:10px  auto 10px auto;
	text-align:center;
	font-size:18px;
}
div.doc{
	width:80%;
	height:400px;
	overflow:scroll;
	border:1px solid #aaaaaa;
	margin:10px  auto 10px auto;
	font-size:14px;
}
/*youtube貼り付け用*/
.youtube_wrap{
    position:relative;
	width:99%;
    padding-top:70%;
    height:0;
    overflow:hidden;
	margin-bottom:5px;
}
.youtube_wrap iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*######################## 969px以下 #########################*/

@media (max-width: 969px){

div.right_top img,
div.info img {width: 100%;}

}

/*######################## 768px以上 ##########################*/

@media screen and (min-width: 768px){

/*タイトルバー↓*/
div.titlebar{
	height:42px;
	padding-top:6px;
	margin-bottom:10px;
}
/*タイトルバー↑*/              


/*ヘッダー用*/

header.cnt  {max-width: 970px;}


div.logo_cnt {top: 15px;
              left: 0px;}               

.boxA        {padding-top: 20px}

.boxA:after   {content: "";
              display: block;
              clear: both}
              
.logo   {float: left}
         
.box2   {float: left;
         width: 50%}
         
header.top   {height: 270px;
                width:970px;} 

.box2    {padding-left: 15px}        

p.menu1_bottom {width: 100%;}

/*メイン*/
          
div .main:after {content:"";
                 display: block;
                 clear: both}

div.right_top {margin: auto;}
                 
div.right_wrap{
	min-height:400px;
}

div#content.wrap_thread {margin: auto;}

div#top {max-width: 970px;}
          
div.doc {width: 970px;}                           
                           
/*フッター*/

div.gotop_back {width: 100%;
                 background-color: #efefef;}

div.gotop{
	max-width:970px;}

                           
footer{
	margin-bottom:10px;
	max-width:970px;
	margin:0px auto;}
	
div.footer_kiyaku {font-size: 18px;}

div.footer_copy {font-size: 18px;}	
	
footer.cnt{
	background-position:230px 3px}
	
div.footer_comp{
	padding-top:8px;
	font-size:20px}		
	                           

  }                

/*########################### 575px以下 #############################*/

@media (max-width: 575px){

/*ヘッダー*/

div.askme2  {left: 200px}

div.backhome  {left:200px}

div.info img {width: 100%;}

}

/*###################### 510px以下 #########################*/

@media (max-width: 510px){

/*ヘッダー*/

div.askme2  {left: 150px;
             background-size: contain;
             top: 60px;
             width: 200px;
             height: 27px}
             
div.backhome  {left: 120px;
               top: 5px}
               
div.titlebar {font-size: 20px;}                            
                  
}

/*########################### 475px以下 #############################*/

@media (max-width: 475px){

div.main {margin-top: 20px;}

ul.top_menu {padding-left: 0px;}

ul.top_menu li  {width: auto;
                  padding: 5px;}
                  
div.menu {padding-top: 40px;}                  

div .logo  {width: 100%;
            height: auto}
            
div .logo img  {width: 95%;
                height: auto}
                
div .company   {width: 100%;
                height: auto}
                
div .company img  {width: 95%;
                   height: auto}
                   
ul.top_menu li.m_1     {margin-left: 1px}


/*コンテンツ文字サイズ*/
div.right_top .info_title  {font-size: 18px}

div#content.wrap_thread .info_text {font-size: 16px}

div#content.wrap_thread .info_title {font-size: 20px}


/*コンテンツの画像サイズ*/
}

div#content.wrap_thread a img {width: 200px}

div#content.wrap_thread a img:hover {opacity: 0.8}

/*####################### 360px以下 ##############################*/

@media (max-width: 360px){

/*ヘッダー*/
.logo img {width: 320px;
           }
.logo     {height: 180px}

div.logo  {height: 200px}

div .askme {padding-top: 0px}

div .company  {height: 100px}

.company img  {width: 320px}
                  
div.askme2   {height: 21px;
              width: 158px}                  

div.backhome  {font-size: 23px;
                width: 150px;
                left: 150px}                               

div .menu  {padding-top: 0px}

ul.top_menu li {font-size: 15px;}

div#title_1546ad6cb7de16.info_title  {font-size: 20px}

div.footer_kiyaku  {padding-top: 5px;
                    padding-bottom: 5px}

}

/*###################### 320px以下 ####################*/

@media (max-width: 320px){

ul.top_menu li.m_1     {margin-left: 0px}

div.footer_comp  {font-size: 16px}

}

/*##################### 動画背景設定 #########################*/

/*###################### 動画サイズ853px以上 ####################*/

@media (min-width: 853px){

.video-container:before {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
transform: rotate(-5deg); /* 回転させる */
background: #ffffff;
z-index: -2;
}

.video-container:after {
position: absolute;
display: block;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
transform: rotate(3deg); /* 回転させる */
background: #ffffff;
z-index: -1;
}

.video-container 
{z-index: 0;
display: inline-block;
position: relative;}
}
/*###################### 動画サイズ852px以下 ####################*/

@media (max-width: 852px){

.video-container,
.mapping-movie{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed,
.mapping-movie iframe,  
.mapping-movie object,  
.mapping-movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}
	
}