/*@import url('diary/layout.css');*/
/*@import url('diary/decorate.css');*/
/*@import url('diary/table.css');*/


* {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
body {
	/*font-family: "ＭＳ ＰＲゴシック", Arial, sans-serif;*/
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	text-align: center;
	font-size: 0.8em;
}



/*------------
      box
------------*/
#box {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	word-break: break-all;
	text-align: left;
	color: #000;
}
/*------------
     menu
------------*/
#menu {
	padding: 5px 0px 0px 0px;/* margiの指定が有効にならない。なんでだ？ */
}
#menu a, #menu a:link, #menu a:visited, #menu a:hover {
	text-decoration: none;
}
/*   ページ最上部 ナビゲーションメニュー 追加：2009-11-01
------------------------------------------------------------*/
.nav li {
	display: inline;
	list-style-type: none;
	padding: 5px;
}
/*---------------
   header-box
----------------*/
#header-box {
	width: 800px;
	height: 60px;
	margin: 5px 0px 0px 0px;
}
#header-box-title {/* サイトロゴ */
	padding: 0px;/* 幅を固定してpadding指定するとOPERAで表示すると、ふくらんでしまう。 */
	float: left;
	color: #525252;
	font-size: 1.5em;
	font-weight: bold;
}
#header-box-body {
	padding: 0px 0px;
	float: right;
	width: 600px;
}
/* Google検索窓
------------------*/
#google-search {
	text-align: right;/* floatで右に回り込ませる事ができなかったのでtext-alignを使用した。 */
}
#date {
	text-align: right;
	margin: 12px 0px 0px 0px;
}
/*-----------------
     header-menu
-------------------*/
#header-menu {
	padding: 2px 5px 2px 5px;
	width: 790px;
	float: left;
	background-color: #E8F4F7;
	border-top: 1px #3399CC solid;
}
/*---------------
     contents
----------------*/
#contents {
	width: 800px;
	clear: both;/* #header-menuのfloatを解除 */
}
#contents-body-column1 {/* １カラム用のスタイル */
	margin-top: 0px;
	padding-top: 5px;
	width: 800px;
}
/*-------------------
     contents-body
---------------------*/
#contents-body {
	margin-top: 2px;
	margin-left: 2px;
	width: 588px;/*525px*/
	float: left;
}
/*   text
------------*/
#text p {
	font-size: 1.2em;
	padding: 5px 15px 8px 15px;
	line-height: 1.8em;
}
#text ul {
	margin: 10px 0px 10px 0px;
}
#text ol {
	margin: 10px 3px;
}
#text li {
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0px 5px 0px 35px;
	padding: 2px 2px 1px 2px;
}
#text dl {
	margin-left: 15px;
	font-size: 1.1em;
}
#text dt {
	font-weight: bold;
}
#text dd {
	padding: 3px;
	/*background-color: #FFFFDF;*/
	margin: 0px 10px 15px 0px;
}
#text u {
	border-bottom: 1px #FF0000 solid;
	text-decoration: none;
}
#text .date {
	text-align: right;
}
#text .ptop {
	font-size: 11px;
	text-align: right;
}
a .ptop {
	font-size: 11px;
}
/*   ページ概要
------------------ */
.tyumoku {
	margin: 10px 20px;
	padding: 5px;
	background-color: #FFC;
}
/*------------------------------
     ブログ紹介タブメニュー
------------------------------*/
.menu-top-body {
	margin: 0px 5px;
	padding: 5px 0px 3px 0px;
	border: 1px solid #CCC;
}
.menu-top-images-left {
	float: left;
	margin: 0px 5px 5px 0px;
	padding:2px 2px 2px 2px;
}
/* トップページ用 ２カラム・１カラム共有。
共有しないで別々にした方がいいかもしれないが、しかし・・・。
--------------------------------------------*/
#menu-top {
	display: table;
	width: 510px;
	position: relative;
	z-index: 2;
	bottom: -1px;
	margin: auto 10px;/*margi 左右を10pxにするとindexのレイアウトが崩れる。2009-02-02*/
}
#menu-top span {
	border-top: 1px #CCC solid;
	border-left: 1px #CCC solid;
	border-right: 1px #CCC solid;
	margin: 2px 0px 0px 2px;
	display: table;
	float: left;
	font-size: 12px;
	background-image: url(images/tab-1.jpg);
}
#menu-top span a, #menu-top span a:link, #menu-top span a:hover, #menu-top span a:visited {
	/*border-style: solid;*/
	border-color: #4F81BD;
	border-width: 1px 0px 0px 1px;
	padding: 2px;
	/*background: #4F81BD none repeat scroll 0%;*/
	font-family: arial, sans-serif;
	display: block;
	line-height: normal;
	color: #666;
	text-decoration: none;
	text-align: center;
	width: 60px;
}
#menu-top strong span {
	border-bottom: 1px solid #F0F8FF;
}
#menu-top strong span a, #menu-top strong a:link, #menu-top strong a:hover, #menu-top strong span a:visited {
	border-style: solid;
	border-color: #ffffff;
	border-width: 1px 0px 0px 1px;
	/*background: #F0F8FF none repeat scroll 0%;*/
	background-image: url(images/tab-2.jpg);
	line-height: normal;
	color: #4F81BD;
	font-weight: normal;
}
/*   ページ行先
------------------ */
#annai {
	margin: 30px 10px 10px 10px;
	text-align: center;
}
#annai span {
	padding: 5px 5px;
	font-size: 14px;
}
.here {
	border: #CCC 1px solid;
	color: #000;
	background-color: #EBEBEB;
}
/*#annai a, #annai a:link, #annai a:visited, #annai a:hover{
	text-decoration: none;
	color: #000;
}*/


