/* 基本レイアウト */

html { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }


/* 見出し */

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


/* リンク色（ページ全体） */

a { color: #663300; text-decoration: underline; }
a:hover { color: #cc9999; }


/* リンク色（サイトタイトル） */

#banner a { color: #ff0000 text-decoration: none; }
#banner a:hover { color: #ff6699; }


/* リンク色（サイドメニュー） */

.module-content a { color: #cc0066; }
.module-content a:hover { color: #ff6699; }


/* 表示補助 */

.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; }
/* */


/* ページレイアウト */

body {
    min-width: 730px;
    text-align: center; /* center on ie */
    font-family: 'trebuchet ms', verdana, helvetica, arial, "MS Pゴシック","osaka", sans-serif;
    margin: 0px;
    padding: 0;
    font-size: 0.8em;
    color: #333;
    background: #ffcccc;
    line-height: 1.5;
}

#container
{
    position: relative;
    width: 730px;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}

#container-inner
{
    position: static;
    width: auto;
    border-width: 1px;
    border-style: solid;
    border-color: #666;
}


/* ヘッダー（レイアウト） */

#banner
{
position: relative;
width: 728px; /* necessary for ie win */
height: 180px;
background: url(img/header.jpg) no-repeat;
}


#banner-inner {
    position: static;
    height: 100%;
}

/* ヘッダー（サイトタイトル） */

#banner-header
{
    margin: 0;
    color: #f3c;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.25;
    position:absolute; top:100px; left:30px;
}

/* ヘッダー（検索ボックス） */

#banner-search
{
    position:absolute; bottom:5px; right:10px;
}


/* ヘッダーその他（変更不要） */

#banner-description
{
    display: none;
}


/* メインコンテンツ全体 基本レイアウト*/

#pagebody
{
    position: relative;
    width: 100%;
    text-align: center;
}

#pagebody-inner 
{
    position: static;
    width: 100%; 
    text-align: left; 
}


#alpha
{
    display: inline; /* ie win bugfix */
    position: relative;
    float: left;
    min-height: 1px;
}

#beta
{ 
   display: inline; /* ie win bugfix */
   position: relative;
   float: right;
   min-height: 1px;
}

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


/* メインコンテンツ基本レイアウト（記事部分） */

#alpha { 
    width: 528px; 
}
#alpha-inner { 
    padding: 10px;
}


/* メインコンテンツ基本レイアウト（サイドメニュー） */

#beta {
    width: 200px;
    background: #FFB6C1;
}

#beta-inner{ padding: 10px; }


/* 記事部分レイアウト */


/* 記事部分見出し */

.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: 5px 0;
    border-left: 5px solid #ffccff;
    padding: 3px 0 3px 8px;
    color: #fff;
    background: #cc9999;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.25;
    clear: both;
}

.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: #fff;
}


/* 記事部分コンテンツ */

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

.entry,
.trackbacks,
.comments,
.archive {
    position: static;
    overflow: hidden;
    clear: both;
    width: 100%;
    margin-bottom: 20px;
}

.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed,
.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
    clear: both;
}

.entry-body,.entry-more {
    margin: 10px 0;
}

.entry-more-link{ text-align: right; }

.comments-open-footer,
.archive-content {
    clear: both;
    margin: 5px 10px 20px 10px;
}

.comments-open label { display: block; }

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

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

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

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

