/* CSS Document */

@charset "utf-8";
* {
}

body {
	color: #666; /*基本的な文字の色*/
	background-color: #FFF; /*背景の色*/
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "Arial", "Helvetica", "sans-serif";
}
a:link {
	color: #990000; /* リンク文字の色*/
	text-decoration: none; /* リンクに下線を表示させたい場合はこの行を消す*/
}
a:visited {
	color: #CC3300; /* 訪問済みリンク文字の色*/
	text-decoration: none; /* 訪問済みリンクに下線を表示させたい場合はこの行を消す*/
}
a:active {
	color: #FFCC00;
}
a:hover {
	color: #FF9900; /*リンクにポイントをあてた時の色*/
	text-decoration: underline; /*リンクにポイントをあてた時に下線を表示させたくない場合はこの行を消す*/
}
img {
	border: 0px;
}
strong {
	font-weight: bold;
	color: #000; /* 太字（<strong>タグで囲んだ文字）の色 */
}

p,
blockquote,
li,
td {
	font-size: 75%; /*  標準的な文字のサイズ */
}

/* 引用したテキストの設定 */
blockquote {
	color: #666666;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 10px 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	line-height: 1.3em;
}

/* BLOGタイトルのスタイル */
#header {
	background-image: url(http://www.graphlabo.com/blog/_img/bg_header1.gif);
	padding: 5px;
	margin-bottom: 10px;
}
h1 {
	font-family:  "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "sans-serif";
	font-size: 150%;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 10px;
	padding: 8px 5px 6px 5px;
	vertical-align: middle;
}
h1 a:link, 
h1 a:visited {
	color: #000000; /* BLOGタイトルの色 */
	text-decoration: none;
}
h1 a:hover {
	color: #CC3300; /* BLOGタイトルにマウスを当てた時の色 */
	text-decoration: underline;
}

/* ヘッダーイメージ */
a#banner-img {
/*	background-image: url(画像ファイル名); */
	height: 0px;
	display: block;
	}
.banner-alt {
	display: none;
	font-size: 1px;
	}

/***** ↓大枠レイアウト *******/

#g-header {
	background-image: url(http://www.graphlabo.com/blog/_img/bg_blogtop.gif);
	background-repeat: repeat-x;
	width: 760px;
	margin: 0px auto 2px auto;
}
#body {
	width: 760px;
	margin: 0px auto 20px auto;
	padding: 0px;
}
#contents {
	float: right;
	width: 565px;
}
#left {
	float: left;
	width: 180px;
}
#main, 
#main-datebase {
	float: left;
	width: 380px;
}
#main-2column, 
#main-individual {
	float: right;
	width: 555px;
}
#right {
	float: right;
	width: 160px;
	border-top: 1px solid #E9E5DA;
	border-right: 1px solid #C1BBAE;
	border-bottom: 1px solid #C1BBAE;
	border-left: 1px solid #E9E5DA;
}
#credit {
	font-size: 65%;
	width: 760px;
	margin: 10px auto 25px auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 1px solid #C1BBAE;
	clear: both;
}
#cat-head {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 0px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #C1BBAE;
	height: 20px;
}

/*********   ↑大枠レイアウト ********/

h2, h3 {
	font-family:  "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "sans-serif";
}

.small {
	font-size: x-small;
	font-weight: normal;
}


/* エントリー関連 */

.entry {
	margin-bottom: 30px;
	color: #333333;
	clear: both;
}
.entry h2, 
.entry h2 p a:link, 
.entry h2 p a:visited {
	color: #818181; /* エントリータイトルの上の文字の色 */
	text-decoration: none;
}
.entry h2 {
	font-size: 113%;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 0px;
	border-style: solid none;
	border-width: 1px;
	border-color: #999999;  /* エントリータイトルの上下のラインの色 */
	padding: 8px 2px;
}
.entry h2 p {
	font-size: 64%;
	margin: 0px 0px 2px;
	padding: 0px;
	font-weight: normal;
	line-height: 1em;
}
.entry h2 a:link, 
.entry h2 a:visited {
	color: #000000; /* エントリータイトルの色 */
	text-decoration: none;
}
.entry h2 a:hover,
.entry h2 p a:hover {
	color: #CC3300; /* エントリータイトルにマウスをあてた時の色 */
	text-decoration: underline;
}

