@charset "UTF-8";
@import "print.css";
@import "calendar.css";
@import "tabmenu.css";
@import "overlay.css";

* {
	border:0;
	margin:0;
	padding:0;
}


body {
	text-align:center;
	font-family:"メイリオ" , "Meiryo","ヒラギノ角ゴ Pro W4" ,"Osaka","ＭＳ Ｐゴシック" ,sans-serif;
	font-size:15pt;
	background:#eeeeee;
}

div#Notice {
	width:600px;
	border: 2px solid #333333;
	margin:10px auto;
	padding: 10px;
	background: #fafafa;
}

div#Notice p {
	font-size:70%;
	color: #444444;
}

div#wrapper {
	margin:0px auto;
	padding:20px 0px 50px 0px;
	width:800px;
	color:#fafafa;
	background:  url("../images/sitebg.png") top left repeat-y;
}



div#header {
	width:800px;
	height:50px;
	position: relative;
}

p.log{
	font-size:70%;
	position: absolute;
	top:50px;
	right:45px;
}

p.log a:link , p.log a:visited {color:#fafafa; text-decoration: underline;}
p.log a:hover , p.log a:active {color:#fafafa; text-decoration: none;}

div#container {
	margin:0 auto 0px auto;
	padding:10px 0 0px 0;
	width:720px;
	text-align:left;
	color:#fafafa;
	background:url("../images/contents_top.png") top left no-repeat;
}

div#contents {
	margin:0px auto;
	width:720px;
	padding:20px ;
	color:#444;	
	font-family:, "Times New Roman" , serif;
	background:url("../images/contents_mid.png") top left repeat-y;
}

	div#contents p {
		padding:10px 50px 10px 10px;
		font-size:75%;
		line-height: 1.5em;
		letter-spacing: 0.1em;
	}

	div#contents ul {
		margin-left:20px;
	}

	div#contents li {
		font-size:70%;
		margin:0;
		padding:0;
		line-height:2em;
		list-style-type:none;
	}

		div#contents li.first {
			margin-top:10px;
		}
		
		div#contents li.last {
			margin-bottom:10px;
		}

	div#contents ul ul li{
		font-size:110%;
		list-style-type:none;
	}
	
p.entry_footer {
	margin-bottom:50px;
	padding-bottom:50px !important;
	background:url("../images/hr.png") bottom left no-repeat;
}

div#footer {
	margin: 0 auto;
	width:720px;
	height:400px;
	font-size:60%;
	color:#ccc;
	position:relative;
	background:url("../images/contents_bottom.png") top left no-repeat;
}

	/*....................
	footer menu
	....................*/
	h2.footer_title {
		border-left: 1px solid #ccc;
		margin-left: 5px;
		margin-bottom: 10px;
		padding-left: 5px;
		line-height:normal;
	}

	div#bio {
		width:200px;
		position :absolute;
		top:60px;
		left:20px;
		text-align: left;
	}

	div#bio p {
		padding:10px;
	}

	div#twitter_div {
		width:200px;
		position: absolute;
		top: 60px;
		left: 245px;
		text-align: left;
	}


	ul#twitter_update_list {
		padding: 5px;
	}
	ul#twitter_update_list li {
		padding-bottom: 10px;
		list-style-type: none;
		font-size: 90%;
	}

	div#photo {
		width:200px;
		line-height:0;
		text-align:left;
		position :absolute;
		top:60px;
		right:20px;
	}

	div#photo img{
		border :1px solid #000;
		padding: 5px;
		margin: 3px;
	}

	div#photo a , div#flickr a:hover{
		text-decoration: none ;
		background: none;
	}

	p#copy {
		position:absolute;
		bottom:0;
		left:0;
	}

	address {
		font-weight:normal;
		font-style:normal;
	}


h1 {
	text-align:left;
	font-weight:normal;
	font-size: 15px;
	font-family:"ＭＳ Ｐ明朝" , "Meiryo","ヒラギノ角ゴ Pro W4" ,"Osaka","ＭＳ Ｐゴシック" ,sans-serif;
	position: absolute;
	top:20px;
	left:50px;
}

