/*  
Theme Name: lifetarget 
Theme URI: http://lifetarget.jp
Description: lifetarget WEB SITE
Version: 1.0
Author: nahcok
*/

@charset "utf-8";

body {
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
}

#container {
	height: auto;
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
#header {
	height: 108px;
	width: 810px;
	background-image: url(img/header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#header h1 {
	text-indent: -9999px;
}
#header p {
	text-indent: -9999px;
}
#navi {
	height: 36px;
	width: 810px;
	margin-bottom: 9px;
}
#navi #MenuBar2 li {
	display: block;
	height: 36px;
	width: 135px;
	float: left;
	font-size: 9pt;
	text-indent: -9999px;
}

#navi .menu1 {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu2 {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -135px top;
}
#navi .menu3 {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -270px top;
}
#navi .menu4 {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -405px top;
}
#navi .menu5 {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -540px top;
}
#navi .menu6 {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -675px top;
}
#navi .menu1a {
	display: block;
	background-image: url(img/menu1a.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu1b {
	display: block;
	background-image: url(img/menu1b.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu1c {
	display: block;
	background-image: url(img/menu1c.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}

#navi .menu1 a {
	display: block;
	background-image: url(img/navi.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu2 a {
	display: block;
	background-image: url(img/navi.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -135px top;
}
#navi .menu3 a {
	display: block;
	background-image: url(img/navi.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -270px top;
}
#navi .menu4 a {
	display: block;
	background-image: url(img/navi.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -405px top;
}
#navi .menu5 a {
	display: block;
	background-image: url(img/navi.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -540px top;
}
#navi .menu6 a {
	display: block;
	background-image: url(img/navi.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -675px top;
}
#navi .menu1a a {
	display: block;
	background-image: url(img/menu1a.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu1b a {
	display: block;
	background-image: url(img/menu1b.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu1c a {
	display: block;
	background-image: url(img/menu1c.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}

#navi .menu1 a:hover {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu2 a:hover {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -135px top;
}
#navi .menu3 a:hover {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -270px top;
}
#navi .menu4 a:hover {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -405px top;
}
#navi .menu5 a:hover {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -540px top;
}
#navi .menu6 a:hover {
	display: block;
	background-image: url(img/navi-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: -675px top;
}
#navi .menu1a a:hover {
	display: block;
	background-image: url(img/menu1a-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu1b a:hover {
	display: block;
	background-image: url(img/menu1b-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}
#navi .menu1c a:hover {
	display: block;
	background-image: url(img/menu1c-f2.jpg);
	background-repeat: no-repeat;
	height: 36px;
	width: 135px;
	background-position: left top;
}

.non {
	text-indent: -9999px;
}
#flash {
	height: 423px;
	width: 810px;
	margin-bottom: 9px;
}

#main {
	width: 810px;
}
#main #contents {
	width: 585px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 18px;
	float: left;
}
#main #contents h2 {
	font-size: 110%;
	font-weight: bold;
	color: #003300;
	background-image: url(img/ball2.gif);
	background-repeat: no-repeat;
	padding-left: 45px;
	padding-top: 4px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px dotted #9999CC;
}
#main #contents h3 {
	font-size: 100%;
	font-weight: bold;
	color: #003300;
	margin-bottom: 9px;
	margin-top: 9px;
}
#main #contents h4 {
	font-size: 100%;
	font-weight: bold;
	color: #CC0000;
}
#main #contents ul {
	margin-top: 9px;
	margin-bottom: 18px;
	margin-left: 9px;
	line-height: 120%;
	list-style: disc;
}
#main #contents ol {
	margin-top: 9px;
	margin-bottom: 18px;
	margin-left: 18px;
	line-height: 120%;
	list-style: decimal;
}
#main #contents li {
	list-style: outside;
	margin-left: 18px;
}
#main #contents table {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-top: 9px;
	margin-bottom: 9px;
}
#main #contents td {
	padding: 9px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	vertical-align: top;
}
.td-blue {
	background-color: #CCCCFF;
}


#main #contents .postdate {
	font-size: small;
	margin-bottom: 9px;
	text-align: right;
}
#main #contents img {
	margin-right: 6px;
	margin-left: 6px;
}
#main #contents p {
	line-height: 130%;
	margin-top: 9px;
	margin-bottom: 18px;
	margin-left: 9px;
}



#main #navi-left {
	float: left;
	width: 252px;
	padding-left: 9px;
	padding-right: 9px;
}
#main #navi-left h2 {
	margin-bottom: 9px;
}
#main #navi-left h3 {
	margin-bottom: 9px;
}
#main #navi-left ul {
	margin-bottom: 9px;
}


