@charset "utf-8";

@import "reset.css";
@import "screen.css";
@import "common.css";
/*----------------------------------------------------------------------------
******************************************************************************
Container
******************************************************************************
----------------------------------------------------------------------------*/

/* global navigation
------------------------------------------------------------ */
.contents #gNavi h4#gTit{
	height:30px;
	padding:0;
	margin:0;
	background:none;
	text-indent:-9999em;}
.main{
	width:800px;
	margin:0 auto;
	padding:0 10px 30px;
	background:url(../cmn_img/main_bg.jpg) 0 0 no-repeat;}


/* contents area
------------------------------------------------------------ */
.conBox{
	padding-bottom:10px;}
.conBox p{
	line-height:1.6;
	margin-bottom:15px;
	padding:0 5px 0 10px;}

.conBox p strong{
	color:#CC0099;}



/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* image
------------------------------------------------------------ */
p.imgR{
	float:right;}
	
p.map{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;}
p.map img{
	padding:3px 30px 3px 30px;
	background-color:#FFF;
	border:1px solid #ccc;}

#map {
	width: 404px;
	height: 426px;
	margin: 10px 0 10px 15px;
}
/* pankuzu
-----------------------------------------------------------------------------*/
p.panList{
	font-size:65%;
	padding-right:4px;
	margin-bottom:10px;}
p.panList a:link{color:#923251;text-decoration:underline;}
p.panList a:visited{color:#923251;text-decoration:underline;}
p.panList a:hover{color:#d5809b;text-decoration:underline;}
p.panList a:active{color:#923251;text-decoration:underline;}

/* pagelink
-----------------------------------------------------------------------------*/
ul#pageLink{
	width:549px;
	margin-bottom:20px;
	padding:5px 10px 6px 15px !important;
	padding:5px 10px 10px 15px;
	border:3px solid #f2f2f2;}
ul#pageLink li{
	width:260px;
	float:left;
	margin:4px;}
ul#pageLink li a{
	width:245px;
	padding:4px 0 4px 15px;
	background:url(../cmn_img/ft_arr.gif) 0 5px no-repeat;}
ul#pageLink li a{text-decoration:underline;}


#case ul#pageLink li{
	width:120px;}
#case ul#pageLink li a{
	width:105px;}
p.pagetop{
	margin-bottom:10px;}
p.link,
p.pagetop{
	padding-top:2px;
	text-align:right;
	padding-right:15px;
	background:url(../cmn_img/ft_arr.gif) 100% 50% no-repeat;}
p.pagetop{
	background:url(../cmn_img/arr3.gif) 100% 50% no-repeat;}
p.link a:link,
p.pagetop a:link{color:#666;text-decoration:underline;}
p.link a:visited,
p.pagetop a:visited{color:#666;text-decoration:underline;}
p.link a:hover,
p.pagetop a:hover{color:#D5809B;text-decoration:underline;}
p.link a:active,
p.pagetop a:active{color:#666;text-decoration:underline;}

#P05 .pagetop{margin-bottom:40px;}

/* spacing
------------------------------------------------------------ */
.br{margin-bottom:1em;}
.conBox .br2{margin-bottom:2em;}
.conBox .br4{margin-bottom:4em;}
ol.br2{margin-bottom:2em;}
form.br6{margin-bottom:6em;}

.tac{text-align:center;}
.tac2{text-align:center; font-size:90%;}

/* text decoration
------------------------------------------------------------ */
.point{
	font-size:100%;
	color:#2ba310;
	font-weight:bold;}

em{font-style:normal; color:#F45B60;}
b{font-style:normal; color:#F45B60;}

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

/* page title
------------------------------------------------------------ */
h3{
	width:800px;
	height:170px;
	display:block;
	text-indent:-99999em;
	background:url(../img/ptit02.jpg) 0 0 no-repeat;}
#P02 h3{background:url(../img/ptit02.jpg) 0 0 no-repeat;}
#P03 h3{background:url(../img/ptit03.jpg) 0 0 no-repeat;}
#P04 h3{background:url(../img/ptit04.jpg) 0 0 no-repeat;}
#P05 h3{background:url(../img/ptit05.jpg) 0 0 no-repeat;}
#P06 h3{background:url(../img/ptit06.jpg) 0 0 no-repeat;}
#P07 h3{background:url(../img/ptit07.jpg) 0 0 no-repeat;}
#P08 h3{background:url(../img/ptit08.jpg) 0 0 no-repeat;}
#P09 h3{background:url(../img/ptit09.jpg) 0 0 no-repeat;}
#P10 h3{background:url(../img/ptit10.jpg) 0 0 no-repeat;}
#P11 h3{background:url(../img/ptit11.jpg) 0 0 no-repeat;}
#P12 h3{background:url(../img/ptit12.jpg) 0 0 no-repeat;}
#P13 h3{background:url(../img/ptit13.jpg) 0 0 no-repeat;}
#P14 h3{background:url(../img/ptit14.jpg) 0 0 no-repeat;}
#P15 h3{background:url(../img/ptit15.jpg) 0 0 no-repeat;}

/* title
------------------------------------------------------------ */
h4{
	width:560px;
	font-size:90%;
	padding:10px 10px 7px 10px;
	margin-bottom:20px;
	background:url(../cmn_img/tit.gif) 0 0 no-repeat;}
h5{
	width:580px;
	margin-bottom:20px;
	padding-bottom:3px;
	background:url(../cmn_img/stit_line.gif) 0 100% no-repeat;}
h5 span{
	font-size:78%;
	width:558px;
	display:block;
	padding:4px 0 3px 22px;
	background:url(../cmn_img/stit.gif) 0 0 no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/

table{
	width:100%;
	border:2px solid #FDE3EF;}
table th,
table td{
	padding:3px 5px 2px 5px;
	font-size:78%;
	line-height:1.5;
	text-align:left;
	vertical-align:top;}
table th{
	color:#C25486;
	background-color:#FDE3EF;}
table td{
	text-align:center;
	background-color:#fafafb;}
table td span{
	font-size:80%;}
table#form td span{
	font-size:100%;}


#P03 table{
	margin-bottom:5px;}
#P03 table.marB20{
	margin-bottom:20px;}
#P03 table td{
	width:25%;}
#P03 table.w25p{
	width:25%;}
#P03 table th{
	padding-left:20px;
	background:#fde3ef url(../cmn_img/arr4.gif) 5px 5px no-repeat !important;
	background:#fde3ef url(../cmn_img/arr4.gif) 5px 4px no-repeat;}

.conBox dl{
	width:525px;
	margin:0 auto 20px;
	padding:10px 15px 5px 15px;
	border:2px solid #e9e9e9;
	background:#f2f2f2 url(../cmn_img/bg_flower.gif) 100% 100% no-repeat;}
.conBox dl dt{
	padding:2px 0 5px 15px;
	font-weight:bold;
	background:url(../cmn_img/arr8.gif) 0 6px no-repeat;}
.conBox dl dd{
	margin-bottom:10px;}


/*----------------------------------------------------------------------------
******************************************************************************
Oem
******************************************************************************
----------------------------------------------------------------------------*/

#P02 h5{
	width:500px;
	height:145px;
	margin:0 auto;
	padding:0;
	text-indent:-99999em;}
#P02 h5.tit1{background:url(../cmn_img/img_oem01.jpg) 0 0 no-repeat;}
#P02 h5.tit2{background:url(../cmn_img/img_oem02.jpg) 0 0 no-repeat;}
#P02 h5.tit3{background:url(../cmn_img/img_oem03.jpg) 0 0 no-repeat;}

#P02 .conBox{
	padding-bottom:40px;}
#P02 .conBox p{
	margin-bottom:5px;}
#P02 .conBox p.br2{
	margin-bottom:30px;}

#P03 h5{
	width:560px;
	color:#fff;
	padding:8px 0 5px 20px;
	font-size:78%;
	background:#f894c4 url(../cmn_img/mtit.gif) 0 0 no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
FLOW
******************************************************************************
----------------------------------------------------------------------------*/

.conBox dl.sgl dd{
	margin-bottom:2px;}
.conBox dl.sgl dd.end{
	margin-bottom:10px;}

.chart{
	margin-bottom:10px;
	padding-bottom:5px;
	background:url(../cmn_img/f_arr2.gif) 50% 100% no-repeat;}
.chart dl{
	padding:12px 0 0 0;
	border:0;
	width:562px;
	margin:0 auto 0;
	background:url(../cmn_img/f_box.gif) 0 0 no-repeat;}
.chart dl dt{
	color:#CC0099;
	padding:0 0 0 20px;
	margin-bottom:5px;
	background:none;}
.chart dl dd{
	padding:0 0 10px 20px;
	background:none;
	margin:0;}
.chart p{
	display:block;
	width:562px;
	height:30px;
	margin:0 auto 10px;
	padding:0;
	line-height:1;
	text-indent:-99999em;
	background:url(../cmn_img/f_arr.gif) 0 100% no-repeat;}

.chart2 p.fRight{
	float:right;}
.chart2 div{
	width:300px;
	float:left;}
.chart2 ol{
	width:300px;
	padding-top:7px;
	margin-left:10px;}

.chart2 ol li{
	width:280px;
	background-color:#efefef;
	padding-bottom:20px;
	background:url(../cmn_img/arr9.gif) 51% 100% no-repeat;}
.chart2 ol li.none2{
	background:none;}
.chart2 ol li strong{
	color:#fff;
	padding:3px 3px 3px 10px;
	width:287px;
	display:block;
	border-bottom:1px solid #fff;
	background-color:#F894C4;}

.chart2 ol li ul{
	width:280px;
	padding:10px;
	margin-bottom:5px;
	background-color:#efefef;}
.chart2 ol li li{
	border:0;
	margin:0;
	padding:0;
	width:200px;
	font-size:100%;
	background:none;}


/*----------------------------------------------------------------------------
******************************************************************************
Q and A
******************************************************************************
----------------------------------------------------------------------------*/

#P13 h5{
	width:557px;
	color:#923251;
	font-size:78%;
	margin-bottom:10px;
	padding:6px 0 5px 23px;
	background:url(../cmn_img/qtit.gif) 0 0 no-repeat;}
#P13 .contents .qa div{
	width:515px;
	padding:10px 15px 15px 40px;
	margin-left:10px;
	margin-bottom:25px;
	background:#f6effa url(../cmn_img/atit.gif) 0 0 no-repeat;}
#P13 .contents .qa div p{
	line-height:1.6;}
#P13 .contents .qa div p.br{
	margin-bottom:10px;}
#P13 p.link{
	padding-top:3px;
	text-align:right;
	padding-right:15px;
	margin-right:5px;
	background:url(../cmn_img/arr5.gif) 100% 8px no-repeat;}

#P13 .contents .qa div ul{
	margin-left:0;}
