/* ページ全体の基本的な設定と背景色 */
body {
	margin: 0px 0px 20px 0px;
                background-color: #FFFFFF;
        	text-align: center;
        
	}

/* 指定が無い時のリンクの下線の有無 */
a {
	text-decoration: none;
	
	
	}

/* 指定が無い時の未読リンクの色 */
a:link {
	color: #006699;
	}

/* 指定が無い時の既読リンクの色 */
a:visited {
	color: #006699;
	}

/* 指定無い時のリンク部分のクリック時 */
a:active {
	color: #006699;
	}

/* マウスカーソルがリンクにかさなった時 */
a:hover {
	color: #CC0000;
	text-decoration: underline;
	}

/* 指定が無い時の見出しタグの設定 */
h1, h2, h3 {
	color: #ffffff;
	margin: 14px;
	padding: 14px;
	font-weight: normal;
	}

/* ブログを囲む枠の背景色や線、余白などの設定 */
#container {
	line-height: 120%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 780px;
	
	background-color: #FFFFFF;
	border: 1px solid #000000;

	}


/* エントリー全体を入れるＢＯＸの基本設定 */
#center {
	float: left;
	width: 580px;
	
	overflow: hidden;
	}

/* centerの内側のＢＯＸの基本設定 */
.content {
	padding: 20px 30px 5px 30px;
	background-color: #FFFFFF;
	
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	}

/* 右側のメニューを入れるＢＯＸの基本設定 */
#right {
		float: left;
	width: 200px;
	background-color: #FFFFFF;
	
	overflow: hidden;
	}

/* contentで指定されているＢＯＸの中でPタグを使用した時の設定 */
.content p {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 140%;
	text-align: left;
	margin-bottom: 10px;
	overflow: hidden;
	}

/* contentで指定されているＢＯＸの中でblockquoteタグを使用した時の設定 */
.content blockquote {
	line-height: 150%;
	}

/* contentで指定されているＢＯＸの中でliタグを使用した時の設定 */
.content li {
	line-height: 150%;
	}

/* contentで指定されているＢＯＸの中でh2タグを使用した時の設定（日付） */
.content h3 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	
	text-align: right;
	font-weight: bold;		
	margin-bottom: 10px;
	border-bottom: 1px solid #000000;
	}

/* contentで指定されているＢＯＸの中でh3タグを使用した時の設定（エントリータイトル） */
.content h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	
	text-align: left;
	font-weight: bold;	
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-left: 4px solid #778899;	
	}

/* contentで指定されているＢＯＸの中でh5タグを使用した時の設定（エントリータイトル） */
.content h5 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	
	text-align: left;
	font-weight: bold;	
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 2px;
	border-left: 3px solid #778899;	
	}

/* contentで指定されているＢＯＸの中でh6タグを使用した時の設定（タイトル） */
.content h6 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	font-weight: bold;	
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-left: 0px solid #666666;
	border-bottom: 1px solid #666666;	
	}

/* contentで指定されているＢＯＸの中でh2タグを使用した時の設定（日付） */
.content h4 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	
	text-align: left;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	
	}



/* contentで指定されているＢＯＸの中でp.postedを使用した時の設定（投稿者やコメント） */
.content p.posted {
	color: #999999;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	border-top: 1px solid #999999;
	text-align: right;
		
	margin-bottom: 15px;
	line-height: normal;
	padding: 3px;
	}

/* contentで指定されているＢＯＸの中でp.postedを使用した時の設定（投稿者やコメント） */
.content p.navi {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	line-height: normal;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

/* right（メニュー枠）の内側のＢＯＸの余白の設定 */
.sidebar {
	padding-right: 15px;
	padding-top: 10px;
	}


/* カレンダーの基本設定 */
#calendar {
  	line-height: 140%;
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
		
  	padding: 2px;
	text-align: center;
	margin-bottom: 10px;
	}

/* カレンダーテーブルの基本設定 */
#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

/* カレンダーのタイトル部分の設定（月、日） */
#calendar caption {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;	
	text-align: center;	
	text-transform: uppercase;
	padding: 5px 0px 5px 0px;	
	letter-spacing: .3em;
	}

/* カレンダーのセル(th)部分の設定 */
#calendar th {
	text-align: center;
	font-weight: normal;
	}

/* カレンダーのセル(td)部分の設定 */
#calendar td {
	text-align: center;
	}

/* メニュー枠内でh2タグを使用した時の設定 */
.sidebar h2 {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	letter-spacing: .1em;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #000000;
	}

