/*///// LAYOUT.CSS /////*/
/*
サイト全体のレイアウトに関するセッティングを制御。
※各ブロックの幅や、テキスト装飾、背景画像等についてはgeneral.cssを参照のこと。
*/

/* Last Update 2008-11-24 */

/*///// CONTENT /////*/
/*
1. RESET.CSS
2. BASIC SETTINGS
3. LAYOUT
	3-1. HEAD
	3-2. GLOBAL MENU
	3-3. TOPICS PATH
	3-4. MAIN IMAGE
	3-5. CONTENT AREA
		3-5-1 MAIN(for 2 column)
		3-5-2 MAIN(for 3 column)
		3-5-3 各ブロック詳細設定
	3-6. FOOT
*/


/*///// 1. RESET.CSS /////*/
/*
    reset.css - resets default browser styling
    http://tantek.com/log/2004/09.html#d06t2354
    http://www.vox.com/.shared/css/base.css
    http://developer.yahoo.com/yui/reset/
*/

:link,:visited {
    text-decoration:none;
}
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin:0;
    padding:0;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
}
table {
    border-spacing:0;
}
fieldset,img,abbr,acronym {
    border:0;
} 
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    font-style:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
q:before,q:after {
    content:'';
}
a {
    text-decoration:underline;
    outline:none;
}
hr {
    border:0;
    height:1px;
    background-color:#000;
    color:#000;
}
a img,:link img,:visited img {
    border:none;
}
address {
    font-style:normal;
}


/*///// 2. BASIC SETTINGS /////*/
body {
	text-align: center; /* forIE5 */
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* IE7- */
*+html body {padding-left:1px;}
* html body {padding-left:1px;}
/* IE7- */

/*///// 3. LAYOUT /////*/
	div#mainImg{
	width: 830px;
	margin: 0 auto;
	text-align: left; /* forIE5 */
	margin-bottom: 1em;
	}
	div#main {
	width: 830px;
	margin: 0 auto;
	text-align: left; /* forIE5 */
	margin-bottom: 0;
	}
	div#foot {
	width: 830px;
	margin: 0 auto;
	padding: 25px 0;
	text-align: left; /* forIE5 */
	margin-bottom: 1em;
	}
	div#head {
	width: 830px;
	margin: 0 auto;
	text-align: left; /* forIE5 */
	}

/*/// 3-1. HEAD ///*/
	#head {
	overflow: visible;
	padding-top: 3px;
	}
	#head h1.pageTitle {
	text-align: right;
	margin: 5px 15px 0;
	}
	#head ul#headMenu {
	text-align: right;
	margin: 5px 15px;
	}
		ul#headMenu li {
		display: inline;
		}
	#head #logo {
	margin: 0 40px 5px;
	}
	#head #siteDescripton {
	margin: 0 40px 5px;
	}
/*/// 3-2. GLOBAL MENU ///*/

/*/// 3-3. TOPIC PATH ///*/

/*/// 3-4. MAIN IMAGE ///*/

/*/// 3-5. CONTENTS AREA ///*/
	#main {
	margin-bottom: 20px;
	}
	#main h1,
	#main h2,
	#main h3,
	#main h4,
	#main h5,
	#main h6,
	#main p,
	#main ul,
	#main ol,
	#main dl,
	#main table {
		margin-bottom: 10px;
	}
	/*// 3-5-1 MAIN(for 2 column) //*/
		/* パターンA：メニューが左 */
			.twoColA div#content {
			float: right;
			}	
			.twoColA div#subMenu {
			float: left;
			}
		/* パターンB：メニューが右 */
			.twoColB div#content {
			float: left;
			}	
			.twoColB div#subMenu {
			float: right;
			}
	
	/*// 3-5-2 MAIN(for 3 column) //*/
		/* パターンA：メニューが左 */
			.threeColA div#contents {
			float: right;
			}
				.threeColA div#contents div#content {
				float: left;
				}
				.threeColA div#contents div#optionalContent {
				float: right;
				}
			.threeColA div#subMenu {
			float: left;
			}
		/* パターンB：メニューが右 */
			.threeColB div#contents {
			float: left;
			}
				.threeColB div#contents div#content {
				float: right;
				}
				.threeColB div#contents div#optionalContent {
				float: left;
				}
			.threeColB div#subMenu {
			float: right;
			}

	/*// 3-5-3 各ブロック詳細設定 //*/
	/*
		1. div#content
		：エントリー概要（メインインデックス、カテゴリインデックス）や、
		　エントリー本体（エントリーページ）など、ページのコンテンツが入るブロック
		2. div#globalMenu
		：グローバルメニューが入るブロック
		3. div#recentEntry
		：最近のエントリーが入るブロック
		4. div#relatedInfo
		：オープンコンテンツが入るブロック
	*/
		/* 共通設定 */
			/* ブロック内見出し */
				div#content h1,
				div#content h2.blockTitle,
				div#globalMenu h2,
				div#recentEntry h2,
				div#relatedInfo h2 {
				margin-bottom: 10px;
				padding: 5px 10px;
				}
			/* ブロック内余白 */
				div#content div.body,
				div#content div.communication,
				div#globalMenu div.body,
				div#recentEntry div.body,
				div#relatedInfo div.body {
				padding: 0 10px;
				}
		/* 各ブロック個別設定 */
			/* 1. div#content */
			div#content {
			}
				div#content div.eachEntry {
				margin: 10px 0 2em;
				clear: both;
				}
				div#content div.communication {
				clear: both;
				margin-bottom: 1em;
				}
				div#content div.body {
				margin-bottom: 2em;
				}
				div#content div.body p.image,
				div#content div.eachEntry p.image {
				float: left;
				margin: 0 10px 10px 0;
				}
				div#content div.body p.image a:link {color: #000; border-bottom: none;}
				div#content div.body p.image a:active {color: #000; border-bottom: none;}
				div#content div.body p.image a:visited {color: #000; border-bottom: none;}
				div#content div.body p.image a:hover {color: #000; border-bottom: none;}

			/* 2. div#globalMenu */
			div#globalMenu {
			}
				div#globalMenu ul li {
				margin-bottom: 1em;
				}
			/* 3. div#recentEntry */
			div#recentEntry {
			}
			/* 4. div#relatedInfo */
			div#relatedInfo {
			}


/*/// 3-6. FOOT ///*/
		div#foot p#copyRight {
		text-align: right;
		margin-right: 15px;
		}