@charset "UTF-8";
/* default.css */

/*
########################################################
  default style
########################################################
*/

*{
	margin:0;
	padding:0;
	color:#333333;
	font-family:"メイリオ",meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:left;
}

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	font-size: 13px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	background-color: #fff;
	line-height:1.2;
	margin:0;
	padding:0;
}

img{
	border:none;
	margin:0;
	padding:0;
}

li{
	list-style-type:none;
}

input{
	padding:1px;
}

body div {
	margin:0;
	padding: 0;
}


a,
a:active,
a:visited {
text-decoration:underline;
color:#666666;
}

a:hover {
color:#C3D700;
text-decoration:none;
}

p,ul,ol,dl,dt,dd,li,h1,h2,h3,h4 {
	font-size: 12px; /* modern browser */
	*font-size: small; /* IE 7 */
	*font: x-small; /* IE 6 */
	line-height:1.4;
	margin:0;
	padding:0;
}


/*
########################################################
  common
########################################################
*/

.none {
display:none;
}

/*
########################
  section
########################
*/

.section {
	display:block;
	clear:both;
}

.section:after {
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
	overflow: hidden;
}
/*\*/
* html .section {
	height: 1em;
	overflow: visible;
}
/**/

.clmL {
	float:left;
	display:block;
}

.clmR {
	float:right;
	display:block;
} 

/*
######################
  container
######################
*/

body {
background-color:#595640;
}

body#home {
background-color:#595640;
}

body#home #all {
background:url(img/common/bg_wrap.gif) left top repeat-x #FFF;
}

#all {background:url(img/common/bg_pages.gif) left top repeat-x #FFF ;}

#wrap {
width:940px;
margin:0 auto;
background:#FFF;
}

#header {
width:940px;
margin-bottom:24px;
background:url(img/common/bg_pages.gif) left top repeat-x #FFF ;
}

#main {
width:629px;
border:1px solid #c0c0c0;
margin-bottom:35px;
}

#nav  {
width:238px;
border-top:1px solid #c0c0c0;
border-left:1px solid #c0c0c0;
border-right:1px solid #c0c0c0;
padding-bottom:0;
margin-bottom:35px;
background-color: #f7f7f7;
}

#footer {
background:url(img/common/bg_footer.gif) left top repeat-x ;
height:100%;
}

#footerContent {
width:940px;
margin:0 auto;
height:102px;
}

/*
######################
  header
######################
*/

#siteID {
margin:22px 0 0 0;
}

#header ul {
text-align:right;
padding-left:33px;
}
#header li {
display:block;
height:76px;
float:left;
}

#header li#nav01 { width:57px; background:url(img/common/bg_nav01.gif) left top no-repeat;}
#header li#nav02 { width:69px; background:url(img/common/bg_nav02.gif) left top no-repeat;}
#header li#nav03 { width:83px; background:url(img/common/bg_nav03.gif) left top no-repeat;}
#header li#nav04 { width:127px; background:url(img/common/bg_nav04.gif) left top no-repeat;}
#header li#nav05 { width:56px; background:url(img/common/bg_nav05.gif) left top no-repeat;}
#header li#nav06 { width:84px; background:url(img/common/bg_nav06.gif) left top no-repeat;}
#header li#nav07 { width:110px; background:url(img/common/bg_nav07.gif) left top no-repeat;}
#header li#nav08 { width:85px; background:url(img/common/bg_nav08.gif) left top no-repeat;}
#header li#nav09 { width:94px; background:url(img/common/bg_nav09.gif) left top no-repeat;}

#header li#nav01:hover {background:url(img/common/bg_nav01_on.gif) left top no-repeat;}
#header li#nav02:hover {background:url(img/common/bg_nav02_on.gif) left top no-repeat;}
#header li#nav03:hover {background:url(img/common/bg_nav03_on.gif) left top no-repeat;}
#header li#nav04:hover {background:url(img/common/bg_nav04_on.gif) left top no-repeat;}
#header li#nav05:hover {background:url(img/common/bg_nav05_on.gif) left top no-repeat;}
#header li#nav06:hover {background:url(img/common/bg_nav06_on.gif) left top no-repeat;}
#header li#nav07:hover {background:url(img/common/bg_nav07_on.gif) left top no-repeat;}
#header li#nav08:hover {background:url(img/common/bg_nav08_on.gif) left top no-repeat;}
#header li#nav09:hover {background:url(img/common/bg_nav09_on.gif) left top no-repeat;}

#header li#nav01.active {background:url(img/common/bg_nav01_cr.gif) left top no-repeat;}
#header li#nav02.active {background:url(img/common/bg_nav02_cr.gif) left top no-repeat;}
#header li#nav03.active {background:url(img/common/bg_nav03_cr.gif) left top no-repeat;}
#header li#nav04.active {background:url(img/common/bg_nav04_cr.gif) left top no-repeat;}
#header li#nav05.active {background:url(img/common/bg_nav05_cr.gif) left top no-repeat;}
#header li#nav06.active {background:url(img/common/bg_nav06_cr.gif) left top no-repeat;}
#header li#nav07.active {background:url(img/common/bg_nav07_cr.gif) left top no-repeat;}
#header li#nav08.active {background:url(img/common/bg_nav08_cr.gif) left top no-repeat;}
#header li#nav09.active {background:url(img/common/bg_nav09_cr.gif) left top no-repeat;}

#header li a {
display:block;
padding-top:24px;
}

