/* -+-+-+-+-+-+-+-+-+-+-+-+- 基本レイアウト-+-+-+-+-+-+-+-+-+-+-+-+- */
html {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    text-align: center; 

    font-family: Verdana, Arial, sans-serif; 
    font-size: 12px;
    min-width: 740px;
    margin-top:0px;
    color: #666666;
    background: #FFFAF0;
}


h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
    margin-top: 5px;
    margin-bottom: 5px;
}

a { color: #CC6666; text-decoration: none; }
a:hover { color: #FF0066; text-decoration: underline; }
a img { border: 0; }

hr {
    color: #D3D3D3;
    border-style: dotted ;
    border-width:1px ;
}

img.image-full { width: 100%; }


/* -+-+-+-+-+-+-+-+-+-+-+-+- ページレイアウト-+-+-+-+-+-+-+-+-+-+-+-+- */
#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%;}

#container {
    position: relative;
    margin: 0 auto; /* center on everything else */
    width: 100%;
    text-align: left;

    width: 740px;
    padding: 0px ;
    border-style: solid;
    border-width: 0 3px 3px 1px;
    border-color: #DCDCDC;
    margin-bottom: 20px;
    background-image: url(" http://wns-info.sakura.ne.jp/e/image/back.gif");
}

#container-inner { position: static; width: auto; }

#banner {
    position: relative;
    width: 740px; /* necessary for ie win */
    height: 119px;
    background: #FFFFFF;

    background-repeat: no-repeat;
    background-position:center;
    padding: 0px;
}

#banner-inner {
    position: static; 
    padding: 0px;
}


#banner-header {
    color: #666666;
    font-size: 10px;
    line-height: 1;
}

#banner a { color: #FFFFFF; text-decoration: none; }
#banner a:hover { color: #FF6699; }

.bottom { 
    margin-top: 0px;
    height: 16px;
    background: #999999;
}

.footer { 
    font-weight: normal; 
    font-size:10px;
    color:#FFFFFF;
    text-align: center; 
}



/* -+-+-+-+-+-+-+-+-+-+-+-+- カラム表示-+-+-+-+-+-+-+-+-+-+-+-+- */
#alpha, #beta, #gamma, #delta {
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#alpha { margin: 0; padding: 0; }
#beta { margin: 0; padding: 0; }
#gamma, #delta { margin: 0px; padding: 0;}

#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
    position: static;
}


/* one-column*/
.layout-one-column body { min-width: 740px; }
.layout-one-column #container { width: 740px; }
.layout-one-column #banner { width: 740px; } /* necessary for ie win */


/* two-column-left */

.layout-two-column-left #alpha {
    margin-top: 0px;
    margin-left: 50px;
    width: 170px;
    height: 500px;
    border-right: 0px solid #DCDCDC;
    background: #FFF5F5;
}

.layout-two-column-left #alpha-inner {
    padding: 25px 0px 0px 10px;
}

.layout-two-column-left #beta {
    margin-top: 30px;
    margin-left: 30px;
    width: 400px;
    background: #ffffff; 
}

.layout-two-column-left #beta-inner {
    padding: 0px 0px 0px 0px;
}




/* -+-+-+-+-+-+-+-+-+-+-+-+- アーカイブ・ヘッダー-+-+-+-+-+-+-+-+-+-+-+-+- */

.master-archive-index #archive-title,
.individual-entry-archive #archive-title,
.date-based-archive #archive-title,
.category-archive #archive-title {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    border-left: 6px solid #99CCCC;
   border-bottom: 0px solid #DCDCDC;
    padding: 0px 0px 0px 5px;
    color: #666666;

    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    text-transform: uppercase;
}


.archive-top {
     /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin-bottom: 15px;
    padding: 0px 0px 0px 5px;
    border-left: 2px solid #993333;
    border-bottom: 1px solid #DCDCDC;
    color: #993333;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: left;
    font-family: Verdana, Arial, sans-serif;
    text-transform: uppercase;
}

.about-top {
     /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin-top: 0px;
    padding: 2px 0px 2px 5px;
    border-left: 2px solid #FF9966;
    border-bottom: 1px solid #DCDCDC;
    color: #666666;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0px;
    text-align: left;
    font-family: Verdana, Arial, sans-serif;
}

.header {
     /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;


    border-left: 0px solid #FF9966;
    border-bottom: 1px solid #DCDCDC;
    color: #660000;
    font-size: 12px;
    font-weight: nomal;
    letter-spacing: 0px;
    text-align: left;
    font-family: Verdana, Arial, sans-serif;
}

.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    border-left: 3px solid #99CCCC;
    padding: 2px 0px 2px 5px;
    color: #663333;
    font-size: 11px;
    font-weight: normal;
    line-height: 1;
}

.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
    color: #663333;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- エントリー-+-+-+-+-+-+-+-+-+-+-+-+- */
