body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  margin: 0px;
  padding: 0px;
  background-color: #454545;
  width: 100%;
}

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

h1 {
  padding: 30px;
  text-align: center;
}

ul{
	list-style-type: none;
}

img {
       border: none;
}

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

form {
	margin: 0px;
}

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

/*　パンくずリスト　*/
.breadcrumb {
    padding-left: 15px;
    margin-left: 0px;
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

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

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

.breadcrumb li a {
    text-decoration: none;
    color: #454545;
    font-size: 75%;
}

.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;
}


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


/*コンテナー（HPを囲むボックス）
---------------------------------------------------------------------------*/
#container {
    margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	width: 800px;
}

.main {
  font-style: italic;
  text-align: left;
  padding: 10px 140px 11px 140px;
}

div#headerArea {  
    width: 800px;  
    background-color: #fff;  
    color: #fff;  
}  

/*---------160715off------
h1 {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	background-color: #454545;
}

#logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
----------------------------*/

.topword {
    font-size: 20px;
    text-align: left;
    margin-left: 50px;
}

.gazou {
    width : 170px;
    text-align: left;
}


#koukoku-infield {
    margin-top: 0px;
}

.secondword {
    font-size: 14px;
    padding-top: 10px;
    text-align: left;
    margin-left: 70px;
    margin-right: 70px;
    height: 150px;
}
				
.newpic {
  width: 550px;
}

.photoimage {
		width : 142px ;
		}

.photoimage2 {
		width : 71px ;
		}
		
#koukoku-long
{	
       	 position: absolute; /* ???????u???w??(?e?{?b?N?X???€) */
         top: 30px;          /* ??????30px */
         width: 800px;
	 position: relative;
         text-align: center;
         background-color: #333333;
}

#d-box {
          width: 800px;
          background-color: #333333;
          color: #ffffff;
          text-align: center;
          padding-bottom: 25px;
          padding-top: 20px;
}

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

ul#menu li {
	float: left;
}

/*----------160715off-----

#main_other {
      	float: right;
	width: 630px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-right: 5px;
}

#main p {
	padding: 0.5em 10px 1em;
}
-----------------------*/
#main {
	width: 630px;
	padding-top: 10px;
	padding-left: 165px;
	margin-right: 10px;
    margin-bottom: 20px;
	}

.title {
    line-height: 40px;
    background-color: #fff;
    height: 40px;
    color: #000;
    text-align: center;
}

.title1 {
        width: 600px;
        line-height: 21px;
		background-color: gray;
		height: 21px;
		font-size: 100%;
		color: #fff;
		text-align : left ;
        }

.title2 {
    width: 150px;
    line-height: 40px;
    background-color: gray;
    font-size: 100%;
    color: #fff;
    text-align: center;
    margin-bottom: 1px;
}

.title3 {
		text-align :right ;
        }                  
            
#main h2.title1 {
    line-height: 41px;
    background-color: 
	#666666;
	height: 41px;
	font-size: 100%;
	color:
    #87cefa;
    padding-left: 20px;
	}

#submain {
    float: left;
	width: 630px;
        padding-top: 1px;
	padding-bottom: 50px;
	display: inline;
	margin-right: 5px;
}
#submain p {
	padding: 0.5em 10px 1em;
}
#submain h2.title {
	line-height: 25px;
	background-color: #666666;
	height: 25px;
	font-size: 100%;
	color: #FFFFFF; 
	    
}

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

/*--------------------------
#side {
	float: left;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 50px;
	display: inline;
	margin-left: 10px;
}
-------------------------*/

div#sideArea {
    padding-top: 10px;
    margin-left: 10px;
    float: left;
}

#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: #FFFFFF;
	text-decoration: none;
	background-color: #686868;
	display: block;
	width: 140px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 75%;
}
ul.sidemenu a:hover {
	background-position: left center;
	background-color: #B5B5B5;
	color: #FFFFFF;
}
ul.sidemenu li {
	margin-bottom: 1px;
}
ul.sidemenu {
	margin-top: 1px;
}

#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??????????*/
}



/*----------???^?p?{?b?N?X????-----------------------------------------------*/
.photobox {
	padding-left: 10px;
}

.photobox div {
	border: 1px solid #CCCCCC;
	padding-top: 15px;					
	padding-bottom : 0px;
	width: 181px;
	line-height: 1.1;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 1em;
	font-size: 11px;
	background-repeat: repeat;
	background-position: right bottom;
	height: 160px;
	overflow: auto;
	display: inline;
    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;  /* ?w?i?F???w?? */
          border-radius: 50px;      /* ?p?????w?? */
}

.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 {
          text-align: center;
          color: #000000;
          font-size: 21px;  
          background-color: #b0c4de;  /* ?w?i?F???w?? */
          border-radius: 50px;      /* ?p?????w?? */
          width:450px;
}

.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 {
	width: 100%;
	position: relative;
        text-align: center;
        color : #000000;   
	padding: 20px 0 0px 0px;
}

#topword {
        float : left ;
        position: relative;
        top : 0px;
        left:10px;
        font-style: oblique; 
        font-size:15px;
        margin: 20px 80px 20px 45px;
}

#secondword {
        float : left ;
        position: relative;
        top : 0px;
        left: 30px;
        font-size:15px;
        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 0px 50px  ; 
         font-size : 15px ;
	}


.color1 {
	color: #442E1A;
}

.look {
	background-color: #f5f5f5;
}

.mb1em {
	margin-bottom: 1em;
}

.linkwaku{
	margin : 10px 30px 30px 20px;
}

/* --- ナビゲーションバー --- */
div.nav {
}

/* --- メニューエリア --- */
div.nav ul.nl {
width: 800px; /* メニューの幅 */
border-right: 1px #666666 solid; /*  メニューの右境界線 */ 
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
    float: left;
    border-bottom: double;
    margin-left: 9px;
    font-size: 12px;
    transform: scale(0.9, 1.1);
    line-height: 0em;
    border-color: #F7A8A8;
    border-width: 2px;
    margin-bottom: 20px;
    letter-spacing: 5px;
    margin-top: 10px;
    margin-right: 3px;
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; 
padding: 10px 0px; 
/* border-left: 1px #666666 solid; */
text-decoration: none; 
/* font-weight: bold; */ 
}
/* --- リンクテキストの色 --- */
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 {
  clear: both;
  text-align: center;
  padding: 0px 0 0 0;
}

#nav a {
  text-align: center;
  min-width: 44px;
  padding: 6px 10px 6px 10px;
  margin: 0 2px 0 0;
  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 --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.pagetop{
	  clear : both;
      word-spacing: 0.5em; 
      margin-left  : 180px;
}