*html #header li  a{
height:52px;
}

*html #header li  a img {

}
*html #header li#nav01 a{ width:57px; background:url(img/common/bg_nav01.gif) left top no-repeat;}
*html #header li#nav02 a{ width:69px; background:url(img/common/bg_nav02.gif) left top no-repeat;}
*html #header li#nav03 a{ width:83px; background:url(img/common/bg_nav03.gif) left top no-repeat;}
*html #header li#nav04 a{ width:127px; background:url(img/common/bg_nav04.gif) left top no-repeat;}
*html #header li#nav05 a{ width:56px; background:url(img/common/bg_nav05.gif) left top no-repeat;}
*html #header li#nav06 a{ width:84px; background:url(img/common/bg_nav06.gif) left top no-repeat;}
*html #header li#nav07 a{ width:110px; background:url(img/common/bg_nav07.gif) left top no-repeat;}
*html #header li#nav08 a{ width:85px; background:url(img/common/bg_nav08.gif) left top no-repeat;}
*html #header li#nav09 a{ width:94px; background:url(img/common/bg_nav09.gif) left top no-repeat;}

*html #header li#nav01 a:hover {background:url(img/common/bg_nav01_on.gif) left top no-repeat;}
*html #header li#nav02 a:hover {background:url(img/common/bg_nav02_on.gif) left top no-repeat;}
*html #header li#nav03 a:hover {background:url(img/common/bg_nav03_on.gif) left top no-repeat;}
*html #header li#nav04 a:hover {background:url(img/common/bg_nav04_on.gif) left top no-repeat;}
*html #header li#nav05 a:hover {background:url(img/common/bg_nav05_on.gif) left top no-repeat;}
*html #header li#nav06 a:hover {background:url(img/common/bg_nav06_on.gif) left top no-repeat;}
*html #header li#nav07 a:hover {background:url(img/common/bg_nav07_on.gif) left top no-repeat;}
*html #header li#nav08 a:hover {background:url(img/common/bg_nav08_on.gif) left top no-repeat;}
*html #header li#nav09 a:hover {background:url(img/common/bg_nav09_on.gif) left top no-repeat;}

*html #header li#nav01.active a{background:url(img/common/bg_nav01_cr.gif) left top no-repeat;}
*html #header li#nav02.active a{background:url(img/common/bg_nav02_cr.gif) left top no-repeat;}
*html #header li#nav03.active a{background:url(img/common/bg_nav03_cr.gif) left top no-repeat;}
*html #header li#nav04.active a{background:url(img/common/bg_nav04_cr.gif) left top no-repeat;}
*html #header li#nav05.active a{background:url(img/common/bg_nav05_cr.gif) left top no-repeat;}
*html #header li#nav06.active a{background:url(img/common/bg_nav06_cr.gif) left top no-repeat;}
*html #header li#nav07.active a{background:url(img/common/bg_nav07_cr.gif) left top no-repeat;}
*html #header li#nav08.active a{background:url(img/common/bg_nav08_cr.gif) left top no-repeat;}
*html #header li#nav09.active a{background:url(img/common/bg_nav09_cr.gif) left top no-repeat;}

#header p#categoryTitle {
	height:33px;
	clear:both;
}

#header p#categoryTitle2 {
	height:40px;
	clear:both;
}

#pankuzu {
margin-left:5px;
margin-top:25px;
margin-bottom:20px;
width:935px;
}
#pankuzu li {
float:left;
}

#pankuzu li,
#pankuzu li a,
#pankuzu li a:active,
#pankuzu li a:visited {
color:#9f9f9f;
font-size:11px;
text-decoration:none;
}

#pankuzu li a:hover {
text-decoration:underline;
}

* html #pankuzu li,
* html #pankuzu li a,
* html #pankuzu li a:active,
* html #pankuzu li a:visited {
font-size:10px;
}

* html #pankuzu li a:hover {
font-size:10px;
}
/*
######################
  footer
######################
*/

#footer ul {
margin-top:18px;

}

#footer li {
margin-right:32px;
float:left;
}

#footer li a,
#footer li a:active,
#footer li a:hover {
color:#FFF;
font-size:12px;
text-decoration:none;

}
#footer li a:hover {
text-decoration:underline;
}

#footer p {
margin-top:18px;
color:#FFF;
font-size:12px;
}
 
/*
######################
  main
######################
*/


#main h1 {
margin-bottom:45px;

}

#main p#copy {
margin-bottom:19px;
padding-right:0;
}

#main p {
padding-right:39px;
line-height:1.8;
font-size:12px;
margin-bottom:20px;
}

#main p.pagetop {
padding-top:30px;
padding-right:0;
margin-bottom:3px;
}

#main.default {
padding:39px 0 0 39px;
}

#main.default p#copy {
margin-bottom:45px;
}

/*
######################
  nav
######################
*/

#nav li{
margin:0;
padding:0;
line-height:0;
font-size:1%;

}

#nav li a {
line-height:0;

}

#nav li a img {
line-height:0;
display: block;
}
/*
########################################################
  pages
########################################################
*/

/*
######################
  home
######################
*/

#home div.section#caption {
margin-top:3px;
}

*:first-child+html #home div.section#caption {
padding-bottom:15px;
}

#home #header {
margin-bottom:0;
}

#home #nav  {
width:238px;
border:1px solid #c0c0c0;
padding-bottom:10px;
margin-bottom:35px;
margin-top:12px;
}