#P13 .contents .qa div ul.lLink li a{
	padding:3px 3px 3px 15px;
	background:url(../cmn_img/arr6.gif) 0 6px no-repeat;}
#P13 .contents .qa div ul.lLink li a:link{color:#923251;text-decoration:underline;}
#P13 .contents .qa div ul.lLink li a:visited{color:#923251;text-decoration:underline;}
#P13 .contents .qa div ul.lLink li a:hover{color:#d5809b;text-decoration:underline;}
#P13 .contents .qa div ul.lLink li a:active{color:#923251;text-decoration:underline;}


#P13 .contents .qa div ul.list{
	margin-bottom:10px;}
#P13 .contents .qa div ul.list li{
	padding:3px 3px 3px 15px;
	background:url(../cmn_img/arr7.gif) 0 6px no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
Cases
******************************************************************************
----------------------------------------------------------------------------*/

#case ol{
	margin-left:10px;
	padding-left:20px;}
#case ol li{
	list-style:decimal;
	padding-left:0;
	list-height:1.7;
	margin-bottom:10px;}


#P10 table{
	margin-bottom:20px;}
#P10 table th,
#P10 table td{
	padding:5px 5px 4px 8px;}
#P10 table th{
	width:25%;}
#P10 table th.cIN{
	color:#666;
	font-weight:normal;
	background-color:#F6EFFA;}
