/*----- ここから基本的に動かさないCSSです --------------------*/
/*----- ここから基本的に動かさないCSSです --------------------*/

/*----- メインフレーム -----*/
#site-box {
          background-color: #D8D8D8;
          text-decoration: none;
          overflow: hidden;
          width: 1282px;
          height: 720px;
          position:relative;
          margin-left : auto; 
          margin-right : auto;
          margin-top:5%;
          z-index: 1;
          
}


/*----- リンク装飾 -----*/
a { text-decoration: none; }
a:hover{text-decoration:underline;}
a:link{color:#fff;}
a:visited{color:#fff;}
a:hover{color:#C13432;}
a:active{color:#CBCBCB;}


/*----- 一番上の黒線 -----*/
#a-box {
       background-color: #000000;
       width: 1282px;
       height: 20px;
       padding: 0 auto;
       z-index: 2;
       clear: both;

}


/*----- タイトル -----*/
#b-box {
       background-color: #3B9F26;
       width: 1282px;
       height: 75px;
       padding: 0 auto;
       z-index: 3;
       clear: both;
}


#title {
       width: 620px;
       height: 70px;
       padding: 0px 0px;
       position:absolute;
}


/*----- テキストメインフレーム -----*/
#d-box {
       background-color: #3B9F26;
       width: 1282px;
       height: 600px;
       position:relative;
       padding: 0 auto;
       z-index: 6;
}


/*----- BG位置調整用空フレーム -----*/
#c-box {
       background-color: #3B9F26;
       width: 1282px;
       height: 200px;
       margin: 0 auto;
       clear: both;
       z-index: 4;
}


/*----- BG用フレーム -----*/
#BG {
       width: 1282px;
       height: 401px;
       margin-top: 5px;
       margin: 0 auto;
       z-index: 5;
}


/*----- テキスト用フレーム -----*/
#text1 {

       background-color: #43B02A;
       color: #FFFFFF;
       -moz-border-radius: 5px;    /* Firefox */
       -webkit-border-radius: 5px; /* Safari,Chrome */
       border-radius: 5px;         /* CSS3 */
       scrollbar-base-color: #333333;
       overflow-y: auto;
       width: 750px;
       height: 450px;
       margin: -46% 266px;
       position:absolute;
       z-index: 9;

}


/*----- テキストタイトル用フレーム -----*/
#titlemenu {
       margin-top:30px;
       margin-bottom:10px;
       margin-left:30px;
}


/*----- メニュー用フレーム -----*/
#f-box {
       background-color: #000;
       width: 1280px;
       height: 45px;
       margin: -50px 0px;
       position:absolute;
       color: #999999;
       z-index: 8;
       clear: both;
}


/* メニュー */
.menu {
  float:left;
  list-style:none;
  margin: -17px 0px;
  width:1280px;  
 position:relative;
 left: 50%;

}
.menu li {
   float:left;
   position:relative;
   left: -38%;
}
.menu li a { 
  display:block;
  width:144px;
  height:44px;
}

.menu li a.num3 {width:100px;}   /* 上書き */