#home #header h1 {
margin:0;
padding:0;
}
#home h1 object{
padding-top:4px;
}

#home #main {
padding:10px 10px 0 10px;
width:670px;
border:none;
}

#home #main #news .clmL 
{
width:315px;
}

#home #main #news .clmR
{
width:315px;
}

#home #main #news h2 {
margin-bottom:10px;
}

#home #main #news h3 {
margin-bottom:3px;
}
#home #main #news h3 a,
#home #main #news h3 a:active,
#home #main #news h3 a:visited
 {
font-size:12px;
font-weight:bold;
color:#595640;
text-decoration:none;
}

#home #main #news h3 a:hover {
text-decoration:underline;
color:#C3D700;
}


#home #main #news p a,
#home #main #news p a:active,
#home #main #news p a:visited
 {
font-size:10px;
color:#333;
text-decoration:none;
line-height:1.4;
}

#home #main #news p a:hover {
text-decoration:underline;
}

#home #main #news .clmL .section .clmL {
width:55px;
}

#home #main #news .clmL .section .clmR {
width:250px;
}

#home #main #news .clmL .section .clmL p {
margin:0;
padding:0;
}

#home #main #news .clmL .section .clmR p {
width:250px;
margin:0;
padding:0;
}

#home #main #news .clmL .section  {
margin-bottom:7px;
}

#home #main #news .clmR h2 {
margin-bottom:19px;
}

#home #main #news .clmR dl {
margin-bottom:15px;

}

#home #main #news .clmR dl dt  {
font-size:10px;
color:#666;
margin-bottom:2px;

}

#home #main #news .clmR dl dd a,
#home #main #news .clmR dl dd a:active,
#home #main #news .clmR dl dd a:visited
 {
font-size:12px;
font-weight:bold;
color:#595640;
text-decoration:none;
}

#home #main #news .clmR dl dd a:hover {
text-decoration:underline;
color:#C3D700;
}

#home #main #banner {
margin-top:0;
}

* html #home #main #banner {
padding-bottom:35px;
}

#home #nav p {
margin:14px 20px 0 20px;
font-size:10px;
line-height:1.8;
}
#home #nav p#btn {
margin-top:10px;
margin-left:10px;
margin-right:0;
}

/*
######################
  About Outline
######################
*/

#pages div.outline {
padding-top:39px;
padding-left:39px;
}

h1#outline {
margin-bottom:0;
}

#main.outline dl {
border-bottom:dashed 1px #c0c0c0;
padding:17px 0 19px 11px;
width:578px;
}

#pages div.outline dt {
width:150px;
font-size:12px;
}

#pages div.outline dd {
width:420px;
font-size:12px;
}
#main.outline dd a,
#main.outline dd a:active,
#main.outline dd a:visited
{
text-decoration:underline;
color:#666;
}

#main.outline dd a:hover {
text-decoration:underline;
color:#c3d700;

}

#main.outline dd p {
line-height:1.8;
font-size:12px;
padding-right:0;
}

#main.outline p.pagetop {
margin-bottom:3px;
}

#main.outline dd dl {
border-bottom:none;
padding:0;
width:369px;

}

#pages div.outline dd dl dt {
float:left;
width:100px;
display:inline;
}

#pages div.outline dd dl dd {
float:right;
width:269px;
display:inline;
}


/*
######################
  About history
######################
*/

#pages div.history {
padding-top:39px;
padding-left:39px;
}
#main.history h1 {margin-bottom:40px;}
#main.history h2 {
background:url(img/about/bg_ttl_h2_history.jpg) left top no-repeat;
margin-bottom:28px;
font-size:16px;
font-weight:bold;
padding-left:13px;
min-height:25px;
}

* html #main.history h2 {
height:25px;
}


#main.history h3 {
margin-bottom:26px;
font-size:14px;
font-weight:bold;
}

#main.history p {
margin-bottom:35px;
font-size:12px;
}

#main.history p.pagetop {
margin-bottom:3px;
}

/*
######################
  About recruit
######################
*/
#pages div.recruit {
padding-top:39px;
padding-left:39px;
}

#main.recruit h1 {margin-bottom:40px;}
#main.recruit h2 {
background:url(img/about/bg_ttl_h2_history.jpg) left top no-repeat;
margin-bottom:20px;
font-size:16px;
font-weight:bold;
padding-left:13px;
min-height:25px;

}

* html #main.recruit h2 {
height:25px;

}

#main.recruit h3 {
margin-bottom:20px;
font-size:14px;
font-weight:bold;
}

#main.recruit p {
margin-bottom:35px;
font-size:12px;
}

#main.recruit p.pagetop {
margin-bottom:3px;
}

/*
######################
  About access
######################
*/
#pages div.access {
padding-top:39px;
padding-left:39px;
}

#main.access h1 {margin-bottom:40px;}
#main.access h2 {
background:url(img/about/bg_ttl_h2_history.jpg) left top no-repeat;
margin-bottom:20px;
font-size:16px;
font-weight:bold;
padding-left:13px;
min-height:25px;
}

* html #main.access h2 {
height:25px;
}
#main.access h3 {
margin-bottom:20px;
font-size:14px;
font-weight:bold;
}

#main.access p {
margin-bottom:35px;
font-size:12px;
}

#main.access dl {
padding:18px 11px 18px 11px;
width:553px;
border:solid 1px #c0c0c0;

}

#main.access dl dt {
font-size:14px;
font-weight:bold;
margin-bottom:3px;
}