/*   link-out　関連記事
--------------------------*/
#link-out-title {
	font-weight: bold;
	margin: 2px 2px 2px 15px;
}
/*   トラックバック
----------------------*/
#tbstyle {
	line-height: 1.5em;
	text-align: right;
}
#tburl p {
	margin-bottom: 10px;
}
#tburl pre {
	margin: 10px 0px 5px 40px;
}
dell {
	text-decoration: line-through;
}
ins {
	text-decoration: none;
}
/*   見出し・段落・強調・引用など
------------------------------------ */
h1, h2, h3, h4, h5 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
h1 {
	font-size: 1.4em;
	line-height: 1.5em;
	/*border-left:5px solid #000;*/
	border-bottom:1px solid #000;
	padding: 2px 5px 3px 5px;
	margin: 5px 5px 0px 10px;
}
/*   h1を2行にする時に使用するスタイル(h1以外でも使用可能)
------------------------------------------------------------- */
.h1-span {
	font-size: 0.7em;
}
h2 {
	color: #000;
	border: 1px solid #CCC;
	font-weight: normal;
	text-align: center;
}
h3 {
	border-bottom: 1px solid #CCC;
}
h4 {
	border-bottom:2px dotted #CCC;
}
h2, h3, h4, h5 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 10px 5px 0px 10px;
	padding: 10px 10px 10px 15px;
}
h3, h4, h5 {
	font-weight: normal;
}
pre {
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size: inherit;
	line-height: 1.5em;
	font-size: 14px;
	background-color: #CFF;
	margin: 10px 20px;
	padding: 10px 10px;
	border: 2px dotted #09F;
	overflow: auto;
}
blockquote {
	line-height: 1.5em;
	background-color: #f5f5f5;
	margin: 10px 20px;
	border: 2px dotted silver;
	clear: both;
}
br.claer {
	clear: both;
}
/*   文字色装飾
----------------------*/
#text .colred {
	color: #FF0000;
	font-weight: bold;
}
#text .col-green {
	color: green;
	font-weight: bold;
}
#text .blue {
	color: blue;
	font-weight: bold;
}
#text .text-small {
	font-size: small;
}
.text-big {
	font-size: x-large;
}
/*ブログ比較の機能アイコンスタイル
-------------------------------------*/
.url {
	font-size: x-small;
	margin-left: 5px;/*margin-left: 40px;*/
}
/*   広告スタイル
--------------------*/
.ads-top, .ads-bottom {
	padding: 10px 20px;
}
#tbstyle {
	margin: 10px 25px 10px 25px;
}
/*------------------------
     contents-left-menu
--------------------------*/
#contents-left-menu {
	margin: 2px 2px 0px 0px;
	width: 200px;/*190 250*/
	float: right;
	text-align: left;
	line-height: 1.5;
}
#contents-left-menu li {
	line-height: 1.25;
	margin-left: 20px;
	padding: 3px 0px 3px 0px;
}
.clm {
	font-weight: bold;
	background-color: #E8F4F7;
	padding: 3px 2px 2px 5px;
	margin-top: 10px;
}
.webbot {
	padding: 3px 0px 3px 0px;
	border: 0px #525252 solid;
}
.recent-entry {
	padding: 3px;
	border: 0px #525252 solid;
	height: 150px;
	overflow: auto;/*自動的にスクロールバーを表示*/
}
.category {
	padding: 3px;
	border: 0px #525252 solid;
}
div.recent-entry a {
	display: block;
}
/*    ブックマークアイコン
-----------------------------*/
#bookmark {
	text-align: right;
	margin-right: 30px;
}
/*------------
     footer
--------------*/

