body {
    margin: 0px;
    padding: 0px;
}

h1,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

img {
       border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

.topword {
    font-size: 20px;
    padding-top: 10px;
}

.secondword {
    text-align: left;
    padding: 30px 20px 30px 20px;
    background-color: #454545;
    color: #ffffff;
}

a {
	color: #848484;
}

a:hover {
	color: #1D1D1D;		/*?J?[?\???I?[?o?[??????ﾃつ�つ€???F*/
	text-decoration: none;	/*?I?[?o?[???????????????????B??????????????????????}???P?s?????B*/
}

/*　パンくずリスト　*/
.breadcrumb {
    max-width: 100%;
    padding: 8px 0 0px 10px;
    font-size: 12px;
    text-align: left;
}

.breadcrumb li{
  display:inline;
  list-style: none;
}

.breadcrumb li:after{/* >???\??*/
  content: '>';
  padding: 0 3px;
  color: #555;
}

.breadcrumb li:last-child:after{
  content: '';
}

.breadcrumb li a {
    text-decoration: none;
    color: #000000;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

/*　パンくずリスト　*/

.widgettitle {
    background: #e55937;
    color: #fff;
    font-size: 1em;
    padding: 3px 0;
    border-radius: 3px;
    margin-bottom: .75em;
    overflow: hidden;
    box-shadow: 0 0 20px rgb(0 0 0 / 20%) inset;
}

.widgettitle span {
    border-top: 1px dashed #fff;
    border-bottom: 1px dashed #fff;
    display: block;
    width: 100%;
    height: 100%;
    padding: .75em .8em;
    text-align: center;
}

.h4 {
    color: #fff;
    font-weight: bold;
}

.widgettitle {
    background: #0b7da0;
    color: #ffffff;
}

#container {
    margin-right: auto;
	margin-left: auto;
	text-align :center;
	margin-top:0px;
	font-size:15px;
}

div#headerArea {  
    /*! width: 90%; */  
    /*! background-color: #fff; */  
    /*! color: #0c0c0c; */  
}  

.comment {
    margin: 0 30px 10px 30px;
    font-weight: normal;
    font-size: 13px;
    text-align: left;
}

h1 {
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    text-align: center;
    padding: 30px 0 0 0;
    background-color: #454545;
    margin-top: 0px;
    margin-bottom: -1px;
}

img.photoimage {
    width: 140px;
}

img.photoimage2 {
    width: 70px;
}

#koukoku-long
{	
       	 position: absolute; /* ???????u???w??(?e?{?b?N?X?????▽ﾂ€) */
         /*! top: 2px; */          /* ??????30px */
         /*! width: 414px; */
	 position: relative;
         text-align: center;
         background-color: #333333;
}

#d-box {
    background-color: #333333;
    color: #ffffff;
    text-align: center;
    padding-bottom: 25px;
    font-size: 11px;
    padding-top: 15px;
    margin: 20px 0 0 0px;
}

ul#menu {
	position: absolute;
	width: 453px;
	top: 0px;
	right: 0px;
}
ul#menu img {
	vertical-align: bottom;
}

ul#menu li {
	float: left;
}

.title1 {
    font-weight: normal;
    font-size: 95%;
}

.linkwaku {
	margin:30px;
	text-align: left;
  }
  
.title2 {
    display:none;
}

.main {
    color: #ffffff;
    max-width: 100%;
    text-align: left;
    font-size: 14px;
    background-color: #454545;
    padding: 30px 20px 40px 20px;
}


#submain {
        clear: both;
	float: left;
	width: 95%;
        padding-top: 1px;
	padding-bottom: 50px;
	display: inline;
	margin-right: 5px;
}

#submain h2.title {
	line-height: 25px;
	background-color: #666666;
	height: 25px;
	font-size: 100%;
	color: #FFFFFF; 
	    
}

a:link    { color: black }    
a:visited { color: white }   
a:hover   { color: blue } 
a:active  { color: gray }   

#side h3 {
	line-height: 41px;
	background-color: gray;
	height: 41px;
	font-size: 100%;
	color: #FFFFFF;
	text-align : center ;
}
#side h4 {
	border: 3px double #686868;
	color: #686868;
	text-align: left;
	font-size: 100%;
}
#side p {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

ul.sidemenu a {
    color: #000;
    text-decoration: none;
    display: block;
    padding: 5px 0px 5px 0px;
}

	
ul.sidemenu a:hover {
	background-position: left center;
	background-color: #B5B5B5;
	color: #FFFFFF;
}
ul.sidemenu li {
	margin-bottom: 1px;
}

ul.sidemenu {
    text-decoration: none;
    font-size: 12px;
    padding: 50px;
}
#footer {
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #454545;
	color: #848484;
}

.ta1 {
	width: 632px;
}

.ta1, .ta1 td, .ta1 th{
	border: 1px solid #9A9999;
}

.ta1 td, .ta1 th{
	padding: 10px 5px;
}

.ta1 th{
	background-color: #f6f6f6;
	width: 150px;
	text-align: center;
}



/*---------???C???R???e???c?????u?X?V?????E??N?m?????v????------------------*/
#main .new dl {
	width: 622px;			/*?{?b?N?X????*/
	height: 150px;			/*?{?b?N?X??????*/
	overflow: auto;
	padding-left: 10px;
}

#main .new dt {
	font-weight: bold;	/*???t???F????????????*/
	color: #686868;		/*???t????ﾃつ�つ€???F*/
}

#main .new dd {
	border-bottom: 1px solid #cccccc;	/*???t??????????*/
}

div#sideArea { 
	clear:both;
 } 