#main.access dl dd {
font-size:14px;
margin-bottom:3px;
}

#main.access p.pagetop {
margin-bottom:3px;
}

/*
######################
  About books
######################
*/

#main.books {
padding:0;
width:668px;
}

#main.books h1 {
padding-left:39px;
padding-top:39px;

}

#main.books p#copy {
padding-left:39px;

}

#main.books p {
padding-left:39px;
font-size:12px;
}

#main.books p#lead {
margin-bottom:24px;

}

#main.books h2 {
margin-bottom:19px;

}

#main.books h3 {
padding:7px 0 0 13px;
background:url(img/service/bg_ttl_h3_lineup.jpg) left top no-repeat;
margin-bottom:12px;
font-size:14px;
font-weight:bold;
min-height:25px;
margin-left:39px;
width:590px;
clear:both;
}

#main.books div.section  {
padding:0 39px 0 39px;
margin-bottom:28px;
}

#main.books div.clmL {
width:167px;
}

#main.books div.clmR {
width:421px;
}

#main.books .clmL p,
#main.books .clmR p {
padding:0;
}

#main.books .clmR p {
margin-bottom:18px;
}

#main.books .clmR li.detail {
background:url(img/about/arrow_grey.jpg) left 2px no-repeat;
padding-left:15px;
margin-top:2px;
margin-top:10px;
}

#main.books .clmR li.detail a,
#main.books .clmR li.detail a:active,
#main.books .clmR li.detail a:visited {
color:#333;
text-decoration:none;
}

#main.books .clmR li.detail a:hover {
text-decoration:underline;
color:#c3d700;
}

#main.books p.pagetop {
margin-bottom:3px;
padding-right:0;
padding-top:0;
margin-right:0;
}

* html #main.books p.pagetop {
width:629px;
}

/*
######################
  Service tool
######################
*/

#nav.service  {
border-bottom:1px solid #c0c0c0;
}

#nav.service  ul#btn {
margin-top:67px;
}
#nav.service  ul#btn li {
padding-bottom:10px;
margin-left:10px;
margin-right:0;
}

#main.tool {
padding:0;
width:668px;
}

*:first-child+html #main.tool {
padding:0;
width:668px;
margin:0;
}

#main.tool p.copy {
line-height:1.8;
margin-bottom:18px;
}

#main.tool p.copy.last {
line-height:1.8;
margin-bottom:33px;
}

#main.tool h1 {
padding-left:39px;
padding-top:39px;
}

#main.tool h2 {
margin-bottom:50px;
}
#main.tool p.detail {
background:url(img/about/arrow_grey.jpg) left 3px no-repeat;
padding-left:15px;
margin-top:2px;
margin-left:39px;
margin-bottom:20px;
}

#main.tool p.btn {
margin-top:40px;
margin-bottom:20px;
}

#main.tool p.detail a,
#main.tool p.detail a:active,
#main.tool p.detail a:visited {
color:#333;
text-decoration:none;
}

#main.tool p.detail a:hover {
text-decoration:underline;
color:#c3d700;
}

#main.tool p#toolCopy {
margin-bottom:65px;
}

#main.tool h3 {
padding-left:13px;
background:transparent url(img/service/bg_ttl_h2_system_06.jpg) no-repeat scroll left top;
margin-bottom:30px;
font-size:16px;
font-weight:bold;
min-height:25px;
margin-left:39px;
}

#main.tool p {
padding-left:39px;
padding-right:39px;
font-size:12px;
margin-bottom:20px;
}

* html #main.tool p {
padding-left:39px;
padding-right:39px;
width:590px;
}

#main.tool p.jisseki {
margin-bottom:65px;
}

#main.tool p.pagetop {
margin-bottom:3px;
padding-right:0;
padding-top:0;
margin-right:0;
padding-bottom:0;
}

#main.tool p#pageUp {
margin:0;
padding:0;
width:629px;
margin-left:39px;
}

*:first-child+html #main.tool p.pagetop {
margin-bottom:3px;
padding-bottom:0;
}

* html #main.tool p.pagetop {
width:629px;
}
/*
######################
  Service lineup
######################
*/

#main.lineup {
padding:0;
width:668px;
}

#main.lineup h1 {
padding:39px 0 0 39px;
}


#main.lineup p.detail {
padding:0 0 0 13px;
background:url(img/about/arrow_grey.jpg) left 3px no-repeat;
padding-left:15px;
margin-top:-12px;
margin-left:52px;
margin-bottom:40px;
}

#main.lineup p.detail a,
#main.lineup p.detail a:active,
#main.lineup p.detail a:visited {
color:#333;
text-decoration:none;
}

#main.lineup p.detail a:hover {
text-decoration:underline;
color:#c3d700;
}

#main.lineup h2 {
padding:2px 0 0 13px;
margin-bottom:30px;
font-size:16px;
font-weight:bold;
min-height:23px;
margin-left:39px;
margin-top:32px;
}

#main.lineup h2.no01 { background:url(img/service/bg_ttl_h2_lineup_01.jpg) left top no-repeat;}
#main.lineup h2.no02 { background:url(img/service/bg_ttl_h2_lineup_02.jpg) left top no-repeat; margin-top:57px;}
#main.lineup h2.no03 { background:url(img/service/bg_ttl_h2_lineup_03.jpg) left top no-repeat; margin-top:57px;}

