body {overflow:aout;margin:0px 0 0 0; padding:0;
     scrollbar-face-color:#FFFFFF;
     scrollbar-arrow-color:#12899f;
     scrollbar-track-color:#ADADAD;
     scrollbar-shadow-color: #FFFFFF;
     scrollbar-darkshadow-color: #FFFFFF;
     scrollbar-3dlight-color: #FFFFFF;
     scrollbar-highlight-color: #FFFFFF;
  padding-top :0px ;
  background:   url( .jpg);
  background-repeat:no-repeat;
  background-position:100% 0%;
  background-attachment:fixed;
  background-color: #ffffff;
}

/* overflow:hidden; */




BODY,td,img,a{
     font-size   : 16px;
     font-family:MS P Gothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","MS PGothic",Osaka,"Osaka‐等幅",Sans-Serif;
     font-weight : normal;
     line-height : 180%;
     letter-spacing:  0px;
     color: #303030;
     border : 0px;
}


FONT{
  cursor : nomal;
}

A:link{
 text-decoration : none;
    color: #108f1a;
}

a:visited{
 text-decoration : none;
    color: #108f1a;
}

a:active{
   text-decoration : none;
                  color : #108f1a;
}
A:hover { 
     position:relative; 
          bottom:0px;
         left:0px;
      color : #cccccc;transition: .4s;
}

.nt{ 
  color: #ff0000; font-weight : bold;  
  font-size   :  15px;}


.rt{
  color: #884422;
  font-size   :  15px;}


#indxtop{
 width:700px; heigh:px: margin:0em 0em 0em 0em; padding: 0 0 0 0;
 background-position:center top;
 background-image:url('.jpg');
 background-repeat:no-repeat;
}

#indxttl a{
 margin:0em 0em 0em 0em; padding: 10px 10px 10px 10px; width:600px;
 font-weight : bold;  font-size:30px; font-family:Georgia,sans-serif; 
 float:center; text-align: center; background-color: #afffaf;  
 border-radius: 150px 150px 150px 150px;
}

#indxttl a:hover{
 margin:0em 0em 0em 0em; padding: 10px 10px 10px 10px; width:600px;
 font-weight : bold;  font-size:30px; font-family:Georgia,sans-serif; 
 float:center; text-align: center; background-color: #70afaa; color:000000; 
 border-radius: 150px 150px 150px 150px;transition: .4s;
}

#indx_ntt{
 margin:0em 0em 0em 0em; padding: 150 0 10 90; 
 font-family:Georgia;
 float:center; text-align:left;
 color:fcbf12; font-weight : bold; font-size:30px;
}

#stm{
 margin:0em 0em 0em 0em; padding: 0px 0px 20px 0px; width:600px;
 font-weight : bold;  font-size:12px; font-family:Georgia,sans-serif; color:808050;
 float:center; text-align:left;line-height:1.5em;}

#sf_ntt2{
 margin:0em 0em 0em 0em; padding: 0 0 80 60; 
 text-align:left;
 color:#343dfa; font-family:Georgia;font-size:20px;
  border-top:0px; border-left:0px; border-right:0px;
  border-bottom:1px;font-weight : bold;
}



/*　タイトルの文字色・大きさ　 */
#index_title a{
 margin:0em 0em 0em 0em; padding: 30 0 30px 0; width:200px; 
 font-weight : bold;  font-size:50px; color: #99BFD6; font-family:Georgia,sans-serif;
}

#index_title a:hover {
 margin:0em 0em 0em 0em; padding: 30 0 30px 0; width:200px;
 text-decoration:none; color:#ffffff;
 font-family:Georgia; font-weight : bold; font-size:50px;
}

.font{
      font-weight : bold;  font-size:15px; color: #A7D5F9;width:200px;
 text-align: left; 
}

.it0 a{ margin:160px 0em 0px 0em; 
      font-weight : bold;  font-size:50px; color: #ffffff;
      font-family:Georgia;
      padding:40 0 40 0; opacity: .5;
}
.it0 a:hover{ margin:160px 0em 0px 0em; 
      font-weight : bold;  font-size:50px; color: #ffffff;
      font-family:Georgia;
      padding:40 0 40 0; transition: .4s; opacity: 1;
}

/*　タイトルの文字色・大きさ　ここまで　 */


/*　フォームの枠線　 */
.se1{
  border:1px;  border-color:#909090;  border-style:solid;
  color: #797979;
  background:transparent;padding:3px 3px 3px 3px; border-radius: 150px 150px 150px 150px;
}

/*　フォームの枠線　テキストエリア用　 */
.se4{
  border:1px; border-color:#ADADAD; border-style:solid;
     scrollbar-face-color:#FFFFFF;
     scrollbar-arrow-color:#ffffff;
     scrollbar-track-color:#ADADAD;
     scrollbar-shadow-color: #FFFFFF;
     scrollbar-darkshadow-color: #FFFFFF;
     scrollbar-3dlight-color: #FFFFFF;
     scrollbar-highlight-color: #FFFFFF;
  font-size   :  12px; font-family : Verdana; font-weight : normal; 
  line-height : 180%; letter-spacing:  1px;
  color: #797979;
  background:transparent;
}



