@charset "utf-8";
/*--------------------------------------------------------------------------
   サイト：トイレ市場.com CSS「index.css」
----------------------------------------------------------------------------
■制作者：miwacs
■最終更新日：(2012-11-18)
■スタイル階層
    |
    |--base.css
    |--index.css(*)
------------------------------------*/

body {
	background-color: #fff;
	background-image: url(../images/tateobi.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color:#FCC;
}
#wrapper {
	width: 980px;
	hight: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #fff;
}
#header {
	background-image: url(../images/header.jpg);
	height:120px;
	background-repeat: repeat-x;
	background-position: left top;
}

h1 {
	padding-left:15px;
	hight:100px;
}


p{
	line-height: 1.5em;	
}

a:hover img{
  opacity:0.6;
  filter: alpha(opacity=60); /* for IE6 */
}

#side2 h3{
	font-weight: bold;
	background-image: url(../images/border_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin:10px;
	padding-bottom:5px;
}

#main ul li {
	margin-left: 22px;
	margin-top:5px;
}

a {
	color: #0033cc;
	border-bottom-width: 1px;
	text-decoration: none;
}
a:hover {
	color: #0033cc;	
	border-bottom-width: 1px;
	text-decoration: underline;
}
	
#gNav {
	height: 57px;
	clear: both;
	background-color:#fff;
}

#gNav li {
	float: left;
	text-align:center;
	font-weight:bold;
	display: block;
}
	
#gNav2 {
	height: 36px;
	clear: both;
	background-color:#fff;
}

#gNav2 li {
	float: left;
	text-align:center;
	font-weight:bold;
	display: block;
}

#contents_h {
	background:#FFF;
	height: 30px;
	clear: both;
	line-height: 30px;
	width: 930px;
	padding-left:40px;
	
}

/*--------------------------------------------------------- ナビ */

#menunavi {
text-align:center;
margin:1px 0 0 0;
padding:4px 0;
}

.menunavi li {
display:inline;
margin:0 10px 0 0;
padding:0 10px 0 0;
border-right:1px solid #999;
}

.fnavi .lb {
padding:0 10px;
border-left:1px solid #999;
}

#fnavi {
text-align:center;
margin:1px 0 0 0;
padding:4px 0;
}

.fnavi li {
display:inline;
margin:0 10px 0 0;
padding:0 10px 0 0;
border-right:1px solid #999;
}

.fnavi .lb {
padding:0 10px;
border-left:1px solid #999;
}


/* -----------------------------
    右サイドカラム
----------------------------- */


#side {
	padding-left:15px;
	width:250px;
	height:auto;
	float: left;
}

#side ul li {
	font-size: 120%;
}

#side  ul  li a {
	display: block;
	width: 250px;
}

#side p {
	margin-bottom: 10px;
}

#side h4 {
	margin-bottom:10px;
	line-height: 150%;
}

.side {
	background-image: url(../images/bg_side.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#side .side ul {
	width: 250px;
	margin: 0px;
	padding: 0px;
}

ul.pulldown-menu a:link,
ul.pulldown-menu a:visited {
	background-image: url(../images/bg_side_ul.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
/*ul.pulldown-menu a:hover,
ul.pulldown-menu a:active {
	background: #FF9933;

}*/
.listmenu {
	background-image: url(../images/bg_side_ul.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}


ul.pulldown-menu li a {
	padding-left:30px;
        display: block;
        width: 220px;
        height: 25px;
		line-height:2em;
}
	

/* -----------------------------
    メインカラム
----------------------------- */

#main {
	padding-right:15px;
	width: 680px;
	height:auto;
	float: right;
}

#main h2 {
	text-align:center;
	margin-bottom: 10px;
}

#main h3 {
	text-align:center;
	margin-bottom: 10px;
}

#main p{
	margin-bottom:10px;
}

#main-left {
	width: 250px;
	height:auto;
	float:left;
}


#main-right {
	width: 250px;
	height:auto;
	float: right;
}


#news p{
	margin-bottom:10px;
}


.info dl {
	height:100px;
	overflow: auto;
	background: #FFF;
	margin:20px;
}
.info dt {
	clear: both;
	float: left;
	width: 7em;
	line-height: 1.5;
	background-image: url(../images/list_mark2_blue.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0.75em 0 0.75em 5px;
	margin-left: 10px;
}
.info dd {
	padding: 0.75em 1em 0.75em 0;
	line-height: 1.5;
	background-image: url(../images/border_dot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

/* ========================================================
     下部エリア
======================================================== */

#footer {
	padding-top:40px;
	padding-right:30px;
	clear: both;
	height: 200px;
	text-align: right;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	background-color: #fff;
}

#footer ul {
	padding-top: 8px;
	color: #666;
	clear: both;
}
#footer ul li {
	display: inline;
}
#footer ul li a {
	color: #666;
}
#footer ul li a:hover {
	color: #333;
}

