/*
Theme Name: Sample Theme
Theme URI: http://kuni-hiro.com/
Description: This is my sample theme.
*/

a:hover	{color: #88aaff}

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

/* ヘッダー */
div#header  {
        background-image: url(images/header.jpg);
	background-color: #a8d1ff;
	background-repeat: no-repeat;
	width: 760px;
        height: 70px

/*        padding-top: 38px; 
        padding-bottom: 100px */
}

div#header h1  {
	font-size: 1.875em;
/*        margin: 0 60px  */
}

div#header h1 a {
        text-indent: -9999px;
        display: block;
        width: 250px;
        height: 70px;
        overflow: hidden;
	text-decoration: none;
        color: #2b76cc
}

div#header p {
	font-size: 0.75em;
        text-indent: -9999px;
        display: block;
        overflow: hidden;

/*        margin: 0px 300px 0 */ 
}


/* 独立ページの記事 */
div.post2 {
	border: solid 1px #2b76cc;
        padding: 18px;
        margin: 20px auto
}

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

div.post2 p {
	font-size: 0.75em;
        line-height: 1.6;
        margin-top: 10px
}

/* 独立ページのメニュー */
ul#pagemenu {
	list-style-type: none;
        margin: 0;
        padding: 0;
        border-bottom: solid 1px #A8D1FF;
        height: 1.5em
}

ul#pagemenu li {
/*	display: inline; */
        float: left;
        width: 120px;
        text-align: center;
        border-right: solid 1px #A8D1FF;
        line-height: 1.5em
}

ul#pagemenu li a {
        display: block;
	font-size: 0.75em;
        width: 120px;
        color: #0033cc;
        text-decoration: none
}

ul#pagemenu li.current_page_item a {
        display: block;
        width: 120px;
        font-weight: bold;
        color: #FF6600;
/*　　　　background-color: #eeeeee;*/
	background-image: url(images/naviback.jpg);
        background-repeat: no-repeat;

}

ul#pagemenu li a:hover {
	color: #ff0000;
        text-decoration: underline;
/*        background-color: #eeeeee;*/
	background-image: url(images/naviback.jpg);
        background-repeat: no-repeat;
}

/* パンくずリスト */
div#breadcrumbs {
	font-size: 0.75em;
        margin-top: 10px;
}

/* コンテンツ */
div#content {
	width: 515px;
        float: left;
        margin-bottom: 20px
}

p#pagetitle {
	font-size: 0.875em;
        font-weight: bold;
        color: #2b76cc;
        border: dotted 1px #2b76cc;
        text-align: center;
        padding: 10px 0;
        margin-top: 20px
}
div#content ul li {
        list-style-type: none;
        margin-top: 10px;
}

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

div.post h2 {
        background-image: url(images/square0202.gif);
        background-repeat: no-repeat;
	font-size: 0.875em;
        border-bottom: solid 1px #8cc67f;
        padding-left: 22px;
        padding-bottom: 5px;
        margin: 0
}

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

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

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

p.postinfo a {
	color: #2b76cc
}

/* 記事内の画像 */
.aligncenter {
	display: block;
        margin-left: auto;
        margin-right: auto
}

div.post img {
	border: none
}

.alignleft {
	float: left;
        margin-right: 10px;
        margin-bottom: 2px
}

.alignright {
	float: right;
        margin-left: 10px;
        margin-bottom: 2px
}

.wp-caption {
	border: solid 1px #cccccc;
        background-color: #eeeeee;
        text-align: center;
        padding-top: 5px;
        margin-top: 10px
}
/* ページリンク */
p.pagelink a {
	font-size: 0.75em;
        color: #2b76cc
}

span.pageprev {
	float: left
}

span.pagenext {
	float: right
}

/* コメント */
#comments {
	clear: both
}

div#com {
        border: solid 1px #2b76cc;
        padding: 0 18px;
        margin-top: 45px 
}

textarea {
	width: 360px
}

div#com h3 {
	font-size: 0.875em;
        border-bottom: solid 1px #2b76cc;
        padding-bottom: 3px;
        margin-top: 20px
}

div#com p {
	font-size: 0.75em
}

div.compost {
	border-bottom: dotted 1px #2b76cc
}

p.cominfo {
	text-align: right
}

div#com a {
	color: #2b76cc
}

p#comfeed img {
	vertical-align: -15%
}

p#comfeed a {
        color: black;
	text-decoration: none
}

p#comfeed {
	background-color: #a8d1ff;
        padding: 8px;
        margin-top: 30px
}
p#trurl {
	background-color: #a8d1ff;
        padding: 8px;
        margin-bottom: 30px
}

/* トラックバック */
div#tr {
        border: solid 1px #2b76cc;
        padding: 0 18px;
        margin-top: 45px 
}

div#tr h3 {
	font-size: 0.875em;
        border-bottom: solid 1px #2b76cc;
        padding-bottom: 3px;
        margin-top: 20px
}

div#tr p {
	font-size: 0.75em
}

div#tr a {
	color: #2b76cc
}

/* 関連記事 */

div#rel h3 {
        background-image: url(images/circle0102.gif);
        background-repeat: no-repeat;
	font-size: 0.80em;
        color: #666666;
        padding-bottom: 3px;
        padding-left: 16px;
        vertical-align: top
        margin-top: 20px
}

div#rel ul {
	font-size: 0.75em;
        list-style-type: none;
        color: #666666;
        padding-left: 12px;
        vertical-align: top;
        margin-bottom: 3px;
}

