/*linkの色*/
    a:link{/*未読*/
    	color:#00cc00;/*緑*/
    }
    
    a:visited{/*既読*/
	color:#0099ff;/*青*/
    }

    a:hover{/*カーソルが上にある場合*/
	color:#00ff00;/*黄緑色*/
    }

    a:active{/*選択時*/
	color:#ffff00;/*黄色*/
    }


body.bg_home{
    background-color: rgb(255, 255, 255);
    background-image: url(plofile_files/Cloth-3.jpg);
    background-repeat: repeat;

    margin: 0pt;
    background-size: 100%;
}

div.centerFrame{
    text-align:center;
    width: 100%;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
    margin-bottom: 15px;
    padding: 0px;
    overflow: hidden;
    position: relative;
    
}

/* div.text_part{ */
/*     text-align: left; */
/*     margin-bottom: 15px; */
/*     margin-left: auto; */
/*     margin-right: auto; */
/*     margin-top: 15px; */
/*     overflow: hidden; */
/*     position: relative; */
/*     /\* IEのみ *\/ */
/*     word-wrap: break-word; */
/*     width: 100%; */
/* } */

/* div.header{ */
/*     background:transparent url(Home_files/header.jpg); */
/*     width: 700px; */
/* } */
/* div.bg_sidewidth{ */
/*     position: releative; */
/*     left: 0px; */
/*     top: 0px; */
/*     width: 700px; */
/* } */
div.bg_side{
    /*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
  /*   background: transparent;  */
/* /\*     /\\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\\/ *\/ */
/*     opacity: 1.0; */
    /* text-align: left; */
    position: relative;
    
    background: transparent url(plofile_files/page_tile_white2.jpg);
    /* 縦方向に画像をrepeat */
    background-repeat: repeat-y;
    background-position: center;
    /*width: 95%*/
    border: none;
    z-index: 1;
    padding-top: 10px;
    padding-bottom: 10px;
    /* width: 700px; */
    /* left: 0px; */
    /* top: 0px; */
}
 div.header{
/*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
    background: transparent; 
/*     /\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\/ */
    /* opacity: 1.0; */
    position: releative;
    /* height: 20px; */
    /* width: 100%; */
    /* text-align: center; */
    /* padding: 10px; */
    z-index: 2; 
}
    
img.bg_head{
    border: none;
    position: relative;
    /* height: 20px; */
    /* width: 100%; */
    left: 0px;
    top: 0px;
    z-index: 2;
}

@media only screen and (max-width: 675px) {
img.bg_head{
    border: none;
    position: relative;
    /* height: 20px; */
    /* padding-top: 5px; */
    /* width: 100%; */
    left: -25px;
    top: 0px;
    z-index: 2;
}

}

div.main{
    height: 630px;
    /* width: 100%; */
    /* margin-top: 100px; */
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 0;
    /* padding-top: 100px; */
    
}

@media only screen and (min-width: 540px) {
    div.main{
    height: 675px;
    /* width: 100%; */
    /* margin-top: 100px; */
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 0;
    /* padding-top: 100px; */
    
}
}

div.absolute{
    position: absolute;
    top: 90px;
    width: 100%;
    /* 中央に */
    left: 50%;
    transform: translate(-50%, 0%);
    /* margin-left: auto; */
    /*  margin-right: auto; */
    /*  text-align: center; */
    z-index: 10;
}

