@chareset "UTF-8";

/* ヘッダのデザイン */
h1 {
	margin:0;
	padding-bottom:4px;
	line-height:1.2em;
	font-size:9pt;
	font-family:"小塚ゴシック Pro EL",sans-serif;
}

h1 a {
	margin:0 4px 0 4px;
	color:#999999;
}

h1 a:hover{
	color:#FF6600;
}


/* mainのデザイン */
.main {
	float:left;
	width:570px;
	_width:100%;/* IEのバグ対策 */
	margin-top:10px;
	margin-bottom:60px;
	background-color:#ffffff;
}

.main h2 {
	margin-bottom:10px;
	margin-right:20px;
	padding-left:10px;
	padding-bottom:4px;
	font-size:12pt;
	font-weight:bold;
	color:#666666;
	border-bottom:1px dotted #666666;
}

.main p{
	margin-left:140px;
	margin-top:10px;
	margin-left:150px;
	border:1px solid #d5d5d5;
	padding: 10px 10px 10px 10px;
}

.photo{
	float:left;
	left:10;
	margin:10px 0 0 0px;
}

.text1{
	float:left;
	margin:0px 0 0 20px;
	padding:0 0 10px 0;
	width:420px;
	font-size:11pt;
	color:#666666;
	border:1px solid #FFFFFF;
}


.text2{
	float:left;
	margin:0px 0 0 20px;
	padding-left:50px;
	width:500px;
	font-size:11pt;
	color:#666666;
	text-align:left;
	border:1px solid #FFFFFF;
}

.bbs{
	position:relative;
	width:730px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:180px;
}

p {padding:0 10px;}

p img {float:left;
	margin:0 10px 10px 0;}

.main h3 {
	margin-top:1em;
	margin-left:1em;
	padding-left:1em;
	width=100%
	background:url("images/green.gif") no-repeat left;}

p.categories {
	clear:both;
	margin:5px 10px;
	text-align:right;
	border-top:dashed 1px #d5d5d5;}


/* ------------------------------
サブナビゲーション
------------------------------ */
#sub-navi {
	width: 750px;
	height:20px;
	font-size: small;
	position: relative;
	margin-bottom:2px;
}
 
#sub-navi ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

#sub-navi ul li {
	padding-left:10px;
	float: left;
}
 
#sub-navi ul a {
	height: 18px;
	color: #999999;/*FFFFFF;*/
	font-size:12px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	display: block;
	position: relative;
	margin-left:6px;
	z-index: 10;
}

#sub-navi ul a:hover {
	color: #FFFFFF;
}

#menu-top a { width: 30px; }
#menu-company a { width: 50px; }
#menu-works a { width: 40px; }
#menu-other a { width: 70px; }
#menu-price a { width: 30px; }
#menu-contact a { width: 50px; }


#sub-navi li.background {
	position: absolute;
	z-index: 8;
	visibility: hidden;
}
 
#sub-navi li.background .left {
	height: 16px;
	margin-top:2px;
	background: url("../img/fancymenu/bg-menu.gif") no-repeat top left;
	margin-left: 0;
}

/*　メニュー */
.menu {
	margin:10px;
}

.menu h2 {
	margin:0;
	padding:2px 5px;
	color:#FFFFFF;
	background-color:#FF9900;
}

.menu ul {
	margin:0;
	padding:0 5px 10px 5px;
	list-style-type:none;
}

.menu li {
	padding:2px 0 2px 15px;
	background:url("images/list_icon.gif") no-repeat left;
	border-bottom:1px dotted #666666;
}

/* トップ　コンタクトボタン */
#topcon a{
	text-indent: -9998px;
	float:right;
	margin:4px 0 4px 0;
	display: block;
	width: 154px;
	height: 20px;
	background-image: url("img/top_contact.gif");
	background-repeat: no-repeat;
}
#topcon a:hover { background-position:-160px 0; }
#topcon a:active { background-position:-320px 0; }


.linkmenu{
	margin:10px 10px 50px 10px;
}

.linkmenu ul{
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
}

.linkmenu li{
	margin:0;
	padding:0 0 0 0;
	text-align:right;
	font-weight:none;
	line-height:1.5em;
	_line-height:1.3em;
}

.linkmenu a {
	color: #666666;
	padding-left:0;
	font-size:14px;
	_font-size:13px;
	_line-height:0.6em;
	text-decoration:none;
}

.linkmenu a:hover {
	color: #FF6600;
	text-decoration:none;
}

/* リンク */
#link a{
	text-indent: -9999px;
	margin:0;
	display: block;
	width: 150px;
	height: 18px;
	background-image: url("img/link.png");
	background-repeat: no-repeat;
}
#link a:hover { background-position: -150px 0; }
#link a:active { background-position: -300px 0; }

/* メンバーブログ */
#memberBlog a{
	text-indent: -9999px;
	margin:0;
	display: block;
	width: 150px;
	height: 18px;
	background-image: url("img/memberBlog.png");
	background-repeat: no-repeat;
}
#memberBlog a:hover { background-position: -150px 0; }
#memberBlog a:active { background-position: -300px 0; }

/* バックナンバー */
#archives a{
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 18px;
	background-image: url("img/backnumber.png");
	background-repeat: no-repeat;
}
#archives a:hover { background-position: -150px 0; }
#archives a:active { background-position: -300px 0; }



/* ロールオーバーボタンのデザイン */
#globalnavi {
	margin:0;
	padding-top:0;
	padding-left:10px;
	list-style-type: none;/* ----- リストマークの削除*/
	width: 150px;
}

#globalnavi li {
  width: 150px;
  height: 20px;
  padding-bottom:6px;
}

#globalnavi a {
  text-indent: -9999px;/* ----- テキストを隠す*/
  text-decoration: none;
  display: block;
  width: 150px;
  height: 20px;
  _height: 10px;
  background-image: url("img/menubtn.png");
  background-repeat: no-repeat;
}

#menu1 a { background-position: 0 0; }/* ----- 表示画像の位置を指定*/
#menu2 a { background-position: 0 -20px; }
#menu3 a { background-position: 0 -40px; }
#menu4 a { background-position: 0 -60px; }
#menu5 a { background-position: 0 -80px; }
#menu6 a { background-position: 0 -100px; }
#menu7 a { background-position: 0 -120px; }

#globalnavi a:hover {
  text-decoration: none;
  background-image: url("img/menubtn.png");
  background-repeat: no-repeat;
}

#menu1 a:hover { background-position: -150px 0; }/* ----- 入れ替え画像の位置を指定*/
#menu2 a:hover { background-position: -150px -20px; }
#menu3 a:hover { background-position: -150px -40px; }
#menu4 a:hover{ background-position: -150px -60px; }
#menu5 a:hover{ background-position: -150px -80px; }
#menu6 a:hover{ background-position: -150px -100px; }

#menu1 a:active { background-position: -300px 0; }/* ----- 入れ替え画像の位置を指定*/
#menu2 a:active { background-position: -300px -20px; }
#menu3 a:active { background-position: -300px -40px; }
#menu4 a:active{ background-position: -300px -60px; }
#menu5 a:active{ background-position: -300px -80px; }
#menu6 a:active{ background-position: -300px -100px; }