h1 a:link , a:visited , a:hover , a:active {color:#fafafa; text-decoration: none;}


h2 {
	border-bottom: 3px solid #A6556E;
	margin-top:10px;
	margin-bottom:20px;
	font-size:90%;
	font-weight:normal;
}

h3 {
	margin-top:20px;
	margin-right: 100px;
	margin-bottom:10px;
	padding-left:25px;
	font-size:80%;
	font-weight:bold;
	color:#000000;
	background:url("../images/H3.png") center left no-repeat;
}


h4 {
	border-left:2px solid #000;
	margin-top:20px;
	margin-bottom:10px;
	padding-left:5px;
	font-size:60%;
	font-weight:bold;
}

pre{
	margin-top:20px;
	margin-right:0px;
	padding:20px 0px;
	font-size:50%;
	overflow:hidden;
}

code {
	border-left: 2px solid #999999 ;
	padding: 20px 20px;
	display:block;
	background: url(../images/Pre_Code.png) top left no-repeat;
}

hr {
	display:none;
}

em {
	font-weight:bold;
}


/*..............................
Link
..............................*/

/* General */
a:link {color:#F763A3; text-decoration: none;}
a:visited {color:#F763A3; text-decoration: none;}
a:hover {color:#F763A3; text-decoration:underline;}
a:active {color:#F763A3; text-decoration: none;}

/* External Link*/
a:link.external {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 1px dotted;
	background: url("../images/ueya07.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}

a:visited.external {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 1px dotted;
	background: url("../images/ueya07.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}

a:hover.external {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 0px dotted;
	background: url("../images/ueya07.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}

a:active.external {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 1px dotted;
	background: url("../images/ueya07.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}

/* Amazon */
a:link.amazon {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 1px dotted;
	background: url("../images/amazon.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}

a:visited.amazon {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 1px dotted;
	background: url("../images/amazon.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}

a:hover.amazon {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 0px dotted;
	background: url("../images/amazon.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}

a:active.amazon {
	color:#F763A3;
	text-decoration:none;
	border-bottom: 1px dotted;
	background: url("../images/amazon.png") no-repeat center left;
	padding-left:20px;
	margin-left:3px;
}


/*..............................
via
..............................*/
div.via{
	margin:10px auto;
	padding-bottom:0;
	width:80%;
	color:#525252;
	background:#fafafa;
	font-size:90%;
}

div.via h3{
	margin:0;
	padding:10px 5px;
	font-weight:normal;
	font-size:100%;
	border-left:0px;
	border-bottom:0;
	background:none;
}
div.via p{
	padding:10px 10px;

}
div.via blockquote{
	border:0;
	margin:0;
	padding:0;

}

div.via blockquote p{
	margin:10px 10px;
	padding:5px 10px;

}

/*..............................
Prev and Next 
..............................*/
.prev_and_next {
	font-size:80%;
	text-align:center;
}

/*..............................
comment
..............................*/
input , textarea{
	border:1px solid #A8A8A8;
}

div#commentform {
	margin:10px 30px;
	color:#353535;
}

div#commentform dd {
	margin-bottom:10px;
	margin-left:30px;
}

fieldset {
	border:0;
}

legend {
	display:none;
}

/*....................
 Contact
 .................... */

dl#contact {
	width: 500px;
	
}

dl#contact dt{
	font-size:60%;
}
dl#contact  dd{
	padding-bottom:10px;
	padding-left:30px;
	font-size:70%;
}

#send form {
	display:inline;
}

.loading {
	margin:200px auto;
	text-align:center;
}


textarea{
	border-top:2px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:2px solid #ccc;
	margin: 10px 0;
	padding:5px;
	background: #fff;
}


input {
	border-top:2px solid #ccc;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:2px solid #ccc;
	padding:5px;
	background: #fafafa;
}

html[xmlns] input.searchbox {
	border:none;
	margin: 10px 30px 10px 30px;
	padding-left: 30px;
	background: url("../images/search.png") top left no-repeat;
}

* html input.searchbox {
	border:none;
	margin: 0px 30px 30px 30px;
	padding: 0px 0 0px 30px;
	background: url("../images/search.png") top left no-repeat;
}


input.submit {
	border-top:1px solid #fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #fff;
	padding:5px;
	background: #fafafa;
}

dd.check {
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}

/* Search */

html[xmlns] div#searchform {
	padding:10px;
	margin-top:20px;
	width:200px;
	background:#fafafa ;
}

* html div#searchform {
	padding:10px;
	margin-top:20px;
	width:220px;
	background:#fafafa url("./img/edge.png") top right no-repeat;
}

div#container_search{
	margin:0px auto;
	padding:20px;
	width:610px;
	background:#732E3D url("./img/sakura.png") bottom right no-repeat;
	text-align:left;
	color:#fafafa;
}


div#contents_search {
	padding:20px;
	width:560px;
	color:#242424;
	background:#fafafa url("./img/edge.png") top right no-repeat;
}

div#footer_search {
	color:#fafafa;
	text-align:left;
}

form#search{
	position: absolute;
	top:10px;
	right:0px;
}
/*.........................
List
div#contents ul {
	margin:10px 30px;
}

div#contents li {
	margin-left:20px;
	list-style-type:square;
}
.........................*/

	div#contents dl {
	margin:20px;
		font-size:60%;
}

	div#contents dt {
	border-left:3px solid #ccc;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	padding-left:5px;
}

	div#contents dd {
	margin-left:40px;
}

	div#commentform dl {
	margin:20px;
}

	div#commentform dt {
	border-left:3px solid #ccc;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:10px;
	padding-left:5px;
}

	div#commentform dd {
	margin-left:40px;
}

/*..............................
Edit
..............................*/

#preview {
	border: 3px double #444;
	padding: 10px;
}