@media only screen and (max-width: 700px) {
 div.absolute{
    position: absolute;
    margin: 0px;
    position: 0px;
    width: 100%;
    /* top: 90px; */
    /* /\* /\\* 中央に *\\/ *\/ */
    /* /\* left: 50%; *\/ */
    /* /\* transform: translate(-50%, 0%); *\/ */
    /* /\* /\\* margin-left: auto; *\\/ *\/ */
    /* /\* /\\*  margin-right: auto; *\\/ *\/ */
    /* /\* /\\*  text-align: center; *\\/ *\/ */
    z-index: 10;
 }
}

 div.title_bg_top{
/*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
    background: transparent; 
/*     /\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\/ */
    /* opacity: 1.0; */
    position: relative;
    /* position: absolute; */
    /* height: 450px; */
    top: -450px;
    width: 700px;
    margin-top: 0px;
    /* padding-top: 100px; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* padding: 10px; */
    
}
@media only screen and (max-width: 700px) {
 div.title_bg_top{
/*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
    background: transparent; 
/*     /\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\/ */
    /* opacity: 1.0; */
    position: relative;
    /* height: 450px; */
    top: -450px;
    width: 100%;
    margin-top: 0px;
    /* padding-top: 100px; */
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /* padding: 10px; */
    
 }
}
 img.title_bg_top{
    border: none;
    position: relative;
    height: 450px;
    width: 100%; 
    left: 0px;
    top: 0px;
    z-index: 1;
}

div.title_underline{
/*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
    background: transparent; 
/*     /\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\/ */
    opacity: 1.0;
    position: releative;
    /* height: 20px; */
    width: 100%;
    text-align: center;
    /* padding: 10px; */
    
}

 img.title_underline{
    border: none;
    position: relative;
    /* height: 6px; */
    /* width: 100%; */
    left: 0px;
    top: 0px;
    z-index: 2;
}


 img.title_bg_btm{
    border: none;
    position: absolute;
    height: 450px;
    margin-top: 450px;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 0;
}
 
/* @media only screen and (max-width: 700px) { */
/* img.underline{ */
/*     border: none; */
/*     position: relative; */
/*     /\* height: 20px; *\/ */
/*     /\* padding-top: 5px; *\/ */
/*     width: 100%; */
/*     left: 0px; */
/*     top: 0px; */
/*     z-index: 1; */
/* } */

div.title{ 
     height: 0px; 
     left: 0px; 
     position: relative; 
     top: 0px; 
     width: 100%; 
     z-index: 5; 
     /* background-color:; */ 
     text-align: center; 
     padding-bottom: 30px; 
 } 

p.Header{
    position: relative;
     color: rgb(125, 131, 137);
     font-family: 'Palatino-Bold', 'Palatino', serif; 
     font-size: 29px; 
     font-stretch: normal; 
     font-style: normal; 
     font-variant: normal; 
     font-weight: 700; 
     letter-spacing:     0.16em; 
     line-height: 38px; 
     margin: 0px; 
     /* margin-left: 0px;  */
     /* margin-right: 0px;  */
     /* margin-top: 0px;  */
     /* opacity: 1.00;  */
     padding-bottom: 0px; 
     padding-top: 0px; 
     text-align: center; 
     text-decoration: none; 
     text-indent: 0px; 
     text-transform: uppercase;
     /* z-index: 5; */
 }

 div.menu{
/*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
    background: transparent; 
/*     /\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\/ */
    /* opacity: 1.0; */
    position: relative;
    /* height: 450px; */
    top: -460px;
    /* width: 700px; */
    margin-top: 0px;
    /* padding-top: 100px; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* text-align: center; */
    /* padding: 10px; */
    /*linkの色*/
    /* a:link{ */
    /* 	color:#0000ff; */
    /* } */
    
    /* a:visited{ */
    /* 	color:#008000; */
    /* } */

    /* a:hover{ */
    /* 	color:#00ffff; */
    /* } */

    /* a:active{ */
    /* 	color:#ffff00; */
    /* } */
}

 ul.menu{
     overflow:hidden;
     list-style:none;
     margin: 0 auto;
     z-index: 10;

 }

 ul.menu li{
     /* メニューを横並びに */
     display: inline-block; 
     padding: 10px;
 }

 @media only screen and (max-width: 355px) {
     ul.menu{
	 width:300px;
	 overflow:visible; 
         list-style:none;
         margin: 0 auto;
         z-index: 10;
      }

      ul.menu li{
      /* メニューを横並びに */
      display: inline-block; 
      padding: 10px;
      }
 }
 
 div.picture{
     background-color: rgb(255, 255, 255);
     position: relative;
     /*position: absolute;*/
     /* top: 70px; */
     /* margin-top: 0px; */
     width: 655px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     padding: 5px 0;
     overflow: hidden;
 }

 div.pic_left{
     position: relative;
     float: left;
     padding: 5px;
 }
 
 div.pic_center{
     padding-top: 5px;
     float: left;
 }
 
 div.pic_right{
     padding: 5px;
 }
 
 img.pic{
     display: block;
     padding-top: 5px;
     padding-left: 2px;
 }
 
