@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------
   d_hook
-------------------------------------------------- */
#mainArea #d_hook {
	line-height:160%;
	text-align:left;
}
#mainArea #d_hook  a:focus {
	outline:none;
}
#mainArea #d_hook  a, a:link, a:visited, a:focus, a:active {
	color:#3EB1B1;
	text-decoration: underline;
}
#mainArea #d_hook  a:hover {
	color: #ccc;
	text-decoration: none;
}

#mainArea #d_hook .pagetop {
	text-align:right;
	margin-bottom:10px;
	margin-top:20px;
}
#mainArea #d_hook .sky {
	color:#0099CC;
}	
		

#mainArea #d_hook h3.m_title {
	background: url(../../images/d_hook/title.jpg) no-repeat;
	height:80px;
	width:670px;
	text-indent:-9999px;
	margin-bottom:4px;
}
#mainArea #d_hook h3.m_title a{
	background: url(../../images/d_hook/pikatto_title.jpg) no-repeat;
	height:80px;
	width:670px;
	text-indent:-9999px;
	margin-bottom:4px;
	display:block;
}


#mainArea #d_hook #p_navi {
	background:url(../../images/d_hook/p_navi.jpg) no-repeat;
	width:670px;
	height:35px;
	margin-bottom:25px;
}
#mainArea #d_hook #p_navi ul {
	padding:0px;
	width:670px;
}
#mainArea #d_hook #p_navi li {
	display:inline;
	list-style-type:none;
}
#mainArea #d_hook #p_navi li a {
	height:35px;
	display:block;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/
#mainArea #d_hook #p_navi li.p_navi01 a {
	background:url(../../images/d_hook/p_navi.jpg) no-repeat 0px 0px;
	width:224px;
}
#mainArea #d_hook #p_navi li.p_navi02 a {
	background:url(../../images/d_hook/p_navi.jpg) no-repeat -224px 0px;
	width:223px;
}
#mainArea #d_hook #p_navi li.p_navi03 a {
	background:url(../../images/d_hook/p_navi.jpg) no-repeat -447px 0px;
	width:223px;
}

/*------hover*/
#mainArea #d_hook #p_navi li.p_navi01 a:hover {
	background:url(../../images/d_hook/p_navi.jpg) no-repeat 0px -35px;
	width:224px;
}
#mainArea #d_hook #p_navi li.p_navi02 a:hover {
	background:url(../../images/d_hook/p_navi.jpg) no-repeat -224px -35px;
	width:223px;
}
#mainArea #d_hook #p_navi li.p_navi03 a:hover {
	background:url(../../images/d_hook/p_navi.jpg) no-repeat -447px -35px;
	width:223px;
}

/*#mainArea #d_hook h3.ht1 {
	background:url(../../images/d_hook/ht1.jpg) no-repeat;
	height:36px;
	width:670px;
	text-indent:-9999px;
}
#mainArea #d_hook h3.ht2 {
	background:url(../../images/d_hook/ht2.jpg) no-repeat;
	height:36px;
	width:670px;
	text-indent:-9999px;
}*/
#mainArea #d_hook h3.ht1 {
	background:url(../../images/d_hook/htimg1.jpg) no-repeat;
	height:85px;
	width:650px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}
#mainArea #d_hook h3.ht2 {
	background:url(../../images/d_hook/htimg2.jpg) no-repeat;
	height:85px;
	width:650px;
	text-indent:-9999px;
	margin-left:auto;
	margin-right:auto;
}	
#mainArea #d_hook .d_hook_contents {
	padding:10px;
	text-align:left;
}

#mainArea #d_hook .d_hook_contents .g_box {
	border:solid 1px #E0E0E0;
	padding:25px 33px;
	margin-bottom:20px;
	background:#FFFFFF;
}
#mainArea #d_hook .d_hook_contents .g_box .img_box {
	float:left;
	width:220px;
}

#mainArea #d_hook .d_hook_contents .g_box .h_box {
	float:right;
	width:330px;
}

#mainArea #d_hook .d_hook_contents .g_box .h_box table.shiyo {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 330px;
  border-collapse: collapse;
  border: solid 1px #D9D9D9;
  font-size: 100%;
}

#mainArea #d_hook .d_hook_contents .g_box .h_box table.shiyo th,
#mainArea #d_hook .d_hook_contents .g_box .h_box table.shiyo td {
  border-right: solid 1px #D9D9D9;
  border-bottom: dotted 1px #D9D9D9;  
  padding: 4px 6px;
  width:33%;
  text-align:center;
}

#mainArea #d_hook .d_hook_contents .g_box .h_box table.shiyo th.komoku {
  background: url(../../images/d_hook/th_bg.jpg) repeat-x #fff;
  text-align: center;
  white-space: nowrap;
  color:#535353;
}
#mainArea #d_hook .d_hook_contents .g_box .h_box table.shiyo th.size {
	background:#F5F5F5;
	text-align:left;
	font-weight:normal;
}