#main.lineup h3 {
padding:7px 0 0 13px;
background:url(img/service/bg_ttl_h3_lineup.jpg) left top no-repeat;
margin-bottom:12px;
font-size:14px;
font-weight:bold;
min-height:25px;
margin-left:39px;
}

#main.lineup p#copy {
padding:0 39px 0 39px;
font-size:12px;
border-bottom:1px solid #c0c0c0;
}
#main.lineup p#copy img {
padding-bottom:40px;
}

#main.lineup p {
padding-left:52px;
font-size:12px;
margin-bottom:26px;
}

* html #main.lineup p {
padding-left:39px;
padding-right:39px;
width:590px;
}

* html #main.lineup p.pagetop {
width:629px;
}

#main.lineup p.pagetop {
margin-bottom:3px;
padding-right:0;
padding-top:0;
margin-right:0;
}

#main.lineup div.section {
width:668px;
padding:0;
border-top:1px solid #c0c0c0;
margin-top:30px;
padding-top:30px;
}
#main.lineup p#area {
margin-left:52px;
padding:18px 11px 18px 11px;
width:553px;
border:solid 1px #c0c0c0;
}

#main.lineup p#pageUp {
margin:0;
padding:0;
width:629px;
margin-left:39px;
}


/*
######################
  Service flow
######################
*/

#main.flow {
padding:0;
width:668px;
}

#main.flow h1 {
padding:39px 0 0 39px;
}

#main.flow p#copy {
padding:0 39px 0 39px;
font-size:12px;
margin-bottom:40px;
}

#main.flow p#copy2 {
padding:0 39px 0 39px;
font-size:12px;
margin-bottom:40px;
padding-left:39px;
}

div.flow p {
padding-left:52px;
font-size:12px;
margin-bottom:26px;
}

#main.flow div.section#ph00,
#main.flow div.section#ph01,
#main.flow div.section#ph02,
#main.flow div.section#ph03,
#main.flow div.section#ph04


 {
width:668px;
border-top:1px solid #c0c0c0;
margin-bottom:0;
}

#main.flow div.section#ph04 {
border-bottom:1px solid #c0c0c0;
margin-bottom:30px;
}

#main.flow h2 {
font-size:18px;
font-weight:bold;
padding:27px 0 0 90px;
margin-bottom:20px;
min-height:28px;
margin-left:39px;
margin-top:0;
}

#main.flow h3 {
padding:6px 0 0 37px;
margin-bottom:20px;
font-size:14px;
font-weight:bold;
min-height:22px;
margin-left:39px;
margin-top:0;
}

*:first-child+html #main.flow h3 {
width:555px;
}

#main.flow h2.no00 { background:url(img/service/phase0.gif) left top no-repeat; color:#e5ce26;}
#main.flow h2.no01 { background:url(img/service/phase1.gif) left top no-repeat; color:#d66b24;}
#main.flow h2.no02 { background:url(img/service/phase2.gif) left top no-repeat; color:#d73e83;}
#main.flow h2.no03 { background:url(img/service/phase3.gif) left top no-repeat; color:#3b70a6;}
#main.flow h2.no04 { background:url(img/service/phase4.gif) left top no-repeat; color:#34a437;}

#main.flow h3.no00a { background:url(img/service/step1.gif) left top no-repeat;}
#main.flow h3.no00b { background:url(img/service/step2.gif) left top no-repeat;}
#main.flow h3.no00c { background:url(img/service/step3.gif) left top no-repeat;}
#main.flow h3.no00d { background:url(img/service/step4.gif) left top no-repeat;}
#main.flow h3.no01a { background:url(img/service/step5.gif) left top no-repeat;}
#main.flow h3.no02a { background:url(img/service/step6.gif) left top no-repeat;}
#main.flow h3.no02b { background:url(img/service/step7.gif) left top no-repeat;}
#main.flow h3.no03a { background:url(img/service/step8.gif) left top no-repeat;}
#main.flow h3.no04a { background:url(img/service/step9.gif) left top no-repeat;}


#main.flow div.section div.clmL {
width:123px;
margin-left:39px;
}

* html #main.flow div.section div.clmL {
width:84px;
padding-left:39px;
margin-left:0;
}

#main.flow div.section div.clmR {
width:454px;
margin-right:39px;
}

* html #main.flow div.section div.clmR {
width:454px;
padding-right:39px;
margin-right:0;
}


#main.flow div.section {
padding-bottom:0;
}

#main.flow div.section#case {
margin-left:39px;
padding-bottom:20px;
width:590px;
}

#main.flow div.section#case div.clmL {
margin:0;
width:283px;
padding:0;
}

#main.flow div.section#case div.clmR {
margin:0;
width:283px;
padding:0;
}

div.flow div.section .clmL p,
div.flow div.section .clmR p {
padding:0;
margin:0;
}

* html div.flow div.section .clmL p,
* html div.flow div.section .clmR p {
padding:0;
margin:0;
}


#main.flow p.pagetop {
margin-bottom:3px;
padding-right:0;
padding-top:0;
margin-right:0;
}


* html #main.flow p.pagetop {
width:629px;
padding-top:0;
}

*:first-child+html #main.flow p.pagetop {
padding-top:0;
}


#main.flow ul#caption {
font-size:12px;
line-height:1.8;
margin-bottom:20px;
padding-right:39px;
list-style-type:none;
list-style-position:inside;
padding-left:52px;
}

#main.flow ul#caption li {
background:url(img/common/asta.gif) left 4px no-repeat;
padding-left:12px;
margin-bottom:5px;
}