/*....................
Webmenu
....................*/


div.menu {
	margin-top:40px;
	text-align:left;	
}


html[xmlns] ul#TabMenu {
	margin-left: 50px;
	width: 550px;
	height: 25px;
	line-height: 1;
	position: relative;
}

* html ul#TabMenu {
	margin: 0 0 0 50px;
	width: 550px;
	height: 19px;
	line-height: 0;
	position: relative;
}

ul#TabMenu li{
	list-style-type :none;

}

ul#TabMenu li a{
	width: 130px;
	height: 25px;
	text-decoration: none;
	display: block;
}

li.home a {
	background: url(../images/TabMenu.png) 0 -25px no-repeat;
	position:absolute;
	top:0;
	left:0;
}

li.blog a {
	background: url(../images/TabMenu.png) -130px -25px no-repeat;
	position:absolute;
	top:0;
	left: 140px;
}

li.works a {
	background: url(../images/TabMenu.png) -260px -25px no-repeat;
	position:absolute;
	top:0;
	left:280px;
}

li.mail a {
	background: url(../images/TabMenu.png) -390px -25px no-repeat;
	position:absolute;
	top:0;
	left: 420px;
}

li.home a:hover {
	background: url(../images/TabMenu.png) 0 -50px no-repeat;
}

li.blog a:hover {
	background: url(../images/TabMenu.png) -130px -50px no-repeat;
}

li.works a:hover {
	background: url(../images/TabMenu.png) -260px -50px no-repeat;
}

li.mail a:hover {
	background: url(../images/TabMenu.png) -390px -50px no-repeat;
}

li.home_now a {
	background: url(../images/TabMenu.png) 0 0px no-repeat;
	position:absolute;
	top:0;
	left:0;
}

li.blog_now a{
	background: url(../images/TabMenu.png) -130px 0px no-repeat;
	position:absolute;
	top:0;
	left:140px;
}

li.works_now a {
	background: url(../images/TabMenu.png) -260px 0px no-repeat;
	position:absolute;
	top:0;
	left:280px;
}

li.mail_now a {
	background: url(../images/TabMenu.png) -390px 0px no-repeat;
	position:absolute;
	top:0;
	left: 420px;
}

ul#TabMenu span {
	display:none;
}