/* link */
.num1 a:link    {background:url("img/uzupiyo_site_sozai.png") 0px 4px no-repeat;}   /* リンク */
.num2 a:link    {background:url("img/uzupiyo_site_sozai.png") -144px 4px no-repeat;}
.num3 a:link    {background:url("img/uzupiyo_site_sozai.png") -288px 4px no-repeat;}
.num4 a:link    {background:url("img/uzupiyo_site_sozai.png") -432px 4px no-repeat;}
.num5 a:link    {background:url("img/uzupiyo_site_sozai.png") -576px 4px no-repeat;}
.num6 a:link    {background:url("img/uzupiyo_site_sozai.png") -720px 4px no-repeat;}
.num7 a:link    {background:url("img/uzupiyo_site_sozai.png") -864px 4px no-repeat;}
.num8 a:link    {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num9 a:link    {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num10 a:link    {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}

.num1 a:visited {background:url("img/uzupiyo_site_sozai.png") 0px 4px no-repeat;}   /* 訪問済みリンク */
.num2 a:visited {background:url("img/uzupiyo_site_sozai.png") -144px 4px no-repeat;}
.num3 a:visited {background:url("img/uzupiyo_site_sozai.png") -288px 4px no-repeat;}
.num4 a:visited {background:url("img/uzupiyo_site_sozai.png") -432px 4px no-repeat;}
.num5 a:visited {background:url("img/uzupiyo_site_sozai.png") -576px 4px no-repeat;}
.num6 a:visited {background:url("img/uzupiyo_site_sozai.png") -720px 4px no-repeat;}
.num7 a:visited {background:url("img/uzupiyo_site_sozai.png") -864px 4px no-repeat;}
.num8 a:visited {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num9 a:visited {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num10 a:visited {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}


.num1 a:hover   {background:url("img/uzupiyo_site_sozai.png") 0px -68px no-repeat;}   /* ポイント時のリンク */
.num2 a:hover   {background:url("img/uzupiyo_site_sozai.png") -144px -68px no-repeat;}
.num3 a:hover   {background:url("img/uzupiyo_site_sozai.png") -288px -68px no-repeat;}
.num4 a:hover   {background:url("img/uzupiyo_site_sozai.png") -432px -68px no-repeat;}
.num5 a:hover   {background:url("img/uzupiyo_site_sozai.png") -576px -68px no-repeat;}
.num6 a:hover   {background:url("img/uzupiyo_site_sozai.png") -720px -68px no-repeat;}
.num7 a:hover   {background:url("img/uzupiyo_site_sozai.png") -864px -68px no-repeat;}
.num8 a:hover   {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num9 a:hover   {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num10 a:hover   {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}

.num1 a:active  {background:url("img/uzupiyo_site_sozai.png") 0px -136px no-repeat;}   /* アクティブなリンク */
.num2 a:active  {background:url("img/uzupiyo_site_sozai.png") -144px -136px no-repeat;}
.num3 a:active  {background:url("img/uzupiyo_site_sozai.png") -288px -136px no-repeat;}
.num4 a:active  {background:url("img/uzupiyo_site_sozai.png") -432px -136px no-repeat;}
.num5 a:active  {background:url("img/uzupiyo_site_sozai.png") -576px -136px no-repeat;}
.num6 a:active  {background:url("img/uzupiyo_site_sozai.png") -720px -136px no-repeat;}
.num7 a:active  {background:url("img/uzupiyo_site_sozai.png") -864px -136px no-repeat;}
.num8 a:active  {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num9 a:active  {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}
.num10 a:active  {background:url("img/uzupiyo_site_sozai.png") 0px 0px no-repeat;}


/*----- 一番下の名前の表示 -----*/
#e-box {
       
       background-color: #000000;
       width: 1282px;
       height: 30px;
       text-align: center;
       color: #999999;
       position:absolute;
       bottom:-5%;

       z-index: 7;
       clear: both;
}


/*----- スクロールバー -----*/
body::-webkit-scrollbar {
	overflow:hidden;
	width:15px;
	background:#000000;
	-webkit-border-radius:4px;
	border-radius:4px;
}

body::-webkit-scrollbar:horizontal {
	height:7px;
}

body::-webkit-scrollbar-button {
	display:none;
}

body::-webkit-scrollbar-piece {
	background:#333333;
	display:none;
}

body::-webkit-scrollbar-piece:start {
	background:#000000;
	display:none;
}

body::-webkit-scrollbar-thumb {
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#333333;
}
body::-webkit-scrollbar-corner {
	overflow:hidden;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#000000;
}

/*----- IE,Opera用スクロールバー -----*/

html,body {
	scrollbar-face-color: #000000;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
}


/*----- テキスト用スクロールバー -----*/
#text1::-webkit-scrollbar {
	overflow:hidden;
	width:15px;
	background:#000000;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#text1::-webkit-scrollbar:horizontal {
	height:7px;
}

#text1::-webkit-scrollbar-button {
	display:none;
}

#text1::-webkit-scrollbar-piece {
	background:#333333;
	display:none;
}

#text1::-webkit-scrollbar-piece:start {
	background:#000000;
	display:none;
}

#text1::-webkit-scrollbar-thumb {
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#333333;
}
#text1::-webkit-scrollbar-corner {
	overflow:hidden;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#000000;
}

/*----- IE,Opera用スクロールバー -----*/

#text1 {
	scrollbar-face-color: #000000;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
}


/*----- info用スクロールバー -----*/
#info::-webkit-scrollbar {
	overflow:hidden;
	width:15px;
	background:#000000;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#info::-webkit-scrollbar:horizontal {
	height:7px;
}

#info::-webkit-scrollbar-button {
	display:none;
}

#info::-webkit-scrollbar-piece {
	background:#333333;
	display:none;
}

#info::-webkit-scrollbar-piece:start {
	background:#000000;
	display:none;
}

#info::-webkit-scrollbar-thumb {
	overflow:hidden;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:#333333;
}
#info::-webkit-scrollbar-corner {
	overflow:hidden;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:#000000;
}

/*----- IE,Opera用スクロールバー -----*/

#info {
	scrollbar-face-color: #000000;
	scrollbar-track-color: #333333;
	scrollbar-arrow-color: #333333;
	scrollbar-highlight-color: #333333;
	scrollbar-shadow-color: #333333;
	scrollbar-3dlight-color: #333333;
	scrollbar-darkshadow-color: #333333;
}



/*----- ここまで基本的に動かさないCSSです --------------------*/
/*----- ここまで基本的に動かさないCSSです --------------------*/


#works1 {
width: 450px;
       margin-left:60px;

}

#works2 {
width: 610px;
       margin-left:65px;

}

#works3 {

width: 310px;
height: 100px;
margin-left:6px;
}


#works1g {
       margin-top:0px;
       margin-left: 90px;
       position:absolute;
}


#works2g {
       margin-top:-1%;
       margin-right:0px;
       margin-bottom:1%;
}


#cop {
       color: #000000;
       margin-left:90px;
       clear: left;
}

#free {
       color: #fff;
       margin-left:90px;
       clear: left;
       }
       
       
#info {
height: 100px;

       }




/*----- ふと文字など、テキスト装飾 -----*/
.bold {
   font-size: large;
   font-weight: bold;
   line-height: 150%;
}


.text {
   font-size: 14px;
   line-height: 130%;
   
}


.text-s {
   font-size: small;
   line-height: 120%;
}


/*----- divの角を丸くする -----*/
div.kadomaru {
   /* ▼CSS3 */
   border-top-left-radius: 20px;     /* 左上 */
   border-top-right-radius: 20px;   /* 右上 */


   /* ▼Safari,Chrome */
   -webkit-border-top-left-radius: 20px;     /* 左上 */
   -webkit-border-top-right-radius: 20px;   /* 右上 */


   /* ▼Firefox */
   -moz-border-radius-topleft: 20px;     /* 左上 */
   -moz-border-radius-topright: 20px;   /* 右上 */


   /* ▼共通装飾 */
   border: 3px #000 solid;     /* 枠線の装飾 */
   background-color: #3B9F26;   /* 背景色 */
}

element.style {
position: relative;
height: 100%;
overflow: hidden;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: rgb(59, 159, 38);
cursor: default;
}




       #3B9F26
clear: both;