@charset "UTF-8";

/**********************************************************
概要
**********************************************************/
/*
個別スタイル | 立花寶山プロフィール

ファイル名  ：main-prof.css
読込先      ：index.html
コピーライト：(C) 2009 The School of Soke Tachibana / Core Impressions all rights Reserved. 

内容：
  ヘッダー - 背景画像
  メイン - 左右パディング
  メイン - HTML各要素
----------------------------------------------------------*/



/*----------------------------------------------------------
  ヘッダー - 背景画像
----------------------------------------------------------
div#header {
  height : 410px;
  background: #FAFAFA url(../../images/prof/header-prof.jpg) no-repeat top center;
}
*/


/*----------------------------------------------------------
  メイン - 左右パディング
----------------------------------------------------------*/
div#main .inner {
}


/*----------------------------------------------------------
  メイン - HTML各要素
----------------------------------------------------------*/

/* 見出し要素
------------------------------*/
div#content h2 {
	color: #000000;
  margin: 0 0 0.5em 0;
  padding-top:0.25em;
  font-size: 180%;
  font-weight: bold;
  line-height: 1.2em;
}

div#content h3 {
	color: #000000;
  margin: 0.25em 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 1em;
}

div#content h4 {
	color: #000000;
  margin: 0 0 0.5em 0;
  font-size: 180%;
  font-weight: bold;
  line-height: 1em;
}

div#content h5 {
	color: #000000;
  margin: 0 0 0.5em 0;
  font-size: 150%;
  font-weight: bold;
  line-height: 1em;
}

/* .mainBody
------------------------------*/
div#content .mainBody img {
  vertical-align: baseline;
}

div#mainLeft .pagetop {
  width: 465px;
  margin-top: 0.5em;
  text-align: left;
}

div#mainRight .pagetop {
  width: 425px;
  text-align: left;
}

div#content .mainBody .pagetop a {
  color: #999999;
}

div#content .mainBody .pagetop a:hover {
  color: #333333;
  text-decoration: underline;
}

div#content .mainBody img.houzan-photo {
  margin: 0 15px 5px 0;float:left;
}

div#content .mainBody .linkYoutube {
  width:425px;margin:20px 0 0 0;border:solid 1px #000000;
}

div#content .mainBody .linkYoutube p {
  font-size: 120%;
  color: #666666;
  margin:10px;
  line-height: 1.3em;
}

div#content .mainBody .linkYoutube p img {
  float: left;
  vertical-align: top;
}

div#content .mainBody .linkYoutube a {
  font-size: 10px;
  color: #333333;
}

div#content .mainBody .linkYoutube a:hover {
  color: #666666;
  text-decoration: underline;
}

/* 段落
------------------------------*/
div#content .mainBody p {
  margin : 0 0 1em 0;
  padding: 0;
  line-height:1.2em;
}

/* 番号付リスト
------------------------------*/
div#content .mainBody ul {
  margin : 0 0 1em 0;
  padding: 0;
  line-height:1.2em;
}

div#content .mainBody li {
  margin : 0 0 0.2em 0;
  padding: 0;
}

/* 定義リスト
------------------------------*/
div#content .mainBody dl {
  margin: 30px 0 0 0;
  padding: 0;
}

div#content .mainBody dt,dd {
  margin: 0;
  padding: 0;
}

div#content .mainBody dt {
  width: 330px;
}

div#content .mainBody dd {
  width: 300px;
  padding-top:0.5em;
  line-height: 1.5em;
}

/* テーブル
------------------------------*/
div#content  div#mainLeft .mainBody table {
	width: 455px;
  margin: 0 0 1em 0;
  padding: 0;
	border-top: solid 1px #000000;
	border-left: solid 1px #000000;
}

div#content div#mainLeft .mainBody tr {
}

div#content div#mainLeft .mainBody th {
	width: 100px;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

div#content div#mainLeft .mainBody td {
	width: 355px;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

div#content div#mainLeft .mainBody th p,
div#content div#mainLeft .mainBody td p {
  margin: 0;
  padding: 8px;
}

/* その他の要素
------------------------------*/
div#content .mainBody blockquote,
div#content .mainBody cite,
div#content .mainBody q,
div#content .mainBody address {
  margin: 1em 0;
  padding: 0;
}

/* 整形済みテキスト
------------------------------*/
div#content .mainBody pre {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}


