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

@import "news/news.css";

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

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

/* 外の枠線 */

#soto {
 width:900px;
 height:100%;
 border-color:#cccccc;
 border-width:1px;
 border-style:solid;
 background-image:url(img/soto.png);
 background-repeat: no-repeat;
 margin-top: 0;
}
/* 枠線内側 */

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

#title a{
 float:left;
 clear: both;
 width: 250px;
 height: 100px;
 display: block;
 background-image:url(img/title.gif);
 text-decoration:none;
}

#title span {
 visibility:hidden;
}

/* 全体の段落 */

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;
 clear: both;
 color:#555555;
}

/* 仕切り線 */

hr {
	text-align:center;
}

/* 画像コンテンツ */

img {
	border-style: none;
}

/* ヘッダー部分 */

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

.header {
	font-size:12px;
	text-align:left;
}

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

.header h1{
 font-size:12px;
 float:left;
 color:#333333;
 margin-top: 0;
 margin-bottom: 5pt;

}

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

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

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

.headersite a {
  font-size:12px;
  float:right;
 text-decoration:none;
}

/*  左サイドバー  */

.left {
	width: 200px;
	text-align:center;
	float: left;
	font-size: 14px;
 margin-top: 10pt;
}

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

.left h2 {
	text-align: center;
	color:#FFFFFF;
	background-image:url(img/h2.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:#cccccc 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: 640px;
 float:right;
 margin-top: 10pt;
 font-size: 14px;
}

.midashi {
 background-image:url(img/midashi.gif);
 background-repeat: no-repeat;
 width: 640px;
 height: 40px;
 clear: both;
}

#t_p {
 margin-top:30px;
 line-height: 180%;
}

.m1 {
 visibility:hidden;
}

#top_m1 {
 background-image:url(img/top_m1.gif);
 background-repeat: no-repeat;
 width: 640px;
 height: 45px;
 clear: both;
}

#top_m3 {
 background-image:url(img/top_m3.gif);
 background-repeat: no-repeat;
 width: 640px;
 height: 45px;
 clear: both;
}

#price {
 background-image:url(img/price_m1.gif);
 background-repeat: no-repeat;
 width: 640px;
 height: 45px;
 clear: both;
}


#main h2 {
	font-size: 16px;
	color:#555555;
	text-align:center;
	padding-top: 0.6em;
	clear: both;
}

#main h3 {
 font-size:18px;
 margin-top:0px;
 width: 600px;
 height: 50px;
 padding-left: 40px;
 line-height: 3em;
 text-align: left;
 background-image:url(img/h3.gif);
 background-repeat: no-repeat;
 color:#003567;
}

.pic3 {
 text-align:left;
 background-image:url(img/q.png);
 padding-top: 0.5em;
 padding-bottom: 0.3em;
 padding-left: 3em;
 font-size:16px;
 color:#333333;
 line-height: 200%;
 background-repeat: no-repeat;
}


#main p {
	margin-right: 10px;
	margin-left: 10px;
}

#zyosei {
 margin-left: 10px;
}

#sup {
 background-image:url(img/support.gif);
 width: 640px;
 height: 100px;
}

#up {
 visibility:hidden;
}

#main ul {
 text-align:left;
 color:#003567;
 line-height: 2em;
 list-style: none;
}

#main ol {
 text-align:left;
 color:#003567;
 line-height: 2em;
}
/* 会社概要の表組み */

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

td {
	font-size:14px;
}

#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: 200px;
	text-align:center;
	float: left;
	font-size:14px;
	background-image:url(img/menu_back.gif);
	clear: left;
	padding-top: 0px;
}

.left2 h2 {
  padding:0.7em;
  margin-top: 0;
  text-align: center;
  color:#FFFFFF;
 background-image:url(img/h2.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: 10px;
 padding: 0px;
 line-height: 140%;
 list-style: none;
}

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

/*  左サイドバー  */

.left3 {
	width: 200px;
	text-align:center;
	float: left;
	font-size: 14px;
 margin-top: 10pt;
}

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

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

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

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

.left3 ul {
 text-align: left;
 margin-top: auto;
 margin-right: auto;
 margin-left: 10px;
 padding: 0px;
 line-height: 140%;
 list-style: none;
}

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

.navi {
	background-color:#eeeeee;
	color:#333333;
	text-align: center;
	padding-top: 1em;
	padding-bottom:1em;
	width:870px;
	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: 870px;
	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:870px;
}

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