@charset "utf-8";

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

/*----------------------------------------------------------------------------
******************************************************************************
Container
******************************************************************************
----------------------------------------------------------------------------*/
#navi{
	padding-top:10px;}
.contents{
	width:582px;
	padding-right:1px;}

/* contents area
------------------------------------------------------------ */
.conBox{
	width:555px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:15px;}
.conBox p{
	padding-left:5px;
	padding-right:5px;
	line-height:1.6;
	margin-bottom:1em;}
.conBox p a:link{color:#ff9307;text-decoration:underline;}
.conBox p a:visited{color:#ff9307;text-decoration:underline;}
.conBox p a:hover{color:#ff9307;text-decoration:underline;}
.conBox p a:active{color:#ff9307;text-decoration:underline;}

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* image
------------------------------------------------------------ */
p.imgR{
	float:right;
	padding-left:15px;
	padding-bottom:15px;}
p.imgR img{
	padding:3px;
	border:1px solid #ccc;}
	
/* pagetop
------------------------------------------------------------ */
p.pagetop{
	width:60px;
	height:15px;
	margin-left:508px;}
p.pagetop a{
	width:60px;
	height:15px;
	display:block;
	line-height:1;
	font-size:60%;
	text-indent:-99999em;
	background:url(../cmn_img/pagetop.gif) 0 0 no-repeat;}

/* pankuzu
-----------------------------------------------------------------------------*/
p.panList{
	font-size:70%;
	text-align:right;
	padding-right:4px;
	margin-bottom:10px;}
p.panList a:link{color:#333;text-decoration:none;}
p.panList a:visited{color:#333;text-decoration:none;}
p.panList a:hover{color:#333;text-decoration:underline;}
p.panList a:active{color:#333;text-decoration:none;}

/* spacing
------------------------------------------------------------ */
.br{margin-bottom:1em;}
.conBox .br2{margin-bottom:2em;}

.tac{text-align:center;}

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

em{font-style:normal; font-weight:bold;}

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

/* page title
------------------------------------------------------------ */
h3{
	width:582px;
	height:63px;
	display:block;
	margin-bottom:2px;
	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;}
#P16 h3{background:url(../img/ptit16.jpg) 0 0 no-repeat;}

/* title
------------------------------------------------------------ */
h4{
	width:555px;
	margin:0 auto 10px;
	padding-bottom:4px;
	background:url(../cmn_img/tit_btm.gif) 0 100% no-repeat;}
h4 span{
	width:537px;
	color:#333;
	display:block;
	padding:8px 0 5px 18px !important;
	padding:9px 0 4px 18px;
	background:url(../cmn_img/tit.gif) 0 0 no-repeat;}

h5{
	width:555px;
	margin:0 auto 10px;
	padding-bottom:9px;
	background:url(../cmn_img/stit_btm.gif) 0 100% no-repeat;}
h5 span{
	width:537px;
	color:#333;
	display:block;
	font-size:90%;
	line-height:1;
	padding:5px 0 0 18px;
	background:url(../cmn_img/stit.gif) 5px 2px no-repeat;}

h6{
	width:555px;
	margin:0 auto 10px;
	padding-bottom:3px;
	background:url(../cmn_img/mtit_btm.gif) 0 100% no-repeat;}
h6 span{
	width:544px;
	color:#333;
	display:block;
	font-size:78%;
	line-height:1;
	padding:9px 0 3px 11px;
	background:url(../cmn_img/mtit.gif) 0 0 no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
Box
******************************************************************************
----------------------------------------------------------------------------*/
/* note
------------------------------------------------------------ */
.conBox p.note{
	width:508px;
	color:#2ba310;
	font-size:70%;
	line-height:1.44;
	margin-left:5px;
	margin-bottom:2em;
	padding:6px 15px 5px 15px;
	border:3px solid #EFEFEF;}

/* definition list
------------------------------------------------------------ */
.conBox dl{
	padding-bottom:1em;
	margin-left:2px;}
.conBox dl.nSP{
	padding-bottom:0;}
.conBox dl dt{
	font-size:78%;
	line-height:1.2;
	font-weight:bold;
	padding:2px 0 2px 16px;
	background:url(../cmn_img/cir02.gif) 0 3px no-repeat;}
.conBox dl dd{
	margin-bottom:5px;
	padding:2px 0 2px 16px;}


/* normal list
------------------------------------------------------------ */
.conBox ul{
	padding-bottom:1em;
	margin-left:20px;}
.conBox ul li{
	line-height:1.2;
	margin-bottom:5px;
	padding:2px 0 2px 16px;
	background:url(../cmn_img/cir01.gif) 0 6px no-repeat;}
.conBox ul li .point{
	font-size:110%;}

.conBox ul.dot{
	padding-bottom:0;}
.conBox ul.dot li,
#P11 ul.dot li{
	margin-bottom:1px;
	background:url(../cmn_img/cir03.gif) 0 6px no-repeat;}
#P11 ul.dot li{
	padding-left:15px;}

.conBox ol{
	padding-bottom:1em;
	padding-left:40px;
	list-style:decimal;}
.conBox ol li{
	line-height:1.2;
	margin-bottom:5px;
	list-style:decimal;}


/* link list
------------------------------------------------------------ */
.conBox ul.link{
	padding-bottom:1em;
	margin-left:20px;}
.conBox ul.link li,
#P11 ul.link li{
	line-height:1.2;
	margin-bottom:10px;
	padding:0;
	background:none;}
.conBox ul.link li a,
#P11 ul.link li a{
	color:#ff9307;
	padding:2px 0 2px 16px;}
.conBox ul.link li a,
#P11 ul.link li a{background:url(../cmn_img/arr02.gif) 0 3px no-repeat;}
.conBox ul.link li a:hover,
#P11 ul.link li a:hover{background:url(../cmn_img/arr03.gif) 0 3px no-repeat;}


.conBox ul.link li a:link,
#P11 ul.link li a:link{color:#ff9307;text-decoration:underline;}
.conBox ul.link li a:visited,
#P11 ul.link li a:visited{color:#ff9307;text-decoration:underline;}
.conBox ul.link li a:hover,
#P11 ul.link li a:hover{color:#ff9307;text-decoration:underline;}
.conBox ul.link li a:active,
#P11 ul.link li a:active{color:#ff9307;text-decoration:underline;}


/* table
------------------------------------------------------------ */
.conBox table{
	width:100%;
	margin-bottom:5px;
	background-color:#333;}
.conBox table th,
.conBox table td{
	font-size:70%;
	text-align:center;
	padding:8px 3px 3px 3px;
	font-weight:normal;
	background-color:#fff;}
.conBox table th{
	color:#fff;
	background-color:#666;}
.conBox table th.sub{
	color:#000066;
	text-align:left;
	background-color:#efefef;}
.conBox table.tbl2 th,
.conBox table.tbl2 td{
	padding:4px 3px 1px 3px;}

#NML .conBox table th,
#NML .conBox table td{
	font-size:78%;
	text-align:left;
	line-height:1.4;
	padding:8px 8px 5px 10px;}
#NML .conBox table th{
	width:30%;}


/*----------------------------------------------------------------------------
******************************************************************************
FORM
******************************************************************************
----------------------------------------------------------------------------*/

.w50{width:50px;}
.w320{width:320px;}

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

/*----------------------------------------------------------------------------
******************************************************************************
SITEMAP
******************************************************************************
----------------------------------------------------------------------------*/
#P15 p.panList{
	margin-bottom:40px;}
#P15 ul{
	width:200px;
	margin-left:40px;}

#P15 ul li{
	margin-bottom:10px;}
#P15 ul li a{
	padding:2px 0 2px 20px;
	background:url(../cmn_img/arr02.gif) 0 3px no-repeat;}
#P15 ul li a:hover{background:url(../cmn_img/arr03.gif) 0 3px no-repeat;}
#P15 ul li a:link{color:#ff9307;text-decoration:underline;}
#P15 ul li a:visited{color:#ff9307;text-decoration:underline;}
#P15 ul li a:hover{color:#ff9307;text-decoration:underline;}
#P15 ul li a:active{color:#ff9307;text-decoration:underline;}

#P15 ul li li{
	font-size:100%;}
#P15 ul ul{
	padding-top:10px;
	padding-bottom:10px;}

#P15 ul li li a{
	padding:2px 0 2px 20px;
	background:url(../cmn_img/arr01.gif) 0 3px no-repeat;}
#P15 ul li li a:hover{background:url(../cmn_img/arr01.gif) 0 3px no-repeat;}
#P15 ul li li a:link{color:#333;text-decoration:underline;}
#P15 ul li li a:visited{color:#333;text-decoration:underline;}
#P15 ul li li a:hover{color:#333;text-decoration:underline;}
#P15 ul li li a:active{color:#333;text-decoration:underline;}

.left{
	float:left;
	width:220px;
	margin-bottom:100px;}
.right{
	float:right;
	width:300px;}

/*----------------------------------------------------------------------------
******************************************************************************
TYPE
******************************************************************************
----------------------------------------------------------------------------*/
#P07 h6{
	margin-bottom:5px;}
#P07 dl dt,
#P09 dl dt{
	font-size:90%;
	color:#2ba310;
	padding:2px 0 2px 10px;
	background:none;}