#main.flow p#pageUp1,
#main.flow p#pageUp2,
#main.flow p#pageUp3,
#main.flow p#pageUp4,
#main.flow p#pageUp5,
#main.flow p#pageUp6 {
margin:0;
padding:0;
width:629px;
margin-left:39px;
}

/*
######################
  Service system
######################
*/

#main.system {
padding:0;
width:668px;
}

#main.system h1 {
padding:39px 0 0 39px;
}

#main.system p#copy {
padding:0 39px 0 39px;
font-size:12px;
margin-bottom:40px;
}

#main.system p {
padding-left:52px;
font-size:12px;
margin-bottom:26px;
}

#main.system p.pagetop {
margin-bottom:3px;
padding-right:0;
padding-top:0;
margin-right:0;
}

* html #main.system p {
padding-left:39px;
padding-right:39px;
width:590px;
}

* html #main.system p.pagetop {
width:629px;
}

#main.system div.section

 {
width:668px;
border-top:1px solid #c0c0c0;
margin-bottom:0;
}

#main.system h2 {
font-size:16px;
font-weight:bold;
padding:3px 0 0 13px;
margin-bottom:20px;
min-height:22px;
margin-left:39px;
margin-top:31px;
}

#main.system h2.no01 {background:url(img/service/bg_ttl_h2_system_01.jpg) left top no-repeat;}
#main.system h2.no02 {background:url(img/service/bg_ttl_h2_system_02.jpg) left top no-repeat;}
#main.system h2.no03 {background:url(img/service/bg_ttl_h2_system_03.jpg) left top no-repeat;}
#main.system h2.no04 {background:url(img/service/bg_ttl_h2_system_04.jpg) left top no-repeat;}
#main.system h2.no05 {background:url(img/service/bg_ttl_h2_system_05.jpg) left top no-repeat;}
#main.system h2.no06 {background:url(img/service/bg_ttl_h2_system_06.jpg) left top no-repeat;}

#main.system p.pagetop {
margin-bottom:3px;
}



/*
######################
  伝わるしくみ
######################
*/

#main.communication {
padding:0;
width:668px;
}

#main.communication .section#sec01 {
background:url(img/communication/bg_sec_com_01.jpg) left top no-repeat;
height:957px;
width:668px;
}

#main.communication .section#sec02 {
width:668px;
}

#main.communication .section#sec03 {
width:668px;
}

#main.communication .section#sec04 {
width:668px;
}
#main.communication h1 {
padding:45px 0 0 101px;
}

#main.communication h2 {
padding:0 0 45px 101px;
}

#main.communication .section#sec01 h2 {
padding-bottom:10px;
}

#main.communication h3 {
padding:0 0 10px 101px;
} 

#main.communication p {
padding:0 39px 8px 101px;
font-size:10px;
margin-bottom:0;
}
#main.communication .section#sec02 h2,
#main.communication .section#sec02 h3,
#main.communication .section#sec02 p {
background:url(img/communication/bg_com_03.jpg) left top repeat-y;
}

#main.communication .section#sec02 p {
padding-bottom:30px;
}

#main.communication .section#sec03 h2,
#main.communication .section#sec03 h3,
#main.communication .section#sec03 p {
background:url(img/communication/bg_com_03.jpg) left top repeat-y;
}

#main.communication .section#sec03 p {
padding-bottom:30px;
}

#main.communication .section#sec04 p {
padding-bottom:30px;
padding-left:157px;
}

#main.communication .section#sec04 h2 {
background:url(img/communication/bg_com_02.jpg) left top no-repeat;
padding-left:149px;
padding-top:60px;

}

#main.communication .section#sec04 h3 {
padding-left:149px;
}

#main.communication .section#sec04 p.clmR {

}

#main.communication p.pagetop {
margin-bottom:3px;
padding-right:0;
}

* html #main.communication p.pagetop {
width:629px;
padding-right:0;
padding-top:0;
margin-right:0;
padding-left:39px;
}

/*
######################
  Links
######################
*/

#main.links {
padding:39px 0 0 0;
}

#main.links h2 {
background:url(img/about/bg_ttl_h2_history.jpg) left top no-repeat;
margin-bottom:20px;
font-size:16px;
font-weight:bold;
padding-left:13px;
padding-top:2px;
min-height:23px;
}

#main.links h2 a,
#main.links h2 a:active,
#main.links h2 a:visited {
color:#c3d700;
text-decoration:none;
}

#main.links h2 a:hover {
text-decoration:underline;
color:#c3d700;
}

#main.links p {
margin-bottom:20px;
}

#nav.links  {
border-bottom:1px solid #c0c0c0;
}

* html #nav.links ul {
border-bottom:1px solid #c0c0c0;
}

#main.links p.pagetop {
margin-bottom:3px;
}
#main.links p.detail {
background:transparent url(img/about/arrow_grey.jpg) no-repeat scroll left 3px;
padding-left:15px;
margin-bottom:50px;
}
#main.links p.detail a,
#main.links p.detail a:active,
#main.links p.detail a:visited {
text-decoration:none;
}

#main.links p.detail a:hover {
text-decoration:underline;
}

#main.links h1,
#main.links h2,
#main.links p {
margin-left:39px;
}

#main.links h2#linkstop {
margin-top:39px;
margin-right:39px;
}
/*
######################
  サイトのご利用について
######################
*/

#main.usage {
width:668px;
}
h1#text {
font-size:12px;
font-weight:normal;
line-height:1.4;
margin:39px 39px 35px 39px;

}

