/* CSS Document */
.box1 {
  height: 100%;
  left:0px;
  
}
body {
    background-image: url(sozai/ao_back.jpg);
   
   background-repeat: repeat;
   height:100%;
   width:100%;
   min-width:1100px;
	
}

html{
    height:100%;
	
}
html div#container{
    height:100%;
	

}
#container{
    width:100%;
    position:relative;
    margin-right: auto;
    margin-left: auto;
	height: auto;
	
	
}
body > #container {
        height: auto;
		width:100%;
		left:0px;
		
}
#header {
	border: 0px;
	position: absolute;
	top: 0px;
	width:100%;
	margin:0 auto;
    min-width:900px;
   
}
#main{
    min-width:1100px;
	height:auto;
	border: 0px;
	top: 10px;
	margin-right: auto;
    margin-left: auto;
	position: relative;
	min-height:3000px;
	
}
#main2{
    width:100%;
	height:auto;
	border: 0px;
	top: 10px;
	margin-right: auto;
    margin-left: auto;
	position: relative;
	min-height:1000px;	
}
#top{
    background-image:url(sozai/yoko2.png);
	background-repeat:no-repeat;
	background-position:inherit;
	height:763px;;
	border: 0px;
	margin-right: auto;
    margin-left: auto;
	position:relative;
		
}
#top2{
	height:180px;
	width:1100px;
	border: 0px;
	margin-right: auto;
    margin-left: auto;
	position:relative;
		
}


#contents{
    top:0px;
    width:700px;
	height:auto;
	border: 0px;
	position: absolute;
   right:0px;
   bottom:0px;
   left:0px;
   margin:20px auto;
	}
#contents2{
    top:0px;
    width:1100px;
	height-min:500px;
	height:20px;
	border: 0px;
	position: relative;
   right:0px;
   bottom:0px;
   left:0px;
	margin:10px auto 0px auto;
	}
	
#news{
	width:1100px;
	height:auto;
	right:0px;
	bottom:20px;
	margin:50px  auto;
	padding:0px 20px 0px 20px;
	position: relative;		
}
#title{
	width:1100px;
	height:auto;
	margin:100px  auto 100px auto;
	position: relative;
	text-align:center;

}

#act{
	width:1100px;
	height:auto;
	margin:150px  auto 50px auto;
	position: relative;

}


#act p{
    font-family: "Verdana";
	color: #FFFFFF;
	font-size: 14px;
	line-height: 20px;
	
		 }
#act .prof{
    font-family: "Verdana";
	color: #FFFFFF;
	font-size: 12px;
	line-height: 19px;
	width:260px;
	height:auto;
	height-min:200px;
	text-align:left;
	margin:0px auto 0px auto;
	
		 }
#act .d_prof{
    font-family: "Verdana";
	color: #FFFFFF;
	font-size: 12px;
	line-height: 19px;
	width:220px;
	height:auto;
	height-min:200px;
	text-align:left;
	margin:0px auto 0px auto;
	
		 }


#info {
	width:1000px;
	height:auto;
	margin:50px  auto 50px auto;
	position: relative;
}
.info_d{
	width: 863px;
	min-height: 100px;
	margin: 0 auto 25px 5px;
	padding: 20px 0px 20px 90px;
	color:#0099CC;
	border:solid 3px  #FFFFFF;
	height:auto;
	border-radius: 20px;
		 }


.info_d li {
    float:left;
	list-style:none;
	color: #FF3300;
	font-family: "Verdana";
	font-size: 20px;
	font-weight:bold;
	margin:0px auto 20px auto;
	width:100%;
}
.info_d p{
    font-family: "Verdana";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	width:760px; 
	text-align:left;
		 }
