@charset "UTF-8";


*{
	margin: 0 auto;
	padding: 0 auto;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
}


.clear{
	clear: both;
} 


a {
	text-decoration: none;
}


a:link{
	color: #3366cc;
}


a:visited{
	color: #3366cc;
}


a:hover{
	color: #3366cc;
}


a:active{
	color: #3366cc;
}


body{
	background-color: #f0f0f0;
}


option{
width: 200px;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* 全体 */
/* ---------------------------------------------------------------------------------------------------------- */
#box{
	width: 1180px;
	background-color: #fff;
}


#mainbox{
	width: 1170px;
}


#left{
	width: 270px;
	margin-right: 18px;
	float: left;
}


#right{
	width: 880px;
	float: right;
}


#footer{
	width: 1170px;
	margin-bottom: 10px;
	padding-top: 20px;
	border-top: solid 2px #999;
	text-align: center;
	}



/* ---------------------------------------------------------------------------------------------------------- */
/* RSS */
/* ---------------------------------------------------------------------------------------------------------- */


#rss_title{
	width: 874px;
	margin-top: 15px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-color: #336666;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
}


#rss{
	width: 870px;
	margin-bottom: 20px;
	border: solid 2px #336666;
	height: 300px;
	overflow: auto;
}


#rss_left{
	width: 430px;
	border-right: solid 1px #ccc;
	vertical-align: top;
}


#rss_right{
	width: 430px;
	vertical-align: top;
}



/* ---------------------------------------------------------------------------------------------------------- */
/* メインコンテンツ */
/* ---------------------------------------------------------------------------------------------------------- */

.text_box{
	width: 850px;
	padding: 10px;
	margin-bottom: 20px;
	border: solid 2px #336666;
	border-radius: 9px;
	background-color: #fff8ff;
}


/* タイトル全体 */
.title_table{
width: 826px;
margin-bottom: 15px;
margin-top: 5px;
border-left: solid 4px #006699;
}


.title_table table{
border-collapse:collapse;
}


/* タイトル */
.title{
width: 470px;
padding-left: 10px;
padding-right 10px;
font-size: 10px;
font-weighi: bold;
}


/* アイコン */
.time_img{
width: 32px;
padding-left: 3px;
border-left: solid 1px #ccc;
}


/* 日付・コメント・カテゴリ */
.time{
width: 300px;
}



/* 本文 */
.text{
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	color: #333;
}



/* 続きを読む */
.next a{
width: 80%;
padding: 7px 0px 7px 0px;
margin: 20px 0px 10px 0px;
margin-left: 9%;
text-align: center;
border: solid 2px #006699;
font-weight: bold;
display: block;
}



/* 次のページ */
#nextpage{
	width: 850px;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	background-color: #fff8ff;
	border: solid 2px #336666;
	border-radius: 9px;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* 個別ページ */
/* ---------------------------------------------------------------------------------------------------------- */
/* タイトル */
.title_page{
	width: 830px;
margin-bottom: 20px;
	padding-left: 20px;
	background-color: #cccc99;
	font-size: 20px;
	font-weighi: bold;
color: #333;
	border: solid 2px #336666;
	border-radius: 9px;
}


/* ソーシャルボタン */
#social{
	padding: 6px 0px 5px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}


/* 日付・カテゴリ */
.time_page{
	width: 830px;
	padding: 8px 0px 8px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #cccc99;
	font-weight: bold;
	color: #333;
	border-radius: 9px;
}


.time_page a:link{
	color: #333;
}


.time_page a:visited{
	color: #333;
}


.time_page a:hover{
	color: #333;
}


.time_page a:active{
	color: #333;
}


/* ■コメント全体 */
#comment{
	width: 850px;
	padding: 10px;
	margin-bottom: 20px;
	border: solid 2px #336666;
	border-radius: 9px;
	background-color: #fff8ff;
}


/* ■コメントリスト */
/* タイトル */
#comment_title{
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
}


/* 名前欄 */
.comment_name{
}


/* 名前 */
.comment_name_name{
color: #006600;
}


/* 本文 */
.comment_text{
padding-top: 5px;
padding-left: 10px;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: dotted 1px #999;
}




/* ■コメントフォーム */
#comment-form{
}




/* ---------------------------------------------------------------------------------------------------------- */
/* カテゴリーアーカイブ */
/* ---------------------------------------------------------------------------------------------------------- */
#category_title{
margin-bottom: 20px;
font-size: 20px;
font-weight: bold;
text-align: center;
}


/* ---------------------------------------------------------------------------------------------------------- */
/* サイドバー */
/* ---------------------------------------------------------------------------------------------------------- */

/* SSList */
#sslist{
	text-align: center;
}


#sslist td{
	height: 98px;
	border: solid 2px #ccc;
}



/* サイドバーの枠 */
.sidetitlebody{
	width: 260px;
	margin: 10px 0px 10px 0px;
	padding: 5px 0px 5px 0px;
	text-align:center;
	background-color: #336666;
	color: #fff;
	font-weight: bold;
	border: solid 1px;
	border-radius: 9px;
}


/* サイドバー本文 */
.side{
	padding-left: 10px;
	padding-right: 10px;
}


/* サイドバー下線 */
.sidebody{
	border-bottom: dotted 1px #ccc;
	padding: 4px 0px 4px 10px;
}

/* ---------------------------------------------------------------------------------------------------------- */
/* ad　広告 */
/* ---------------------------------------------------------------------------------------------------------- */
.imoba{
margin-bottom: 20px;
text-align: center;
}


/* 追記バー */
.fixed{
	position: fixed;
	top: 20px;
}


.ad{
text-align: center;
}


/* 追跡サイドバーの横幅 */
#koteibox{
width: 240px;
margin-top: 10px;
}





/* ----------------------------------------------- */
/*

      BlogRoll css 2

*/
/* ----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    margin-bottom: 15px;
    padding: 10px;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
padding-top: 3px;
padding-bottom: 3px;
border-bottom: dotted 1px #ccc;
width: 400px;
white-space: nowrap;
overflow: hidden;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 12px;
}

