/*
css library
nankai-tsubasa.com
last modified @ 2008.09.15
*/

/* win IE float bag fix \*/
*html #content{height:1%;}
*html body{height:100%;}
/**/

/*全体共通の設定 */
body {
  margin: 0 auto;
  padding: 0 auto;
  text-align: center;
  background-color: #FFFFFF;
}

#chead {
  width: 950px;
  text-align: left;
  margin: 0;
  padding: 0;
}

#chead img{
  margin: 0px 0px -4px 0px;
  padding: 0;
}

#chead a, a:visited, a:hover, a:active, a:focus
{
  direction: ltr;
  outline: 0;
}
#chead #positioner
{
  position: relative;
  width: 948px;
  height: 38px;
  border-right: 1px solid #999;
  border-bottom: 2px solid #999;
  background: #fff;
}
#chead .holder
{
  position: absolute;
  width: 158px;
  height: 38px;
  top: 0;
}
#chead dl.menu
{
  width: 316px;
  float: left;
  margin: -40448px 0 0 -9999px;
}
#chead .p1
{
  left: 0;
}
#chead .p2
{
  left: 158px;
}
#chead .p3
{
  left: 316px;
}
#chead .p4
{
  left: 474px;
}
#chead .p5
{
  left: 632px;
}
#chead .p6
{
  left: 790px;
}
#chead dl.menu a
{
	display: block;
	height: 38px;
	font: normal 16px/38px ＭＳ ゴシック,Hiragino Kaku Gothic Pro;
	text-decoration: none;
	ttext-align: center;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	text-align: center;
}
#chead dl.menu dt
{
  float: left;
  padding: 0;
  position: relative;
  left: 9999px;
  z-index: 50;
  margin: 40448px 0 0 0;
}
#chead dl.menu dt a
{
  width: 157px;
  background: #eee;
  float: left;
  color: #333;
}

#chead dl.menu dt.inq a
{
  width: 157px;
  background: #ffcccc;
  float: left;
  color: #663333;
}

#chead dl.menu dt a.sub
{
  background-color: #eee;
  color: #333;
}
#chead dl.menu dt a:hover, dl.menu dt a:focus, dl.menu dt a:active
{
  margin-right: 1px;
  text-decoration: none;
  background-color: #ddd;
  color: #333;
}

#chead dl.menu dt.inq a:hover, dl.menu dt.inq a:focus, dl .menu dt.inq a:active
{
  margin-right: 1px;
  text-decoration: none;
  background-color: #ff9999;
  color: #663333;
}

#chead dl.menu dd
{
  float: left;
  padding: 0;
  margin: 0;
}
#chead dl.menu dd.dd2
{
  height: 91px;
}
#chead dl.menu dd.dd3
{
  height: 117px;
}
#chead dl.menu dd.dd4
{
  height: 143px;
}
#chead dl.menu dd:hover
{
  clear: both;
}
#chead dl.menu dd a
{
  position: relative;
  height: 25px;
  font: normal 14px/25px ＭＳ ゴシック,Hiragino Kaku Gothic Pro;
  background: #fff;
  width: 156px;
  color: #333;
  left: 9999px;
  top: -100%;
  z-index: 60;
  border-right: 1px solid #999;
}
#chead dl.menu dd a:hover, dl.menu dd a:focus, dl.menu dd a:active
{
  margin-right: 1px;
  background: #eee9d8;
  color: #333;
}

#content {
  margin: 0 auto;
  padding: 0;
  width: 950px;
}

#main{
  width: 950px;
  margin:10px 0px;
  text-align: left;
}

#columnl{
  width: 450px;
  height: 250px;
  float: left;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-right: 15px;
  text-align: left;
}

#columnl p{
  font-size: 12px;
  margin-top: 10px;
  line-height: 150%;
}

#columnr{
  width: 450px;
  height: 250px;
  margin-top: 15px;
  margin-bottom: 15px;
  float: right;
  border-left: solid 2px #999;
  padding-left: 25px;
  text-align: left;
}

#columnr p{
  font-size: 12px;
  margin-top: 10px;
  line-height: 150%;
}

#columnline{
  clear: both;
  width: 950px;
  color: #999;
  border-top: solid 2px #999;
}

.pk{
  text-align: left;
  margin:0px;
  padding: 0px 10px 10px 0px;
  font-size: 12px;
  color: #990033;
}

.ts {
  text-align: right;
  margin: 4px 0px;
  font-size: 12px;
  color: #999;
  font-weight: bold;
}

.ts a{
  color: #999;
  text-decoration: none;
}

.ts a:visited{
  color: #999;
  text-decoration: none;
}

.ts a:link{
  color: #999;
  text-decoration: none;
}

.ts a:hover{
  color: #000;
  text-decoration: none;
}

.pk a{
  font-size: 12px;
  color: #990033;
  text-decoration: none;
}

.pk a:hover{
  font-size: 12px;
  color: #660033;
  text-decoration: none;
}