#main #navi-left li {
	font-size: 12px;
	display: block;
	margin-bottom: 6px;
}
#main #navi-left li a {
	font-size: 12px;
	height: auto;
	width: 220px;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 30px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
}
#main #navi-left li a:hover {
	font-size: 12px;
	height: auto;
	width: 220px;
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 30px;
	border: 1px solid #FF99CC;
	text-decoration: none;
}

#main #navi-left .au {
	background-image: url(img/au.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#main #navi-left .us {
	background-image: url(img/am.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#main #navi-left .jp {
	background-image: url(img/jp.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

#main #navi-left2 {
	float: left;
	width: 252px;
	padding-left: 9px;
	padding-right: 9px;
}
#main #navi-left2 h2 {
	margin-bottom: 9px;
}
#main #navi-left2 h3 {
	margin-bottom: 9px;
}
#main #navi-left2 ul {
	margin-bottom: 9px;
}


#main #navi-left2 li {
	font-size: 12px;
	display: block;
	margin-bottom: 6px;
	height: 81px;
	width: 252px;
}
#main #navi-left2 li a {
	font-size: 12px;
	height: 81px;
	width: 252px;
	display: block;
	border: 1px solid #CCCCCC;
	text-decoration: none;
}
#main #navi-left2 li a:hover {
	font-size: 12px;
	height: 81px;
	width: 252px;
	display: block;
	border: 1px solid #FF99CC;
	text-decoration: none;
}

#main #navi-left2 .au {
	background-image: url(img/navi-au01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#main #navi-left2 .au2 {
	background-image: url(img/navi-au02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#main #navi-left2 .us {
	background-image: url(img/navi-us.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
#main #navi-left2 .jp {
	background-image: url(img/navi-jp.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}

#main #pick-up {
	float: left;
	width: 342px;
	height: auto;
}
#main #pick-up #hotnews {
	height: 258px;
	width: auto;
	overflow: auto;
	margin-top: 3px;
	margin-bottom: 9px;
}
#main #pick-up #hotnews .news h3 {
	clear: both;
	font-weight: bold;
	padding-top: 3px;
	font-size: 1.1em;
}

#main #pick-up #hotnews .news {
	height: auto;
	width: 324px;
	padding-bottom: 6px;
	float: left;
	border-bottom: 1px dotted #CCCCCC;
	font-size: 0.9em;
}
#main #pick-up #hotnews img {
	float: left;
	width: 90px;
	height: 67px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 6px;
}
#main #pick-up #hotnews .news .newsdata {
	font-size: 12px;
	float: left;
}


#main #pick-up #bn-area {
	height: auto;
	width: 342px;
	clear: left;
}
#main #pick-up #bn-area .bn {
	float: left;
	height: 99px;
	width: 342px;
	border: 1px solid #CCCCCC;
	margin-bottom: 6px;
}
#main #pick-up #bn-area li {
	margin-bottom: 6px;
	height: 99px;
	width: 342px;
	border-top: #CCCCCC;
	border-right: #CCCCCC;
	border-bottom: #CCCCCC;
	border-left: #CCCCCC;
	display: block;
}

#main #pick-up #bn-area li a {
	height: 99px;
	width: 342px;
	display: block;
	text-decoration: none;
	border: 1px solid #CCCCCC;
}
#main #pick-up #bn-area li a:hover {
	height: 99px;
	width: 342px;
	display: block;
	border: 1px solid #FF99CC;
	text-decoration: none;
}

#main #navi-right {
	float: left;
	width: 189px;
	padding-left: 9px;
}
#main #navi-right li {
	margin-bottom: 6px;
	height: 63px;
	width: 180px;
	border-top: #CCCCCC;
	border-right: #CCCCCC;
	border-bottom: #CCCCCC;
	border-left: #CCCCCC;
	display: block;
}

#main #navi-right li a {
	font-size: 12px;
	height: 63px;
	width: 180px;
	display: block;
	text-decoration: none;
	border: 1px solid #CCCCCC;
}
#main #navi-right li a:hover {
	font-size: 12px;
	height: 63px;
	width: 180px;
	display: block;
	border: 1px solid #FF99CC;
	text-decoration: none;
}
.navi-right-info {
	font-size: 0.9em;
	padding-top: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
}



#footer {
	clear: left;
	height: auto;
	width: 774px;
	font-size: 12px;
	padding: 18px;
	background-color: #CEE6FF;
	margin-top: 18px;
}
#footer .copyright {
	font-weight: bold;
	padding-top: 9px;
}

/**/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* WinIE7 only */
*:first-child+html .clearfix{
  height:1%;
}

/* WinIE6 and below */
/*\*/
* html .clearfix{
  height:1%;
}
/**/

/* MacIE only */
/*\*//*/
.clearfix{
  display:inline-table;
}
/**/
