@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";

/*----------------------------------------------------------------------------
******************************************************************************
Container
******************************************************************************
----------------------------------------------------------------------------*/
#contents{
	padding-top:22px;}
textarea{ line-height:1.3;}
label{line-height:1.4;}

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* image
------------------------------------------------------------ */
p.imgR{
	float:right;}
p.imgR img{
	padding:5px;
	background-color:#FFF;
	border:1px solid #ccc;}

/* spacing
------------------------------------------------------------ */

.tar{text-align:right;}
.tac{text-align:center;}
.br0{ margin-bottom:0; padding-bottom:0;}
.br{ margin-bottom:1em;}
.br2{ margin-bottom:2em;}
.conBox .br2{ padding-bottom:2em;}
.br6{ margin-bottom:6em;}
.conBox .br4{ padding-bottom:4em;}
.conBox .br6{ padding-bottom:6em;}
.marL15{ margin-left:15px;}

/* text decoration
------------------------------------------------------------ */
em{
	font-size:90%;
	font-style:normal;
	font-weight:normal;
	color:#e8345e;}

/*----------------------------------------------------------------------------
******************************************************************************
Headding
******************************************************************************
----------------------------------------------------------------------------*/

/* page message
------------------------------------------------------------ */
.p02 #head p a{background:url(../img/main02.gif) 0 0 no-repeat;}
.p03 #head p a{background:url(../img/main03.gif) 0 0 no-repeat;}
.p04 #head p a{background:url(../img/main04.gif) 0 0 no-repeat;}
.p05 #head p a{background:url(../img/main05.gif) 0 0 no-repeat;}
.p06 #head p a{background:url(../img/main06.gif) 0 0 no-repeat;}
.p07 #head p a{background:url(../img/main06.gif) 0 0 no-repeat;}
.p08 #head p a{background:url(../img/main06.gif) 0 0 no-repeat;}
.p09 #head p a{background:url(../img/main09.gif) 0 0 no-repeat;}
.p10 #head p a{background:url(../img/main10.gif) 0 0 no-repeat;}
.p11 #head p a{background:url(../img/main11.gif) 0 0 no-repeat;}
.p12 #head p a{background:url(../img/main12.gif) 0 0 no-repeat;}
.p13 #head p a{background:url(../img/main13.gif) 0 0 no-repeat;}
.p14 #head p a{background:url(../img/main14.gif) 0 0 no-repeat;}
.p15 #head p a{background:url(../img/main15.gif) 0 0 no-repeat;}

/* page title
------------------------------------------------------------ */
.p02 h3{background:url(../img/ptit02.gif) 0 0 no-repeat;}
.p03 h3{background:url(../img/ptit03.gif) 0 0 no-repeat;}
.p04 h3{background:url(../img/ptit04.gif) 0 0 no-repeat;}
.p05 h3{background:url(../img/ptit05.gif) 0 0 no-repeat;}
.p06 h3{background:url(../img/ptit06.gif) 0 0 no-repeat;}
.p07 h3{background:url(../img/ptit07.gif) 0 0 no-repeat;}
.p08 h3{background:url(../img/ptit08.gif) 0 0 no-repeat;}
.p09 h3{background:url(../img/ptit09.gif) 0 0 no-repeat;}
.p10 h3{background:url(../img/ptit10.gif) 0 0 no-repeat;}
.p11 h3{background:url(../img/ptit11.gif) 0 0 no-repeat;}
.p12 h3{background:url(../img/ptit12.gif) 0 0 no-repeat;}
.p13 h3{background:url(../img/ptit13.gif) 0 0 no-repeat;}
.p14 h3{background:url(../img/ptit14.gif) 0 0 no-repeat;}
.p15 h3{background:url(../img/ptit15.gif) 0 0 no-repeat;}

/* title
------------------------------------------------------------ */
h4{
	font-size:110%;
	color:#00bef5;
	margin-bottom:20px;
	padding:20px 0 15px 0;
	border-bottom:2px solid #eee;
	background:url(../cmn_img/tit.gif) 0 100% no-repeat !important;
	background:url(../cmn_img/tit.gif) 0 86% no-repeat;}
h4.lgr{
	line-height:1.3;
	padding:20px 0 2px 0;
	background:url(../cmn_img/tit.gif) 0 100% no-repeat !important;
	background:url(../cmn_img/tit.gif) 0 92% no-repeat;}

h5{
	color:#00bef5;
	margin-bottom:20px;
	padding:15px 0 10px 0;
	border-bottom:1px dotted #e0e0e0;
	background:url(../cmn_img/stit.gif) 0 0 no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
Link
******************************************************************************
----------------------------------------------------------------------------*/

/* pankuzu
-----------------------------------------------------------------------------*/
#path{
	width:556px;
	border-bottom:1px solid #fff;
	padding:2px 0 1px 14px;
	background-color:#00b7f4;}
#path p{
	color:#fff;}
#path a:link{color:#fff;text-decoration:none;}
#path a:visited{color:#fff;text-decoration:none;}
#path a:hover{color:#fff;text-decoration:underline;}
#path a:active{color:#fff;text-decoration:none;}

/* pagetop
-----------------------------------------------------------------------------*/
.conBox p.pagetop{
	padding:50px 0 0 0;
	text-align:right;
	margin-bottom:10px;}
.conBox p.pagetop a{
	font-size:78%;}

/* pagetop
-----------------------------------------------------------------------------*/
ul#pageLink {
	width:570px;
	padding:6px 0 7px 0;
	background:#eee;}
ul#pageLink li{
	width:270px;
	float:left;
	display:inline;
	line-height:1.6;
	margin-left:10px;}
.p06 ul#pageLink li,
.p07 ul#pageLink li,
.p08 ul#pageLink li{
	width:170px;}
.p12 ul#pageLink li{
	width:500px;}

