@charset "utf_8";
/* -------------------------------------------
◆template name: カスタム向け01 右サイドバー
------------------------------------------- */
body {  font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-size:15px;
  line-height:1.6;
  color:#333333;
background-image:  url(/mokesaku/file/undefined/b004.gif);
background-repeat: repeat;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,label,textarea,select,fieldset,legend,p,blockquote,img { margin:0; padding:0;}
fieldset,img { border:0;}

ol,ul {	margin: 0;
	padding: 0;
	list-style-type: none;}

/* 　  文字の装飾　  */
ins { display:inline-block; text-decoration: none; 
position: relative; 
border-left: solid 9px #56ffbb;}

ins:after {content: "";
display: block;
height: 6px;
background: -moz-linear-gradient(to right, rgb(69, 239, 219), transparent);
background: -webkit-linear-gradient(to right, rgb(69, 239, 219), transparent);
background: linear-gradient(to right, rgb(69, 239, 219), transparent);}

h4 {margin-bottom:-25px;
position:relative;
  padding:3px 65px 0;
border-bottom: 4px dotted #81c2fa;
  font-size:16px;text-shadow: 0 0 6px #56ffbb;}

h4:before,
h4:after{  content:"";
  display:block;
  width:10px;
  height:10px;
  border:2px solid #81c2fa;
  position:absolute;
  top:7px;
  left:23px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);}

h4:after{border-left: solid 3px #5472cd;
  top:9px;
  left:30px;
  height:14px;
  width:14px;
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(-30deg);
background: linear-gradient(to top, rgb(8, 173, 96), transparent);
}

/* 　   Dメニュー　  */
#dmenu img {vertical-align:middle; margin-right:9px;
}

#dmenu {
  display: table-cell;
  vertical-align: middle;
  /display:inline;/*IE6,7用*/
  /zoom:1;/*IE6,7用*/;
  list-style-type: none;
  width: 1000px;
  text-shadow:0 1px 2px #023f7b,0 2px 1px #50500f;
  padding: 0;
  }

#dmenu a:hover {transform: scale( 1 , 1   );border:none; border-radius: 0;
}

#dmenu a::before {
    content: '';
    width: 100%;
    height: 3px;
    background: #92edff;
    position: absolute;
    top: 80%;
    left: 0;
    opacity: 0.6;
    transition: all 0.3s ease;
  }
#dmenu a::after {
    content: '';
    width: 100%;
    height: 3px;
    background: #fcf;
    position: absolute;
    transform: rotate(90deg) scale(0.16);
    left: 50%;
    opacity: 0.3;
    transition: all 0.3s ease;
  }
#dmenu a:hover::before {
    opacity: 1;
    transform: rotate(-180deg);
    top: 0;
  }
#dmenu a:hover::after {
    opacity: 1;
    transform: rotate(180deg);
    top: 96%;
    left: 0;
  }
  
#dmenu li {
  position: relative;
  width: 16.5%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-right: 1px solid #e8fff6;
}
#dmenu li a {
  display: block;
  margin: 0;
  padding: 9px 0;
  background: #00bd3d;
  color: #eef3e6;
  line-height: 1;
  text-decoration: none;
}
#dmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #c9ff79;
  transition: .2s;
}
#dmenu li ul li a {
  padding: 12px 15px;
  background: #66f;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}

#dmenu > li:hover > a {  background: #66f }
#dmenu > li:hover li:hover > a {  background: #60c }
#dmenu li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dmenu li ul li ul li a {  background: #66c }
#dmenu li:hover ul li ul li:hover > a {  background: #663399 }

#dmenu li a , 
#dmenu li ul li a ,
#dmenu li ul li ul li a
{background-image: linear-gradient(to top,
			transparent 8%,
			rgba(158, 253, 241, 0.5) 0%, 
			rgba(255, 255, 255, 0.2) 40%, 
			rgba(255, 255, 255, 0.1) 60%, 
			rgba(255, 255, 255, 0.4) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);  font-weight: bold;
}

#dmenu > ul > li > ul:before {
    position: absolute;
    content: "";
    top: -22px;
    right: 16px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: #111;
}

#dmenu > ul > li:hover > ul:before {
    border-top-color: #fff;
}

#dmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 12px;
  left: -20px;
  width: 0;
  height: 0;
  border: 9px solid transparent;
  border-left-color: #fdd;
}
#dmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 100%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #fdd;
}

/*  link  */
a:link    { color:#3033a0;text-decoration:underline; }
a:visited { color:#007a4c;text-decoration:underline; }
a:hover   { color:#4c0070;text-decoration:none; 
 transition: .2s;
        background: rgba(240, 255, 40,0.5);
border:groove 	#DCDCDC;
        border-radius: 20px;display: inline-block;
transform: scale( 1.1 , 1   );}

#container {  width:1000px;　/*全体の幅*/
  text-align:left;
  margin: auto;
  position:relative;
background-image:url(/mokesaku/file/undefined/tracks-296631_960.gif);
background-position: 97% 89%; 
background-repeat: no-repeat; }

#sideBoxLeft {display:none;}

#sideBoxRight {	width:240px;  /*右カラム*/
	float:right;
  margin-top: 9px;
background-color: #e5ffe7;
border-style: solid;
border-width: 0 14px;
border-image: url(/mokesaku/file/undefined/b_simple_58_2L.png) 0 20 fill repeat;
-webkit-border-image:url(/mokesaku/file/undefined/b_simple_58_2L.png) 0 20 fill repeat;}

