@charset "utf-8";
#header {
	margin-top: 0px;
	margin-bottom: 0px;
}
#wrap #title {
	margin-bottom: 10px;
}

#wrap {
	/*border: dotted 1px;*/
	width: 880px;
	margin-right: auto;
	margin-left: auto;
}

/*@font-face {
	font-family: myfont;
	src: url(myfont.TTF)	
}*/
	
/*body {
	font-family: myfont;
}*/

body {
font-family:Meiryo UI,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


/*.sidemenu {
	position: absolute;
	top: -30px;
	right: 0px;
}*/


h1 {
	display:none
	}
	

/*▼▼▼点滅▼▼▼*/
/*********************************************/
.blinking{
	/*position:absolute;
	left:855px;
	top:420px;
	font-size: 70%;*/
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
    text-decoration: none;
	color: red;
	/*background-color: #99cc00*/

}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/*********************************************/
#blink{
	position:absolute;
	margin-top:393px;
	margin-left:400px;
	font-size: 70%;
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
    text-decoration: none;
	color: black;
	background-color: #f4a460;

}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
/*********************************************/
/*▲▲▲点滅▲▲▲*/

/*▼▼▼横並びメニュー▼▼▼*/
#wrap #navi {
	/*border: solid 1px blue;*/
	margin-top: 0px; 
}
#wrap #navi ul {
	width: 750px;
	padding-left: auto;
	padding-right auto;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
}

#wrap #navi ul li {
	/*border: solid 1px green;*/
	list-style-type: none;
	float: left;
	width: 100px;
	text-align: center;
	/*border-collapse: collapse;*/
	
}
#wrap #navi ul li a {
	display:block;
	text-decoration: none;
	color: #000;
	width: 99px;
	/*border-collapse: collapse;*/
	border-left-width: 1px;
	border-left-style: dotted;
	border-right-width: 1px;
	border-right-style: dotted;
	

}
#wrap #navi ul li a:hover {
	background-color: #CCC;
}
/*▲▲▲横並びメニュー▲▲▲*/

/*▼▼▼メイン▼▼▼*/

#main {
	float: left;
	width: 560px;
	height:110px;
	padding-top: 20px;
	padding-left: 20px;
	line-height: 130%;/*行間*/	
}

/*▲▲▲メイン▲▲▲*/


/*▼▼▼トピックス Fujiyasu-blog（FEED2JS）▼▼▼*/
#topics {
	height: 375px;
	width: 580px;
	float: left;
	margin-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

.rss-box-blog {
	display:block;
	height:365px;
	padding-top:15px;
	padding-left:30px;
	text-decoration: none;
	line-height: 160%;/*行間*/
}

.rss-box-blog ul li {
	list-style-type:square;
	color:#000;
	font-size:small;
}

.rss-box-blog ul li a {
	/*display:block;*/
	text-decoration: none;
	color:#F99;
	font-size:medium;
}
.rss-box-blog ul li a:hover {
	background-color: #CCC;
}
/*▲▲▲トピックス（FEED2JS）▲▲▲*/

/*▼▼▼サイドバー▼▼▼*/
#sidebar {
	padding-top: 0;
	float: right;
	height: 520px;
	width: 250px;
}

#sidebar ul  {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	}
	
/***コンセプト***/
a.concept{
    background:url(img/concept.png) no-repeat;
	background-position:left top; 
	margin-top:15px;
    width:251px;
    height:115px;
    display: block;
	text-decoration:none;
    color:#000
}
 
a.concept:hover{
	background-position: left bottom;
	text-align: left;
    }
/***コンセプト***/

/***作品集***/
a.works{
    background:url(img/works.png) no-repeat;
	background-position:left top; 
	margin-top:15px;
    width:251px;
    height:115px;
    display: block;
	text-decoration:none;
    color:#000;
}
 
a.works:hover{
	background-position: left bottom;
	text-align: left;
    }
/***作品集***/

/***キッチン***/
a.kitchen{
    background:url(img/kitchen.png) no-repeat;
	background-position:left top; 
	margin-top:15px;
    width:251px;
    height:115px;
    display: block;
	text-decoration:none;
    color:#000;
	
}
 
a.kitchen:hover{
	background-position: left bottom;
	text-align: left;
    }
/***キッチン***/

/***記録***/
a.blog{
    background:url(img/blog.png) no-repeat;
	background-position:left top; 
	margin-top:15px;
    width:251px;
    height:115px;
    display: block;
    /*cursor:pointer;
    text-align:left;*/
	text-decoration:none;
    color:#000;
}
a.blog:hover{
	background-position: left bottom;
	text-align: left;
    }
/***記録***/

/*▲▲▲サイドバー▲▲▲*/

/*▼▼▼フッター▼▼▼*/
#footer {
	display:block;
	float: left;
	border-top-width: 1px;
	border-top-style: solid;
	height: 120px;
	width: 850px;
	margin-top: 15px;
	padding-top:5px;
}

#footer ul {
	list-style-type:none;
	margin: 0px;
	padding: 0px;
	line-height:110%;
	}


a.soyokaze{
    background:url(img/soyokaze.png) no-repeat;
	background-position:left top; 
	/*margin-top:30px;*/
    width:185px;
    height:50px;
    display: block;
    /*cursor:pointer;*/
	/*text-align:left;*/
	text-decoration:none;
    color:#000;
	
}
 
a.soyokaze:hover{
	background-position: left bottom;
	text-align: left;
    }


.mailto {
	position: relative; top: 688px; right: 690px;
	color: #fff;
	font-size:small;
	text-decoration:none;
	border-left:dotted 1px;
	border-right:dotted 1px;
	}
	
.mailto:hover{
	background-color:#ccc;
	}
	
/*▲▲▲フッター▲▲▲*/