#P10 table td{
	text-align:left;}


#case dl.result{
	width:580px;
	margin-bottom:20px;
	padding-bottom:15px;
	background:url(../cmn_img/r_bg.gif) 0 100% no-repeat;}
#case dl.result dt{
	width:580px;
	display:block;
	height:30px;
	margin-bottom:18px;
	text-indent:-99999em;
	background:url(../cmn_img/r_tit.gif) 0 0 no-repeat;}
#case dl.result dd{
	line-height:1.7;
	padding:0 40px 15px 40px;}



#case .conBox dl{
	width:545px;
	margin:0 auto 20px;
	background:#f2f2f2;}
#case .conBox dl dt{
	color:#52c1e6;}


#case ul.test{
	width:350px;
	margin-left:10px;
	margin-bottom:20px;}
#case ul.test li{
	padding:2px 2px 1px 12px;
	background:url(../cmn_img/arr2.gif) 0 7px no-repeat;}
#case ul.test ol{
	padding-top:5px;}
#case ul.test ol li{
	font-size:100%;
	margin-bottom:2px;
	padding-bottom:0;
	background:none;
	padding-left:1px;}


/*----------------------------------------------------------------------------
******************************************************************************
Boom
******************************************************************************
----------------------------------------------------------------------------*/

#P12 table{
	margin-bottom:20px;}