#main.usage h2 {
font-size:14px;
font-weight:bold;
margin-bottom:15px;
margin-left:39px;

}

#main.usage p {
margin-bottom:40px;
margin-left:39px;
font-size:12px;
}

#main.usage p.narrow {
margin-bottom:25px;
}


#main.usage p.pagetop {
margin-bottom:3px;
}

#main.usage dl {
margin-left:39px;
margin-bottom:40px;
}

#main.usage dl dt {
margin-bottom:3px;
}

/*
######################
  プライバシー
######################
*/
#main.privacy {
width:668px;
}
#main.privacy h2 {
font-size:14px;
font-weight:bold;
margin-bottom:15px;
margin-left:39px;
}
#main.privacy p {
margin-bottom:40px;
margin-left:39px;
font-size:12px;
}

#main.privacy p span {
background:transparent url(img/about/arrow_grey.jpg) no-repeat scroll left 3px;
margin-bottom:0;
margin-top:15px;
padding-bottom:0;
padding-left:15px;
}

#main.privacy p.pagetop {
margin-bottom:3px;
}
#main.privacy p a,
#main.privacy p a:active,
#main.privacy p a:visited {
text-decoration:none;
}

#main.privacy p a:hover {
text-decoration:underline;
}

/*
######################
  ニュース
######################
*/

#main.news {
width:668px;
}
#main.news h1 {
margin-left:39px;
margin-top:39px;
}

* html #main.news h1 {
width:629px;
}

#main.news h2 {
background:url(img/about/bg_ttl_h2_history.jpg) left top no-repeat;
margin-bottom:20px;
font-size:16px;
font-weight:bold;
padding-left:13px;
min-height:25px;
margin-left:39px;
margin-right:39px;
margin-top:55px;
}

#main.news h2 a,
#main.news h2 a:active,
#main.news h2 a:visited {
	text-decoration:none;
}

#main.news h2 a:hover {
	text-decoration:none;
}
#main.news dl {
border-bottom:dashed 1px #c0c0c0;
padding:0 0 3px 11px;
width:578px;
margin-left:39px;
margin-bottom:20px;
}


#main.news dt {
width:80px;
font-size:12px;
line-height:1.6;
}

#main.news dd {
width:498px;
font-size:12px;
}
#main.news dd a,
#main.news dd a:active,
#main.news dd a:visited
{
color:#333;
text-decoration:none;
}

#main.news dd a:hover {
text-decoration:underline;
color:#C3D700;
}

#main.news dd p {
font-size:12px;
padding-right:0;
width:410px;
float:left;
}

html[xmlns*=""] body:last-child #main.news dd p {  
width:400px;
padding-left:10px;
} 
#main.news dd p.detail {
background:url(img/about/arrow_grey.jpg) left 3px no-repeat;
padding-left:15px;
margin-top:2px;
float:right;
width:25px;
}

#main.news p.date {
margin-left:39px;
margin-bottom:5px;
font-size:12px;
margin-top:35px;
}

#main.news h2.detail {
border-bottom:1px dashed #CCC;
background:url(img/news/bg_h2_news.gif) left top repeat-y;
padding-top:3px;
line-height:1.4;
margin-top:0;
}

#main.news h1#text {
font-size:18px;
font-weight:bold;
line-height:1.4;
margin:39px 39px 10px 39px;

}

* html #main.news h1#text {
margin:39px 0 35px 39px;

}

#main.news div.section {
padding:0 39px 20px 39px;
line-height:1.6;
}

#main.news div.section p {
padding:0;
margin:0 0 20px 0;
font-size:12px;
}

#main.news p.pagetop {
margin-bottom:3px;
padding-right:0;
padding-top:0;
margin-right:0;
}

* html #main.news p.pagetop {
padding-left:39px;
padding-right:0;
width:629px;
margin-right:0;
}

#main.news div.section p.detail {
background:url(img/about/arrow_grey.jpg) left 3px no-repeat;
padding-left:15px;
margin-top:15px;
margin-bottom:0;
padding-bottom:0;

}

#main.news div.section p.detail a,
#main.news div.section p.detail a:active,
#main.news div.section p.detail a:visited
{
color:#333;
text-decoration:none;
}

#main.news div.section p.detail a:hover {
text-decoration:underline;
}

#main.sitemap {
width:668px;
}
#main.sitemap #sitemap .clmL {
width:295px;
padding-left:39px;
padding-top:12px;
}

#main.sitemap #sitemap .clmR {
width:295px;
padding-right:13px;
padding-top:12px;
}

* html #main.sitemap #sitemap .clmR {
padding-right:0;
}


#main.sitemap #sitemap h2 {
background:url(img/sitemap/bg_h2_sitemap.gif) left top no-repeat;
width:258px;
height:21px;
margin-bottom:0;
padding-top:4px;
padding-left:14px;
margin-top:35px;
}
#main.sitemap #sitemap h3{
margin-top:10px;
margin-left:13px;
font-weight:normal;
}

#main.sitemap #sitemap h2 a,
#main.sitemap #sitemap h2 a:active,
#main.sitemap #sitemap h2 a:visited,
#main.sitemap #sitemap h3 a,
#main.sitemap #sitemap h2 a:active,
#main.sitemap #sitemap h2 a:visited {
color:#333;
text-decoration:none;
}

#main.sitemap #sitemap h2 a:hover,
#main.sitemap #sitemap h3 a:hover {
color:#c3d700;
text-decoration:none;
}
#main.inquiry {
width:668px;
}