#footer address {
	color: #666;
	margin-top: 10px;
}

/* ========================================================
     共通
======================================================== */
.cb{
	clear: both;
	}
.pagetop {
	text-align: right;
	clear: both;
	height: 30px;
	padding-right: 0px;
	line-height: 30px;
}
.pagetop2 {
	text-align: right;
	clear: both;
	height: 30px;
	padding-right: 30px;
	line-height: 30px;
}
.listall {
	text-align: right;
	background-image: url(../images/icon_page.gif);
	background-repeat: no-repeat;
	background-position: right center;
	clear: both;
	height: 30px;
	padding-right: 10px;
	line-height: 30px;
	margin-top: -40px;
}

#c_pankuzu {
	clear:both;
	margin-top:10px;
	margin-left:30px;
	text-align: left;
	margin-bottom: 11px;
}

#company {/* テーブルタグに「company」というid名を付け全体の設定する */
	width: 715px; /* テーブル全体の幅 */
	border-collapse: collapse; /* 枠線が1本になる（separateだと2本に分離） */
}
table, tr, td, th {
	border: 0px; /* 0px */
}
td, th {
	padding: 3px 5px; /* セル内余白設定 */
	color: #666666;
}
/*サイト管理ページスタイル*/

.img_hidari {
	float: left;
	margin-right: 2em;
}

.img_migi {
	float: right;
	margin-left: 2em;
}

.img_center {
	text-align: center;
	margin-bottom: 20px;
}


.cb_line {
	background-image: url(../images/bg-service_separator.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	clear: both;
}

#photo {
	float: right;
	padding-left: 30px;
	width: 213px;
	padding-bottom: 50px;
}



.subject {
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #F2F2F2;
}


/*sitemapArea*/
div#sitemapArea{
	float: left;
	width: 570px;
}

div#sitemapArea ul.sitemapList{
	margin: 0 0 0 10px;
}
div#sitemapArea ul.sitemapList li{
	margin: 0 0 15px 0;
	list-style-type: none;
}
div#sitemapArea ul.sitemapList li ul{
	padding: 15px 0 0 10px;
	background-image: url(../images/inc_sitemap_lineV.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#sitemapArea ul.sitemapList li ul li{
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	font-size: 100%;
	background-image: url(../images/inc_sitemap_lineH.gif);
	background-repeat: no-repeat;
	background-position: 0 11px;
}
div#sitemapArea ul.sitemapList li ul li.last{
	background-image: none;
}

div#sitemapArea ul.sitemapList li a:hover{
	position: relative;
	bottom: 3px;
}


#rightcolumn .seminer {
	font-size: 12px;
}

#rightcolumn .map {
	text-align:center;
	margin-bottom: 20px;
}

.indent80 {
	padding-left: 20px;
	margin-bottom:10px;
}
.indent80title{
	padding-right: 100px;
	padding-left: 100px;
	margin-bottom:10px;
	font-size: medium;
	font-weight: bold;
}

.innerLinkA01 li {
	float: left;
}

.textred {
	color: #F00;
	font-weight: bold;
	font-size: medium;
}
.textblue {
	color: #009;
	font-weight: bold;
	font-size: medium;
}
.indent {
	padding-left: 2em;
}



.sitemap {
	text-align: right;
	clear: both;
	height: 10px;
	padding-right: 10px;
	line-height: 10px;
	margin-top: -10px;
}

.midasi {
	font-size: x-large;
	font-weight: bold;
	text-align:center;
	color: #333;
	margin-top:10px;
	margin-bottom:20px;
}
.midasi2 {
	color:#F00;
	font-size: x-large;
	font-weight: bold;
	text-align:center;
	margin-top:10px;
	margin-bottom:20px;
}
.table-1{
	border-collapse:collapse;
	width: 100%;
	margin: 0px 0px 10px 0px;
	font-size:small;
}
.table-1 th{
	padding:5px;
	background: #f5ffdb;
	border:1px solid #84A6EF;
	text-align:center;
	font-weight:normal;
}
.table-1 td{
	padding:5px;
	background: #fbffef;
	border:1px solid #7B9AE7;
}

.table-1 li{
	float:left;
}
	
.table-1 a{
	color: #06F;
	display:block;
	width:160px;
}

.table-1 a:hover{
	color: #06F;
	background-color: #D2F0FF;
}