@charset "utf-8";

/**
 * Theme Name: n-asakura Original Theme
 * Description: 朝倉紀行ウェブサイトオリジナルテーマ
 * Version: 2.00
 * Author: Sayako Otagaki
 */

* {
 margin: 0;
 padding: 0;
 list-style-type: none;
 font-family: "lucida grande",tahoma,verdana,arial,'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',sans-serif;
 font-size: 12px;
}
html, body, #wrapper {
	width: 9999px;
	overflow: hidden;
}
html, body, #wrapper, #top, #news, #works-category, #works-contents, #blog, #profile, #latest-news, #line-news, #line-works, #line-blog, #line-profile {
 height: 100%;
}
#top, #news, #works-category, #works-contents, #blog, #profile, #latest-news, #line-news, #line-works, #line-blog, #line-profile {
 float: left;
}

#wrapper {
	position: absolute;
	left: 0;
	margin-left: 0px;
}
#top {
 width: 230px;
 background: url("img/top_bg.png") no-repeat 10px top;
}
#line-news {
 width: 6px;
 background-color: gray;
}
#news {
 width: 470px;
 background-color: gray;
}
#line-works {
 width: 6px;
 background-color: #000000;
}
#works-category {
 width: 120px;
 background-color: #000000;
}
#works-contents {
 width: 570px;
 background-color: #ffffff;
}
#line-blog {
 width: 6px;
 background-color: #ffffff;
}
#blog {
 width: 550px;
 background-color: #ffffff;
}
#line-profile {
 width: 6px;
 background-color: gray;
}
#profile {
 width: 400px;
 background-color: gray;
}
#latest-news {
 width: 650px;
 background-color: #ffffff;
}

h1 a {
 display: block;
 width: 186px;
 height: 80px;
 text-indent: -9999px;
 background: url("img/site_title.png");
 position: relative;
 top: 130px;
 left: 24px;
}
#logo a {
 display: block;
 width: 186px;
 height: 48px;
 text-indent: -9999px;
 background: url("img/logo.png");
 position: relative;
 top: 160px;
 left: 24px;
}

#mainmenu-rollover {
 position: relative;
 top: 197px;
 left: 21px;
}
#mainmenu-rollover li {
 width: 192px;
 height: 33px;
 background: url("img/mainmenu_rollover.png") no-repeat;
 margin-bottom: -6px;
}
#mainmenu {
 position: relative;
 top: 98px;
 left: 24px;
 text-indent: -9999px;
}
#mainmenu li {
 width: 186px;
 height: 23px;
 margin-bottom: 3px;
}
#mainmenu00 {
 background: url("img/mainmenu00.png");
}
#mainmenu10 {
 background: url("img/mainmenu10.png");
}
#mainmenu20 {
 background: url("img/mainmenu20.png");
}
#mainmenu30 {
 background: url("img/mainmenu30.png");
}

#submenu {
 position: absolute;
 top: auto;
 bottom: 74px;
 left: 24px;
 border-left: solid 3px #000000;
 text-indent: -9999px;
}
#submenu li a {
 display: block;
 width: 183px;
 height: 14px;
 margin: 2px 1px;
}
#submenu00 a {
 background: url("img/submenu00.png");
}
#submenu10 a {
 background: url("img/submenu10.png");
}
#submenu20 a {
 background: url("img/submenu20.png");
}
#submenu30 a {
 background: url("img/submenu30.png");
}

#toForeign {
 position: absolute;
 top: auto;
 bottom: 44px;
 left: 22px;
 text-indent: -9999px;
}
#toForeign li a {
 display: block;
 width: 120px;
 height: 14px;
 background-image: url("img/toEn.gif");
 background-repeat: no-repeat;
}
#toForeign li a:hover {
 background-image: url("img/toEn_rollover.gif");
}

#jasrac {
 color: #ffffff;
 font-size: 2px;
 width: 50px;
 height:70px;
 position: absolute;
 top: auto;
 bottom: 2px;
 left: 175px;
}

#works-category ul {
 position: relative;
 top: 130px;
 left: 0px;
 text-indent: -9999px;
}
#works-category li a {
 display: block;
 width: 110px;
 height: 24px;
}

#works-category00 {
 background-image: url("img/worksCategory00.png");
 background-repeat: no-repeat;
}
#works-category10 {
 background-image: url("img/worksCategory10.png");
 background-repeat: no-repeat;
}
#works-category20 {
 background-image: url("img/worksCategory20.png");
 background-repeat: no-repeat;
}
#works-category30 {
 background-image: url("img/worksCategory30.png");
 background-repeat: no-repeat;
}
#works-category40 {
 background-image: url("img/worksCategory40.png");
 background-repeat: no-repeat;
}
#works-category50 {
 background-image: url("img/worksCategory50.png");
 background-repeat: no-repeat;
}

#latest-news dl {
 color: #7a5d67;
 width: 591px;
 height: 456px;
 background-image: url("img/latest_news.jpg");
 background-repeat: no-repeat;
 padding: 468px 28px 0px 28px;
 margin-top: 0;
 margin-left: 0;
}
#latest-news dl dt {
 margin-bottom: 2px;
 font-size: 14px;
}
#latest-news dl #latest-news-date {
 font-size: 10px;
 text-align: right;
 margin-top: -17px;
}
#latest-news dl dd {
 line-height: 15px;
 margin-top: 6px;
}
#latest-news dl dd p {
 font-size: 11px;
}

#loading {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 580px;
	display: none;
}