/*　実験CSS　*/
h2{ background:url(.jpg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-attachment:fixed;
    color: #195f12;
    font-family:Georgia;
    margin:10px 0px 10px 0px;
    padding:0px 0px;
    text-align:left;}

h2 a{ background:url(.jpg);
    background-repeat:no-repeat;
    background-position:50% 50%;
    background-attachment:fixed;
    color: #195f12;
    font-family:Georgia;
    margin:10px 0px 10px 0px;
    padding:0px 0px;
    text-align:left;
    font-size:30pt;}



#mainbox {margin:0 0 0 450px; height:100%; overflow:auto; padding:0; border:0px solid #000000;}

#mainin { width:80%; margin:20px 0 0 2em; padding:0.1em 0 30px 0;}

h1{margin:0;}


/*　d_s CSS　*/
h3 { 
	border-top:0px;
	border-left:0px;
	border-right:0px; border-bottom:0px; border-color:#909090;text-align:left;  background-color: #303030; color: #294878;
	font-family:Georgia;
      border-style:solid; margin: 0.7em 0 0em 0; padding: 0px 0px 0px 10px; width:550px; }

h3 a{ text-align:left; color: #ffffff; font-family:Georgia;
      border-style:solid; margin: 0.7em 0 0em 0; padding: 0px 0px 0px 0px; width:550px; }

h3 a:hover { text-align:left; color: #ffffaa; font-family:Georgia;
      border-style:solid; margin: 0.7em 0 0em 0; padding: 0px 0px 0px 0px; width:550px; }

h3 a:visited { text-align:left; color: #ffffff; font-family:Georgia;
      border-style:solid; margin: 0.7em 0 0em 0; padding: 0px 0px 0px 0px; width:550px; }

#mainin p {margin:10px 0; width:440px; top:0; }

.main_text {margin:10px 0 0px 0px; border:0px dotted #000000; font-size:15px; width:550px; text-align:left;
	padding:10px 0px 10px 10px;}

.sub {
	margin:10px 0 50px 0px; border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
	border-top:1px;
	border-left:1px;
	border-right:1px;
	border-bottom:1px;
	font-size:15px;
	width:550px; text-align:left; border-style:solid; border-color:#909090; padding:10px 0px 10px 10px;}

/* block */

#top{
 width:700px; heigh:100px: margin:0em 0em 0em 0em; padding: 100 0 100 0;
 background-position:100% 40%;
 background-image:url('sora.jpg');
 background-repeat:no-repeat; border:0px;
 border-color:#765656; border-style:;
 overflow: hidden;
 border-radius: 80px 80px 80px 80px;
}

#und{
 width:800px; margin:5px 0em 0em 0em; padding: 0 0 0 0;
 border-style:solid;float:right; background-color: #ffffff;
}

#top_ntt {
 margin:7em 0em 100px 100px; padding: 100 10 100px 0; width:700px; 
 font-weight : bold;  font-size:20px; font-family:Georgia,sans-serif;
 text-align:left;color:#000000;line-height: 1.2em; float:center;}


#tpntt {
 margin:50px 0em 100px 50px; padding: 100px 100  100px 100px; width:800px;
 text-decoration:none; color:#000000;text-align:left;
 font-family:Georgia; font-weight : bold; font-size:17px; float:left;}


div#tpntt a{
 margin:0px 0em 0px 0; padding: 0px 10  0px 10px; font-size:px; 
 text-decoration:none; color:443311;text-align:center;  font-size:14px; 
 font-family:Georgia; font-weight : bold;}

.fo1-1{height:0.0em; display:inline; 
  border-top:0px; border-left: 0px; border-right:0px; border-bottom:0px;
  border-color:#000000; border-style:solid;
  font-size:14px; font-family:Georgia,sans-serif; color: #457698;
  font-weight:bold;
  padding:0px 10px 0.0em 10px; text-decoration:none;margin:0px 0px 0px 0px;
}


#wom {
 width:210px; heigh:px: margin:0em 0em 0em 0em; padding: 50 0 0 0;
 border-style:solid;float:left; 
 background-color: #ffffff; overflow: left;
}

div#wom ul { margin: 0; padding :0 0 10 0; list-style-type : none; color:000000;
 border-top:0px;  border-left:0px;  border-right:0px; border-bottom:0px;
 border-color:#000000; border-style:solid;}

div#wom li { display : inline; padding :0 0 0 10; margin:0;
 font-size:16px; font-family:Georgia,sans-serif; color: #202020;}

div#wom li a { height:1.7em; display:block;
 border-top:0px; border-left:10px; border-right:0px; border-bottom:0px;
 border-color:#656576; border-style:solid;
 background-color:#cfefff;color:#121212;
 padding:0.1em 0 0.1em 0.5em; text-decoration:none;margin:0px 0px;}

