/*
Theme Name: yotsutsuji Theme
Theme URI: http://www.yotsutsuji.com/
Description: This is my theme .
*/

/* common */
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignleft { float: left; margin-right: 10px; margin-bottom: 10px;}
.alignright { float: right; margin-left: 10px; margin-bottom: 10px;}
.wp-caption { border: solid 1px #aaaaaa; text-align: center; padding-top: 5px; }

/* body */
body { background: url(back.jpg) repeat-x left top #000; margin: 0; padding: 0; }
img { border: 0px #909090 solid; }
a:link { color: #999999 }   /* リンク */
a:visited { color: #999999; } /* 既に見たリンク */
a:active { color: #808080 } /* クリック時のリンク */
a:hover { color: #808080; } /* カーソルが上にある時のリンク */

/* wrap */
div#wrap { background: url(hooter.jpg) repeat-x left bottom; text-align: center; }

/* container */
div#container { width: 960px; margin: auto; text-align: left; color: #FFF; }

/* header */
div#header h1 { position:absolute; top: 80px; width: 960px; text-align: center; font-size: 1.875em;  }
div#header h1 a { text-decoration: none; color: #000000; }
div#header p#desc { font-size: 0.75em; color: #444444; margin: 0 0 0 10px; }
div#header { position:relative; width: 960px; height: 240px; border-bottom: none; padding: 10px 0 0; margin-bottom: 10px; background: url(top.jpg) no-repeat center top; }

div#nav {width: 200px; float:left; }
div#nav ul { width: 180px; margin:0; padding: 0; }
div#nav ul li a { font-size: 0.75em; text-decration: none; color: #FFF; }
div#nav ul li a:hover { }
div#nav ul li { list-style-type: none; color:#FFF; display: block; background: #333; border-bottom: 1px solid #FFFFFF; padding: 15px 10px; }
div#nav ul li ul { width: 100px; }
div#nav ul li ul li { background: url(listmark02.gif) no-repeat 0 6px; padding: 0 0 0 12px; border: none; line-height: 1.6; }
div#nav ul li ul li ul {  width: 100px; }
div#nav ul li ul li ul li { background: url(listmark03.gif) no-repeat 0 0; padding: 0 0 0 12px; border: none; }


/* content */
div#content { width: 515px; float:left; }
div#content.page { width: 760px; }

P#pagetitle { font-size:0.875em; font-weight: bold; color: #999; border: dotted 1px #999; text-align: center; padding: 10px 0; margin-top: 0; }

div.post { border: solid 1px #999; padding: 15px; margin-bottom: 20px; }
div.post h2 { background: #999; font-size: 0.875em; padding :10px; margin: 0; }
div.post h2 a { text-decoration: none; color: #222; }
div.post p { font-size: 0.875em; line-height: 2; margin-top: 10px; }
div.post img { border: none; }

p.postinfo { color:#999; text-align: right; margin: 20px 0 0; clear:both; }
p.postinfo a { color: #999; }
.more-link { font-size: 0.75em; }

/* page link */
p.pagelink { overflow: hidden; width: 100%; }
p.pagelink a { font-size: 0.75em; color: #999; }
span.oldpage { float: left; }
span.newpage { float: right; }

/* form */
#comments { border: 1px solid #ccc; padding: 0 18px; margin:20px 0; }
#comments h3 { font-size: 0.875em; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-top: 20px; }
#comments p { font-size: 0.75em; }
#comments p a { color: #999; }
#comments input, #comments textarea { display: block; }
#comments textarea { width: 450px; }
#comments .required { color: #FF0000; }
#comments code { display: block; margin-top: 5px; font-size: smaller; }
#comments ul { margin: 0; padding: 0; }
#comments li.compost { list-style-type: none; border-bottom: 1px dotted #999; margin-bottom: 20px; }
#comments p.cominfo { text-align: right; }

#comments #comfeed a { background-image: url(feed-icon-12x12.png); background-repeat: no-repeat; background-position: 0 50%; padding-left: 17px; line-height: 1em; color: #000000; text-decoration: none; }
#comments #comfeed { background-color: #a3d2f2; padding: 8px; margin-top: 30px; }

/* sidebar */
div#sidebar { width:220px; float:right; }
div#sidebar ul { margin: 0; padding: 0; }
div#sidebar li { list-style-type: none; }
div#sidebar .widget { background-color: #999; padding: 16px; margin-bottom: 10px; }
div#sidebar h2 { font-size: 0.75em; color: #FFFFFF; border-bottom:1px solid #222; color:#222; padding-bottom: 8px; margin:0 0 10px; }
div#sidebar li li { font-size: 0.75em; margin-bottom: 4px; background-image: url(listmark01.gif); background-repeat: no-repeat; padding-left: 16px; }
div#sidebar li li a { text-decoration: none; color: #222; }
div#sidebar a:link { color: #999999 }   /* リンク */
div#sidebar a:visited { color: #999999; } /* 既に見たリンク */
div#sidebar a:active { color: #808080 } /* クリック時のリンク */
div#sidebar a:hover { color: #808080; } /* カーソルが上にある時のリンク */
/* side cal */
.widget_calendar h2 { display: none; }
#wp-calendar { font-size: 0.75em; color: #222; width: 100%; }
#wp-calendar a { color: #222; }
#wp-calendar td , #wp-calendar th { text-align: center; }
#wp-calendar caption { font-weight: bold; text-align: left; border-bottom: 1px solid #222; padding-bottom:8px; margin-bottom: 8px; }
#wp-calendar #prev { text-align: left; padding-top: 3px; }
#wp-calendar #next { text-align: right; padding-top: 3px; }
/* side feed */
p.feed { font-size: 0.75em; font-family: Verdana,Helvetica,sans-serif; border: 1px solid #999; padding: 5px; margin: 25px 0; }
p.feed a { color: #999; text-decoration: none; }
p.feed img { vertical-align: middle; margin-right: 8px; }

/* footer */
div#footer { clear: both; padding: 50px 0 5px; color:#333; text-align: center; }
address { font-size: 0.75em; font-size: normal; font-family: Verdana, sans-serif; margin: 0; }
address a { color: #333; }

#character {
 margin-left:8px;
}

#characterleft {
 width:300px;
 margin-left:auto;
 margin-right:auto;
 margin-top:0px;
 text-align:left;
 text-valign:bottom;
 float:left;
}

#characterright {
 width:420px;
 height:177px;
 line-height:20px;
 text-align:left;
 float:right;
}

a#hitotsuya {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/1.jpg");
   float: left;
   margin-left:1px;
}
a#hitotsuya:hover {
   background-position: top right;
}

a#nijokubo {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/2.jpg");
   float: left;
   margin-left:1px;
}
a#nijokubo:hover {
   background-position: top right;
}

a#sanbara {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/3.jpg");
   float: left;
   margin-left:1px;
}
a#sanbara:hover {
   background-position: top right;
}

a#watanuki {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/4.jpg");
   float: left;
   margin-left:1px;
}
a#watanuki:hover {
   background-position: top right;
}

a#iojaku {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/5.jpg");
   float: left;
   margin-left:1px;
}
a#iojaku:hover {
   background-position: top right;
}

a#rokusaidou {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/6.jpg");
   float: left;
   margin-left:1px;
}
a#rokusaidou:hover {
   background-position: top right;
}

a#nanahara {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/7.jpg");
   float: left;
   margin-left:1px;
}
a#nanahara:hover {
   background-position: top right;
}

