/* ---------------------------------------------
 リセット&基本
--------------------------------------------- */
* {
	margin:0;
	padding:0;
}

body {
	font-size:75%;
	color:#666666;
	text-align:justify;
	text-justify:distribute;
	background:url(../img/body_bg.gif) repeat-y;
}
th,td {
	font-size:12px;
}

img {
	border:0;
}

hr {
  color:#cccccc; /* 線の色(IE用) */
  background-color:#cccccc; /* 線の色(NN用) */
  height:1px; /* 線の太さ */
  border:1px; /* 枠の太さ */
  border-style:dotted; /* 枠の種類 */
}

.tx_center {
	text-align:center;
}
.tx_right {
	text-align:right;
}

.fl_left {
	float:left;
}
.fl_right {
	float:right;
}
.clear {
	clear:both;
}
.mgt_15 {
	margin-top:15px;
}
.mgt_20 {
	margin-top:20px !important;
}
.mgt_30 {
	margin-top:30px;
}
.mgt_40 {
	margin-top:40px;
}
.mgb_10 {
	margin-bottom:10px;
}
.mgb_20 {
	margin-bottom:20px;
}
.mgb_30 {
	margin-bottom:30px;
}

/* ---------------------------------------------
 リンク
--------------------------------------------- */
a {
	color:#3366ff;
	text-decoration:none;
}
a:visited {
	color:#3366ff;
}
a:hover {
	color:#ff9900;
}
a:active {
	color:#ff9900;
}

/* ---------------------------------------------
 枠、ヘッダー、フッター
--------------------------------------------- */
div#wrapper {
	width:743px;
	margin-left:21px;
}

div#header {
	background:url(../img/header_bg.jpg) no-repeat;
	height:115px;
	background-position:top center;
	text-align:left;
}
div#header img {
	margin:10px 0 0 10px;
}

div#header .td_title {
	vertical-align:top;
}

div#header h1	  {
	background-color:#000000;
	font-family:"MS Pゴシック",Osaka,sans-serif;
	font-size:80%;
	font-weight:normal;
	color:#ffffff;
	line-height:18px;
	padding:0 10px 2px; 
}

div#header h2	  {
	margin:10px 0 0 10px;
	font-size:16px;
}
/* ---------------------------------------------
 メニュー
--------------------------------------------- */
div#menu {
	float:left;
	width:190px;
	margin-bottom:20px;
}
div#menu h2 {
	background:url(../img/menu_bg.gif);
	padding:7px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	margin:10px 0 2px;
}

#menu ul {
	border-top:1px solid #DFE8EC;
	}
#menu ul li {
	list-style:none;
	border-bottom:1px solid #DFE8EC;
	border-top:none;
}
#menu ul li a {
	display:block;
	padding:9px 0px 7px 23px;
	background:#F1F5F6 url(../img/menu_arrow.gif) no-repeat 7px 10px;
	border-left:1px solid #DFE8EC;
	border-right:1px solid #DFE8EC;
}
#menu ul li a:link{
	background-color:#F1F5F6;
}

#menu ul li a:visited{
	background-color:#F1F5F6;
}

#menu ul li a:hover{
	background-color:#036298;
	color:#ffffff;
	text-decoration:none;
}

#menu ul.link li a {
	padding:7px 5px 5px 20px;
	background:#ffffff url(../img/menu_arrow2.gif) no-repeat 10px 8px;
	border-left:none;
	border-right:none;
}
#menu ul.link li a:visited {
	background-color:#ffffff;
}
#menu ul.link li a:hover {
	background-color:#5FADD5;
	color:#ffffff;
}

/* ---------------------------------------------
 コンシェルジュ紹介用
--------------------------------------------- */
div#concierge {
	clear:both;
	margin:0  0 30px;
	background:url(http://www.otoiawase-portal.jp/images/common/concierge_bg.gif);
	font-size:12px;
	color:#666666;
	padding:5px;
	border:1px solid #cccccc;
}
div#concierge h2 {
	background:none;
	text-align:center;
	font-size:16px;
	color:#0066CC;
	margin-bottom:5px;
}
div#concierge h3 {
	background:none;
	font-size:14px;
	color:#0066CC;
	margin:0 0 8px 0;
	border:0;
}

