/* ------------------------------------------

Style Name: styles.css
Since:      2007-04-30
Modified:   2009-07-05
Version:    1.0
Auther:     Miyuki Ono(mono create)
URL:        http://www.mono-create.jp/

------------------------------------------*/

* {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

body {
	color: #333333;
	margin: 0px;
	font-size: 12px;
	line-height: 140%;
	font-style: normal;
	font-weight: normal;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	/*line-height: 1;*/
	/* except MacIE \*/
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", "Lucida Grande",
	             "Osaka", sans-serif;
	/* affect to only MacIE \*//*/
	font-family: "ヒラギノ丸ゴ Pro W4", "Osaka", sans-serif;
	/* end */
	text-decoration: none;
	background-image: url(http://www.fm785.jp/img/back.jpg);
	background-repeat         : repeat-x;
	background-color: #FFFFFF;
	text-align: center;
}

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address {
	display: block;
	text-align: left;
}

a, a:visited {
	color: #0000ff;
}

a:hover {
	color: #0000ff;
	text-decoration: none;
}

a img {
  border: none;
  text-decoration: none;
}


/* -------- strong */
strong {
  margin: 0 0.2em;
  padding: 0;
  font-weight: bold;
}

/* -------- em */
em {
  margin: 0 0.2em;
  padding: 0;
  font-weight: normal;
  text-decoration: underline;
}


/* ---------------- top */

#top {
	width: 790px;
	height: 40px;
	background: url(http://www.fm785.jp/img/back-ue.png) no-repeat top center;
	margin: 15px auto 0 auto;
	text-align: center;
}

/* ------- IE7用 */
*:first-child+html #top {
	margin: 15px 0 0 0;
}

#top h1 {
	color: #524105;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 15px 0 0 30px;
	float:left;
}

#top #rss {
	font-size: 12px;
	float:right;
	padding: 15px 25px 0 0;
}

/* ------- IE7用 */
*:first-child+html #top #rss {
	left:330px;
} 

/* ---------------- container */
#container {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(http://www.fm785.jp/img/back-naka.png) repeat-y top center;
/*	background-color: #ea008c; */
	padding: 0px;
	text-align: left;
	float: center;
	display:block;
}

/* ------- IE7用 */
*:first-child+html #container {
	height: 100%;
	margin: 0;
}

/* ---------------- header */
#header {
/*	background-color: #00ff00; */
	width: 770px;
	height: 100px;
	margin: 0px 0px 0px 0px;
/*	padding: 10px 0px 10px 0px;*/
	padding: 0px 10px 0px 10px;
	float: left;
	display:block;
}

/* ---------------- banner */
#banner {
/*	background-color: #e4ceff; */
	background: url(http://www.fm785.jp/img/banner.jpg) top center no-repeat;
	width: 770px;
	height: 74px;
/*	margin: 10px 0px 10px 0px; */
	padding: 0 0 0 0;
	text-align: left;
	position:relative;
	display:block;
}

/* ---------------- topnavi */
/* ---
#navi {
	background-color: #bb915f;
	width: 770px;
	height: 16px;
	margin:  -8px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	text-align: left;
	float: left;
	display:block;
}

#navi1, #navi1 a {
	float: left;
	width: 49px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi1.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi1 a:hover {
	background: url(http://www.fm785.jp/img/navi1.jpg) no-repeat;
}

#navi2, #navi2 a {
	float: left;
	width: 99px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi2.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi2 a:hover {
	background: url(http://www.fm785.jp/img/navi2.jpg) no-repeat;
}

#navi3, #navi3 a {
	float: left;
	width: 60px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi3.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi3 a:hover {
	background: url(http://www.fm785.jp/img/navi3.jpg) no-repeat;
}

#navi4, #navi4 a {
	float: left;
	width: 100px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi4.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi4 a:hover {
	background: url(http://www.fm785.jp/img/navi4.jpg) no-repeat;
}

#navi5, #navi5 a {
	float: left;
	width: 100px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi5.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi5 a:hover {
	background: url(http://www.fm785.jp/img/navi5.jpg) no-repeat;
}

#navi6, #navi6 a {
	float: left;
	width: 60px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi6.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi6 a:hover {
	background: url(http://www.fm785.jp/img/navi6.jpg) no-repeat;
}

#navi7, #navi7 a {
	float: left;
	width: 61px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi7.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi7 a:hover {
	background: url(http://www.fm785.jp/img/navi7.jpg) no-repeat;
}

#navi8, #navi8 a {
	float: left;
	width: 83px;
	height: 16px;
	background: url(http://www.fm785.jp/img/navi8.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}

#navi8 a:hover {
	background: url(http://www.fm785.jp/img/navi8.jpg) no-repeat;
}


#siteNavi {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
	background-color: transparent;
	text-indent:10px;
	line-height: 30px;
}
-- */



