@charset "utf-8";
/* CSS Document */

/*
Site Name: 襖絵師　島田由子
Site URL: http://kusahana.com/
Version:1.0
Auther: Manaka
*/


/*******General Settings*********/


html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}

body:before
  {
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   }


body{
	background-color:#2b2b2b;
	background-image:url(image/flatback.jpg);
	background-repeat:repeat-y;
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
    }


img{
     border:none;
	 }

a:link{
     outline:none;
	 color:#CCCCCC;
	 }

a:visited{
     outline:none;
	 color:#CCCCCC;
	 }

a:link.B{
	color:#333333;
}

a:visited.B{
	color:#333333;
	}


/**********Main Layout**********/

#wrapper{
    width:1010px;
	overflow:hidden;
	}

#LeftMenu{
     float:left;
	 margin:0px;
	 padding:0px;
	 width:200px;
   	 height:450px;
	 }

#Main{
     float:left;
	 margin:0 0 0 50px;
	 width:750px;
	 }

#TopImage{
     clear:both;
	 margin:0 0 0 1px;
	 padding:0px;
	 outline:none;
	 }


#footer{
     clear:both;
	 margin-top:10px;
	 }

#CopyRight{
     color:#CCCCCC;
	 font-size:12px;
	 }




/********** LeftMenu **********/

#TitleImage{
     margin:0px;
     padding-top:25px;
	 padding-left:40px;
	 }

#Menu{
     margin-top:50px;
	 padding-right:0px;
	 margin-right:0ps;
	 text-align:right;
	 }
	 #Menu ul li {
	      text-align:right;
		  padding:0 0 5px;
		  border:none;
		  }
.blog{
	      text-align:right;
		  padding:55px 0 5px;
		  border:none;
		  }
.snsbox{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
.sns01 {
	text-align: right;
	padding-right: 20px;
	border: none;
}
.sns02 {
	text-align: right;
	padding-right: 10px;
	border: none;
}


	 #Menu a {
	      color:#FFFFFF;
		  text-decoration:none;
		  }
		  #Menu a:hover{
		       text-decoration:underline;
			   }

/********** Main *********/

#MainBox{
     margin:60px 20px;
     background-image:url(image/whitebackground.jpg);
	 background-repeat:repeat;
	 border-radius: 2px;         /* CSS3 */
      -moz-border-radius: 2px;    /* Firefox */
      -webkit-border-radius: 2px; /* Safari,Chrome */
	 width:700px;
	 min-height:500px;
     height:auto !important;
    /* height:500px;*/
	color:#333333;
	 }

#MainBoxB{
     margin:60px 20px;
     background-image:url(image/whitebackground.jpg);
	 background-repeat:repeat;
	 border-radius: 2px;         /* CSS3 */
      -moz-border-radius: 2px;    /* Firefox */
      -webkit-border-radius: 2px; /* Safari,Chrome */
	 width:700px;
	 min-height:750px;
     height:auto !important;
    /* height:500px;*/
	color:#333333;
	 }
#MainBoxB a{
	color:#333333;
}

#IndexNews{
	 margin-left:auto;
	 margin-top:30px;
	 background-image:url(image/whitebackground.jpg);
	 background-repeat:repeat;
	  border-radius: 2px;         /* CSS3 */
      -moz-border-radius: 2px;    /* Firefox */
      -webkit-border-radius: 2px; /* Safari,Chrome */
     font-size:12px;
     text-align:right;
	 width:150px;
	 padding:5px;
}


#InBoxLeft{
     float:left;
     width:120px;
/*	 margin:20px;  */
	 padding-top:0px;
	 }

#InBoxRight{
     float:left;
	/* width:320px;
	 margin:20px 20px 20px -10px;*/
	 margin-bottom:15px;
	 padding-top:0px;
	 }



#InBoxTop{
     margin:20px;
	 padding:15px 0 0 0;
	 }

#InBoxBottom{
	 margin:20px;
	 }

#InBoxBottom20{
	padding:0 20px;
	margin-left:20px
	 }

#gallarymenu{
	padding-top:30px;
	margin:30px
     }

#gallarymenu ul {
	list-style-type:none;
	margin:0px;
	padding:0px
     }

#gallarymenu li {
	float:left;
	margin-right:5px
     }

h1{
     font-size:14px;
	 text-decoration:none;
	 padding-bottom:30px;
	 }

h2{
     font-size:14px;
	 text-decoration:none;
	 padding:20px 0px 0px 0px;
	 }

h3{
     font-size:14px;
	 text-decoration:none;
	 padding:20px 0px 0px 0px;
	 }

h4{
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	padding:10px 20px;
	}

ul    {
	margin:10px 0;
}


ul li {
     border:none;
	 list-style-type:none;
	 font-size:12px;
	 white-space:nowrap;
	 }


.text{
     display:block;
     text-indent:-1em;
	 padding-left:20px;
	 padding-bottom:25px;
	 }

.textMin{
     display:block;
	 padding:14px 20px;
	 font-size:12px;
	 }

.textNews{
     display:block;
     text-indent:-1em;
	 padding-left:20px;
	 }

.textMinNews{
     display:block;
	 padding:5px 20px;
	 margin-bottom:30px;
	 font-size:12px;
	 }

.textBig{
     display:block;
	 padding-left:30px;
	 padding-bottom:25px;
	 font-size:20px;
	 }

.WithRight{
     display:block;
     text-align:right;
	 margin:5px 10px;
	 padding:0 0 10px 0;
	 }

.WithRightMin{
     display:block;
	 font-size:12px;
     text-align:right;
	 margin:5px 10px;
	 padding:0;
	 }


/********** Footer **********/