/*  
Theme Name: トーマ開発
Theme URI: http://detlog.org/
Description: トーマ開発専用
*/

body {
 text-align:center;
 color:#333333;
 font-size:14px;
}

/* 全体のコンテンツ */

/* 外の枠線 */

#soto {
 width:830px;
 height:100%;
 border-color:#000080;
 border-width:1px;
 border-style:solid;
 margin-top:0px;
}
/* 枠線内側 */

#content {
	width:800px;
	margin:auto;
	text-align:left;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

/* 全体の段落 */

p {
  color:#333333;
  font-size:14px;
  line-height: 160%;
  text-align:left;
}

/* 全体の小見出し */

h2 {
  padding:0;
  font-size: 14px;
  text-align:left;
}

h3 {
 width: 90%;
 font-size:16px;
 margin-top:0px;
 padding-left:1em;
 text-align:left;
 color:#000000;
}

/* 仕切り線 */

hr {
	text-align:center;
}

/* 画像コンテンツ */

img {
	border-style: none;
}

a:hover {
 color:#FF0000;
}

/* ヘッダー部分 */

/* ヘッダーコンテンツ */

.header {
	font-size:12px;
	text-align:left;
	background-image:url(img/title.gif);
	background-repeat:no-repeat;
	background-position:0 17pt;
	height:100px;
}

/* ヘッダーの大見出し */

.header h1{
 font-size:12px;
 float:left;
 color:#333333;
 margin: auto;
}

/* ヘッダーの小見出し */

.header h2{
	font-size:12px;
	float:right;
	clear: both;
	margin: auto;
	text-indent:-9999px;
}

/* ヘッダーサイトマップ */

.headersite{
  font-size:12px;
  float:right;
}

.headersite a {
	text-decoration: none;  
}

#title a{
 clear: both;
 width: 280px;
 height: 80px;
 margin:0 0 0 0;
 display: block;
 text-decoration:none;
 text-indent:-9999px;
 outline:none;
}


/*  左サイドバー  */

.left {
	width: 180px;
	text-align:center;
	float: left;
	clear: right;
	font-size: 14px;

}

/*  左サイドバー小見出し  */

.left h2 {
	text-align: center;
	color:#FFFFFF;
	background-image:url(img/l_midashi.gif);
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*  左サイドバー段落  */

.left p {
	font-size:12px;
	line-height: 160%;
	text-align:left;
	margin: 5px;
}

/*  左サイドバーメニュー  */

.left a {
  padding-left:2em;
  padding-top:0.8em;
  padding-bottom:0.8em;
  border-top:0px;
  text-decoration:none;
  display:block;
  margin:0px;
  border:#999999 1px solid;
  background-image:url(img/menu_off.gif);
  text-align:left;
  color:#333333;
}

/*  メニューにカーソル合わせた時  */

.left a:hover {
	color:#FFFFFF;
  background-image:url(img/menu_on.gif);
}

/*  メインコンテンツ  */

#main {
	width: 600px;
	float:right;
	margin-top: 0px;
	font-size: 14px;
}

#main h2 {
	font-size: 16px;
	width: 90%;
	color:#555555;
	background-image:url(img/r_midashi.gif);
	text-align:center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

/*  メイン背景の上段  */

.ue {
 margin-top:15pt;
 width: 100%;
 background-image:url(img/ue.png);
 height:1em;
 clear: both;
}

/*  メイン背景の中段本文  */

.naka {
	width: 100%;
	background-image:url(img/naka.png);
	text-align:center;
	clear: both;
	background-repeat: repeat;
	background-position: bottom;
	padding-bottom: 1em;
	background-repeat: repeat;
}

.naka p {
	width: 90%;
	text-align:left;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
}

.naka hr {
 width: 90%;
 text-align:center;
 clear: both;
}

.naka img {
	border-style: none;
	margin-top: 0;
	margin-right: 0.5em;
	margin-left: 0.5em;
}

.naka table {
 width: 90%;
 text-align:left;
}

.naka td {
 font-size:14px;
 line-height: 160%;
}

/*  メイン背景の下段  */

.sita {
	width: 100%;
	background-image:url(img/sita.png);
	height:4em;
	clear: both;
}

/* ブログ部分のメインコンテンツ  */

#main_midashi {
	font-size:1em;
	width: 90%;
	color:#555555;
	background-image:url(img/r_midashi.gif);
	text-align:center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	clear: both;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
}

.ue2 {
 margin-top:0;
 width: 100%;
 background-image:url(img/ue.png);
 height:1em;
 clear: both;
}

/* 会社概要の表組み */

.naka table {
	width: 85%;
	text-align:left;
	margin-bottom: 1em;
}

.naka td {
 font-size:14px;
}

#com {
	width: 25%;
	text-align:left;
	font-size:14px;
	background-color:#eeeeee;
	padding-left: 1em;
}