@media only screen and (max-width: 700px) {
 div.picture{
    background-color: rgb(255, 255, 255);
    /* background-color: transparent; */
    /*position: absolute;*/
    position: relative;
    /* top: 70px; */
    /* height: 300px; */
 /* margin-top: 0px; *\/ */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 40px; */
    padding: 0 5px 30px 5px;
    text-align: center;
    /* padding: 5px 0; */
    /* 背景を白色にするため(float使ってた時は入れた方がいいかも？) */
    overflow: hidden;
 }
 
 div.pic_left{
     /* background-color: rgb(255, 255, 255); */
     position: relative;
     float: left;
     padding: 5px;
     width: 31%;
 }

 div.pic_center{
     /* background-color: rgb(255, 255, 255); */
     padding-top: 5px;
     float: left;
     width: 37%;
 }
 
 div.pic_right{
     /* background-color: rgb(255, 255, 255); */
     padding: 5px;
     float: left;
     width: 31%;
 }
 
 img.pic_s{
     width: 100%		
 }
 
 img.pic{
     display: block;
     padding-top: 5px;
     padding-left: 2px;
     width: 100%;
 }

 
}

@media only screen and (max-width: 355px) {
 div.picture{
    background-color: rgb(255, 255, 255);
    /* background-color: transparent; */
    /*position: absolute;*/
    position: relative;
    /* top: 70px; */
    /* height: 300px; */
 /* margin-top: 0px; *\/ */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    padding: 0 5px 30px 5px;
    text-align: center;
    /* padding: 5px 0; */
    /* 背景を白色にするため(float使ってた時は入れた方がいいかも？) */
    overflow: hidden;
 }
 
 div.pic_left{
     /* background-color: rgb(255, 255, 255); */
     position: relative;
     float: left;
     padding: 5px;
     width: 31%;
 }
 
 div.pic_center{
     /* background-color: rgb(255, 255, 255); */
     padding-top: 5px;
     float: left;
     width: 37%;
 }
 
 div.pic_right{
     /* background-color: rgb(255, 255, 255); */
     padding: 5px;
     float: left;
     width: 31%;
 }
 
 img.pic_s{
     width: 100%		
 }
 
 img.pic{
     display: block;
     padding-top: 5px;
     padding-left: 2px;
     width: 100%;
 }

 
}

div.clear{
    clear: both;
}

p.pic_title{
    /* clear: both; */
    position: relative;
    color: rgb(186, 122, 76);
    font-family: 'Palatino-Bold', 'Palatino', serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    /* margin-bottom: 0px; */
    /* margin-left: 0px; */
    /* margin-right: 0px; */
    /* margin-top: 0px; */
    opacity: 1.00;
    /* padding-bottom: 0px; */
    /* padding-top: 0px; */
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}

div.text{
    background-color: rgb(255, 255, 255);
    position: relative;
    /* height: 300px; */
    top: -100px;
    width: 655px;
    padding-top: 10px;
    /* margin-top: 50px; */
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -100px;
    text-align: center; 
}
@media only screen and (max-width: 650px) {
div.text{
    background-color: rgb(255, 255, 255);
    position: relative;
    /* height: 300px; */
    top: -200px;
    width: 100%;
    padding: 0 10px 0 10px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -200px;
    text-align: center;
    z-index: 15;
}
}
 div.footer{
/*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
    background: transparent; 
/*     /\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\/ */
    /* opacity: 1.0; */
    position: releative;
    /* margine-top: 10px; */
    /* height: 20px; */
    /* width: 100%; */
    /* text-align: center; */
    /* padding: 10px; */
    z-index: 2; 
 }

 img.bg_bottom{
    border: none;
    position: relative;
    /* height: 20px; */
    /* width: 100%; */
    left: 0px;
    top: 0px;
    z-index: 2;
}