/* ---------------- main,main1,main2,main3 */
#main {
/*	background-color: #ff0000; */
	width:580px;
	padding: 5px;
	margin: 0px;
	float: left;
	text-align: left;
	display:block;
	overflow: hidden;
}

#main1 {
	padding: 0;
	margin: 0px 0px 5px 20px;
	text-align: left;
}

#main1 h3 {
	background-image: url(http://www.fm785.jp/img/h1.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left: 30px;

}

#main1 img {
	padding: 0 8px 0 0 ;
}

#main1 p {
	font-size: 12px;
	line-height: 140%;
	padding: 0 0 0px 10px;
}

#main2 {
	width:545px;
	border:#BC9260 0px solid;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#main2 h3 {
	background-image: url(http://www.fm785.jp/img/h1.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left: 30px;
}

#main2 img {
	padding: 0 2px 0 5px;
	text-align: center;
}

#main2 p {
	font-size: 12px;
	line-height: 140%;
	padding: 0 0 15px 0;
}

#sk {
	padding: 0 0 0 2px;
	text-align: center;
}

#main3 {
	width:545px;
	border:#BC9260 1px solid;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#main3 h3 {
	font-size:14px;
	background-image: url(http://www.fm785.jp/img/h1.jpg);
	background-repeat: no-repeat;
	background-position:top left;
/*	margin: 0 0 0 0; */
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height:25px;
	text-align: left;
	padding: 0px 0px 3px 25px;

}

#main3 h4 {
background-image: url(http://www.fm785.jp/img/h2.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	color: #ea6364;
	font-size:12px;
	margin: 0;
	text-align: left;
	padding: 5px 0 3px 20px;
}

#main3 p {
	padding: 0 0 10px 20px;
	margin: 0;
}

/* ---------------- ex 導入事例 */
#ex {
	width:545px;
	border:#BC9260 1px solid;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0;
}

#ex h3 {
	background-image: url(http://www.fm785.jp/img/h1.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 0;
	line-height: 20px;
	font-size: 14px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left: 30px;
}

#ex h4 {
	font-size:10px;
	margin: 0;
	text-align: left;
	padding: 0 0 0 5px;
}

#ex p {
	padding: 10px 0 5px 17px;
	margin: 0;
}

/* ---------------- topix 新着情報 */
#dt {
	width:100px;
	height:17px;
	margin: 0;
	padding: 0;
	position:relative;
	top: -130px;
	left:450px;
	z-index:10;
}

/* ------- IE7用 */
*:first-child+html #dt {
	top: -135px;
	left:220px;
}

#topix {
	width:545px;
	border:#BC9260 1px solid;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 25px;
}

#topix h3 {
	background-image: url(http://www.fm785.jp/img/h1.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left: 30px;
}

#topix p {
	padding: 0 0 5px 10px;
	margin: 0;
}

.day {
	color: #e72c41;
	padding: 0 10px 0 0 ;
}

#topix ul {
	padding: 0 0 5px 0px;
	margin: 0;
	line-height:1.0em;
	}
#topix li {
	padding: 0 0 5px 10px;
	margin: 0;
	line-height:1.1em;
	}
#topix span {
	color:#FF0000;
	padding: 0 10px 0 0 ;
	}


/* ---------------- menu content-width -> 200px  */ 
#menu {
/*	background-color: #00ffff; */
/*	background-color: #ffffff; */
	width: 190px;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
/*	padding-top: 0px;
	padding-bottom: 10px; */
	float: left;
/*	display: inline; */
	display: block;
	overflow: hidden;
}

#menu h4 {
	width: 150px;
	height: auto;
	padding:0;
	margin:0;
}

#menu ul {
	width: 150px;
	height: auto;
	display: block;
	list-style: none;
	padding: 0 5px 5px 5px;
	margin: 0 0 5px 0;
}

#menu ul:after{
	content : "";
	display : block;
	height : 0;
	clear : both;
}

#menu ul li {
background: url(http://www.fm785.jp/img/32.png) no-repeat #FFFFFF 0 5px;
padding:0 0 0 8px;
margin:0;
}


/* ---------------- footer */
#footer {
	height: 70px;
	width: 790px;
	text-align: center;
	color: #524105;
	margin-right: auto;
	margin-left: auto;
	clear: both;
