
/*------------------- COLOR CSS  -------------------*/

.blue  { color: #0000ff; }  .red  { color: #ff0000; }
.wine  { color: #cc0000; }  .bro  { color: #660000; }
.con   { color: #000066; }  .sky  { color: #0066ff; }
.clim  { color: #ffffcc; }  .mizu { color: #ccccff; }
.lgray { color: #f2f2f2; }  .gray { color: #666666; }
.siro  { color: #ffffff; }  .kuro { color: #000000; }
.kiro  { color: #ffff00; }  .orange{ color: #ff6600;}

/*----------------- BG COLOR CSS  ------------------*/

.bgsiro		{ background-color: #ffffff; } 
.bgcon		{ background-color: #000066; } 
.bgblue		{ background-color: #0000ff; } 
.bgkiiro	{ background-color: #ffff00; } 
.bgclim		{ background-color: #ffffcc; } 
.bglgray	{ background-color: #f2f2f2; } 
.bgmizu		{ background-color: #ccccff; } 


/*--------------  FONT SIZE CSS  -------------------*/

.size-s		{ font-size: 15px; 	}
.size-m  	{ font-size: 18px; 	}
.size-l  	{ font-size: 20px; 	}
.size-2l 	{ font-size: 24px; 	}
.size-3l 	{ font-size: 30px; 	}
.size-4l 	{ font-size: 32px; 	}

/*-------------------  SPACE CSS  ------------------*/

.ma-20	{ margin-bottom: 20px; }
.ma-30	{ margin-bottom: 30px; }
.ma-50	{ margin-bottom: 50px; }
.ma-80	{ margin-bottom: 80px; }
.ma-100	{ margin-bottom: 100px; }
.ma-150	{ margin-bottom: 150px; }
.ma-200	{ margin-bottom: 200px; }

/*--------------------------------------------------*/

.b { font-weight : 900; }


html{ height:100%; }

body{
	position: relative;
	margin: 0px;
	padding : 0px;
	height: 100%;
	text-align: center;
	background-color: #FFFFF0;
	}

#bodyb
      {
      position: relative ;
      margin-left:auto;
      margin-right:auto;
      padding : 0px;
      height: 1650px;
      text-align: center;
      width: 780px;
      background-color: #fff;
      font-family: "MS UI Gothic",sans-serif;
      }
#body2
      {
      position: relative ;
      margin-left:auto;
      margin-right:auto;
      padding : 79px 0px 0px 0px;
      height: auto;
      text-align: center;
      width: 780px;
      background-color: #fff;
      font-family: "MS UI Gothic",sans-serif;
      }

p { margin: 10px 0px 10px 0px; }

a { text-decoration:underline; }
a:link		{ color: #0066ff; }
a:visited	{ color: #0066ff; }
a:hover		{ color: #ff0033; position:relative; top:1px; left:1px; }
a:active 	{ color: #0066ff; }


strong { font-weight: 400; }

img { border : 0px; }

.r
	{
	width : auto;
	height : auto;
	padding: 0px;
	margin: 0px 0px 15px 15px;
	float: right;
	}

.l
	{
	width : auto;
	height : auto;
	padding: 0px;
	margin: 0px 15px 15px 0px;
	float: left;
	}

.c
	{
	width : auto;
	height : auto;
	padding: 0px;
	margin: 15px 0px ;
	text-align: center;
	}

#haikei{ 
         position: relative ;
         margin-left:auto;
         margin-right:auto;
         text-align: center;
         width: 822px;
         height: auto;
         background-image: url("https://e-img.work/gurade.jpg");
         background-repeat: repeat-y;
         }

#container
	{
	position: relative;
	margin-left: 15px;
	margin-right: auto;
	padding-bottom : 10px;
	width: 750px;
	height: auto;
	font-family: "MS UI Gothic",sans-serif;
	font-size: 15px;
	text-align: left;
	line-height:120%;

	}

h1
	{
	position: absolute;
	top : 0px;
	left : 5px;
	width : 500px;
	height : 20px;
	text-align:left;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	padding-top : 0px;
	padding-left : 5px;
	line-height: 1.5em;
	}
	
html[xmlns] h1
	{
	position: absolute;
	top : 0px;
	left : 5px;
	width : 500px;
	height : 20px;
	text-align:left;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
	padding-top : 0px;
	padding-left : 5px;
	line-height: 1.5em;
	}


#header
	{
	position: absolute;
	top: 0px;
	left: 6px;
	width: 810px;
	height: 40px;
	font-size: 20px;
	font-weight: 900;
	color: #FFF;
	z-index: 1;
	
	background-color: #fff;
	background-position: 0px 0px ;
	background-image:url(https://e-img.work/header-backs-full.gif);
	background-repeat: no-repeat;
	}

#header a { text-decoration:none; }

#header a:link{ color: #fff; }
#header a:hover{ color: #f03; position:relative; top:1px; left:1px; }
#header a:visited{ color: #fff; }


h2
	{
	position: absolute;
	text-align:left;
	line-height: 1.5em;
	top : 10px;
	left : 35px;
	width : 600px;
	height : auto;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	}

html[xmlns] h2
	{
	position: absolute;
	text-align:left;
	line-height: 1.5em;
	top : 10px;
	left : 35px;
	width : 600px;
	height : auto;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	}

*:first-child+html h2 {
	position: absolute;
	text-align:left;
	line-height: 1.5em;
	top : 10px;
	left : 35px;
	width : 600px;
	height : auto;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	}


#navi
	{
	position: absolute;
	top: 106px;
	left: 0px;
	width : 750px;

	background-color: #ffffff;
	text-align: left;
	font-size: 13px;
	background-image:url(https://e-img.work/header750.jpg);
	background-repeat: no-repeat;
    padding: 5px 0px 0px 0px;
	border-top-width : 1px;
	border-top-style : solid;
	border-top-color : #F0F0F0;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #F0F0F0;

	clear: both;

	}

#navi ul { margin : 0px; padding : 0px 10px 5px 10px ; }

#navi li
	{
	margin-right : 5px;
	display : inline;
	border-right: 1px solid #D6D6D6;
	padding: 0px 5px 0px 0px;
	padding-top: 0px;
	}

#navi a { text-decoration:none; }
#navi a:link	{ color: #0066ff; }
#navi a:visited	{ color: #0066ff; }
#navi a:hover	{ color: #ff0033; position:relative; top:1px; left:1px; }
#navi a:active 	{ color: #0066ff; }

#navi li.bwn { 
    margin-left:0px;
    padding-left:17px;
    display:inline;
    background: url(https://e-img.work/arr0104-bwn.gif) no-repeat 0px 2px;
    }

#navi a { text-decoration:none; }
#navi li.bwn a:link	{ color: #996633; }
#navi li.bwn a:visited	{ color: #996633; }
#navi li.bwn a:hover	{ color: #ff0033; position:relative; top:1px; left:1px; }
#navi li.bwn a:active 	{ color: #996633; }


#contents
	{
	padding-top: 60px;
	position: static;
	width : 650px;
	height : auto;
	font-size : 14px;
	font-weight : 400;
	color : #666;
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom : 50px;
	}

#contents2
	{
	padding-top: 60px;
	position: static;
	width : 470px;
	height : auto;
	font-size : 14px;
	font-weight : 400;
	color : #666;
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom : 50px;
	}

#header-rss
	{
	position: absolute;
	left: 185px;
	bottom: 20px;
	z-index: 0;
	clear: both;
	}


h3,h4,h5,h6,.midashi
	{
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-left : 7px;
	font-size : 15px;
	font-weight : 900;
	line-height: 1.5em;
	color : #996633;
	background-color : #FDF0B7;

	border-top-width : 2px;
	border-top-style : solid;
	border-top-color : #f0f0f0;

	border-left-width : 1px;
	border-left-style : solid;
	border-left-color : #f0f0f0;

	border-bottom-width : 2px;
	border-bottom-style : solid;
	border-bottom-color : #b4b4b4;

	border-right-width : 1px;
	border-right-style : solid;
	border-right-color : #b4b4b4;
	
	clear: both;
	z-index: 0;
	}

h3 a,h4 a,h5 a,h6 a,.midashi a { text-decoration : none; }


#midash {
	position: absolute;
	top: 40px;
	left: 6px;
	width : 810px;
	}

#midash ul { margin : 0px; padding : 3px 7px 2px 10px; }

#midash li {
	margin-right : 3px;
	display : inline;
	border-right: 1px solid #D6D6D6;
	border-left: 1px solid #D6D6D6;
	padding: 0px 5px 0px 5px;
	}

#midash a { text-decoration:none; }
#midash a:link	{ color: #996633; }
#midash a:visited	{ color: #996633; }
#midash a:hover	{ color: #ff0033; position:relative; top:1px; left:1px; }
#midash a:active 	{ color: #996633; }



.entrys
	{
	position: relative;
	height : auto;
	font-size : 14px;
	font-weight : 400;
	color : #666;
	margin-top: 0px;
	margin-bottom : 0px;
	padding : 0px 10px ;
	}

.entry-body2
	{
	margin-top: 10px;
	padding : 10px 0px ;
	position: static;
	min-height:140px;
    height:auto !important;
    height:140px;
    background-image : url(images/ri-fu2.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
	}

.entry-body3
	{
	margin-top: 10px;
	padding : 10px 0px ;
	position: static;
	min-height:140px;
    height:auto !important;
    height:140px;
    background-image : url(images/sakura.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
	}

.entrys img
	{
	}

.float{
	float: left;
	margin:5px 20px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
.floatr{
	float: right;
    margin: 5px 130px 20px 0;
	padding: 0px 0px 0px 0px;
	}
	

.cl{
   clear: both;
   visibility: hidden;
   height: 0;
   content:".";
   display:block;
   font-size:0;
   margin:0;
   padding:0;

}

.excerpt
	{
	font-size : 16px;
	font-weight : 900;
	line-height: 1.7em;
	color : #0080c0;
	}

.more-link
	{
	font-size : 14px;
	font-weight : 400;
	color : #666;
	}

.more {

	font-size: 12px;
	position: static;
	margin-top: 0px;
	margin-left:auto;
	text-align:right ;
	margin-right: 0 ;
	margin-bottom: 0px;
	}

.more ul { 
    margin: 0px;
    padding: 5px 10px 0px 0px;
    list-style-type:none;
    }
    
.more li { 
    margin-left:10px;
    padding-left:17px;
    display:inline;
    background: url(https://e-img.work/arr0104-rgt.gif) no-repeat 0px 1px;
    }
.more li.bwn { 
    margin-left:10px;
    padding-left:17px;
    display:inline;
    background: url(https://e-img.work/arr0104-bwn.gif) no-repeat 0px 1px;
    }

.more a { text-decoration:none; }
.more li.bwn a:link	{ color: #996633; }
.more li.bwn a:visited	{ color: #996633; }
.more li.bwn a:hover	{ color: #ff0033; position:relative; top:1px; left:1px; }
.more li.bwn a:active 	{ color: #996633; }


.tag li { display: inline; }

.entry-footer {
	border-top: 1px solid #cccccc;
	}

.entry-footer2 {
    padding-bottom: 3px;
    border-bottom: 1px solid #cccccc;
    background-color:#F0F0f0;
    font-size: 12px;
	position: static;
	text-align:right ;
	padding-right: 0px;
	width : 650px;
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom : 50px;
	}
	
html[xmlns] .entry-footer2 {
    padding-bottom: 3px;
    border-bottom: 1px solid #cccccc;
    background-color:#F0F0f0;
    font-size: 12px;
	position: static;
	text-align:right ;
	padding-right: 0px;
	width : 650px;
	margin-top: 0px;
	margin-left: 50px;
	margin-bottom : 50px;
	}


	
.entrys .footerlink
	{
	font-family: "MS UI Gothic",sans-serif;
	font-size : 8px;
	font-weight : 400;
	clear: both;
	}

.footerlink li { list-style: none; }

.bottom
	{
	font-size : 15px;
	font-weight : 900;
	text-align:center;
	padding : 7px 20px  ;

	border-width : 3px;
	border-style : double;
	border-color : #ccc;
	clear: both;
	}

#cat-contents
	{
	position: relative;
	top : 130px;
	left : 10px;
	width : 520px;
	height : auto;
	margin-bottom : 150px;
	background-color : #fff;
	padding: 0px;
	text-align: left;
	}

#sidebar
	{
	position: absolute;
	top : 130px;
	left : 537px;
	width : 160px;
	height : auto;
	text-align:left;
	background-color : #ffffff;
	border-width : 1px;
	border-style : solid;
	border-color : #ccc;
	}

.sidetitle {
    width:171px;
    text-align:left;
	font-weight: 600;
	color: #996633;
    line-height:0.9em;
    font-size:13px;
    padding: 5px 0px 5px 0px;
    border-top-width:1px;
    border-top-style:solid;
    border-top-color:#F0F0F0;
    border-bottom-width:1px;
    border-bottom-style:solid;
    border-bottom-color:#F0F0F0;
    margin-top: 0px;
    margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	font-family: "arial narrow",sans-serif;
    background-color: #fff;
	background-position: 0px 0px ;
	background-image:url(https://e-img.work/header750.jpg);
	background-repeat: no-repeat;
	}

#sidebar ul
	{
	padding: 5px 0px;
	list-style: none;
	}


#sidebar li
	{
	font-size : 13px;
	font-weight : 900;
	color : #000099;
	list-style: none;

	margin: 0px 5px;
	padding: 5px 0px;
	border-bottom-width : 1px;
	border-bottom-style : dotted;
	border-bottom-color : #ccc;
	}

#new
	{
	height : 20px;
	font-size : 15px;
	font-weight : 900;
	margin: 0px 5px;
	color : #000;
	background-color : #fff;
	}

.copyright{
	position: relative;

	width : 746px;
	margin: 10px 2px 2px 2px;
	font-size : 12px;
	color : #666;
	text-align: center;
	padding:10px 0px;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	background-color : #fff;
	z-index: 3;
	}
	
.copyright a { text-decoration:none; }
.copyright a:link{ color: #666; }
.copyright a:hover{ color: #666; position:relative; top:1px; left:1px; }
.copyright a:visited{ color: #666; }
	
	
#ad{
    margin-top : 20px;
	margin-bottom : 14px;
	margin-left : 20px;
	margin-right :0px;
	font-size:10px;
	}
	
#okini2{
	position: relative;
	height : 90px;
	font-size: 12px;
	top : 0px;
	margin-left:auto;
    margin-right:auto;
    padding: 0px 0px 0px 0px;
    text-align : left;
    line-height: 110%;
	}
.okini2 img
	{
	line-height: 0%;
	margin: 0px;
	}

#Description
    {
    font-size: 12px;
    color: #808080;
    padding: 0px 0px 0px 0px;
    text-align : left;
    line-height: 110%;
    }


#w3c{
	position: relative;
	width : 746px;
	margin: 10px 10px;
	padding-top: 0px;
	padding-bottom: 0px;
     }

table {
       font-size: 13px;
       color: #606060;
       } 
td, th {
       color: #606060;
       font-size: 13px;
       } 

.kakumarukage {
border-top: 1px rgb(204, 207, 206) solid;
border-left: 1px rgb(204, 207, 206) solid;
border-right: 1px #808080 solid;
border-bottom: 1px #808080 solid;
border-radius: 10px; /* CSS3‘ˆÄ */
-webkit-border-radius: 10px; /* Safari,Chrome—p */
-moz-border-radius: 10px; /* Firefox—p */
/*behavior:url(border-radius.htc);*/
}

.kakumaru {
border-radius: 10px; /* CSS3‘ˆÄ */
-webkit-border-radius: 10px; /* Safari,Chrome—p */
-moz-border-radius: 10px; /* Firefox—p */
behavior:url(border-radius.htc);
}

.kakumaru-t {
border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px; /* CSS3‘ˆÄ */
-webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px; /* Safari,Chrome—p */
-moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px; /* Firefox—p */
behavior:url(border-radius.htc);
}

.kakumaru-b {
border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px; /* CSS3‘ˆÄ */
-webkit-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px; /* Safari,Chrome—p */
-moz-border-radius: 0px 0px 10px 10px / 0px 0px 10px 10px; /* Firefox—p */
behavior:url(border-radius.htc);
}

.kakumaru-r {
border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px; /* CSS3‘ˆÄ */
-webkit-border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px; /* Safari,Chrome—p */
-moz-border-radius: 0px 10px 10px 0px / 0px 10px 10px 0px; /* Firefox—p */
behavior:url(border-radius.htc);
}

.kakumaru-l {
border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px; /* CSS3‘ˆÄ */
-webkit-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px; /* Safari,Chrome—p */
-moz-border-radius: 10px 0px 0px 10px / 10px 0px 0px 10px; /* Firefox—p */
behavior:url(border-radius.htc);
}

.kakumaru4 {
margin: 0;
padding: 15px 0px;
width: 470px;
}

.kakumaru4 ul{
list-style: none;
margin: 0;
padding: 0;
}

.kakumaru4 li{
border-radius: 10px; /* CSS3‘ˆÄ */
-webkit-border-radius: 10px; /* Safari,Chrome—p */
-moz-border-radius: 10px; /* Firefox—p */
behavior:url(border-radius.htc);
float:left;
border: 1px #A7A7A7 solid;
margin-bottom:2px;
margin-right:2px;
padding: 4px 3px 4px 4px;
vertical-align: top;
font-size:12px;
list-style: none;
}


#floatbutton
    {
    position: fixed;
    right: 5px;
    top: 5px;
    z-index:5;
    }


.bana1 {
margin-top:30px;
margin-bottom:15px;
width:460px;
padding: 0px 0px 5px 10px;
background:linear-gradient(transparent 35%, #EEEEEE 65%);
font-weight:900;
font-size:18px;
text-decoration: none;
      }
.bana1 a:link {
color: #666666;
text-decoration: none;
              }
.bana1 a:visited {
color: #666666;
text-decoration: none;
              }

.bana2 {
margin-top:0px;
margin-bottom:15px;
width:460px;
padding: 0px 0px 5px 10px;
background:linear-gradient(transparent 35%, #EEEEEE 65%);
font-weight:900;
font-size:18px;
      }



.ad-kiji-hanyou {
                margin-top:10px;
                margin-left:5px;
                padding: 0px 0px 0px 0px;
                width:460px;
                text-align:center;
                background-color: #ddd;
                background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.3, transparent), color-stop(.3, #fff), to(#fff)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(.3, transparent), color-stop(.3, #fff), to(#fff));
                -webkit-background-size: 12px 12px;
               }

.ad-kiji-title {
               width: 463px;
               padding:7px 0px 6px 7px;
               text-align:left;
               background-color:#ECECEC;
               background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #F9F9F9), color-stop(.5, transparent), to(transparent));
              -webkit-background-size: 5px;
               }
               
.ad-kiji-title-p {
               margin-top:0px;
               margin-bottom:0px;
               color:#6C6C6C;
               display:block;
               width:100%;
               height:100%;
               text-decoration:none;
               font-size:13px;
               font-weight:900;
               }