.info_d p a:hover { color:#FF9966; text-decoration:;}
.info_d p a:link { color:#ffffff; text-decoration:none;}
.info_d p a:visited { color:#ffffff; text-decoration:none;}
.info_d p a:active { color:#FF9966; text-decoration:none;}
		 
.staff_d{
	width:200px;
	color:#0099CC;
	height-min:300px;
	height:auto;
	position:relative;
	float:left;
		 }


.staff_d li {
    float:left;
	list-style:none;
	color: #A9AC41;
	font-family: "Verdana";
	font-size: 20px;
	font-weight:bold;
	margin:0px auto 20px auto;
	width:100%;
}
.staff_d p{
    font-family: "Verdana";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px; 
	text-align:left;
	width:auto;
		 }


#profile{
	width:1000px;
	height:auto;
	margin:0px  auto 70px auto;
	padding:0px 20px 0px 20px;	
	position:relative;
	top:20px;
	
}

#contact{
	width:1000px;
	height:300px;
	margin:0px  auto 70px auto;
	padding:0px 20px 0px 20px;	
	position:relative;
	top:20px;
	bottom:30px;
}
#footer{
	width:1075px;
    height:210px;
	margin:40px auto 0 auto;
	position:relative;
	
}
#footer2{
background-color:;
height:250px;
}
img.alpha {
	margin-bottom:10px;
}
p.alpha {
	background-color:#CCC;
	width:50%;
	padding:5px;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #FF3333;
}
a:active {
	text-decoration: none;
	color: #FF3333;
}

.style1 {
	font-family: Courier;
	font-size: 10px;
	color: #666666;
}
.style3 {
	font-family: Courier;
	font-size: 12px;
	color: #FFFFFF;
}
.style4 {
	font-family: "ＭＳ ゴシック";
	font-size: 14px;
}

#back-top {
	position: fixed;
	bottom: 40px
	float:right;
}
#back-top a {
    width: 60px;
    display: block;
	text-align: center;
	font: 20px/100% Courier New, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
}
#back-top span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
	background-image: url(../../2016/sozai/top.png);
    background:no-repeat center center ;
}


#js_fade {
    position : fixed;
    top : 0;
    left : 0;
    width: 100%;
    height : 100%;
    background-color : #000;
    background-image : url(   );
    background-repeat : no-repeat;
    background-position : 50% 50%;
    z-index: 1000;
}
.mado{
	width: 900px;
	height:auto;
	min-height: 100px;
	margin: 0 5px 5px 0;
	padding: 50px;
	float: left;
	color:#0099CC;
	background-color:;
	border: dashed thin #000000;
		 }
.mado img{
margin-right:20px;
}

.mado1{
	width: 900px;
	height:auto;
	min-height: 100px;
	margin: 0  0 20px 0;
	padding: 50px;
	float: left;
	color:#0099CC;
	background-color:;
	border: dashed thin #000000;
		 }
.mado1 img{
margin-right:20px;
} 
		 
.mado2{
	width: 660px;
	margin: 0  0 100px 0;
	padding: 10px;
	float: left;
	color:#FF9999;
	background-color:;
	border: dashed thin  #FFCCCC;
	left:inherit;
	height:auto;
		 }
.mado3{
	width: 290px;
	min-height: 150px;
	margin: 0 5px 10px 5px;
	padding: 10px 10px 20px 10px;
	float: left;
	color:#0099CC;
	border: solid 3px  #FFFFFF;
	height:auto;
	border-radius: 40px;
		 }
.mado3 span{
    padding-left:5px;

}

.mado4{
	width: 230px;
	min-height: 150px;
	margin: 0 0px 10px 5px;
	padding: 10px 10px 20px 10px;
	float: left;
	color:#0099CC;
	border: solid 3px  #FFFFFF;
	height:auto;
	border-radius: 40px;
		 }
.mado4 span{
    padding-left:5px;

}
.mado_ken{
	width: 863px;
	height: 255px;
	margin: 50px auto 10px auto;
	padding: 30px 15px 10px 20px;
	color:#0099CC;
	border: solid 3px  #FFFFFF;
	border-radius: 40px;
		 }
.mado_yoko span{
    padding-left:5px;

}

.mado_migi{
	width: 242px;
	min-height: 150px;
	margin: 0 5px 10px 5px;
	padding: 10px 10px 20px 10px;
	float: left;
	color:#0099CC;
	border: solid 3px  #FFFFFF;
	height:auto;
	border-radius: 40px;
		 }
.mado_migi span{
    padding-left:5px;

}
#about{
	width: 863px;
	min-height: 150px;
	margin: 0 auto 5px auto;
	padding: 20px;
	color:#0099CC;
	border:solid 3px  #FFFFFF;
	height:auto;
	border-radius: 40px;
		 }