/*	background-color: #aaaaaa; */
	background: url(http://www.fm785.jp/img/back-sita.png) no-repeat bottom center;
}

#footer_inner {
	background: url(http://www.fm785.jp/img/footer.jpg) no-repeat top center;
	width:761px;
	height: 55px;
	text-align: center;
	font-size:12px;
	margin: 0 auto;
	padding:0;
}

#footer_inner p {
	color: #ffffff;
	text-align: center;
	font-size:12px;
	padding: 5px 0 5px 0;
	line-height:200%;
}

#footer_inner a {
	color: #ffffff;
	text-decoration: none;
}

#footer_inner a:hover {
	color: #1a9cca;
	text-decoration: underline;
}


.FloatEnd{
	clear:both;
}

.txt-img img{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#boxFloatEnd{
	clear:both;
}

/* ---------------- top page upadte infomation サイト更新情報 */
#update-info {
	width:545px;
	border:#999999 1px solid;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0;
}

#update-info h3 {
	background-image: url(http://www.fm785.jp/img/h2.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 20px;
	font-size: 14px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left: 30px;
}


#picup_inner1, #picup_inner2 {
	width:505px;
/*	border:#999999 1px solid; */
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
}

#picup_inner1 h3, #picup_inner2 h3 {
	background-image: url(http://www.fm785.jp/img/h2.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 0px;
	line-height: 20px;
	font-size: 14px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left: 30px;
}

#picup_inner1 p, picup_inner2 p {
	padding: 0 0 0px 10px;
	margin: 0;
}
/* -----------------------------------------------------------------------------
     パンくずリスト
   -------------------------------------------------------------------------- */
#breadcrumbs {
/*	background-color: #ffff26; */
	background: transparent url(http://www.fm785.jp/img/pin-01.gif) 0 5px no-repeat;
	text-align:left;
	font-size:12px;
	width: 570px;
/*		height: 20px; */
	margin: 6px 10px 0px 10px;
	padding: 0px 0px 0px 10px;
/*	display:block; */
}
/* -----------------------------------------------------------------------------
     サブページ用ページタイトル
   -------------------------------------------------------------------------- */
#main_page_title p {
	background: transparent url(http://www.fm785.jp/img/hbanar-01.gif) 15px 0px no-repeat;
	text-align:left;
	font-size:16px;
	font-weight: bold;
	width: 535px;
	height: 25px;
	padding: 16px 0px 0px 55px;
	margin: 0px 0px 0px 0px;
/*	float: left; */
	display:block;
}
/* -----------------------------------------------------------------------------
     プログラムでの置き換えメインコンテンツ
   -------------------------------------------------------------------------- */
#load_page_contet {
/*	background-color: #ffffaa; */
	text-align:left;
	font-size:12px;
	width: 580px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:block;
}
/* -----------------------------------------------------------------------------
     表タイプのテーブルレイアウト
   -------------------------------------------------------------------------- */

table.two-column {
	width: 610px;
	padding: 2px;
	border: 1px solid #e4d9cb;
	margin: 0 0 15px 0;
}

table.two-column th {
	font-size: 12px;
	text-align: left;
	padding: 5px 10px;
	background: #e4d9cb;
	border-top: 1px solid #fff;
}

table.two-column td {
	font-size: 12px;
	padding: 5px 10px;
}
/* -----------------------------------------------------------------------------
     一覧ページ用
   -------------------------------------------------------------------------- */
#list_inner {
	text-align:left;
	font-size:12px;
	margin: 6px 10px 0px 25px;
	padding: 0px 0px 0px 5px;
	border: 1px solid #e4d9cb;
	min-height: 160px;
}
#list_inner h4 {
	background: transparent url(http://www.fm785.jp/img/pin-01.gif) 0 5px no-repeat;
	border-bottom:#BC9260 1px solid;
	margin: 6px 10px 0px 10px;
	padding: 0px 0px 0px 10px;
}
#list_inner p {
	width: 500px;
	font-size:12px;
	padding: 10px;

}
#list_inner img {
	padding: 10px;
	margin: -5px 0px;
}
/* -----------------------------------------------------------------------------
     過去ログリスト
   -------------------------------------------------------------------------- */
#archive {
/*	background-color: #ffff26; */
	text-align:left;
	font-size:12px;
	width: 530px;
	height: 20px;
	margin: 2px 25px 0px 25px;
	padding: 5px 5px;
	display:block;
}
#kiji {
	text-align:left;
	font-size:12px;
	width: 70px;
	float: left;
}
/* -----------------------------------------------------------------------------
     グローバルナビゲーション
   -------------------------------------------------------------------------- */