div#wom a:hover { height:1.7em; display:block;
 border-top:0px; border-left:10px; border-right:0px; border-bottom:0px;
 border-color:#adadad; border-style:solid;
 background-color:#223344; color:#dfdfdf;
 padding:0.1em 0 0.1em 0.5em; text-decoration:none;margin:0px 0px;
}

.wom_ntt {
 margin:0 0em 0px 0px; padding: 0 5px 0px 0px;
 font-weight : none;  font-size:15px; 
 text-align:left;color:#;line-height: 0em;}

.wom_ntt2 {
 margin:0em 0em 0px 0px; padding: 15px 0px 3px 0px;
 font-weight : none;  font-size:15px; font-weight : bold; 
 text-align:center;color:#;line-height: 1.2em;}


.wom_ntt4 {
 margin:0em 0em 0px 0px; padding: 15px 0px 3px 0px;
 font-weight : none;  font-size:15px; font-weight : bold; 
 text-align:center;color:#;line-height: 0em;}

.wom_ntt5 {
 margin:0em 0em 0px 0px; padding: 1px 0px 3px 0px;
 font-weight : none;  font-size:12px; font-weight : ; 
 text-align:left;color:#;line-height: 1em; padding-left:10px;}


#wom2 {
 width:210px; heigh:px: margin:0em 0em 0em 0em; padding: 0 0 0 0;
 border-style:solid; float:left; 
 background-color: #ffffff;  overflow:hidden;}

.wom_ntt3 {
 margin:0em 0em 0px 5px; padding: 100px 0px 3px 0px;
 font-weight : none;  font-size:12px; font-weight : none; background-color: #ffffff;
 text-align:left; color:#;line-height: 1.7em;}


/*　ちょさっけん？　表示　*/
#foot4 a{ margin:10px 0px 10px 0px;
 padding:0px 1px 0px 1px;
 font-size:15px; font-weight : bold; line-height :120%; color: #000000;
 width:0px; text-align: center;
  background-color: #9faffa; width:500px;
}

#foot4 a{ color: #ffffff;
}



.names0{ color:#697850; margin:0em 0em 0px 0px;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;
 	font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names1{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names2{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names3{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names4{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names5{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names6{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names7{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names8{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names9{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em; border-radius: 150px 150px 150px 150px;}

.names10{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em;s}

.names11{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em;}

.names12{ color:#697850;text-align: center;
    border: 1px solid #22aa99;
    background:transparent;font-size:15px; width: 6em; height: 2em;}






/*　日記CSS　表示　*/

.ta1{width:650px; 
     font-size:18px;
     font-family:Georgia,sans-serif;
     font-weight : normal;
     line-height : 100%;
     letter-spacing:  1px;
  color:#000000;
  border-top:1px;
  border-left:1px;
  border-right:0px;
  border-bottom:0px;
  border-color:#909090;
  border-style:solid; text-align:left;margin: 0 0 10 0;	padding: 10px 5px 10px 10px;
	height: auto;
}

.ta2{
  width:650px; 
  color:#404040;
  font-size:13px;
  
  border-top:0px;
  border-left:1px;
  border-right:0px;
  border-bottom:1px;

  border-color:#909090;
  border-style:solid; text-align:left;margin: 10 0 10 0; padding: 10px 5px 10px 10px;
  float: center;}


.ta3{
  width:650px; 
  border-top:1px;
  border-left:0px;
  border-right:1px;
  border-bottom:1px;
  border-color:#909090;
  border-style:solid;
  text-align:right;
  margin: 0 0 10 0;
  padding :10px 5px 10px 10px;}

.ta4{
  width:650px; 
  border-top:0px;
  border-left:1px;
  border-right:1px;
  border-bottom:1px;
  border-color:#909090;
  padding :5px 0px 10px 0px;
  border-style:solid; text-align:right;
}

.msg{
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	border: 0px solid #999999;
	overflow: hidden;
	height: auto;
}




/*------ y [ W-------*/


ul.pagelink{

	list-style-type: none;
	margin: 0;
}



ul.pagelink li{

	float: left;
}



ul.pagelink a, ul.pagelink li.current{
	display: block;

	width: 30px;

	line-height: 30px;
	text-align: center;

	text-decoration: none;

	border-style: solid;

	border-color: #bebebe;

	border-width: 1px;

	margin-right: 5px;
		padding: 1px;

	font-size: 20px; 
        border-radius: 50% / 50%;

}

/  *
	border-radius: 3px;   */


ul.pagelink li.ten{

	display: block;

	width: 20px;

	line-height:32px;

	text-align: center;

	text-decoration: none;

	margin-right: 5px;

	padding: 1px;

	font-size: 13px;

}




ul.pagelink a:hover{

	background-color: #000000;
}



ul.pagelink:after{

	display: block;
	clear: both;
	content: '';
}



ul.pagelink li.current{
	font-weight: bold;
}




#page {

	position: relative;

	overflow: hidden;

	margin-top: 20px;

	margin-bottom: 30px;
}

#page ul {

	float: left;

	left: 50%;

	position: relative;

	padding: 0px;


 border-radius: 50% / 50%;
}



#page li {

	float: left;

	left: -50%;

	posion: relative;
}