div#rel ul a {
        color: #666666;
        text-decoration: none
}

div#rel li {
/*	font-size: 0.75em;*/
        list-style-type: none;
        color: #666666;
        padding-left: 12px;
        vertical-align: top;
        margin-bottom: 3px;
        background-image: url(images/triangle0412.gif);
        background-repeat: no-repeat;
}

div#rel li a {
        color: #666666;
        text-decoration: none
}

/* サイドバー */
div#sidebar {
        width: 220px;
        float: right;
        margin-top: 20px;
        margin-bottom: 20px
}

div#sidebar h2 {
	background-image: url(images/menubar.jpg);
        background-repeat: no-repeat;
        font-size: 0.75em;
        color: #666666;
        padding: 6px 10px;
        margin: 0
}

div#sidebar li {
	font-size: 0.75em;
        list-style-type: none;
        margin-bottom: 6px;
        background-image: url(images/circle0102.gif);
        background-repeat: no-repeat;
        padding-left: 16px;
        vertical-align: top
}

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

div#sidebar li a:hover {
	color: #ff0000;
        text-decoration: underline
}

div#sidebar dl dt {
	margin: 8px 8px 20px;
        padding: 0
}

div#sidebar dl dt {
	font-size: 0.75em;
        list-style-type: none;
        margin-bottom: 6px;
        background-image: url(images/circle0102.gif);
        background-repeat: no-repeat;
        padding-left: 16px;
        vertical-align: top
}

div#sidebar dl dt a {
	color: #000000;
        text-decoration: none
}
div#sidebar dl dd  {
	font-size: 0.75em;
        list-style-type: none;
        margin-bottom: 6px;
        background-image: url(images/triangle0412.gif);
        background-repeat: no-repeat;
        padding-left: 16px;
        vertical-align: top
}

div#sidebar dl dd a {
	color: #000000;
        text-decoration: none
}


div#sidebar ul {
	margin: 8px 8px 20px;
        padding: 0
}


/* カレンダー */

#wp-calendar {
	width: 100%;
        margin-bottom: 20px;
        font-size: 0.75em
}

#wp-calendar a {
	color: #2b76cc
}

#wp-calendar td, #wp-calendar th {
	text-align: center
}

#wp-calendar caption {
	background-image: url(images/menubar.jpg);
        background-repeat: no-repeat;
        color: 666666;
        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-left: 3px
}

/* フィード */
p.feed {
	font-size: 0.75em;
        font-family: Verdana, Helvetica, san-serif;
        border: solid 1px #8cc63f;
        padding: 5px;
        margin: 25px 0
}

p.feed a {
	color: #444444;
        text-decoration: none;
}

p.feed img {
        vertical-align: middle;
        margin-right: 8px;
        border-style: none;
}

/* タグクラウド */
p#tagcluod {
	line-height: 1.2;
        margin-top: 10px
}

/* 検索フォーム */
input#s {
	width: 140px;
        margin-bottom: 5px
}

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

address {
	font-size: 0.75em;
        font-style: normal;
        font-family: Verdana, san-serif
}

address a {
	color: #000000
}

/* ２段組用の設定 */
div#main2 div#content {
	width: 590px
}

/* １段組用の設定 */
div#main1 div#content {
	width: 760px
}

div#main1 div.post2 {
	padding-left: 140px;
        padding-right: 140px
}


/* mootab */
.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
/*	height: 24px;*/
}

.mootabs_title li {
	float: left;
	background-color: #DDEEFF;
	padding: 2px 8px 0px 15px;
	font-size: 0.8em;
	color: #0066FF;
	font-weight: bold;
	margin-right: 2px;
	line-height: 2;
	cursor: pointer;
/*	height: 1.5em; */
        border: solid 1px #0066cc
}

.mootabs_title li.active {
	background-color: #0066CC;
        padding-left: 15px;
	color: #ffffff;
	font-weight: bold;
}

.mootabs_panel {
        padding-left: 20px;
	display: none;
	background-color: #0066CC;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	overflow: auto;
}

.mootabs_panel.active {
	background-color: #ffffff;
	display: block;
        width: 460px;
        border: solid 1px #0066cc
}

.mootabs_panel h3 {
        display: block;
        width: 420px;
        height: 20px;
        padding: 5px 2px 2px 5px;
	font-size: 0.9em;
	color: #ffffff;
        background-color: #0066cc;
}

.mootabs_panel li {
        background-image: url(images/arrow0413.gif);
        background-repeat: no-repeat;
        padding-left: 15px;
        vertical-align: top;
        list-style-type: none;
	font-size: 0.75em;
        margin-bottom: 0.8em;

/*        background-image: url(images/arrow0613.gif);
        background-repeat: no-repeat;*/
}

.mootabs_panel dt {
        background-image: url(images/arrow0404.gif);
        background-repeat: no-repeat;
        padding-left: 15px;
        vertical-align: top;
	font-size: 0.75em;
	font-weight: bold;
        margin-bottom: 0.3em;
}

/*.mootabs_panel dt a {
	font-size: 0.75em;
	font-weight: bold;
        margin-bottom: 0.3em;
}*/

.mootabs_panel dd {
	font-size: 0.75em;
        margin-bottom: 0.65em;
}

/* twitter */
div#twitter {
	width: 176px;
        text-align: center
}

div#twitter a {
	font-size: 10px; 
        color: #0066FF;
        text-decoration: none
}