@charset "utf-8";
/*
Theme Name: Asuka
Theme URI: http://www.dosanite.co.jp
Description: Coded by Konishi , Produced by dosanite.
*/

/*
 * Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * version: 2.5.2
 * */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
 * px%
 * 10   77
 * 11   85
 * 12   93 (was 93)
 * 13   100
 * 14   108 (was 107)
 * 15   116 (was 114)
 * 16   123.1 (was 122)
 * 17   131 (was 129)
 * 18   138.5 (was 136)
 * 19   146.5 (was 144)
 * 20   153.9 (was 152)
 * 21   161.6 (was 159)
 * 22   167
 * 23   174
 * 24   182
 * 25   189
 * 26   197 
 * */


/*
 *  * YUI reset.css
 *   * arranged by Akn in sohosai.
 *    */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
}
table {
        border-collapse:collapse;
        border-spacing:0;
}
fieldset,img { 
        border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
        font-style:normal;
        font-weight:normal;
}
caption,th {
        text-align:left;
}
h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
}
q:before,q:after {
        content:'';
}
abbr,acronym {
        border:0;
}

/*
*
* ここから！
*
*/
* html ,
* html body ,
* html #wrapper {
    _height: 100%;
}

body {
    background:url(./img/background.png) repeat-x;
}

div#wrapper {
    margin: 0 auto;
    width:805px;
}

div#contents {
    border: 1px solid #000000;
    background-color: #FFFFFF;
    margin: 0 auto;
    width:805px;
    float:left;
}

div#sidebar {
    width:130px;
    position: fixed;
    padding-top: 9999px;
    padding-bottom: 10px;
    bottom: 0;
    right: 50%;
    margin-right: -550px;
    /* for IE 6 */
    _height: 100%;
    _padding: 0;	
}

div#sidebar li {
    list-style:none;
    padding-top: 10px;
}

div#sidebar a {
    display:block;
    font-size:116%;
    text-decoration:none;
    height:20px;
    line-height:20px;
    color:#310204;
}

div#sidebar a:hover {
    
    background-color: #d2d3d5;
}

div#header {
    padding:40px 0 0 25px;
    background:url(./img/banner-bg.png) no-repeat;
    height:120px;
}

div#header h1 {
  float: left;
  width: 500px;
}

div#header p {
    padding-top: 10px;
    float:right;
    width: 250px;
}

div#main {
    width:600px;
    float:right;
}

div#articles {
    background-color:#FFFFFF;
    width:600px;
}

div#widgetWrapper {
	padding-bottom: 3em;
    border: 1px solid #000000;
    border-left: 0;
    border-bottom: 0;
    width:200px;
    float:left;
}
div#widgetWrapper a {
	text-decoration: none;
	color: #006600;
}
div#widgetWrapper a:hover {
	text-decoration: underline;
}
div#widgetWrapper .widget {
	margin: 0 8px 16px;
}

div#widgetWrapper .widget .header{
    margin-bottom:4px;
    padding-left: 15px;
    text-decoration:none;
    color:#311714;
    font-size:116%;
    background:url(./img/widget-catitem-bg1.png) no-repeat;
    line-height:32px;
    height:32px;
    display:block;
}

div#widgetWrapper .widget.first .header{
    background:url(./img/widget-catitem-bg1-first.png) no-repeat;
    height:50px;
    line-height:40px;
}

div#widgetWrapper ul {
	margin-top: 10px;
}

div#widgetWrapper li {
    padding-left: 0;
    list-style: none;
}

div#widgetWrapper li a{
    text-decoration:none;
    display: block;
    padding-left: 30px;
    line-height:26px;
    color:#311714;
    height:28px;
}

div#widgetWrapper li a:hover {
    background:url(./img/widget-catitem-bg2-hover.png) no-repeat;
}
div#widgetWrapper #recentcomments .recentcomments a ,
div#widgetWrapper #recentcomments .recentcomments a:hover {
	background: none;
}

div#widgetWrapper #wp-calendar {
	margin-left: 14px;
	margin-bottom: 1em;
}
div#widgetWrapper #wp-calendar th {
	padding: 0 4px;
	font-size: 108%;
}
#searchform {
	margin-left: 4px;
}
#searchform #s {
	width: 160px;
}
div#menu {
    height:37px;
}

div#menu li {
    list-style:none;
    float:left;
}

div#menu a {
    font-size:100%;
    color:#231815;
    text-decoration:none;
    background:url(./img/directLink-bg.png) no-repeat;
    padding: 3px 0 0 3px;
    width:96px;
    height:34px;
    display:block;
}

div#menu a:hover {
    background-image:url(./img/directLink-bg-hover.png);
}

div#home_menu {
    margin-top: 22px;
    height: 150px;
}

div#home_menu li {
    width: 196px;
    height: 72px;
    padding: 1px;
    background:url(./img/directLink-home-bg.png) no-repeat;
    list-style:none;
    float:left;
}

div#home_menu li.first {
    margin-top: -21px;
    background:url(./img/directLink-home-bg-first.png) no-repeat;
    padding-top: 21px;
}

div#home_menu li a {
    font-size: 100%;
    display:block;
    text-decoration: none;
    padding:5px 0 0px 20px;
}

div#home_menu .desc {
    padding-left:20px;
    font-size: 60%;
}

div#articles a {
    text-decoration: none;
    color:#000000;
}

div#news {
    background: url(./img/eyecatch.png) no-repeat;
    padding-top: 230px;
    padding-left: 300px;
    height: 155px;
}

div#news h2 {
    font-size:116%;
    padding-bottom:5px;
}

div#news dt ,
div#news dd {
    font-size:116%;
}

div#news dl {
	margin-left: 6.4em;
}
div#news dt {
	float: left;
	width: 5.5em;
	margin-left: -5.5em;
}
div#news dd a:hover {
	color: #666;
}

/*
*
* 本文関係なCSS
*
*/
.entry p.postmeta {
    padding-top: 15px;
}

.entry {
    padding: 20px 0 0 20px;
}
.entry .header {
    height: 30px;
    background:url(./img/entry-bg-top.png) no-repeat;
}

.entry .article {
    background:url(./img/entry-bg-middle.png) repeat-y;
    padding: 0 60px 0 30px;
}

.entry .footer {
    height: 30px;
    background:url(./img/entry-bg-bottom.png) no-repeat left bottom;
    margin-bottom: 30px;
}

.article h2 {
    padding-bottom: 40px;
    font-size: 138.5%;
}

.article .float_l {
    float: left;
    margin: 0 5px 10px;
}

.article .clear {
    clear:both;
}

.article dt{
    margin-top:20px;
}

.article dd{
    margin-left:20px;
}
.article #comments {
	margin: 1em 0 .5em;
	font-size: 123.1%;
	border-bottom: 1px solid;
}
.article #interactive .comment-post {
	margin-bottom: 1em;
	padding-bottom: .2em;
	border-bottom: 1px solid ;
}
.article #interactive .comment-post-info {
	margin-top: .5em;
	margin-left: 2px;
	padding-left: 5px ;
	border-left: 3px solid;
}
.article #comment {
	width: 500px;
}