div#concier_waku {
	background:#ffffff;
	border:1px solid #cccccc;
	padding:7px;
	margin:0;
}
div#concier_waku td {
	line-height:1.4em;
}
div#concier_waku td img {
	margin-bottom:5px;
}

td.con_tx {
	width:345px;
	padding-right:10px;
	vertical-align:top;
}

td.tantou {
	width:136px;
	text-align:center;
	background:#f3f3f6;
}

.contact_kigyou {
	text-align:right;
	margin:7px 0;
}

/* ---------------------------------------------
 index
--------------------------------------------- */
h2.h2_index {
	background: url(../img/index/bk-30.gif) repeat-x;
	font-family : "MS Pゴシック",Osaka,sans-serif ; 
	font-size : 14px ;
	color : #666666 ;
	text-align : left ;
	margin:20px 0 0;
	padding:6px 10px 10px;
}

#table_index {
	margin-top:15px;
	border-collapse:collapse;
}
#table_index td {
	padding-bottom:25px;
}
.td_naka {
	padding:0 14px;
}

p.boshu {
	text-align:center;
	margin:30px 0 10px;
}
p.favorite {
	text-align:center;
	margin:20px 0;
}


/* ---------------------------------------------
 メイン用（index以外）
--------------------------------------------- */
div#main {
	float:left;
	margin:0;
	padding:0 9px;
}

div.top_ex {
	background:url(../img/ex_bg.jpg) no-repeat;
	margin:10px 0;
	width:257px;
}

div.top_ex h2 {
	font-size : 110% ;
	color : #ffffff ;
	padding:7px; 
}
div.top_ex p {
	padding:10px 5px;
	line-height:1.4em;
}

div#ex_right {
	position:absolute;
	top:265px;
	left:297px;
}

/* -------------------------------
 カテゴリTOP（企業紹介）用
------------------------------- */
table.osusume_list {
	width:525px;
	border-collapse:collapse;
	margin:10px 0 0 0;
	border:1px solid #9DA2BB;
	border-collapse:collapse;
}

table.osusume_list th,td {
	background:#ffffff;
}
table.osusume_list td {
	color:#444444;
	line-height:1.4em;
}
table.osusume_list th.th_logo {
	width:140px;
	text-align:center;
	vertical-align:middle;
	padding:0;
}
table.osusume_list th.th_name {
	color:#0B826A;
	padding:5px 0 2px;
	text-align:left;
	font-size:15px;
}
td.exp {
	padding:0 7px 5px 2px;
}
td.exp span {
	color:#ff0000;
}
td.button {
	padding:0 7px 5px 0;
	text-align:right;
}
td.check {
	width:50px;
	text-align:center;
	border-left:1px solid #9DA2BB;
}

/* -------------------------------
 カテゴリTOP（企業紹介）用　削除----------------------------------------------------
------------------------------- */
h2#h2_osusume {
	background:url(../img/osusume_bg.gif) no-repeat;
	padding: 8px 0px 10px 10px;
	margin:0;
	color: #FFFFFF;
	font-size: 13px;
}

div.sonota {
	margin:0 0 10px;
	padding:10px;
	background:#f0f9f0;
}
div.sonota table {
	width:505px;
	background:#ffffff;
	border:1px solid #ccddcc;
	margin-top:10px;
}
div.sonota table th {
	font-size:14px;
}
div.sonota table td {
	line-height:1.4em;
}
td.td_logo {
	width:120px;
	text-align:center;
	vertical-align:middle;
}

/* ---------------------------------------------
 Detail(詳細ページ用)
--------------------------------------------- */
div#detail {
	width:525px;
	margin-bottom:10px;
}

div#detail p {
	line-height:1.4em;
	margin:5px 5px 10px;
}
div#detail td {
	line-height:1.4em;
}

div#topicPath {
	margin-left:2px;
}
div#detail div#topicPath p {
	font-size:11px;
	margin:0;
	padding:0;
}