.entry-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    border-left: 2px solid #FF9966;
   border-bottom: 0px solid #DCDCDC;
    margin: 0px 0px 15px 0px;
    padding: 3px 0px 3px 5px;
    color: #666666;
    font-size: 17px;
    font-family: Verdana, Arial, sans-serif;
    font-weight: normal;
    line-height: 1;

}

.message-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    border-left: 4px solid #FF9999;
    margin: 20px 0px 15px 20px;
    padding: 2px 0px 2px 5px;
    color: #996666;

    font-size: 11px;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}

.news-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    border-left: 0px solid #FFBBBB;
   border-bottom: 0px solid #DCDCDC;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    color: #666666;
    font-size: 10px;
    font-weight: normal;
    line-height: 1;
    text-transform: none;
}
.entry-header a { color: #6E2319; text-decoration: none; }

.date-header,
.entry-content {
    position: static;
    clear: both;
}

.entry,
.trackbacks,
.comments,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
    clear: both;
    font-size: 13px;
    line-height: 1.6;
    margin: 15px 0px 50px 0px;
}

.message-content{
    clear: both;
    font-size: 10px;
    line-height: 1.8;
    border: 1px dotted #FFCCCC;
    margin: 0px 0px 0px 0px;
    background: #FFF8F8;
}


.message-body {
    clear: both;
    margin: 0px 20px 0px 20px;
    background: #FFF8F8;
}

.news-content {
    clear: both;
    font-size: 10px;
    line-height: 1.5;
    margin: 0px 0px 0px 20px;
}

.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}

.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
    clear: both;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
}

.entry-footer { text-align: right; }

.message-footer{
    clear: both;
    margin: 20px 0px 0px 0px;
    font-size: 9px;
    text-align: right; 
}


.date {
    margin-top: 10px;
    font-size: 12px;
    color: #996666;
}

.date-header {
    margin-top: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    text-transform: uppercase;
}



.paginate {
    font-size:10px;
    margin-bottom: 15px;
}

.navigation {
    display: block;
    font-size:10px;
    margin: 5px 0 20px 0;
}

.alignright { float: right; }
.alighnleft { float: left; }




/* -+-+-+-+-+-+-+-+-+-+-+-+- モジュール-+-+-+-+-+-+-+-+-+-+-+-+- */
.module-content a{ color: #663333; }
.module-content a:hover { color: #ff3366; }
.module-welcome p { font-size: 10px; }
.module-content p.first { margin-top:0px; }

.module-header{
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin-left: 10px;
    padding: 3px 0 2px 0px;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0px;
    font-family: Verdana,Arial,san-serif; 
    border-top: 0px solid #BC8F8F;
    border-bottom: 1px solid #BC8F8F;
    color: #993333;
    line-height: 1;
}

.module-content {
    position: relative;

    margin: 5px 0 10px 10px;
    padding: 0px 5px 0 0px;
    font-size: 10px;
    line-height: 1.5;
    border-top: 0px solid #FFFFFF;
}



.side-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.side-list-item {
    margin: 0;
    padding: 0px 0px 8px 0px;
    line-height: 1.4;
}

.side-list a{ color: #666666; }
.side-list a:hover { color: #ff3366; }


.side-content {
    position: relative;

    margin: 0;
    padding: 10px 5px 20px 5px;
    font-size: 10px;
    line-height: 1.4;
    border-top: 0px solid #FFFFFF;
}


.side-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 20px 0px 0px 10px;
    border-top: 1px solid #DCDCDC;
    border-bottom: 1px solid #DCDCDC;
    padding: 2px 0px 2px 10px;
    color: #666666;
    font-size: 10px;
    line-height: 1;
    text-align: center; 
}

.contact-content {
    position: relative;

    margin: 0px 0px 10px 20px;
    padding: 5px 0px 0px 0px;
    font-size: 10px;
    line-height: 1.5;
}



.menu-list {
    list-style-image: url("http://www.hatsue-music.jp/image/mark.gif");
    padding-left: 20px;
    line-height: 1.8;
}

.module-search input { font-size: 10px; }
.module-search #search { width: 115px; }


/* -+-+-+-+-+-+-+-+-+-+-+-+- ロールオーバー+-+-+-+-+-+-+-+-+-+-+-+- */
#rollover {
	margin: 0 0 0 7px; 
	padding:0px;
	height:18px;
	width:768px;
    border-bottom: 2px solid #DCDCDC;
}
#rollover ul {
	margin: 0px; 
	padding:0px;
}
#rollover li {
	margin: 0px; 
	padding:0px;
	display:inline;
	list-style-type:none;
}
#rollover li a {
	margin: 0px; 
	padding:0px;
	height:18px;
	display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
}