ul#pageLink li a{
	padding-left:30px;
	background:url(../cmn_img/arr01.gif) 5px 3px no-repeat;}
ul#pageLink li a:hover{
	background:url(../cmn_img/arr01_ov.gif) 5px 3px no-repeat;}

/* bottom link
-----------------------------------------------------------------------------*/
ul#btLink {
	width:564px;
	padding:6px 0 7px 0;
	margin-bottom:30px;
	border:3px solid #eee;}
ul#btLink li{
	width:270px;
	float:left;
	display:inline;
	line-height:1.6;
	margin-left:10px;}
ul#btLink li a{
	padding-left:25px;
	background:url(../cmn_img/arr01.gif) 5px 3px no-repeat;}
ul#btLink li a:hover{
	background:url(../cmn_img/arr01_ov.gif) 5px 3px no-repeat;}

/* link2
-----------------------------------------------------------------------------*/
ul.link2 {
	margin-bottom:10px;}
ul.link2 li{
	font-size:90%;
	margin-bottom:5px;
	line-height:1.6;}
ul.link2 li a{
	padding-left:20px;
	background:url(../cmn_img/arr03.gif) 3px 3px no-repeat;}
.p03 ul.link2 li{
	margin-left:11px;}
.p03 ul.link2 li a{
	background:url(../cmn_img/arr04.gif) 3px 3px no-repeat;}