#navi {
	background-color: #a78255;
	width: 770px;
	height: 20px;
	margin:  -8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	display:block;
	line-height:normal;
	border-bottom:1px solid #C2BDAE;
}
#navi ul {
      margin:0;
      padding: 0px;
      list-style:none;
  }
#navi li {
	display:inline;
	width: 96px;
	margin: 0;
          voice-family: "\"}\"";
          voice-family: inherit;
	padding:0;
	}
#navi a {
  display:inline;
	float:left;
	background:url("http://www.fm785.jp/img/tableft12.gif") no-repeat left top;
	margin:0;
	height: 20px;
	padding:0 0 0 4px;
	text-decoration:none;
}
#navi a span {
  float:left;
  display:block;
  background:url("http://www.fm785.jp/img/tabright12.gif") no-repeat right top;
  padding: 5px 7px 4px 6px;
	height: 11px;
  color:#E4D6CD;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navi a span {float:none;}
/* End IE5-Mac hack */
#navi a:hover span {
  color:#FFF;
  }
#navi a:hover {
  background-position:0% -42px;
  }
#navi a:hover span {
  background-position:100% -42px;
  }

#navi #current a {
        background-position:0% -42px;
}
#navi #current a span {
        background-position:100% -42px;
}
/* -----------------------------------------------------------------------------
     グローバルナビゲーション(右サイド)
   -------------------------------------------------------------------------- */
#menu1 {
	width: 171px;
	margin: 0 0 10px 0;
	border-style: solid solid none solid;
	border-color: #3D261D;
	border-size: 1px;
	border-width: 1px;
	text-align: left;
}
#menu1 ul {
	width: 171px;
	margin:0;
	padding:0;
}
#menu1 li a {
        height: 32px;
	width: 161px;
	margin: auto -8px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
}

#menu1 li a:link, #menu1 li a:visited {
	color: #E4D6CD;
	display: block;
/*	background:  url(http://www.fm785.jp/img/menu1.gif); */
	background: transparent url(http://www.fm785.jp/img/menu1.gif) 0px 0px no-repeat;
	padding: 8px 0 0 10px;
}

#menu1 li a:hover, #menu1 li #current {
	color: #FFF;
	background:  url(http://www.fm785.jp/img/menu1.gif) 0 -32px;
	padding: 8px 0 0 10px;
}

#blog-main {
	padding: 0;
	margin: 0px 0px 5px 20px;
	text-align: left;
}
#blog-main h6 {
	width: 556px;
	height: 29px;
	background: transparent url(http://www.fm785.jp/img/h1.jpg) 0px 0px no-repeat;
	padding: 6px 0px 0px 23px;
	margin: 0px;
	font-size: 14px;
}
/* -----------------------------------------------------------------------------
     パーソナリティーリスト
   -------------------------------------------------------------------------- */
#parson-list {
	width: 543px;
	margin: 0;
	border-style: solid solid solid solid;
	border-color: #3D261D;
	border-size: 1px;
	border-width: 1px;
	text-align: left;
	font-size:12px;
	height: auto;
	margin: 0px 20px 0px 5px;
	padding: 0px;
	display:inline;
}
#parson-list ul {
	margin: 15px;
	padding:0;
}
#parson-list li {
	background: transparent url(http://www.fm785.jp/img/pin-01.gif) 0 5px no-repeat;
	height: 16px;
	width: 90px;
	margin: auto -8px;
	text-decoration: none;
	display:inline;
	float: left;
	padding: 0px 0px 0px 10px;
}
/* -----------------------------------------------------------------------------
     パーソナリティーリスト
   -------------------------------------------------------------------------- */
#parson {
	text-align:left;
	font-size:12px;
	margin: 6px 10px 0px 25px;
	padding: 0px 0px 0px 5px;
	border: 1px solid #e4d9cb;
	height: auto;
	display: block;
}
#parson h4 {
	background: transparent url(http://www.fm785.jp/img/pin-01.gif) 0 5px no-repeat;
	border-bottom:#BC9260 1px solid;
	margin: 6px 10px 0px 10px;
	padding: 0px 0px 0px 10px;
}
#parson p {
	width: 500px;
	font-size:12px;
	padding: 10px;
/*	
}
#parson img {
	padding: 10px;
	margin: -5px 0px;
}
*/
/* -----------------------------------------------------------------------------
    バナー広告用
   -------------------------------------------------------------------------- */
#Divsidebanar {
	text-align: left;
	width:170px;
	height:69px;
	margin: 2px 0px 2px 0px;
	padding: 0;
	}