#main .uc{
  margin: 200px 10px 200px 10px;
  color: #666;
}

#foot{
  clear: both;
  padding: 20px 0px 5px;
  text-align: left;
  vartical-align: text-bottom;
  font-size: 10px;
  color: #333;
}

#foot .lf{
  float: left;
  text-align: left
}

#foot .rf{
  float: right;
}


.ptitle{
  margin-top: 30px;
  margin-left: 0px;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  color: #666;
}

#companyinfo{
  text-align: left;
  margin-bottom: 40px;
  color: #333;
  font-size: 12px;
  line-height: 1.4ems;
}

#companyinfo .title{
  margin-bottom: -5px;
  font-size: 14px;
  line-height: 1.5ems;
  font-weight: bold;
}

#companyinfo .con{
  padding-left: 10px;
  font-size: 12px;
  line-height: 1.5em;
  font-weight: normal;
}

#catchl{
  margin: 10px 0px;
}

.lead{
  margin: 10px 0px;
  font-size: 14px;
  color: #333;
  line-height: 1.6em;
}

#concept01{
  padding: 20px;
  width: 910px;
		background: url(../images/concept/pic01.gif) top right no-repeat #FAEBF5;
		margin-bottom: 30px;
}

#concept02{
  padding: 20px 20px 20px 340px;
  width: 590px;
		background: url(../images/concept/pic02.gif) top left no-repeat #E7EFF7;
		margin-bottom: 30px;
}

#concept03{
  padding: 20px;
  width: 910px;
		background: url(../images/concept/pic03.gif) top right no-repeat #E7F5E6;
		margin-bottom: 30px;
}

.cleft{
  margin: 0px;
		width: 280px;
		float: left;
}

.cleft p{
  margin-top: 0px;
		margin-bottom: 5px;
		font-size: 12px; line-height: 18px; font-weight: normal; color: #333;
}

.cleft .ctitle{
  font-size: 14px; line-height: 20px; font-weight: bold; color: #B4283C;
}

.cright{
  margin-left: 20px;
		width: 280px;
		float: left;
}

.cright p{
  margin-top: 0px;
		margin-bottom: 5px;
		font-size: 12px; line-height: 18px; font-weight: normal; color: #333;
}

.cright .cs{
  font-size: 11px; line-height: 16px; font-weight: normal; color: #333;
}

.cclear{
  margin: 0px;
		padding: 0px;
  clear: both;
}

.cr {  font-size: 10px; line-height: 14px; font-weight: normal; color: #333333}
td {  font-size: 12px; font-weight: normal; color: #333333; line-height: 18px}
.catch {  font-size: 12px; line-height: 20px; font-weight: normal; color: #333333}
.navi {  font-size: 10px; font-weight: normal; color: #999999; line-height: 10px}
.news {  font-size: 10px; font-weight: normal; color: #333333}
.cap12 {  font-size: 12px; line-height: 16px; font-weight: bold; color: #B4283C;}
.cap14 {  font-size: 14px; line-height: 18px; font-weight: bold; color: #B4283C; margin: 2px 0px;}
.j10 {  font-size: 10px; font-weight: normal; color: #333333; line-height: 15px}
a:link.j10 {  color: #B4283C; text-decoration: none}
a:visited.j10 {  color: #B4283C; text-decoration: none}
a:hover.j10 {  color: #ff9900; text-decoration: underline}
a:link {  color: #003366; text-decoration: none}
a:visited {  color: #003366; text-decoration: none}
a:hover {  color: #B4283C; text-decoration: underline}
.pcap {  font-size: 10px; line-height: 12px; font-weight: normal; color: #333333}
.sellnews {  font-size: 9px; line-height: 15px; font-weight: normal; color: #333333}
.outline {  font-size: 12px; line-height: 25px; color: #333333}
.j9 {  font-size: 10px; line-height: 14px; color: #333333}
.guide {  font-size: 12px; line-height: 20px; color: #333333}
sup {  font-size: 8px}select {  font-size: 10px; color: #333333; background-color: #FFFFFF; border-style: inset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
input {  font-size: 12px; color: #333333; border-color: #CCCCCC #000000 #000000 #CCCCCC; background-color: #eeeeee; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px}
.caution {  font-size: 10px; color: #CC0000}
h1 {  font-size: 12px; line-height: 1.8em; color: #333333; font-weight: normal}
.btntxt {  font-size: 10px; font-weight: normal; color: #666666; margin-bottom: 3px}
hr {height: 1px; color: #666;}
.crtitle {  font-size: 16px; line-height: 20px; font-weight: bold; color: #B4283C}
.j12b {  font-size: 12px; line-height: 12px; font-weight: bold; color: #333333}
.ind {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 16px; line-height: 1.4em; font-weight: bold; color: #B4283C}
.qes {  font-family: "ＭＳ Ｐゴシック", "Osaka"; font-size: 12px; font-weight: bold; color: #006699}