.date-header {
    margin: 5px 0;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.entry-header {
    margin-top: 10px;
    border-left: 5px solid #ffccff;
    padding: 0 0 0 10px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
}
.entry-header a { text-decoration: none; }

.entry-content,
.comment-content,
.trackback-content {
    margin: 0;
    line-height: 1.5;
}

.entry-footer,
.comment-footer,
.trackback-footer {
    margin: 5px 10px 0 0;
    border-top: 1px dotted #ffccff;
    padding: 5px 0;
    color: #666;
    font-size: 10px;
    text-align: right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer {
    margin-left: 10px;
}

.content-nav
{
    background: #ffffff;
    margin: 5px 0;
    text-align: center;
}
.content-nav-bread
{
    position: relative;
    background: #ffffff;
    margin: 5px 0;
    text-align: left;
}

#trackbacks-info {
    margin: 10px 0;
    border: 1px dashed #cc9999;
    padding: 0 10px;
    color: #292e33;
    font-size: 11px;
    text-align: center;
    background: #FFB6C1;
}

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

.gotop { text-align: right;  clear: both;}

.img
{
    float: left;
    margin-right: 5px;
    text-align: center;
}



/* コンテンツ水平線部設定 */
hr {
	border-style: dotted none none none; 
	border-top-width: 1px; 
	border-top-color: #666666; 
	height: 1px; 
	clear:both;
	}



/* フッター */

#footer
{
    position: relative;
    width: 728px; 
    height: 58px;
    background: #ffb6c1;
}

#footer-inner
{
    line-height: 58px;
    font-size: 0.8em;
    text-align: center;
    color: #666;
}

#footer-inner a
{
    color: #666;
    text-decoration: none;
}

#footer-inner a:hover
{
    color: #fff;
    text-decoration: none;
}

.footer-navi
{ 
   width: 728px;
   background: #ffccff;
   font-size: 0.8em;
   text-align: center;
   line-height: 20px;
   clear: both;
}




/* サイドメニュー内部 */

.module-header {
    /* ie win (5, 5.5, 6) bugfix */
    p\osition: relative;
    width: 100%;
    w\idth: auto;
    border-left: 5px solid #ffccff;
    padding: 5px;
    color: #fff;
    background: #cc9999;
    line-height: 1.25;
    margin: 0px;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}

.module {
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding-bottom: 5px;
    background: #ffccff;

}

.module-content {
    position: relative;
    margin: 0;
    padding: 0;
}
.module-content p {
    padding: 0 5px;
}
.module-list
{
   margin: 0;
   padding: 0;
   list-style : none ;
}
.archive-list
{
   margin: 0;
   padding: 0;
   list-style: none;
}

.module-list-item a
{
    width: 178px; 
    background: #ffccff;
    text-indent: 15px;
    display: block;
    font-size: 0.8em;
    line-height: 1.25;
    margin: 0;
    padding: 5px 0;
    letter-spacing: 0.1em;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    text-decoration: none;
}


.module-list-item a:hover
{
   background-color: #ffccff;
   border-top: 1px solid #666;
   border-left: 1px solid #666;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   color: #666666;
}


/* その他 */

.entry-tags { margin: 15px 0; clear: both;}
.entry-tags ul {
    padding-left: 10px;
    margin:10px 0px; 
    list-style : disc;
}
.entry-tags li { float: left; padding-left: 15px; display: block; }

.mt-search-results .search-results-header {
    border: 2px solid #669;
    background-color: #ffccff;
    color: #eee;
    padding: 5px;
    margin: 0px; 
    font-size: 16px;
}
.mt-search-results .search-results-container { margin-left:10px; }
.mt-search-results form#search-form { width: 400px; margin: 0px auto 0px auto; }
.mt-search-results form#search-form input#search { width: 80%; }
.mt-search-results form#search-form p#search-options { text-align:center; }


.main-index .date-header { display: none; }

form textarea#comment-text { width:400px; }

.module-welcome p { font-size: 12px; }
.module-content p.first { margin-top: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;

    margin: 0;
    border-left: 10px solid #cc9999;
    padding: 5px;
    font-size: 16px;
    color: #666666;
    background: #ffccff;

}




.content {
	padding: 0px;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	}


.content h2 {
	font-size: 16px;
	margin: 0px 0px 15px 0px;
	padding:5px 5px;
	font-weight:bold;
	border-left: 15px solid #FF9933;
	border-bottom: 2px solid #FF9933;
	}

.content h3 {
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	padding:0px 5px;
	font-weight:bold;
	border-left: 15px solid #663300;
	}


.content h4 {
	font-size: 14px;
	margin: 20px 0px 10px 0px;
	padding:0px 5px;
	font-weight:bold;
	border-left: 5px solid #663300;
	}

.c1 {
	border-left: 2px solid #CCCCCC;
	margin:0px 0px 5px;
	padding-left:5px;
	}

.content dt {
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 10px solid #663300;
}

.content dd {
	margin: 0px;
	font-size: 12px;
	border-left: 2px solid #CCCCCC;
	padding-left: 5px;
}

.content p {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
	margin: 0px 0px 10px 0px;
	}

.content img {
	border:solid 1px #000000;
	}

.next img {
	border:0;
	}


.p1 {
	font-size: 12px;
	margin: 10px 10px 15px;
	line-height: 16px;
}
.p2 {
	font-size: 10px;
	line-height: 14px;
	margin: 10px 0px 0px;
	padding: 0px;
}
.p3 {
	font-size: 11px;
	color: #003366;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 20px;
}



.block1 {
	font-size: 12px;
	margin: 15px 0px;
	padding:10px 20px 5px;
	width: 486px;
	background: #F7F7EF;
	border: 1px solid #FF9933;
}

.block1 h3 {
	font-size: 14px;
	margin: 0px;
	color: #FFFFFF;
	padding:0px;
	width: 486px;
	background: #FF9933;
	border: 1px solid #FF9933;
}

.block1 ul {
	padding:0px 0px 10px 0px;
	margin: 10px 0px 0px 0px; 

}

.block1 li {
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
	background-color:#ffcc99
	clear:both;
}

.block1 li {
	background: url(../img2/arrow2.gif) no-repeat; 
}



#block2 {
	margin: 5px 0px;
	padding: 0px;
	width: 260px;
	float: left;
}

#block2 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}

#block2 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}

#block3 {
	margin: 5px 0px;
	padding: 0px 0px 0px 10px;
	width: 260px;
	float: left;
}
#block3 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}
#block3 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}

#block4 {
	margin: 5px 0px 15px;
	padding: 0px;
	width: 260px;
	float: left;
}

#block4 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}

#block4 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}

#block5 {
	margin: 5px 0px 15px;
	padding: 0px 0px 0px 10px;
	width: 260px;
	float: left;
}
#block5 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}
#block5 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}


#block6 {
	margin: 5px 0px 15px;
	padding: 0px;
	width: 260px;
	float: left;
}

#block6 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}

#block6 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}

#block7 {
	margin: 5px 0px 15px;
	padding: 0px 0px 0px 10px;
	width: 260px;
	float: left;
}
#block7 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}
#block7 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}


#block8 {
	margin: 5px 0px 15px;
	padding: 0px;
	width: 260px;
	float: left;
}

#block8 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}

#block8 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}

#block9 {
	margin: 5px 0px 15px;
	padding: 0px 0px 0px 10px;
	width: 260px;
	float: left;
}
#block9 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}
#block9 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}

#block10 {
	margin: 5px 0px 15px;
	padding: 0px;
	width: 260px;
	float: left;
}

#block10 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}

#block10 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}

#block11 {
	margin: 5px 0px 15px;
	padding: 0px 0px 0px 10px;
	width: 260px;
	float: left;
}
#block11 h3 {
	font-size: 14px;
	color: #666699;
	background: #F7F7EF;
	margin: 0px 0px 5px;
	padding: 2px 5px;
	border-bottom: 1px dotted #666699;
	border-left: 6px solid #666699;
}
#block11 img {
	margin: 0px;
	float: left;
	padding: 10px 10px 10px 0px;
	border:0;
}




