body {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
	font-size: 75%;
	line-height: 2 ;
	color: #454545;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

a.facebook-iine{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#3b5998;
height:30px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
}
 
a.facebook-iine:hover{
background-color:#6277a1;
}
 
a.twitter-tweet{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#00acee;
height:30px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
}
 
a.twitter-tweet:hover{
background-color:#6aafca;
}

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

ul{
	list-style-type: none;
}

ul.menu li {
	float:left;
	}

h3{
    position: relative;
    margin: 30px 10px 10px 10px;
    padding: 0.3em 0 0.3em 2.5em;
    border: 1px solid #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.ad-box-01{
	margin  : 20px;
	}
	
.scanner {
  width: 80%;
  margin:30px 0 30px 40px;
}

.blogwaku {
  display: none;
}

.word {
	color : #ff0000 ;
	padding-top  : 10px ;
 	}
 	
.link {
	margin : 0 20px 0 0 ;
 	}

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

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

.breadcrumb li a:hover {
    text-decoration: underline;
}
/*　パンくずリスト　*/


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

.main {
    font-style: italic;
    color: #000;
    text-align: left;
    padding: 10px 140px 50px 140px;
}

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

.box1 {
    padding: 0.5px 50px;
	color: #FFFBFB;
	background: #f76868;
	border-bottom: solid 6px #a5abb0;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
	border-radius: 25px;
	width: 100px;
}



#koukoku-long
{	
       	 top: 20px;          /* 上から30px */
         width: 800px;
	 	 position: relative;
         text-align: center;
         background-color: #333333;
}

#koukoku-infield {
   }

#amazon-koukoku {
    margin-top: 10px;
}

.gazou_size2 {
    width: 200px;
    margin: 0px 0px 0px 70px;
}

.gazou_size2l {
    float: left;
    width: 150px;
    margin: 10px 50px 0px 50px;
}

.gazou_size3 {
    width: 450px;
    margin: 10px 0px 10px 50px;
}

.gazou_size4 {
    width: 300px;
    margin: 20px 20px 20px 20px;
    float: inline-start;
}

.gazou_size5 {
    width: 250px;
    margin: 10px 10px 10px 10px;
}

.gazou_size6 {
    width: 200px;
    margin: 20px 20px 20px 20px;
    float: inline-start;
}

.gazou_size7 {
    width: 150px;
    margin: 10px 0px 10px 70px;
}

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


#main {
        float: right;
        width: 620px;
		padding-left: 0px;
        margin-right: 15px;
}

.title {
       	background-color: #fff;
		height: 40px;
		padding : 40px 0px 34px 0px ;
        }

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

.title2 {
		  padding: 5px;
  		  border-top: 3px double #B92A2C;
  		  border-bottom: 3px double #B92A2C;
  		  font-size: 22px;
   		  font-family: "serif" ;
   		  margin :  0 0 0px 0 ;
   		  text-align:center
   		  }
   		  
.titlesample{
        width: 550px;
        line-height: 30px;
		background-color: gray;
		height: 30px;
		font-size: 100%;
		color: #fff;
		padding-left: 25px;
		}
 

h2:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

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

.box {
  position:relative;
  padding:20px 10px;
  border:5px solid #81c2fa;
}
.box:after {
  content:"check";
  position:absolute;
  top: -18px;
  left: 10px;
  background:#fff;
  font-size:20px;
  font-weight:bold;
  color:#81c2fa;
  padding:0 5px;
}

.pimage2 {
    width: 280px;
    padding: 0 5px 30px 0;
}

.pimage3 {
    width: 280px;
    padding: 0 15px 0px 0;
}

.waku {
    height: 270px;
}

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

.linkwaku{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
    text-align: center;
}

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

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

-------------------------*/

div#sideArea { 
    margin-left: 10px;
    margin-bottom: 20px;
 }  

img.gazou_size2 {
    width: 200px;
}

#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: 155px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
}

ul.sidemenu a:hover {
	background-position: left center;
	background-color: #B5B5B5;
	color: #FFFFFF;
}

ul.sidemenu li {
	margin-bottom: 1px;
}
ul.sidemenu {
	margin-top: 1px;
}

ul.sidemenu2 a {
    color: #FFFFFF;
    text-decoration: none;
    background-color: lightblue;
    display: inline-block;
    margin: 30px 0 0px 0px;
    width : 150px;
    text-align: center;
	font-size: 11px;
}

ul.sidemenu3 a {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #1e07fe;
}

.sidemnsize {
	width: 150px;
    display: grid;
    margin: 1px 0 0 0;
}
	
/*----フッター（コピーライトなど入っている一番下のボックス）-------------*/
#footer {
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #454545;
	color: #848484;
}

.gazou_size {
         width :600px;
         }
         
.gazou_size1 {
         max-width : 95% ;
         }

#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;  /* 背景色の指定 */
          border-radius: 50px;      /* 角丸の指定 */
}

.adsence780 {
    margin: 10px 0 5px 0px;
}

.otherword_name {
          border: 2px solid #ccc;
	  width: 310px;
          text-align: center;
          color: #000000;
          font-size: 15px;  
          background-color: #f0f8ff;  /* 背景色の指定 */
          border-radius: 10px;      /* 角丸の指定 */
          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 ;
	}


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

#header {
	width: 100%;
	position: relative;
    text-align: center;
    color : #000000;
    padding: 0px 0px 0px 0px;   
}

.topword {
    font-size: 20px;
    text-align: left;
    margin-left: 50px;
}
        
.secondword {
    margin-top: 40px;
    text-align: left;
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 45px;
}

.fontdia {
	font-size : 11px ;
	}
	
#topword {
    float: left;
    position: relative;
    margin-top: 25px;
    left: 10px;
    font-style: oblique;
    font-size: 25px;
}

#secondword {
    float: left;
    position: relative;
    margin-top: 10px;
    left: 30px;
    font-size: 20px;
    margin-bottom: 10px;
}

.pimage {
    width: 590px;
    margin-bottom: 10px;
}

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

.vel {

    margin: 5px;
    float: left;

}

/*-----------------他----------------------------------------------------------*/

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

.profile {
         margin : 10px 20px 0px 20px; 
         font-size : 14px ;
         text-align:left;
	}

.ad-box-01{
	margin  : 20px;
	}
	
.color1 {
	color: #442E1A;
}

.look {
	background-color: #f5f5f5;
}

.mapword{
	font-weight:bold;
	}
	
.word1 {
    font-weight: bold;
    color: red;
    font-size: 15px;
}

.pimage_kouyou {
    margin: 20px 0 0 0;
    width: 600px;
}

.mapimage {
    width: 600px;
    height: 350px;
    text-align: right;
    margin: 0px 20px 0px 0px;
	}
	
.mb1em {
	margin-bottom: 1em;
}

.livewaku{
	height : 240px ;
}

/* --- ナビゲーションバー --- */
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 {
    padding: 0px 0px 10px 0px;
    }

#nav a{
text-align: center;
    min-width: 70px;
    padding: 6px 7px 6px 7px;
    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 {
    margin: 0 0 30px 0;
}