#footer {
	line-height: 1.5em;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
	clear: both;
}
#footer-menu {
	padding: 5px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
}
/*--------------
     リンク
--------------*/
a.title {
	text-decoration: none;
}
a:link {
	color: #00F;
	text-decoration: underline;
}
a:visited {
	color: #800040;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;/*font-size: 1.1em;*/
}
.webbot a {/*2011/09/10 無効にした。リストに画像を挿入すると改行されてしまうので*/
/*display: block;*/
}
.ads-side {/* ページ下部に表示する広告ブロックのスタイル */
	text-align: center;
	margin-bottom: 3px;
}
/*----------------------------------------
     目次スタイル（hpseo_entry.html）
--------------------------------------- */
#pege-list-title {
	font-weight: bold;
	padding: 3px 3px 3px 15px;
}
#pege-list {
	margin: 3px 15px 15px 15px;
	border: 1px #c0c0c0 solid;
}
/*--------------------------------
     2段組み 左(画像)右(説明)
--------------------------------*/
div .syokai {
	margin: 5px 15px 5px 5px;
	border-top: 1px #000000 none;
	border-bottom: 1px #CCC solid;/*#E8F4F7*/
}
div .syokai-image {
	margin-right: 10px;
	margin-top: 3px;
	float: left;
}
/*   説明上部ブロック
------------------------*/
div .syokai-main {
	line-height: 1.2;
	margin: 2px 2px 1px 5px;
}
div .syokai-main a {
	line-height: 1.4;
}
div .syokai-bottom {
	line-height: 1.5;
	margin-left: 70px;
}
/*   説明下部ブロック
------------------------*/
div .syokai-bottom-widen {
	line-height: 1.5;
	margin-bottom: 2px;
	clear: both;
}
/*-----------------------------------
     画像スタイル（回り込みなど）
-----------------------------------*/
.float-ad-left {
	margin: 2px 10px 2px 10px;
	padding: 2px 2px 2px 2px;
	float: left;
}
.float-ad-right {
	margin: 0px 5px 0px 10px;
	padding: 3px 2px 3px 2px;
	float: right;
}
.images-center {
	/*imageを中央に表示*/
	text-align: center;
	margin: 10px auto;
}
.images {
	margin: 10px 0px 10px 0px;
}
/* ページ左外側 広告
---------------------*/
.ad-fixed {
	position: absolute;
	top: 0px;
	left: -122px;
}
/* 前のページへ戻るボタン JavaScript
------------------------------------*/
.js-back {
	text-align: right;
}
/*-------------------------------------
     ブログ比較用 テーブル・スタイル
---------------------------------------*/
#table-hikaku table {
	border: 1px #EEE solid;/*rgb(204,204,238)*/
	margin-left: 5px;
	padding: 1em 0px;
	clear: both;
	width: 570px;
	font-size: 12px;
	border-collapse: collapse;
}
#table-hikaku thead {
	color: #4F81BD;
	font-weight: bold;
	background-color: #D3DFEE;
}
#table-hikaku .tdl-hikaku {
	color: #4F81BD;
	background-color: #FAFFFF;
	font-weight: bold;
}
#table-hikaku .tdl-hikaku {
	width:30%;
}
.tdr-hikaku {
	line-height: 1.3em;
	width: 70%;
}
table {
	border-color: #CCC;
}
caption {
	text-align: left;
	padding: 1em 0;
}
td {
	border: 1px #CCC solid;
	padding: 4px;
}
th {
	border: 1px #CCC solid;
	padding: 2px;
}
/*---------------------
ブログランキング
-----------------------*/

.blogranks {
	margin: 10px 20px 10px 20px;
}
/*---------------------
トップページ/メニュー一覧
-----------------------*/
.list-table-top {
	margin-bottom:5px;
	float:left;
	margin-right:5px;
	border:#CCC solid 1px;
	width:180px;
}
.title-sty {
	width:180px;
}
#text ul {
}
#text li {
}