#P12 table th{
	width:25%;
	padding:5px 5px 5px 10px;}
#P12 table td{
	padding:5px 5px 5px 10px;
	text-align:left;}
#P12 table th.cIN1{
	color:#666;
	background-color:#f2f8ee;}
#P12 table th.cIN2{
	color:#666;
	background-color:#F6EFFA;}

/*----------------------------------------------------------------------------
******************************************************************************
Inquiry
******************************************************************************
----------------------------------------------------------------------------*/

#P14 table th{
	width:30%;
	padding:5px 5px 4px 8px;}
#P14 table td{
	text-align:left;
	padding:5px 5px 4px 8px;}

.w320{width:320px;}
.w50{width:50px;}
p.formBtn input{
	width:140px;
	text-align:center;
	padding:4px;
	margin:10px;}
p.formBtn{
	text-align:center;}

/*----------------------------------------------------------------------------
******************************************************************************
Sitemap
******************************************************************************
----------------------------------------------------------------------------*/

#P15 dl{
	margin-bottom:20px;}
#P15 dl dt{
	font-weight:bold;
	margin-top:5px;
	margin-bottom:8px;}
#P15 dl dd{
	padding-left:20px;
	margin-bottom:5px;}

#P15 dl dt{
	color:#923251;
	padding:3px 0 3px 20px;
	border-bottom:1px solid #efefef;
	background:url(../cmn_img/arr.gif) 0 6px no-repeat;}
#P15 dl dt a:link{color:#923251;text-decoration:underline;}
#P15 dl dt a:visited{color:#923251;text-decoration:underline;}
#P15 dl dt a:hover{color:#d5809b;text-decoration:underline;}
#P15 dl dt a:active{color:#923251;text-decoration:underline;}

#P15 dl dd dt,
#P15 dl dd dd{
	font-size:100%;}

#P15 dl dd dt{
	font-size:100%;
	background:none;
	border:0;
	margin-bottom:0;
	padding-left:12px;
	background:url(../cmn_img/arr2.gif) 0 8px no-repeat;}
#P15 dl dd dd{
	padding-left:0;
	margin-bottom:0;}