ul.link2 li a:link{color:#00bef5;text-decoration:underline;}
ul.link2 li a:visited{color:#00bef5;text-decoration:underline;}
ul.link2 li a:hover{color:#8cdbf2;text-decoration:underline;}
ul.link2 li a:active{color:#00bef5;text-decoration:underline;}


/* text link
-----------------------------------------------------------------------------*/
.conBox p.link{
	padding:0 0 0 12px;
	background:url(../cmn_img/arr02.gif) 0 10px no-repeat;}
.conBox p.link a{
	padding-bottom:0;}
.conBox .pnt{
	background:url(../cmn_img/tree.gif) 100% 100% no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/
.conBox p{
	font-size:90%;
	line-height:1.7;
	margin-bottom:1.2em;}
.conBox p a:link{color:#00bef5;text-decoration:underline;}
.conBox p a:visited{color:#00bef5;text-decoration:underline;}
.conBox p a:hover{color:#8cdbf2;text-decoration:underline;}
.conBox p a:active{color:#00bef5;text-decoration:underline;}
.conBox p.marB0{
	padding-bottom:0;}


/* gray box
-----------------------------------------------------------------------------*/
.grayBox{
	width:530px;
	margin:0 auto;
	padding:20px 0 0 5px;
	border:3px solid #eee;}


/* list
-----------------------------------------------------------------------------*/
ul.dotList {
	padding-left:30px;
	margin-bottom:20px;}
ul.dotList li{
	font-size:90%;
	margin-bottom:10px;
	list-style:square;
	padding-left:10px;
	padding-right:10px;}


/* gray box
-----------------------------------------------------------------------------*/
table {
	width:541px;
	margin:0 auto 20px;
	border:1px solid #00B7F4;
	background-color:#00B7F4;}
table th,
table td{
	font-size:90%;
	text-align:left;
	vertical-align:top;
	padding:7px 3px 5px 8px;}
table th{
	width:30%;
	color:#FFF;
	background-color:#80D0EF;}
table td{
	background-color:#FFF;}


/*----------------------------------------------------------------------------
******************************************************************************
P03 Ielen
******************************************************************************
----------------------------------------------------------------------------*/
dl.ieken dt{
	font-size:90%;
	font-weight:bold;
	margin-bottom:10px;}
dl.ieken dd{
	text-align:center;
	margin-bottom:35px;}

.p03 .conBox .grayBox{
	margin:0 auto 15px;
	padding:15px 0 0 5px;}
.p03 .conBox .grayBox h6{
	font-size:90%;
	padding:0 0 12px 10px;}


/*----------------------------------------------------------------------------
******************************************************************************
P04 Plan
******************************************************************************
----------------------------------------------------------------------------*/
.p04 .conBox dl{
	width:534px;
	margin:0 auto 17px;
	padding:1px 1px 0 1px;
	border:3px solid #eee;}
.p04 .conBox dl dt,
.p04 .conBox dl dd{
	font-size:90%;}
.p04 .conBox dl dt{
	padding:3px 0 3px 10px;
	font-weight:bold;
	background-color:#eee;}
.p04 .conBox dl dd{
	padding:10px;}


/*----------------------------------------------------------------------------
******************************************************************************
P05 Consultant
******************************************************************************
----------------------------------------------------------------------------*/

.conBox .message{
	margin-bottom:40px;
	background:#e5f3f8 url(../img/mess02.gif) 0 100% no-repeat;}
.conBox .message .in{
	padding:40px 30px 10px 30px;
	background:url(../img/mess01.gif) 0 0 no-repeat;}

.p05 .conBox dl{
	float:right;
	width:260px;
	background-color:#f9f9f9;
	margin:0 0 35px 0;
	padding:10px 0 5px 15px;
	border:3px solid #eee;}
.p05 .conBox dt,
.p05 .conBox dd{
	font-size:90%;}
.p05 .conBox dt{
	color:#00bef5;
	padding-left:10px;
	margin-bottom:5px;
	font-weight:bold;
	background:url(../cmn_img/disc.gif) 1px 8px no-repeat;}
.p05 .conBox dd{
	line-height:1.2;
	padding-left:13px;
	margin-bottom:5px;}

.p05 p.conImg{
	float:left;}

.p05 .conBox .lower dl{
	width:350px;}
.p05 .lower p.conImg img{
	border:1px solid #eee;}

/*----------------------------------------------------------------------------
******************************************************************************
P09 Column
******************************************************************************
----------------------------------------------------------------------------*/
.p09 .grayBox{
	width:510px;
	margin:0 auto;
	padding:10px;
	background-color:#f9f9f9;
	border:3px solid #eee;}
.p09 .conBox dt,
.p09 .conBox dd{
	font-size:90%;}
.p09 .grayBox dt{
	font-weight:bold;}

.p09 .grayBox dd ol{
	padding-left:30px;
	padding-top:10px;
	list-style:inherit;
}
.p09 .grayBox dd ol li{
	font-size:90%;
	list-style:decimal;
}


/*----------------------------------------------------------------------------
******************************************************************************
P10 Check
******************************************************************************
----------------------------------------------------------------------------*/
.p10 ol{
	padding-left:22px !important;
	padding-left:26px;}
.p10 ol li{
	font-size:90%;
	font-weight:bold;
	list-style-type:decimal;
	padding-left:0px;}

.p10 ol li ul{
	width:480px;
	background-color:#f9f9f9;
	margin:10px 0 35px 0;
	padding:10px 0 10px 35px;
	border:3px solid #eee;}
.p10 ol li li{
	font-size:100%;
	font-weight:normal;
	line-height:2;
	list-style-type:square;
	padding-left:10px;}
.p10 ol li li.marB20{
	margin-bottom:20px;}

.p10 ol li li.last{
	color:#fff;
	width:440px;
	font-weight:bold;
	text-align:center;
	background-color:#999;
	list-style-type:none;
	padding:10px 5px;}

/*----------------------------------------------------------------------------
******************************************************************************
P12 FAQ
******************************************************************************
----------------------------------------------------------------------------*/
.p12 h4{
	font-size:94%;
	color:#00bef5;
	margin-bottom:20px;
	padding:15px 0 10px 0;
	border-bottom:1px dotted #e0e0e0;
	background:url(../img/tit_q.gif) 0 0 no-repeat !important;
	background:url(../img/tit_q.gif) 0 0 no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
P13 Form
******************************************************************************
----------------------------------------------------------------------------*/
.p13 .w330{
	width:330px;}

.formBtn{
	text-align:center;}
.formBtn input{
	width:140px;
	height:30px;
	font-size:100%;
	padding:3px;
	text-align:center;
	margin:0 30px;}

h5.tit{
	width:541px;
	height:50px;
	margin:0 auto;
	padding:0;
	text-indent:-99999em;
	border-bottom:0;
	background:url(../img/title_fr.jpg) 0 0 no-repeat;}

.yBox{
	width:495px;
	padding:0 20px 0 20px;
	margin:0 auto 60px;
	border:3px solid #f3d95e;
	border-top:0;}
.yBox .dotList{
	margin-bottom:25px;}

/*----------------------------------------------------------------------------
******************************************************************************
P14 Company
******************************************************************************
----------------------------------------------------------------------------*/

.p14 td dt,
.p14 td dd{
	font-size:100%;}
.p14 th{
	width:29%;}
.p14 td dt{
	color:#00bef5;
	padding-left:13px;
	font-weight:bold;
	background:url(../cmn_img/disc.gif) 1px 8px no-repeat;}
.p14 td dd{
	line-height:1.2;
	padding-left:13px;
	margin-bottom:5px;}
.p14 td dd img{
	border:3px solid #eee;
	padding:1px;
	background:#fff;
	margin-bottom:10px;}

.p14 td li{
	font-size:100%;
	padding-left:13px;
	margin-bottom:5px;
	background:url(../cmn_img/disc.gif) 1px 8px no-repeat;}



/*----------------------------------------------------------------------------
******************************************************************************
P15 Sitemap
******************************************************************************
----------------------------------------------------------------------------*/
.p15 #path{
	margin-bottom:20px;}

.p15 #contents dl.marB40{
	margin-bottom:40px;}
.p15 #contents dl dt,
.p15 #contents dl dd{
	font-size:90%;}

.p15 #contents dl dt a{
	padding-left:20px;
	background:url(../cmn_img/arr01.gif) 0 3px no-repeat;}
.p15 #contents dl dt a:hover{
	background:url(../cmn_img/arr01_ov.gif) 0 3px no-repeat;}
.p15 #contents dl dd{
	padding-left:20px;
	margin-bottom:10px;}
.p15 #contents dl dd.marB40{
	margin-bottom:40px;}

.p15 #contents dl dl{
	width:520px;}
.p15 #contents dl dl dt,
.p15 #contents dl dl dd{
	font-size:100%;}

.p15 #contents dl dt.tit{
	font-weight:bold;
	color:#00bef5;
	padding:15px 0 10px 0;
	background:url(../cmn_img/stit.gif) 0 0 no-repeat;}
.p15 #contents dl dd.cate{
	margin-bottom:40px;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#f9f9f9;}


/*----------------------------------------------------------------------------
******************************************************************************
Case
******************************************************************************
----------------------------------------------------------------------------*/
.conBox p.ans{
	font-weight:bold;}

.conBox p.line{
	padding-top:20px;
	border-top:1px dashed #CCC;}


.conBox dl{
	font-size:100%;
	margin-bottom:15px;}
.conBox dt{
	font-size:90%;}
.conBox ol{
	padding-left:22px !important;
	padding-left:25px;
	list-style:inherit;}
.conBox ol li{
	font-size:110%;
	list-style:decimal;}

.p07 .conBox dt{
	font-size:90%;
	font-weight:bold;}
.p07 .conBox dd{
	font-size:90%;
	padding-bottom:15px;}

.p08 .grayBox{
	margin-bottom:15px;}
.p08 .grayBox p{
	padding-left:15px;}

.p08 #img4{
	width:550px;
	margin:0 auto 20px;}
.p08 #img4 li{
	float:left;
	width:260px;
	text-align:center;
	padding:10px 5px;}
.p08 #img4 img{
	padding:5px;
	background-color:#FFF;
	border:1px solid #ccc;}