@media only screen and (max-width: 675px) {
img.bg_bottom{
    border: none;
    position: relative;
    /* height: 20px; */
    /* padding-top: 5px; */
    /* width: 100%; */
    left: -25px;
    top: 0px;
    z-index: 2;
}
}
/* img.title_line{ */
/*     height: 6px; */
/*     left: 0px; */
/*     position: absolute; */
/*     top: 0px; */
/*     width: 90%; */
/* } */

/* div.title_bg{ */
/*     height: 450px; */
/*     width: 100%; */
/*     left: 0px; */
/*     position: absolute; */
/*     top: -450px; */
/*     z-index: 1; */
/*     background: transparent; */
/*     opacity: 1.00; */
/* } */

/* img.title_bg{ */
/*     border: none; */
/*     height: 450px; */
/*     width: 100%; */
/* } */



/* div.footer{ */
/*     /\* カラーが透明になる(他で指定したカラーの打ち消し) *\/ */
/*     background: transparent; */
/*     /\* 要素の透明度を指定（0.0:完全透明~1.0:完全不透明） *\/ */
/*     opacity: 1.0; */
/* } */


/* img.bg_footer{ */
/*     border: none; */
/*     position: absolute; */
/*     height: 100px; */
/*     width: 100%; */
/*     left: 0px; */
/*     top: 0px; */
/*     z-index: 1; */
/* } */

/* .float_clear{ */
/*     font-size: 1px; */
/*     line-height: 1px; */
/* } */

 /* div.slideshow_Thome{ */
 /*     /\* clear: both; *\/ */
 /*     top:-400px; */
 /*     position: relative; */
 /*     /\* margin-left: auto; *\/ */
 /*     /\* margin-right: auto; *\/ */
 /*     /\* text-align: center; *\/ */
 /*     width: 100%; */
     
 /* } */

 /* p.slideshow{ */
 /*     position:relative; */
 /*     margin-left: auto; */
 /*     margin-right: auto; */
      
 /*     text-align: center; */
 /*     width: 100%; */
 /*     height: 100%; */
 /* } */
 
 /* p.slideshow img.active{ */
 /*     opacity: 1.0; */
 /* } */
 /* p.slideshow img.tate{ */
 /*     display: block; */
 /* } */

/* div.aboutmain{ */
/*     width: 655px; */
    
/* } */

div.main2{
    height: 875px;
    /* width: 100%; */
    /* margin-top: 100px; */
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 0;
    /* padding-top: 100px; */    
}

@media only screen and (max-width: 640px) {
div.main2{
    height: 1500px;
    /* width: 100%; */
    /* margin-top: 100px; */
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 0;
    /* padding-top: 100px; */    
}
}

@media only screen and (max-width: 320px) {
div.main2{
    height: 1600px;
    /* width: 100%; */
    /* margin-top: 100px; */
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 0;
    /* padding-top: 100px; */    
}
}
    
 div.about_main{
     background-color: rgb(255, 255, 255);
     position: relative;
     /*position: absolute;*/
     /* top: 70px; */
     /* margin-top: 0px; */
     width: 655px;
     margin-left: auto;
     margin-right: auto;
     text-align: center;
     padding: 5px 0;
     overflow: hidden;
 }

@media only screen and (max-width: 700px) {
 div.about_main{
    background-color: rgb(255, 255, 255);
    /* background-color: transparent; */
    /*position: absolute;*/
    position: relative;
    /* top: 70px; */
    /* height: 300px; */
 /* margin-top: 0px; *\/ */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    /* margin-top: 40px; */
    padding: 0 5px 30px 5px;
    text-align: center;
    /* padding: 5px 0; */
    /* 背景を白色にするため(float使ってた時は入れた方がいいかも？) */
    overflow: hidden;
 }
}