#main.inquiry p {
padding-top:39px;
padding-left:39px;
font-size:12px;
}
* html #main.inquiry p.pagetop {
width:629px;
padding-right:0;
margin-right:0;
padding-left:39px;
}
#main.inquiry input,
#main.inquiry textarea {
font-size:12px;
}

div.inquiryBox {
width:590px;
margin-left:39px;
border-bottom:1px dashed #CCC;
margin-bottom:20px;
margin-bottom:0;
}

#main.inquiry div.inquiryBox input {
width:232px;
}
#main.inquiry div.inquiryBox textarea {
width:357px;
}

div.inquiryBox .clmL {
width:135px;
}

div.inquiryBox .clmR {
width:453px;
}

div.inquiryBox  .clmR .clmL {
width:240px;
}

div.inquiryBox  .clmR .clmR{
width:210px;
}
div.inquiryBox.top {
border-top:1px dashed #CCC;
}
div.inquiryBox h2{
padding-top:20px;
padding-bottom:20px;
font-weight:normal;
font-size:12px;
}

div.inquiryBox input {
margin-top:15px;
}

#main.inquiry textarea {
margin-top:15px;
margin-bottom:15px;
}

#main.inquiry div.inquiryBox  .clmR .clmR p {
padding-top:17px;
padding-left:0;
font-size:12px;
color:#cc0000;
padding-right:0;
}

#main.inquiry p.lead {
margin-bottom:35px;
}

#main.inquiry #btn {
padding-left:39px;
padding-right:39px;
padding-top:15px;
}

#main.inquiry #btn .clmL {
width:312px;
text-align:right;
padding-right:5px;

}

#main.inquiry #btn .clmR {
width:268px;
padding-left:5px;
}

#main.inquiry p#sign {
margin-top:25px;
width:568px;
margin-left:39px;
margin-bottom:0;
padding:15px 10px 15px 10px;
border:1px solid #CCC;
}

#main.seminer {
width:668px;
}
#main.seminer p {
padding-left:39px;
padding-bottom:20px;
}

#main.seminer p.center {
text-align:center;
}

#main.seminer p.center img {
padding:1px;
border:1px solid #ccc;
}

#main.seminer h1 {
padding:39px 0 0 39px;
}
#main.seminer h2 {
background:transparent url(img/about/bg_ttl_h2_history.jpg) no-repeat scroll left top;
font-size:16px;
font-weight:bold;
margin-bottom:20px;
margin-left:39px;
min-height:25px;
padding-left:13px;
clear:both;
}
#main.seminer h3 {
background:transparent url(img/service/bg_ttl_h3_lineup.jpg) no-repeat scroll left top;
font-size:14px;
font-weight:bold;
margin-bottom:12px;
min-height:25px;
padding:7px 0 0 13px;
margin-left:39px;
}

#main.seminer h3.leftNarrow {
	padding-left:0;
}
* html #main.seminer h3 {
margin-right:39px;
}
#main.seminer dl {
margin-bottom:35px;
width:590px;
padding-left:39px;
}
#main.seminer dl dt {
width:79px;
}

#main.seminer dl dd {
width:511px;
}

#main.seminer dl dd a,
#main.seminer dl dd a:active,
#main.seminer dl dd a:visited {
color:#333;
}

#main.seminer dl dd a:hover {
color:#c3d700;
}

#wrap div#howtouse {
padding:30px 0 30px 0;
}
#wrap div#howtouse h2 {
background:transparent url(img/about/arrow_grey.jpg) no-repeat scroll left 3px;
padding-left:15px;
margin-bottom:7px;
}

div#flashcontent {
width:940px;
height:497px;
}

#main.communication h1#flash {
padding:0 0 0 101px;
margin-bottom:0;
}

*:first-child+html #nav ul li {
line-height:1;
}

*:first-child+html #nav ul li a {
line-height:1;
display:block;
text-decoration:none;
}

*:first-child+html #nav ul li a img{
line-height:1;
display:block;
text-decoration:none;
}

*:first-child+html #nav ul li#nav01 {
height:59px;
line-height:0;
}

*:first-child+html #nav ul li#nav02 {
height:61px;
line-height:0;

}

*:first-child+html #nav ul li a {
line-height:1;
}

#main div.acc1 p img {
padding-bottom:40px;
}

#main.seminer p.clmL {
padding-right:20px;
margin-bottom:30px;
}

#wrap div#howtouse p {
font-size:11px;
}

* html #wrap div#howtouse p {
font-size:10px;
}


#main.communication #sec02.section h2.acc1 {
padding-top:10px;
}

div#flashAlt {
display:none;
}

p#flashAlt {
display:none;
}

#main.tool p.area {
border:1px solid #C0C0C0;
margin-left:39px;
padding:18px 11px;
width:553px;
}

#main.access p.detail {
background:transparent url(img/about/arrow_grey.jpg) no-repeat scroll left 3px;
float:right;
margin-top:2px;
padding-left:15px;
}

#main.notFound {
	
}

#main.notFound h1#text {
font-size:18px;
font-weight:bold;
line-height:1.4;
margin:39px 39px 35px 39px;

}

#main.notFound p {
	margin-left:39px;
}

#wrap #main.notFound p.detail {
background:transparent url(img/about/arrow_grey.jpg) no-repeat scroll left 3px;
float:none;
margin-top:2px;
padding-left:15px;
}