a#yagisawa {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/8.jpg");
   float: left;
   margin-left:1px;
}
a#yagisawa:hover {
   background-position: top right;
}

a#ichijiku {
   display: block;
   width: 78px;
   height: 78px;
   text-indent: -1000px;
   background-image: url("contact/9.jpg");
   float: left;
   margin-left:1px;
}
a#ichijiku:hover {
   background-position: top right;
}

#storycenter {
 width:720px;
 background-image: url("contact/storybg.jpg");
 background-repeat: no-repeat;
 margin-top:0px;
 text-align:center;
 line-height:25pt;
 font-size: 0.95em;
}

#mushinomecenter {
 width:720px;
 background-image: url("contact/mushinomebg.jpg");
 background-repeat: no-repeat;
 margin-top:0px;
 text-align:center;
 line-height:25pt;
 font-size: 0.95em;
}

#ttop {
position:fixed;
bottom:10px;
left:auto;
margin:0 0 0 970px;   /* マージン：上 右 下 左 */
width:41px;
height:170px;
background:url(http://yotsutsuji.com/wp-content/themes/yotsutsuji/contact/backtop.jpg) no-repeat left bottom;
}
/* IE6以下用 */
* html #ttop {
margin:0 0 -170px 0;
position:relative;
bottom:180px;   /* 上で設定した ttopの高さ170px＋下10px */
left:970px;
}
#ttop:hover {
background-position:0 0px;   /* 画像の高さによって適当に調整 */
}
a.page_top {
display:block;
width:41px;
height:170px;
}