.entry p {
	padding: 3px;
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.e-body {
	margin-bottom: 2px;
}
.e-body img {
	padding: 4px;
	border: 0px none;
}
.p0 {
	padding: 0px;
}


.comtra {
	font-size: 65%;
	text-align: right;
}

/*  コメント、トラックバックエリアの設定 */
.commune-area h3 {
	font-size: 75%;
	font-weight: bold;
	color: #666666;
	padding-bottom: 2px;
	border-top-style: none;
	border-width: 1px;
	border-bottom-style: solid;
	border-color: #999999; /* 「トラックバック」「コメント」の下のラインの色 */
}
.commune-area h4 {
	font-size: 75%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #999999;
}
.trab-url {
	color: #FFAC59;
}

.tra-area p, 
.com-area p {
	margin: 2px 0px 1.5em 0px;
	padding: 0px;
	line-height: 115%;
}
.tra-area, 
.com-area {
	margin-bottom: 20px;
}
.more {
	font-size: 75%;
}
.date {
	font-size: 75%;
	color: #996633;
}
.tcBody {
	margin-left: 1px;
	padding-left: 4px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFDEBC;
}


/*  サイド関連 */

#calendar, 
#rece-entry, 
#rece-com, 
#archives, 
#myotolog{
	padding: 5px;
	margin-bottom: 5px;
}
#g-info-pick {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1BBAE;
	margin-right: 0px;
	margin-left: 0px;
	padding: 5px 10px 10px 10px;
	font-size: 66%;
}
#category, 
#profile, 
#blog-description, 
#graphlabo-info, 
#left #archives {
	margin-bottom: 8px;
	padding: 0px 0px 5px 0px;
}

/* カレンダー */
#calendar table, 
#calendar tr {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#calendar th, 
#calendar td {
	font-size: x-small;
	text-align: center;
	padding: 4px 0px;
	margin: 0px;
	line-height: 1em;
	vertical-align: middle;
}
#calendar td a {
	background-color: #ECECEC;
	display: block;
	line-height: 1em;
	vertical-align: middle;
	padding: 4px 0px;
}
/* 文字サイズ＋レイアウト */

#left h2 {
	font-family: "Helvetica", "Arial", "sans-serif";
	margin: 0px 0px 8px;
	padding: 2px 0px 2px 7px;
	font-size: 75%;
	background-image: url(http://www.graphlabo.com/blog/_img/bg_header1.gif);
	color: #333333;
}
#right h3, 
#left h3 {
	font-size: 65%;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1BBAE;
	padding-bottom: 2px;
	letter-spacing: 0.1em;
	padding-left: 2px;
	padding-top: 0px;
	margin: 0px 0px 5px;
	color: #333333;
}

#blog-description h3 {
	margin-top: 2px 0px 3px 0px;
	padding: 0px 10px 1px 10px;
}
#left p {
	margin-top: 0.5ex;
	margin-bottom: 0.8ex;
	padding: 0px 10px 0px 10px;
	line-height: 1.2em;
}
#profile p, 
#blog-description p {
	font-size: 65%;
	margin-top: 0.5ex;
	margin-bottom: 0.8ex;
	padding: 0px 10px 0px 10px;
	line-height: 1.3em;
}

/* リスト関連 */

#right li, 
#left #rece-entry li, 
#left #rece-com li  {
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 5px 0px;
	background-image: url(http://www.graphlabo.com/blog/_img/sankaku.gif);
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	vertical-align: middle;
	font-size: 65%;
}
#right ul, 
#left #rece-entry ul, 
#left #rece-com ul {
	padding: 0px 0px 0px 3px;
	list-style-type: none;
	margin: 0px;
}
#category ul {
	list-style-type: none;
	padding: 0px;
	margin: 10px;
}
#category li {
	padding: 0px 0px 0px 6px;
	margin: 0px 0px 5px 0px;
	background-image: url(http://www.graphlabo.com/blog/_img/sankaku.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

/*  */
#cate-header h2, 
#date-header h2 {
	font-size: 85%;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 1px 0px 2px 3px;
	background-color: #C1BBAE;
	color: #FFFFFF;
}

#pankuzu {
	margin-bottom: 15px;
	margin-top: 0px;
	font-weight: bold;
	padding: 1px 0px 2px 3px;
	background-color: #C1BBAE;
	color: #FFFFFF;
}
.pagetop {
	font-size: 66%;
	text-align: right;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

/* 音ログスタイル */
#myotolog {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.otologBanner {
	font-size: 10px;
	text-align: center;
}
.otologBanner h4 {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 3px;
	font-size: 10px;
}