/*------off*/
#rollover li.menu01 a {
	background-image:url(;http://www.hatsue-music.jp/image/menu1.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu02 a {
	background-image:url("http://www.hatsue-music.jp/image/menu2.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu03 a {
	background-image:url("http://www.hatsue-music.jp/image/menu4.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu04 a {
	background-image:url("http://www.hatsue-music.jp/image/menu5.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu05 a {
	background-image:url("http://www.hatsue-music.jp/image/menu6.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu06 a {
	background-image:url("http://www.hatsue-music.jp/image/menu3.gif")  ;
	width:128px; height:18px;
}


/*------hover*/
#rollover li.menu01 a:hover {
	background-image:url("http://www.hatsue-music.jp/image/menu1a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu02 a:hover {
	background-image:url("http://www.hatsue-music.jp/image/menu2a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu03 a:hover {
	background-image:url("http://www.jamsand.com/image/menu4a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu04 a:hover {
	background-image:url("http://www.hatsue-music.jp/image/menu5a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu05 a:hover {
	background-image:url("http://www.hatsue-music.jp/image/menu6a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu06 a:hover {
	background-image:url("http://www.hatsue-music.jp/image/menu3a.gif") ;
	width:128px; height:18px;
}

/*------on*/
#rollover li.menu01_on a {
	background-image:url("http://www.jamsand.com/image/menu1a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu02_on a {
	background-image:url("http://www.hatsue-music.jp/image/menu2a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu03_on a {
	background-image:url("http://www.hatsue-music.jp/image/menu4a.gif")  ;
	width:128px; height:18px;
}
#rollover li.menu04_on a {
	background-image:url("http://www.hatsue-music.jp/image/menu5a.gif") ;
	width:128px; height:18px;
}
#rollover li.menu05_on a {
	background-image:url("http://www.hatsue-music.jp/image/menu6a.gif") ;
	width:128px; height:18px;
}
#rollover li.menu06_on a {
	background-image:url("http://www.hatsue-music.jp/image/menu3a.gif") ;
	width:128px; height:18px;
}


/* -+-+-+-+-+-+-+-+-+-+-+-+- その他-+-+-+-+-+-+-+-+-+-+-+-+- */
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

form { margin: 0; padding: 0; }

.content-nav {
    display: none; 
    margin: 10px;
    text-align: center;
}

.commenter-profile img { vertical-align: middle; }


.th abbr {
  font-size: 10px;
}



/* Entry tag */
.entry-tags {
    margin: 0 0 10px 10px;
}

.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }

.entry-tags-list {
    list-style:none;
    padding: 0px;
}

div.entry-tags { margin:0 0 10px 10px; }
ul.entry-tags-list {
    list-style:none;
    padding: 0px;
}
h4.entry-tags-header,
ul.entry-tags-list,
li.entry-tag { display: inline; }


/* Main index styles
    Suppress date header on main index */
.main-index .date-header { display: none; }


/* -+-+-+-+-+-+-+-+-+-+-+-+- 検索-+-+-+-+-+-+-+-+-+-+-+-+- */
.mt-search-results .search-results-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;

    margin: 0;
    border-left: 5px solid #996666;
    padding: 5px;
    color: #996666;
    background: #EEE4C3;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase;
}


.mt-search-results .search-results-container { margin-left:10px; }
.mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; }
.mt-search-results form#search-form input#search { width: 80%; }
.mt-search-results form#search-form p#search-options { text-align:center; }


/* -+-+-+-+-+-+-+-+-+-+-+-+- コメント-+-+-+-+-+-+-+-+-+-+-+-+- */

.comments-open label { display: block; }

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 240px;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}


#comment-post {
    font-weight: normal;
}

.comments-open-header {
    clear: both;
}

.comments-open-footer {
    margin: 10px 0;
}

/* Comment preview and individual entry
    Widen the comment form */
form textarea#comment-text { width:400px; }


/* Experimental comment styles
    Not currently in use anywhere in default templates
    For testing only... */
#comments-experimental .comment, #comments-experimental .comment .comment-inner {
    width:36em;
}

#comments-experimental .comment {
    padding: 0px;
    margin: 10px 15px;
    background-color:#eef;
    border:2px solid #bbb;
}

#comments-experimental .comment .comment-inner {
    position:relative;
    margin:-5px 0 0 -3px;
    background:#f3f3ff;
    border:1px solid #003;
}

#comments-experimental .comment:hover .comment-inner {
    border:1px solid #000;
    background-color: #fff;
}

#comments-experimental .comment a {
    text-decoration: none;
    border-bottom: 1px dotted #36414d;
}

#comments-experimental .comment:hover a {
    color: #666;
    border-bottom: 1px solid #666;
}

#comments-experimental .comment .comment-content {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 15px;
}

#comments-experimental .comment-footer-experimental {
    margin-right: 15px;
    font-size: 10px;
    text-align: right;
}

#comments-experimental .comment .comment-header {
    font-size: 13px;
    margin: 5px auto 5px 10px;
}

#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }


textarea,select,input { font-family: Verdana, Arial, sans-serif; }