/* メニュー枠内でulタグを使用した時の設定 */
.sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 10px;
	}

/* メニュー枠内でul ulタグを使用した時の設定 */
.sidebar ul ul {
	margin-bottom: 0px;
	}

/* メニュー枠内でcategories ulタグを使用した時の設定 */
.sidebar #categories ul {
	padding-left: 15px;
	}

/* メニュー枠内でliタグを使用した時の設定 */
.sidebar li {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	list-style-type: none;	
	
	margin-top: 10px;

	}

/* メニュー枠内で categories li　を使用した時の設定 */
.sidebar #categories li {
	list-style-type: circle;
	}

/* メニュー枠内で img(画像）タグを使用した時画像の周りに白い枠線がつく設定 */
.sidebar img {
	border: 3px solid #FFFFFF;
	}

/* photo を使用した時の設定 */
.photo {
	text-align: left;
	margin-bottom: 20px;
	}

/* link-note ではさまれた範囲の文字の設定 */
.link-note {
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	line-height: 120%;
	text-align: left;
	padding: 5px 2px 2px 10px;
	margin-bottom: 10px;
	}

/* Movable Typeの著作権表示部分Powered by に使われる設定 */
#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 5px 2px 2px 10px;
	}

/*  コメントされたデータを表示した時の設定 */
#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
	}

/*  コメントのフォームのtextareaの幅の設定 */
textarea[id="comment-text"] {
	width: 80%;
	}

/*  commenter-profile imgを使用した時の設定 */
.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}

/* 引用タグ（blockquote）を使用したときの設定 */
	blockquote {
		color: #000000;
		margin:10px 5px 0px 5px;
		font-size:12px;
		font-weight:normal;
		background:#FFFFCC;
		line-height:150%;
		padding: 10px; 
		border: 2px dotted #99CC00;
		width: auto ;
	}

.sidebar hr { border:1px dashed #999999;}

.content p.about {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;	
	line-height: normal;
	border: 2px dotted #8faebe;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	}

.toptitle	{ 
	padding: 5px 0px 5px 5px;	
	margin-bottom: 10px;
	border: 1px solid #8faebe;
	background-color: #F5F5F5;
	border-left: 4px solid #778899;
	text-align: center; 
	}

.content p.trackbacks-info {
	color: #666666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	background:#eaf2fb;	
	padding: 5px 0px 5px 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #b8dafc;
	}



#comments-experimental .comment .comment-footer,
#comments-experimental .comment .comment-content {
    margin-right: 25px;
    margin-left: 25px;
    margin-bottom: 15px;
}

#comments-experimental .comment .comment-header {
    font-size: 16px;
    margin: 5px auto 5px 10px;
    text-shadow: #99A 2px 2px 1px #66F;
    color: #666;
}

#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }

.module-tagcloud .module-content {text-align: left; }
.module-tagcloud .module-content .module-list { list-style: none; }
.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }

/* ◆ヘッダーメニュー部分の背景色や余白などの設定◆ */
#tophead {
	background-image: url("");
	background-color: #000066;
	text-align: left;
	color: #ffffff;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	margin : 0px 0px 0px 0px ;
	padding: 5px 0px 5px 20px;
	border-top: 1px solid #ffffff;
	
	}

/* ◆ヘッダーメニュー部分のリンクの設定◆ */
#tophead a {
	color: #ffffff;
	text-decoration: none;
	}

#tophead a:hover {
	color: #FF9900;
	text-decoration: underline;
	}

#footer {
	background-color: #ffffff;
	text-align: center;
	color: #000000;
	font-size: 11px;
	margin : 0px 0px 0px 0px ;
	padding: 5px 0px 5px 20px;
	
	}

.info {
	MARGIN-TOP: 10px; MARGIN-BOTTOM: 25px
}
.info DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.info DD {
	MARGIN: -1.6em 0px 0.8em 9em; LINE-HEIGHT: 160%; BORDER-BOTTOM: #666666 1px dotted
}