#content{	width:710px;  /*記事*/
	float:left;}

/* 　ナビ　  */
div.navi{  word-break:break-all;
background:url(/mokesaku/file/undefined/b_illust_60_1M.png) no-repeat;}

div.navi a{ display:inline-block; background:#93ffbd; padding:5px; border-radius:3px;margin:4px 0;}

div.navi a:hover{position:relative;
top:3px;
right:3px;}

div.text>br{    line-height:2.8;}
/* 　ヘッダー　  */
div#header {background:url(/mokesaku/file/undefined/FBh150px.jpg) left bottom no-repeat;
border-radius: 40px;} 

#header h1 a { color:#5b5107; text-decoration:none;
font-family:  "ヒラギノ角ゴシック Pro";
letter-spacing: 9px;
text-shadow: 7px 8px 6px rgba(0,0,0,0.4),
0px -5px 35px rgba(255,255,255,0.9);}

#header .description{	display:inline-block;
	padding:9px;
	border-radius:9px;
  color:#70482a;
background-color: rgba( 204, 255, 204, 0.75 )}

/* 　サイド　  */
.side a{     padding: 8px 8px 8px 15px; text-decoration: none; 
    position: relative;
}
.side a:before{    content: '＊';
    color:#ff9;
    display: inline-block;
 transform: rotate(-20deg);
    font-size: 15px;
    font-weight: bold;
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 1px;
    text-shadow: 0px 0px 6px #9991e0, 0px 0px 4px #9991e0, 0 0 0.5px #9991e0;
}

.side a:hover:before   {    color:#ffb566;
text-shadow: 0px 0px 6px #fff, 0px 0px 4px #fff, 0 0 0.5px #fff;
}

.side img { border-radius: 30%;	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);}