div#detail h2 {
	background:url(../img/h2detail_bg.gif) no-repeat;
	padding:11px 0 11px 15px;
	margin:0;
	color:#f5f5ff;
	font-size:16px;	
	text-align:left;
}

div#detail_top {
	margin:20px 0 0 60px;
}
div#detail div#detail_top h2 {
	height:29px;
	background:url(../img/detail_top.gif) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin:0;
	padding:8px 10px 0 20px;
}

div#detail h3 {
	margin-top:40px;
	padding:4px 0 3px 10px;
	background:url(../img/h3detail_bg.gif) no-repeat;
	border-bottom:1px solid #336600;
 	font-size:13px;
	color:#ffffff;	
}
h3.h3_2 {
	background:url(../img/h3detail_bg2.gif) no-repeat !important;
}
div#detail h4 {
	margin:20px 5px 0;
	padding:2px 0 0 5px;
	border-left:8px solid #336699;
 	font-size:13px;
	color:#336699;
}
div#detail h5 {
	margin:20px 5px 0;
 	font-size:12px;
	color:#cc3366;
}
div#detail ul,div#detail ol {
	color:#666666;
	line-height:150%;
	margin:10px 0 20px 30px;
}

div#detail p.p_contact {
	text-align:center;
	margin-top:20px;
}

th.th_bl {
	font-size:14px;
	color:#336699;
	border-left:6px solid #336699;
	padding-left:7px;
	text-align:left;
}
.tx_photo {
	font-size:11px;
	line-height:1.2em;
}

p.to_top {
	text-align:right;
	font-size:11px;
	margin:0;
}

/* -----table_detail-----*/
table.table_detail {
	border:0;
	padding:0;
	background:#336699;
	margin:10px;
}
table.table_detail th {
	background:#6699CC;
	color:#ffffff;
	padding:3px 5px;
}
table.table_detail .th2 {
	background:#B3CCD9;
	color:#656565;
	padding:3px 5px;
}
table.table_detail td {
	background:#ffffff;
	color:#656565;
	padding:3px 5px;
}
/* -----ul ol-----*/
div#detail ul,div#detail ol {
	color:#666666;
	line-height:150%;
	margin:10px 0 20px 25px;
}

div#detail ul li {
	list-style-type:square;
	margin-bottom:10px;
}

div#detail ul.ul_decimal {
	margin:10px 0 20px 35px;
}
div#detail ul.ul_decimal li {
	list-style-type:decimal;
}

/* -----dl-----*/
div#detail dl {
	color:#666666;
	line-height:150%;
	margin:10px 0 20px 10px;
}

div#detail dl dt {
	color:#6699cc;
	font-weight:bold;
	margin-top:15px;
}
div#detail dd {
	margin-bottom:5px;
}
div#detail dl hr {
	margin-top:20px;
	width:530px;
}
/* ------ ページ内リンク用 ------ */
div#detail div.page_link {
	margin:60px 0 0;
}
div#detail div.page_link p {
	background:#F2F7E6;
	border:1px solid #e2e7d6;
	margin:0;
	padding:7px;
	color:#000000;
	line-height:1.6em;
}
div#detail div.page_link p span {
	font-weight:bold;
	color:#FC9B10;
}
div#detail div.page_link span.mokuji {
	background:#FC9B10;
	padding:3px 5px 1px;
	color:#ffffff;
}
div#detail div.page_link h3 {
	margin-top:12px;
}

/* ---------------------------------------------
 footer
--------------------------------------------- */
#footer {
	clear:both;
	text-align:center;
	line-height:1.2em;
	background:#e6e6e6;
	padding:5px 10px;
}
#footer address {
	font-style:normal;
	padding:5px;
}

/* ---------------------------------------------
 footerNavi
--------------------------------------------- */
#footerNavi {
	padding: 8px;
}

#footerNavi ul {
	padding: 7px 5px 5px;
	border-top: 1px solid #cccccc;
	overflow: inherit;
	font-size: 95%;
}
#footerNavi ul li {
	display: inline;
	line-height: 1.4em;
}

#footerNavi ul li a {
	color: #777777;
	text-decoration: none;
}
#footerNavi ul li a:hover {
	color: #acacac;
}