#top_q {
	width: 500px;
	line-height: 160%;
	text-align:left;
	font-size:14px;
	margin-left: auto;
	margin-right: auto;
}

#top_q ul {
	margin-bottom: 0;
	margin-top: 0;
}

/* 問い合わせ */

.q {
	width: 80%;
	font-size:14px;
	text-align:left;
	margin-left: 2em;
}


/* 左メニュー下のサイドバー  */

.left2 {
	width: 180px;
	text-align:center;
	float: left;
	font-size:14px;
	background-image:url(img/menu_back.gif);
	clear: left;
	padding-top: 15px;
}

.left2 h2 {
  padding:0.7em;
  margin-top: 15pt;
  text-align: center;
  color:#FFFFFF;
  background-image:url(img/l_midashi.gif);
}

.left2 p {
	font-size:12px;
	line-height: 160%;
	text-align:left;
	margin: auto;
	width: 80%;
}

.left2 ul {
	text-align: left;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	width: 90%;
	line-height: 140%;
}

.left2 li {
	margin-top: 1em;
	margin-bottom: 1em;
}

/* 下のリンクメニュー  */

.navi {
	background-color:#eeeeee;
	color:#333333;
	text-align: center;
	padding-top: 1em;
	padding-bottom:1em;
	width:800px;
	line-height: 160%;
	margin-bottom: 0.5em;
	clear: both;
}

.navi a{
 padding:5px;
 color:#333333;
 font-size:13px;
}

/* 著作権表示  */

.fo {
	font-size:13px;
	text-align: center;
	background-color:#444444;
	color:#ffffff;
	width: 800px;
	padding-top:0.5em;
	padding-bottom:0.5em;
	clear: both;
}

.fo a {
  font-size:13px;
  text-align: center;
  color:#ffffff;
}

/* サポート  */

#support {
 font-size:8px;
 text-align: right;
 color:#cccccc;
 width:800px;
}

#support a {
  font-size:8px;
  text-align: right;
  color:#cccccc;
}

#info { 
 text-align:left;
 padding:0;
 margin:0 0 20pt 0;
 width:90%;
 border-collapse:collapse;
}

.tochi_l {
	background-image: url(img/info_tochi.gif);
	background-repeat: no-repeat;
	background-position:0 10pt;
	padding:5pt 0 5pt 34px;
	text-align:left;
	vertical-align:top;
	width:20%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;	
}

.tochi_r { 
 margin:0;
 padding:5pt 0 5pt 0;
 text-align:left;
 vertical-align:top;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #cccccc;
}


#top_info { 
 margin: 0 auto 30pt auto;
}

#top_info h2 { 
 margin: 0 auto 10pt auto;
 text-indent:-9999px;
 background-image:url(img/shintyaku.png);
 background-repeat:no-repeat;
 height:90px;
 
}

#top_infol { 
 float:left;
 width:250px;
}

#top_infor { 
 float:right;
 width:300px;
}

#top_infol table { 
 margin: 0 auto 0 30px;
 width:250px;
}

#top_infor table { 
 margin: 0 auto 0 auto;
 width:250px;
}

#top_infol .info_l {
	background-image: url(../img/new.gif);
	background-repeat: no-repeat;
	background-position:0 19px;
	padding:10pt 0 0 35px;
	white-space:nowrap;
	vertical-align:top;
}

#top_infor .info_l {
	background-image: url(../img/list.gif);
	background-repeat: no-repeat;
	background-position:0 19px;
	padding:10pt 0 0 35px;
	white-space:nowrap;
	vertical-align:top;
}

.info_r {
	padding:10pt 0 0 10px;
}

#news {
	list-style:none;
}

#news li {
	background-image: url(../img/check.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding:0 0 10px 15px;
	margin: 0 0 10pt 0;
	border-bottom:#cccccc 1px dotted;
}

/* ファイナンシャルプランニングとは？  */

#fp {
 margin:0 0 30pt 0;
}

#fp h3 {
	padding:0 0 5pt 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
}


#fp1 {
 text-align:left;
 margin:0 0 30pt 0;
}

#fp1 h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	padding:0 0 5pt 0;
	margin:0 0 20pt 20pt;
}

#fp1 dl {
	margin:0 0 20pt 20pt;
}

#fp1 dt {
	margin:0 0 10pt 0;
}

#fp1 dd {
	margin:0 0 15pt 0;
}

#fp2 {
 text-align:left;
}

#fp2 h3 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #808080;
	padding:0 0 5pt 0;
	margin:0 0 20pt 20pt;
}

#fp2 dl {
	margin:0 30px 20pt 20pt;
}

#fp2 dt {
	margin:0 0 0 0;
	padding:5px;
	width:100px;
	background-color:#cccccc;
	font-weight:bold;
}

#fp2 dd {
	padding:25px 0 15pt 0;
	width:400px;
	margin:0 0 20pt 0;
	text-align:center;
	border: 1px solid #808080;
	background-color:#eeeeee;
}