.sidetitle {border-style: solid;border-color: #cfc;
text-shadow: 0 0 6px palegreen;
margin-top:5px;
background: repeating-linear-gradient(45deg, #d8ffd3, #eeffd3 3px,#f2fffc 3px, #97efdb 7px);
  position: relative;
  padding: 3px 0 3px 42px;
  color: #305b63;
  font-weight:bold;
}
.sidetitle::before,
.sidetitle::after {
  position: absolute;
  background-color: rgba(80, 186, 0,0.5);
  content: '';
}
.sidetitle::before{
  top: 3px;
  left: 18px;
  width: 13px;
  height: 13px;
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg);
}
.sidetitle::after{
  top: 17px;
  left: 9px;
  width: 9px;
  height: 9px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/*  記事  */
.entryBox { 	margin:9px 0 15px 0 ;
	position:relative;
    background:#e8fff6;
border-style: solid;
border-width: 0 36px;
border-image: url(/mokesaku/file/undefined/p_b_64_3Lsgrad-min1.png) 50 round;
-webkit-border-image:url(/mokesaku/file/undefined/p_b_64_3Lsgrad-min1.png) 50 round;
border-image-repeat: repeat;
  line-height:1.9;}

.entryBox::after {  content: "";
  display: inline-block;
  width: 100%;
  height: 36px;
  background-image: url(/mokesaku/file/undefined/p_b_64_3Lsgra2-min.gif);
  background-size: contain;
  vertical-align: middle; }

.date{	font-size:12px;
	font-weight:normal;
	text-align:right;
border-style: solid;
border-width: 38px 0 0;
border-image: url(/mokesaku/file/undefined/p_b_ornament_64_3L.png) 50 round;
-webkit-border-image:border-image: url(/mokesaku/file/undefined/p_b_ornament_64_3L.png) 50 round;
border-image-repeat: repeat;}

h3.title{	position:relative;
 border-radius: 9px 20px;
    padding: 0.3em;
     background: linear-gradient(#96ffe6,#ccfcca);
	margin: 0 9px 8px;}

a.title{    text-decoration:none;position:relative;  padding:3px 60px 0;letter-spacing: 2px;
    color:#270066;
    display:block; transform: scale( 1 , 1   );border:none;
text-shadow: 0 0 6px rgb(221, 255, 86);}

a.title:before,
a.title:after{  content:"";
  display:block;
  width:14px;
  height:14px;
  border:2px solid #81c2fa;
  position:absolute;
  top:6px;
  left:17px;
background:linear-gradient(to bottom, rgb(121, 17, 191), transparent);
  transform: rotate(30deg) ;}

a.title:after{border-left: solid 3px #5472cd;
  top:9px;
  left:24px;
  height:18px;
  width:18px;
 transition: 1s ease-in-out; transform: rotateZ( -20deg ) ;
background: linear-gradient(to top, rgb(16, 150, 191), transparent);}

a.title:hover:after{
transform: rotateZ( 340deg ) ;
}

.text{    padding:4px;}

/*  トップへもどるボタン  */
div.go-to-top {  display: block;
  cursor: pointer;
  position: fixed;
  right: 25px;  /* for PC */
  bottom: 25px; /* for PC */
  z-index: 100;
  width: 63px;
  height: 63px; }

div.go-to-top.gray {  background: rgba(255, 254, 249,0.5);
 background-image:url(/mokesaku/file/undefined/totop-min.png);
 transition: .7s; transform: rotateZ( -30deg ) ;
 box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}

.circle {  border-radius: 50%;}

div.go-to-top.gray:hover{transform: rotateZ( 53deg ) ;}

* html .text{    zoom: 1;} /* IE6 */
*:first-child+html .text{    zoom: 1;} /* IE7 */
/*  プロフィール  */
.profileBox {	background:#fffff7;
	padding:20px;
	border-radius:10px;}

.profileBox h4{	color:#5b702a;
position:relative;
  padding:3px 65px 0;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	background:#e3ffd1;}	

.profileBox table{ width:100%; border-collapse:collapse; border-spacing:0; margin-top:20px;}	
.profileBox table th,
.profileBox table td{	border:1px solid #ccc;
	border-collapse:collapse;
	padding:10px;}	
.profileBox table th{ background:#dae8b7; color:#4b702a;}
/*  タグクラウド  */
.side-tag a{ display:inline-block;color:#EEE; background:#618e00;padding:0 2px;margin-bottom:3px; border-radius:3px;
font-size: 14px !important;font-weight:bold;
 text-decoration:none;}

.side-tag a:hover   { color:#369;text-decoration:none; 
 transition: .2s;
        background: #EEE;}

.tag{  background-color:#fbf4ff;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
  background-position:top center;
}
#tag_cloud{  border:1px solid #CCC;
  padding:10px;
  text-align:left;
  position:relative;
}

.tag-title{  font-weight:bold;
  text-align:left;
}
.tag-body{  margin:10px 0px;
  padding:10px 0px 0px 0px;
  position:relative;
}
.tag-service{  text-align:left;
  font-weight:bold;
  border-bottom:1px solid #CCC;
  padding:0px 0px 5px 0px;
  clear:left;
  position:relative;
}
.tag-search{  text-align:right;
  padding:5px 0px;
  margin-bottom:10px;
  font-weight:bold;
  position:relative;
}
.tag-article{  padding:0px 10px 10px 10px;
  text-align:left;
  position:relative;
}
.tag-article-title{  text-align:left;
  padding:0px 0px 5px 0px;
  font-weight:bold;
  position:relative;
}
.tag-article-posted{  font-weight:normal;
  position:relative;
}
.tag-article-summary{  padding:0px 10px;
  position:relative;
}
.tag-more{  text-align:right;
  margin:10px 0px;
  clear:left;
  position:relative;}

.tag-navi{
  clear:left;
  text-align:center;
  margin:10px 0px;
  position:relative;}

.listCategoryArticleImage:before,
.listCategoryArticleImage:after {
  content: "";
  display: table;
}

.listCategoryArticleImage:after {
  clear: both;
}

.listCategoryArticleImage {
  zoom: 1;
}

.listCategoryArticleImage ul {
  margin: 0;
}

.listCategoryArticleImage ul li {
  width: 25%;
  *width: 22.5%;
  height: 80px;
  float: left;
  margin-bottom: 8px;
  padding: 5px;
  border-right: 1px solid #EEE;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  display: table;
}
.listCategoryArticleImage .articleTitle-va-middle{
	display: table-cell;
	vertical-align: middle;
}

.listCategoryArticleImage ul li:nth-of-type(4n),
.listCategoryArticleImage ul li:last-of-type {
  border-right: none;
}

.listCategoryArticleImage ul li:hover {
  background: #FFF5EC;
}

.listCategoryArticleImage ul li a {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.listCategoryArticleImage ul li .noImage {
  display: none;
}

.listCategoryArticleImage .articleTitle {
  width: 100%;
  word-wrap: break-word;
}

/*  カレンダー  */
#calendar table{  width:100%;  
}

td.calendarday a:link{  display:block;border-radius:20px;
  text-decoration:none;
  color:#fff48c ! important;
background-color :rgba(50, 73, 0,0.6);}

td.calendarday a:hover{  display:block;
  text-decoration:none;
  color:#633 ! important;
background-color :#fff48c;}

#calendar th{ background-color:#CFC;}
#calendar th.sunday{ color:#c33;}
#calendar th.saturday{ color:#069;}

/*  フッター  */
#footer{clear:both;
background:url(/mokesaku/file/undefined/p_b_ornament_114_2L1.gif);}