.mado:hover { color:#FFFFFF; background-color:#99FFCC; }
.mado1:hover { color:#99FF00; background-color:#CCFF33; }
.mado2:hover { color:#FFCCCC; background-color:#FFCCCC; }
.mado3:hover { color:#FFFFFF; background-color: #B3CED2; font-color:#FFFFFF; }
.style8 {
	color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
}
.td {line-height: 16px;}
.style13 {
	color: #FF0000;
	font-size: 13px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
.style16 {line-height: 20px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
.style20 {color: #FFFFFF}
.td {line-height: 20px;}
.style31 {color: #FF3333}
.style42 {color: #0099CC}
.style44 {
	color: #333333;
	font-family: Courier;
	font-size: 13px;
}
.style48 {color: #FF6666}
.style51 {font-size: 36px; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
.style53 {
	font-family: Courier;
	font-size: 24px;
	color: #333333;
}
.style59 {color: #006699}
.style64 {color: #333333}
.style65 {font-size: 13px}
.style66 {font-size: 13px; color: #333333; }
.style67 {font-size: 12px}
.style68 {
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #333333;
}
.style72 {
	font-size: 10px;
	color: #666666;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Osaka－等幅";
}
.style73 {font-size: 10px}
.style74 {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Osaka－等幅";
	color: #666666;
}
.style75 {color: #CCCCFF}
.style76 {color: #FF0000}
.style78 {color: #006633}
.style80 {
	color: #333333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
}
.style81 {color: #006699; font-size: 13px; }
.style83 {
	font-size: 18px;
	color: #333333;
}
.style84 {
	color: #CCCC00;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}
.style86 {color: #FF0000; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; }
.style87 {
	color: #999999;
	font-size: 10px;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Osaka－等幅";
}
.style90 {color: #666666; font-size: 10px; font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Osaka－等幅"; }
.style93 {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Osaka－等幅";
	color: #666666;
}
.style94 {font-size: 11px}
.style96 {
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-size: 12px;
	color: #333333;
}
.style97 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 13px;
}
.style105 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}
.style106 {color: #333333; font-family: Courier; }
.style111 {font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"}
.style112 {color: #333333; font-size: 12px;}
.style113 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}
/* superbox 背景の色
---------------------------------------- */
#superbox-overlay{background:#e0e4cc;}

/* superbox ローディング画像呼び出し
---------------------------------------- */
#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(styles/loader.gif) no-repeat 0 0; }

/* superbox closeボタン
---------------------------------------- */
#superbox .close a{
	float:right;
	padding:0 5px;
	line-height:20px;
	background:#333;
	cursor:pointer;
	font: 10px/100% Courier New, sans-serif;
}
#superbox .close a span{color:#fff;font:10px/100% Courier New, sans-serif;}

/* superbox next　prev要素指定
---------------------------------------- */
#superbox .nextprev a{
	float:left;
	margin-right:5px;
	padding:0 5px;
	line-height:20px;
	background:#333;
	cursor:pointer;
	color:#fff;
	font-style: normal;
	font: 10px/100% Courier New, sans-serif;
}
#superbox .nextprev .disabled{background:#ccc;cursor:default;font: 10px/100% Courier New, sans-serif;}

/* コンテンツ要素
---------------------------------------- */
#superbox #column	{ text-align: left;  }
#superbox #column h2	{ 	
	font-size: 116.6%;
	border-bottom: solid 1px #646464;
	padding: 5px;
	margin-bottom: 10px;
}
#header_p {
	background-color: ;
	height: 600px;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	margin-right: auto;
    min-width:900px;
   
}


.works_d  .sakuhin_text{
    font-family: "Verdana";
	color: #006699;
	font-size: 13px;
	line-height: 20px;
	
		 }
.works_d .d_photo{
	margin:0px auto 20px auto;
	width:810px;
	clear:both;
		 }
.works_d .d_photo p{
    font-family: "Verdana";
	color: #666666;
	font-size: 9px;
    margin:5px auto 0px auto;
	float:right;
		 }