#P07 ul.list{
	margin-left:0;}
#P07 ul.list li{
	font-size:78%;
	font-weight:bold;
	margin:0;
	padding:3px 0 2px 20px;
	background:url(../cmn_img/cir02.gif) 4px 4px no-repeat;}

/*----------------------------------------------------------------------------
******************************************************************************
CHARGER
******************************************************************************
----------------------------------------------------------------------------*/
#P09 .conBox ul li,
#P10 .conBox ul li,
#P09 dl dd{
	background:url(../cmn_img/cir03.gif) 0 6px no-repeat;}
#P10 .conBox ul li a:link{color:#ff9307;text-decoration:underline;}
#P10 .conBox ul li a:visited{color:#ff9307;text-decoration:underline;}
#P10 .conBox ul li a:hover{color:#ff9307;text-decoration:underline;}
#P10 .conBox ul li a:active{color:#ff9307;text-decoration:underline;}

#P09 .conBox ul.tw li{
	width:230px;
	float:left;}
#P09 .conBox ul.tw{
	padding-bottom:15px;}

#P09 h6{
	margin-bottom:5px;}
#P09 dl dd{
	margin:0 0 0 17px;}
#P09 dl dd.line{
	margin-bottom:5px;}

#P09 .conBox p.in,
#P10 .conBox p.in{
	margin-left:15px;}



/*----------------------------------------------------------------------------
******************************************************************************
SITEMAP
******************************************************************************
----------------------------------------------------------------------------*/

#P11 h5{
	width:532px;
	margin:0 auto 10px;
	font-size:78%;
	padding:5px 0 4px 23px;
	background:	url(../cmn_img/tit_q.gif) 0 100% no-repeat;}

#P11 div{
	width:532px;
	margin:0 auto 10px;
	padding-top:1px;
	padding-left:23px;
	padding-bottom:20px;
	background:url(../cmn_img/tit_a.gif) 0 0 no-repeat;}