@charset "UTF-8";


/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #FFFFFF; /* ページの背景色 */
color: #505050; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
width: 1000px;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #505050; }
a:visited { color: #505050; }
a:hover { color: #000000; }
a:active { color: #000000; }

/* --- コンテナ --- */
#container {
width: 96%; /* ページの幅 */
/*margin: 0 auto;*/ /* センタリング */
margin: auto;
background-color: #ffffff; /* メインカラムの背景色 */
/*border-left: 1px #c0c0c0 solid;*/ /* 左の境界線 */
/*border-right: 1px #c0c0c0 solid;*/ /* 右の境界線 */
}
#containerInner {
/*width: 100%;*/
width: 960px;
}

/* --- ヘッダ --- */
#header-h1 {
}
#header-h1 h1{
    padding-left:10px;
	font-size:60%;
}
#header {
	background-color: #FFA500; /* ヘッダの背景色 */
}

#header-logo {
	/*height:70px;*/
	/*background: url(../image/logo.jpg) no-repeat;*/
	text-indent: -999em;  
}

#header a img {
    border: none;
}

/* --- メインカラム --- */
#content {
float: left;
width: 100%;
margin-right: -370px; /* サイドバー1 + サイドバー2の幅に合わせる（マイナス値） */
}
#contentInner {
margin-right: 370px; /* サイドバー1 + サイドバー2の幅に合わせる */
padding: 20px 0 0 0;
}

#pankuzu {
	margin-top:-15px;
	margin-bottom:5px;
	padding-left:10px;
	font-size:70%;
}

/* --- 記事 --- */
.article {
    padding-left:10px;
}

.title h3{
    /*background-color:#FFFFE0;*/
	font-size:110%;
	padding:10px;
	border-top:1px dotted #000000;
}
.title a{
	text-decoration:none;
}

.data {
	text-align:right;
    /*background-color:#FFFFE0;*/
	font-size:80%;
	padding:10px;
	border-bottom:1px dotted #000000;
}

.content {
	font-size:90%;
	padding:10px;
	border-bottom:1px dotted #000000;
}

.content blockquote {
	padding:10px;
	border:1px solid #000000;
}


.tags {
	text-align:right;
	font-size:80%;
	padding:10px;
}

.totop {
	text-align:right;
	font-size:70%;
}


.relation {
	font-size:90%;
	padding:10px;
	border-style:solid;
	border-width:1px;
	border-color:#EFEFEF;
	margin-bottom:10px;
    background-color:#FFFAF0;
}

.back {
    display:block;
	background: url(/image/back.gif) no-repeat;
    margin-top:-40px;
    height:93px;
    width:50px;
    float:left;
}

.new {
    display:block;
	background: url(/image/new.gif) no-repeat;
    margin-top:-40px;
    height:93px;
    width:50px;
    float:left;
}


.back-text {
    padding-top:10px;
    font-size: 16px;  
}


.relation ul{  
    color: #999;  
    font-size: 16px;  
}  
  
.relation ul li{  
}  
  
.relation ol li a{  
    font-style: normal;  
}  

.relation-more {
	font-size:80%;
	text-align:right;
}



/* ---広告 --- */
.ad-main {
	padding-left:10px;
	padding-bottom:20px;
    background-color:#EFEFEF;
}
.ad-main-content {
	font-size:80%;
	padding:10px;
}
.ad-main-content a{
	text-decoration:none;
}


.pager {
	padding-left:10px;
	padding-bottom:20px;
    font-size:100%;
	border-color:#EFEFEF;
    background-color:#FFFAF0;
}



/* --- ナビゲーション --- */
#nav {
float: left;
width: 180px; /* サイドバー1の幅 */
padding: 20px 0 40px 0;
margin-top:10px;
}

#about {
   padding:10px;
   font-size:80%;
   margin-bottom:10px;
}

#about-title {
    font-weight:bold;
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
    padding-top:5px;
    padding-bottom:5px;
	background-color: #EFEFEF;
}

#about-content{
    font-size:90%;
	list-style-type:none;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
}


#category {
   padding:10px;
   font-size:80%;
   margin-bottom:10px;
}

#category-title {
    font-weight:bold;
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
    padding-top:5px;
    padding-bottom:5px;
	background-color: #EFEFEF;
}

#work {
   padding:10px;
   font-size:80%;
   margin-bottom:10px;
}

#work-title {
    font-weight:bold;
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
    padding-top:5px;
    padding-bottom:5px;
	background-color: #EFEFEF;
}

#work-content {
   font-size:90%;
}

#suggest {
   padding:10px;
   font-size:80%;
   margin-bottom:10px;
}

#suggest img{
   border: 1px #000000 solid; /* 左の境界線 */
}

#suggest-title {
    font-weight:bold;
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
    padding-top:5px;
    padding-bottom:5px;
	background-color: #EFEFEF;
}


#suggest-content ul li{
    font-size:90%;
	list-style-type:none;
	margin-left:-30px;
	margin-bottom:5px;
	border-bottom:1px dotted #000000;
}

#suggest-content ul li a{
	text-decoration:none;
}


#ad-sidea {
   padding:10px;
   font-size:80%;
   margin-bottom:10px;
}

#ad-sidea-title {
    font-weight:bold;
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
    padding-top:5px;
    padding-bottom:5px;
}

#ad-sidea-content ul li{
    font-size:90%;
	list-style-type:none;
	margin-left:-30px;
	margin-bottom:5px;
	border-bottom:1px dotted #000000;
}

#ad-sidea-content ul li a{
	text-decoration:none;
}

#sanpo {
   padding:10px;
   font-size:80%;
   margin-bottom:10px;
}

#sanpo img {
   border: 1px #000000 dotted; /* 左の境界線 */
}


/* --- サブナビゲーション --- */
#aside {
float: left;
width: 180px; /* サイドバー2の幅 */
padding: 20px 0 40px 0;
margin-top:10px;
}

/* --- フッタ --- */
#footer {
	clear: left; /* フロートのクリア */
	width: 100%;
	text-align:right;
	font-size:80%;
	background-color: #FFA500; /* ヘッダの背景色 */
}

.bubble {
  position: relative;
  width: 360px;
}

.bubble .body {
  color: #ffffff;
  background-color: #66aa11;
}

.bubble .tail {
  border-top: 18px solid #66aa11;
  border-right: 24px solid transparent; 
  position: absolute;
  bottom: -18px;
  left: 36px;
  width: 0; 
  height: 0; 
}