#sideArea ul li {
    float: left;
    width: 150px;
    margin-right: 1px;
    border: 1px #cccccc solid;
    background-color: #f0f8ff;
    text-align: center;
    list-style-type: none;
    margin-bottom: 2px;
    margin-left: 1px;
}

.photobox {
    margin: auto;
    max-width: 95%;
}

.photobox div {
	border: 1px solid #CCCCCC;
	padding: 5px;
	line-height: 1.4;
	float: left;
	font-size: 11px;
	background-repeat: repeat;
	background-position: right bottom;
	height: 153px;
	margin :  0 0 15px 2px;
	width : 45% ;
	text-align: center;
}

/*h3?^?O????*/
.photobox h3 {
	color: #1D1D1D;		/*??ﾃつ�つ€???F*/
	font-size: 100%;
	background-color: #f6f6f6;	/*?w?i?F*/
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;			/*?Z???^?????O*/
	border: 1px solid #CCCCCC;	/*??????ﾃつ�つ€?E???{?[?_?[?????????????F??????*/
}

/*?i???^?O???]??????*/
.photobox p {
	padding: 0px !important;
}

#b-box {
          float: left;
          width: 480px;
          text-align: center;
          background-color: #ffffff;
          margin : 10px 0px 10px 10px  ;  
          color: #000000;
          font-size: 21px;  
          background-color: lightblue;
          border-radius: 50px;
}

.otherword {
          float: left;
          width: 400px;
          text-align: center;
          background-color: #ffffff;
          margin : 10px 0px 0px 0px  ;  
          color: #000000;
          font-size: 21px;  
          background-color: lightblue;  /* ?w?i?F???w?? */
          border-radius: 50px;      /* ?p?????w?? */
}

.otherword_live {
          float: left;
          width: 550px;
          text-align: center;
          margin : 10px 0px 10px 0px  ;  
          color: #000000;
          font-size: 21px;  
          background-color: #b0c4de;  /* ?w?i?F???w?? */
          border-radius: 50px;      /* ?p?????w?? */
}

.otherword_name {
          border: 2px solid #ccc;
	  width: 310px;
          text-align: center;
          color: #000000;
          font-size: 15px;  
          background-color: #f0f8ff;  /* ?w?i?F???w?? */
          border-radius: 10px;      /* ?p?????w?? */
          margin : 5px ;
}

.otherwidth {
	 margin : 10px 0px 0px 40px  ;
         font-size : 15px ;
         width : 500px ;
         text-align : left ;
	}

.otherlink {
	 margin : 10px 0px 0px 10px  ;
         font-size : 12px ;
         width : 610px ;
         text-align : left ;
         color : #000000 ;
	}

table.otherlink > a {
        text-align : center ;
	color : #ff0000;
	}

.otherwidth_contact {
	 line-height: 80px ;
	 margin : 0px 0px 0px 40px  ;
         font-size : 15px ;
         width : 500px ;
         text-align : left ;
	}

img.pictc{
	float:left;
	margin-right : 20px;
	font-size : 20px ;	
	}

#header {
    text-align: center;
    padding-top: 10px;
}

#topword {
        /*! float : left ; */
        position: relative;
        /*! top : 0px; */
        left:10px;
        font-style: oblique; 
        font-size:15px;
        font-weight:bold;
        color : #191970; 
}

#secondword {
    float: left;
    position: relative;
    top: 0px;
    left: 19px;
    font-size: 13px;
    color: #191970;
}

#topgazou {
        float : right ;
        width: 500px;
	    text-align: right;
}


/*-----------------??----------------------------------------------------------*/

ul.disc {
	padding: 0.5em 10px 0em 26px;
	list-style: disc;
}

.profile {
    margin: 15px 30px 30px 50px;
    font-size: 12px;
}

.color1 {
	color: #442E1A;
}

.look {
	background-color: #f5f5f5;
}

.mb1em {
	margin-bottom: 1em;
}

.livewaku{
	height : 240px ;
}

div.nav {
    padding: 0px;
    background-color: #cccccc;
    height: 105px;
}

div.nav ul.nl {
	padding: 0;
	}


div.nav ul.nl li {
    float: left;
    width: 93px;
    /*! border: 1px #f0f8ff solid;*/
    text-align: center;
    list-style-type: none;
    /*! margin-bottom: 2px;*/
    font-size: 11px;
}

div#main {
    clear: both;
}

.flex{
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

.flex > *{
  width: 8%;
  background: #fff;
  font-size: 64px;
  text-align: center;
}
.flex,
.flex > *{
  border: 3px solid #aaa;
}

div.nav ul.nl li a {
display: block;
position: relative;
padding: 9px 2px; 
}
	

div.nav ul.nl li a:link {
color: #000000;
}
div.nav ul.nl li a:visited {
color: #000000;
}
div.nav ul.nl li a:hover {
background: #00bfff;
color: #0000ff;
}
div.nav ul.nl li a:active {
color: #87cefa;
}

#nav li {
    float: left;
    display: contents;
}

#nav {
     background-color: #fff;
     text-align: center;
}

#nav a {
    text-align: center;
    min-width: 44px;
    padding: 0px 2px 0px 2px;
    margin: 0px 0px 0px 0px;
    border-radius: 3px;
    background-color: #EEE;
    box-shadow: 0px 2px 1px 0px #dfdfdf;
    color: #334;
    font-size: 9.5pt;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    display: inline-block;
}


div#nav a:hover {
    background-color: #00bfff;
}

.clearFix {
min-height: 1px;
}

.pagetop{
      word-spacing: 0.5em; 
      clear: both;
      /*! float: left; */
      text-align: center;
      padding-bottom: 10px;
}