@charset "utf-8";
/* CSS Document */

@charset "utf-8";

* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

/*コンテンツ全包含に関する記述*/

#wrapper{
	display:none;

	width:100%;
	height:100%;
}

/*ボディに関する記述*/

body{
	display: block;

	width:100%;
	height:100%;

	margin:0;
	border:none;
	padding:0;

	overflow-x:hidden;
	overflow-y:auto;

    color:black;
    background-color:white;
	background-image: url();
        background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center top;

	font-family: arial,helvetica,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"MS Pゴシック",clean,sans-serif;
	text-align: center;

	z-index:-1000;
}

/*コンテンツに関する記述*/

con {
	display:block;

	width: 100%;
	height: auto;

	overflow:visible;

	color:black;
    background-color:white;

	margin-top:0px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:50px;
	border:none;
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:80px;


	text-align:center;
}



/*テーブルに関する記述*/
table {
	width:60%;
	
	margin:0 auto;
	border:none;
	padding:0;

	border-collapse:collapse;
	border-style:hidden;
	vertical-align:middle;

}

td {
	width:20%;

	text-align:center;	

	margin:0px;
	border:0px;
	padding:0px;

}


#tableP{	/* 仕事全体 */
	width:60%;
	height:auto;
	
	margin:auto;
	border: dotted 1px;
	border-color: gray;
	padding:0;
	padding-top:1%;
	padding-bottom:1%;

		font-size:20px;
        font-weight:normal;
	text-align:left;
	vertical-align:top;

	color:black;
	background-color:transparent;
}

#tdP{	/* 仕事内容 */
	width:60%;
	height:auto;
	
	margin:auto;
	border: dotted 1px;
		border-top: solid 3px;
	border-color: gray;
	padding:2%;
	padding-top:1%;
	padding-bottom:1%;

		font-size:20px;
        font-weight:normal;
	text-align:left;
	vertical-align:top;

	color:black;
	background-color:transparent;
}


/*画像に関する記述*/
img {

	margin:0px;
	padding:0px;

	border: none;

	vertical-align: middle;

}


/* 題名用 */
h1{
	display:block;
	width:60%;
	hight:100px;
	font-size:30px;
        font-weight:100;
		font-family:Georgia, "Times New Roman", Times, serif;
		
	margin:0 auto;
	
	border:none;
	border-bottom:dotted lightgray 4px;

	padding-top:60px;
	padding-left:0%;

	color:darkgray;
	text-align:left;
}
h2{
	display:block;
	width:60%;
	hight:100%;
	font-size:14px;
        font-weight:100;
		font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		
	margin:0 auto;
	border:none;
	padding:0;

	color:gray;
	text-align:left;
}

h3{
	display:block;
	width:960px;
	height:auto;
	
	margin:5% auto;
	border:none;
	padding:2% auto;
	
	overflow:hidden;
	
	font-size:20px;
	font-weight:100;
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	text-align:left;
	color:gray;
	

}


/* マウス乗せた時のリンクの色 */
A{
      color: black;
      text-decoration: none;
      background: none;
}
A:link{
       color: blue;
       text-decoration: none;
       background: none;
}
A:link:hover{ 
       color: red; 
       text-decoration: blink;
       background: none;
}
A:link:active{
       color: purple;
       text-decoration: none;
       background: none;
}
A:visited{
       color: DodgerBlue;
       text-decoration: none;
       background: none;
}
A:visited:hover{
       color: red;
       text-decoration: blink;
       background: none;
}
A:visited:active{
       color: purple;
       text-decoration: none;
       background: none;
}



		/* TopAmatsubu */

#tsubu1 {
	}
	
#tsubu2 {
	}

#tsubu3 {
	}

#tsubu4 {
	}


		/* ContentMove */

#con-move1 {
	display:none;
	width:auto;
	height:auto;
	background-image:url(img/tsubura_top_prof02.jpg);
}

#con-move2 {
	display:none;
	width:auto;
	height:auto;
	background-image:url(img/tsubura_top_works02.jpg);
}



		/* PageTop */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}





		/* ShadowBox */

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{
	font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;
}

#sb-container{
	position:fixed;
	margin:0;
	padding:0;
	top:0;
	left:0;
	z-index:9999;
	text-align:left;
	visibility:hidden;
	display:none;
}

#sb-overlay{
	position:relative;
	height:100%;
	width:100%;
}

#sb-wrapper{
	position:absolute;
	visibility:hidden;
	width:100px;
}

#sb-wrapper-inner{
	position:relative;
	border:none;
	overflow:hidden;
	height:100px;
}

#sb-body{
	position:relative;
	height:100%;
}

#sb-body-inner{
	position:absolute;
	height:100%;
	width:100%;
}

#sb-player.html{
	height:100%;
	overflow:auto;
}

#sb-body img{
	border:none;
}

#sb-loading{
	position:relative;
	height:100%;
}

#sb-loading-inner{
	position:absolute;
	font-size:14px;
	line-height:24px;
	height:24px;
	top:50%;
	margin-top:-12px;
	width:100%;
	text-align:center;
}

#sb-loading-inner span{
	background:url("img/SI/loading.gif") no-repeat;
	padding-left:34px;
	display:inline-block;
}

#sb-body,#sb-loading{
	background-color:#060606;
}

#sb-title,#sb-info{
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}

#sb-title,#sb-title-inner{
	height:26px;
	line-height:26px;
}

#sb-title-inner{
	font-size:16px;
}

#sb-info,#sb-info-inner{
	height:20px;
	line-height:20px;
}

#sb-info-inner{
	font-size:12px;
}

#sb-nav{
	float:right;
	height:16px;
	padding:2px 0;
	width:45%;
}

#sb-nav a{
	display:block;
	float:right;
	height:16px;
	width:16px;
	margin-left:3px;
	cursor:pointer;
	background-repeat:no-repeat;
}

#sb-nav-close{
	background-image:url("img/SI/close.png");
}

#sb-nav-next{
	background-image:url("img/SI/next.png");
}

#sb-nav-previous{
	background-image:url("img/SI/previous.png");
}

#sb-nav-play{
	background-image:url("img/SI/play.png");
}

#sb-nav-pause{
	background-image:url("img/SI/pause.png");
}

#sb-counter{
	float:left;
	width:45%;
}

#sb-counter a{
	padding:0 4px 0 0;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}

#sb-counter a.sb-counter-current{
	text-decoration:underline;
}

div.sb-message{
	font-size:12px;
	padding:10px;
	text-align:center;
}

div.sb-message a:link,div.sb-message a:visited{
	color:#fff;
	text-decoration:underline;
}