/*
Theme Name: Sample Theme
Theme URI: http://21seikisha.com/
Description: This is my sample theme.
*/

/*　コンテナ　*/
div#container {width: 1020px;
               margin: auto}

/* ヘッダー　*/
div#header {background-image: url(header.jpg);
            background-color: #a8d1ff;
            padding-top: 38px;
            padding-bottom: 50px
            }

div#header h1 {font-size: 40px;
               margin: 0 20px}

div#header h1 a {text-decoration: none;
                           color: #ffffcc}

div#header p {font-size: 14px;
              color: #660000;
 margin: 8px 20px 0}

/* 独立ページのメニュー　*/
#navigation {
	height:30px;background: url(yellow_nav.gif) no-repeat bottom;filter:Alpha(Opacity=85); opacity:0.85;width:1020px;margin:0 auto;
}
#menus li {
	float:left;	height:30px;text-align:center;line-height:30px;width:auto; padding:0 15px;background: url(yellow_nav_img.gif) no-repeat right top; list-style:none
}
#menus li a {
	display:block;color:#fff; text-decoration:none;line-height:30px;font-size: 14px
}
#menus li:hover {
	background:url(yellow_nav_hover.gif) no-repeat center top; height:30px; width:auto; color:#FFF !important; text-decoration:none !important;
}
#menus li.current_page_item{
	background:url(yellow_nav_hover.gif) no-repeat center top; height:30px; width:auto;
}


ul#pagemenu {list-style-type: none;
            margin: 0;
            padding: 0}
ul#pagemenu li {display: inline;
                padding-right: 0px}
ul#pagemenu li a {font-size: 12px;
                  color: #2b76cc;
                  text-decoration: none }

/*　メイン　*/
div#main {width: 820px;
          float: left}

 
/* コンテンツ　*/
div#content {width: 600px;
             float: right;
             margin-bottom: 20px}
p#pagetitle {font-size: 14px;
             font-weight: bold;
             color: #2b76cc;
             border: dotted 1px #2b76cc;
             text-align: center;
             padding: 10px 0;
             margin-top: 20px}


/* 記事　*/
div.post {border: solid 1px #66cc66;
          padding: 18px;
          margin: 20px auto}

div.post h2 {background-image: url(mark.png);
             background-repeat: no-repeat;
             font-size: 14px;
             border-bottom: solid 1px #8cc63f;
             padding-left: 22px;
             padding-bottom: 5px;
             margin: 0}

div.post h2 a {text-decoration: none;
              color: #000000}

div.post p {font-size: 12px;
            line-height: 1.6;
            margin-top 10px}

div.post ul {font-size: 12px;
            line-height: 1.6;
            margin-top 10px}

div.post table {font-size: 12px;
            line-height: 1.6;
            margin-top 10px}

p.postinfo {color: #2b76cc;
            text-align: right;
            margin: 20px 0 0}

p.postinfo a {color: #2b76cc}


/* ページリンク　*/
p.pagelink a {font-size: 12px;
              color: #2b76cc}

span.pageprev {float: left}

span.pagenext {float: right}   

/* サイドバー */

div#sidebar {width: 180px;
             float: left;
             margin-top: 20px;
             margin-bottom: 20px;
             border-left:1px solid #ccc;
             border-right:1px solid #ccc;
             border-bottom:1px solid #ccc}


div#sidebar h2, div#sidebar2 h2
               {border:1px solid #ccc;height:28px;color:#393300;font-weight:bold;line-height:28px;padding:0 10px;background-image: url(yellow_title_bg.jpg); text-decoration:none; font-size:14px;
}

div#sidebar li, div#sidebar2 li
               {font-size: 12px;
                list-style-type: none;
                margin-bottom: 4px;
                /*background-image: url(listmark.png);*/
                background-repeat: no-repeat;
                padding-left: 4px;
                vertical-align: top}
div#sidebar li a, div#sidebar2 li a
                {color: #000000;
                  }

div#sidebar ul, div#sidebar2 ul
               {margin: 2px 2px 2px;
                padding: 0}





/* サイドバー2 */
div#sidebar2 {width: 180px;
             float: right;
             margin-top: 20px;
             margin-bottom: 20px}
div#sidebar2 ul li li
             {font-size: 12px;
              background-image: url(listmark-small.png);
              background-position: 0 3px;
              padding-left: 12px}
div#sidebar2 ul ul
            {margin-left: 0}



/*　カレンダー　*/
/* Begin Calendar */

#wp-calendar {width:100%; margin:10px auto;
empty-cells: show;
background-color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
color:#000;
font-size: 12px;
}

#wp-calendar #next a {
padding-right: 1px;
text-align: right;
text-decoration: none;
background-color: #ffffff;
}

#wp-calendar #prev a {
padding-left: 1px;
text-align: left;
text-decoration: none;
background-color: #ffffff;
}

#wp-calendar a {
display: block;
color: #527434;
background-color: #FEFFF5;
}

#wp-calendar caption
              {background-image: url(yellow_title_bg.jpg);
               background-repeat: no-repeat;
               color: #000000;
               padding: 6px 8px;
               text-align: center}

#wp-calendar td {
padding: 2px 0;
text-align: center;
background-color: #ffffff;
}

#wp-calendar #today {
color: #A04444;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
background-color: #ffffff; }

/* End Calendar */
/*
#wp-calendar {width: 100%;
              margin-bottom: 20px;
              font-size: 12px}
#wp-calendar a {color:#2b76cc}
#wp-calendar td,#wp_calendar th {text-align: center}
#wp-calendar caption
              {background-image: url(yellow_title_bg.jpg);
               background-repeat: no-repeat;
               color: #000000;
               padding: 6px 8px;
               text-align: left}
#wp-calendar #prev {text-align: left;
                    padding-top: 3px;
                    padding-left: 3px}
#wp-calendar #next {text-align: right;
                    padding-top: 3px;
                    padding-right: 3px}
*/             

/*　テキストエリア　*/

div.textwidget {font-size: 12px;
            line-height: 1.6;
            margin-top 5px;
           padding: 8px;
          margin: 5px auto}

div.textwidget h2 {background-image: url(mark.png);
             background-repeat: no-repeat;
             font-size: 14px;
             border-bottom: solid 1px #8cc63f;
             padding-left: 22px;
             padding-bottom: 5px;
             margin: 0}

div.textwidget h2 a {text-decoration: none;
              color: #000000}

div.textwidget p {font-size: 12px;
            line-height: 1.6;
            margin-top 5px}

div.textwidget ul {font-size: 12px;
            line-height: 1.6;
            margin-top 10px}

div.textwidget table {font-size: 12px;
            line-height: 1.6;
            margin-top 10px}



/*　フッター　*/
div#footer {border-top: solid 3px #2b76cc;
            clear: both}

address {font-size: 12px;
         font-style: normal;
         font-family: Verdana,sans-serif}

address a {color: #000000}

/* 2段組み用の設定　*/
div#main2 div#content {width: 620px}

/* top背景用　*/
div#shintyaku { 	background-image: url(http://www.amaroukyo.com/wp-content/uploads/2010/04/top_bg.jpg); 	background-repeat: no-repeat; 	width: 550px; }