/* タイトル・画像 */
	/* 横幅を変えるときには #outbox,#boxも変更する必要がある。 */
	/* 変更が必要なのは、#outbox,#box,#globalnavi,#wrap,#links-right */
	/* 
	 * トップ画像のサイズを変えたいときには、
	 * たとえば、600px x 400pxの画像を使いたいとき
	 * 各テンプレートの「<div class="bannerleft">～</div>」に挟まれた部分の
	 * タグをコメントアウトされているようにサイズに合わせて変更してください。
	 * 同じ要領で好きな大きさの画像に変更出来ます。
	 * さらに以下のように#banner, .bannerleft, .bannerrightの
	 * widthとheightを変更してください。
	 * 
	 * テンプレート実験サイトで使っている画像サイズは 550px x 413pxです。
	 * 本テンプレートではこのサイズも推奨しています。
	 */
	#banner {/* widthは #outboxのwidth - #boxのpadding x2 となるように */
		width: 780px;
		height: 413px;
		/*height: 400px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*height: 413px;*/ /* ← 550px x 413pxの画像を使いたいとき */
	}
	.bannerleft {/* widthは leftとrightの合計が#bannerのwidthと等しくなるように */
		width: 550px;
		height: 413px;
		/*width: 600px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*height: 400px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*width: 550px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		/*height: 413px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		float: left;
	}
	.bannerright {/* leftとrightの合計が#bannerのwidthと等しくなるように */
		width: 230px;
		height: 413px;
		/*width: 180px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*height: 400px;*/ /* ← 600px x 400pxの画像を使いたいとき */
		/*width: 230px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		/*height: 413px;*/ /* ← 550px x 413pxの画像を使いたいとき */
		float:right;
		background-color: #F5F5DC;
	}
	/* サイトタイトルとサブスクリプション */
	#topbanner { 
		padding: 60px 0px 0 0;
		text-align:center;
	}
	#topbanner a{
		color:#666666;
		background: none;
		text-decoration:none;
	}
	#topbanner a:hover{
		color:#778899;
		background: none;
		text-decoration:none;
		position: relative; top:1px;left:1px;
	}
	.sitename{
		font-size: 20px;
		font-weight:normal;

	}
	.sitedescription{
		color:#666666;
		font-size: 13px;
		font-weight:normal;

	}
	#banner2 {/* widthは #outboxのwidth - #boxのpadding x2 となるように */
		width: 780px;
		height: 65px;
		background-color: #BDB76B;
	}
	#topbanner2 { 
		padding: 0px 0px 0 0;
	}
	#topbanner2 a{
		color:#fff;
		background: none;
		text-decoration:none;
	}
	#topbanner2 a:hover{
		color:#fff;
		background: none;
		text-decoration:none;
		position: relative; top:1px;left:1px;
	}
	.sitename2{
		font-size: 16px;
		font-weight:normal;

	}
	.sitedescription2{
		color:#fff;
		font-size: 13px;
		font-weight:normal;

	}
	
/* タイトルココまで */

/* トップのメニュ*/
	#globalnavi { 
		text-align: center;
		background-color: #eeeeee;
		font-size: 12px;
		width: 780px; /* 全体の幅を変更するときには全体の幅-20pxに指定 */
		font-family: tahoma, "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		color:#1a3380;
		line-height: 200%;
		margin-top: 1px;
	}

/* メインと左の入れ子*/
	#wrap { /* 全体の幅を変更するときにはwidth,paddingなども変更 */
		width: 500px; /* だいたい全体の幅の5/8が目安 */
		text-align:left;
		float:left;
		padding: 10px 15px 10px 55px; /* 配置のバランス */
		color:#708090;
		font-size: 12px;
		font-weight:normal;
		line-height: 160%;
		font-family: "Osaka",Verdana, Arial,"ＭＳ Ｐゴシック",sans-serif;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
	}

a img { border: 0; }

.container {
        width: 750px;
        padding: 15px;
        margin: 0px 0 0px 0;
        border: 0px solid #ccc;
        background: #fff;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 10px;
        border-bottom: 1px solid #9FB1BC;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        float: left;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(http://www.bell-a.com/images/Circle.gif) no-repeat bottom center;
}

#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(overlay.png);
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url(blank.gif);
	filter: Alpha(opacity=50);
}
.detail H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: bold; BACKGROUND: url(images/ansbox.jpg) repeat-y 0px 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 5px; COLOR: #333333; LINE-HEIGHT: 27px; PADDING-TOP: 3px
}
.detail .rq P {
	MARGIN: 0px 20px

table.image-list {
    width : 480px;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0px;
    padding : 0px;
}
table.image-list tr td {
    width : 220px;
    vertical-align : top;
}
table.image-list tr td table {
    margin-bottom : 10px;
}
table.image-list tr td table tr td.image-list-item {
    height : 90px;
    text-align : center;
    vertical-align : middle;
    padding : 0px;
    margin : 0px;
}
table.image-list tr td table tr td.image-list-caption {
    text-align : left;
    vertical-align : top;
    padding : 0px;
    margin : 0px;
}