p.about_title{
    /* clear: both; */
    position: relative;
    color: rgb(186, 122, 76);
    font-family: 'Palatino-Bold', 'Palatino', serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 24px;
    /* margin-bottom: 0px; */
    /* margin-left: 0px; */
    /* margin-right: 0px; */
    /* margin-top: 0px; */
    opacity: 1.00;
    /* padding-bottom: 0px; */
    /* padding-top: 0px; */
    text-align: center;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}

div.left_side{
    background-color: rgb(255, 255, 255);
    background-image: url(plofile_files/b056.jpg);
    background-repeat: repeat;    
    position: relative;
    float: left;
    /* text-align:center; */
    width: 45%;
    word-wrap:break-all;
    padding: 5px 0;
    /* margin: 10px 0 0 5px; */
    margin-left:2%;
    margin-right:2%;
    margin-top:15px;
    margin-bottom: 15px;
    /* padding: 0px; */
    /* overflow: hidden; */
    /* position: relative; */
}

div.right_side{
    /* background: skyblue; */
    position: relative;

    /* text-align:center; */
    width: 45%;
    word-wrap:break-all;
    float: right;
    padding: 5px 0;
    /* margin: 10px 5px 0 0; */
    /*margin-left:2%;*/
    margin-right:2%;
    margin-top:15px;
    margin-bottom: 15px;
    /* padding: 0px; */
    /* overflow: hidden; */
    /* position: relative; */


}


@media only screen and (max-width: 640px) {

div.left_side{
    background-color: rgb(255, 255, 255);
    background-image: url(plofile_files/b056.jpg);
    background-repeat: repeat;    
    position: relative;
    float: right;
    /* text-align:center; */
    width: 95%;
    word-wrap:break-all;
    padding: 5px 0;
    /* margin: 10px 0 0 5px; */
    margin-left:2%;
    margin-right:2%;
    margin-top:15px;
    margin-bottom: 15px;
    /* padding: 0px; */
    /* overflow: hidden; */
    /* position: relative; */
}

div.right_side{
    /* background: skyblue; */
    position: relative;

    /* text-align:center; */
    width: 95%;
    word-wrap:break-all;
    float: right;
    padding: 5px 0;
    /* margin: 10px 5px 0 0; */
    margin-left:2%;
    margin-right:2%;
    margin-top:15px;
    margin-bottom: 15px;
    /* padding: 0px; */
    /* overflow: hidden; */
    /* position: relative; */

}
}

img.about_me{
    width: 65%;
}

p.plofile{
    /* clear: both; */

    /* color: rgb(186, 122, 76); */
    font-family: 'Palatino-Bold', 'Palatino', serif;
    font-size: 16px;
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* font-variant: normal; */
    font-weight: 400;
    /* letter-spacing: 0; */
    line-height: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: center;
    /* text-decoration: none; */
    /* text-indent: 0px; */
    /* text-transform: none; */
}

div.text_left{
    text-align: left;
    padding: 2px 5px;
    
}

span.plofile{
    /* line-height: 16px; */
    font-weight: Bold;
    font-family: 'Palatino-Bold', 'Palatino', serif;
    /* display:block; */
   
    /* font-size: 18px; */
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* font-variant: normal; */
}

p.where{
    /* clear: both; */

    /* color: rgb(186, 122, 76); */
    font-weight: Bold;
    font-family: 'Palatino-Bold', 'Palatino', serif;
    font-size: 18px;
    /* font-stretch: normal; */
    /* font-style: normal; */
    /* font-variant: normal; */
    /*font-weight: 400;*/
    /* letter-spacing: 0; */
    /*line-height: 24px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;*/
    text-align: left;
    /* text-decoration: none; */
    /* text-indent: 0px; */
    /* text-transform: none; */
}