@charset "utf-8";

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

/*----------------------------------------------------------------------------
******************************************************************************
Common
******************************************************************************
----------------------------------------------------------------------------*/
/* main container
-----------------------------------------------------------------------------*/

#header{
	margin-bottom:5px;}
#navi{
	padding:4px 0 10px 10px;}
.contents{
	padding:4px 0 10px 0;}

/* pankuzu
-----------------------------------------------------------------------------*/
p.panList{
	font-size:66%;
	text-align:right;
	color:#666;
	padding-right:18px;}

/* position / spacing / etc
-----------------------------------------------------------------------------*/
p.pt{
	width:70px;
	font-size:8px;
	line-height:1;
	padding-top:10px;
	margin-left:458px;}
p.pt a{
	display:block;
	width:68px;
	height:10px;
	padding:5px 0;
	text-indent:-99999em;
	background:url(../cmn_img/pagetop.gif) 0 50% no-repeat;}

/* position / spacing / etc
-----------------------------------------------------------------------------*/
.tac{text-align:center;}
.tar{text-align:right;}
em{color:#CC0000;font-style:normal;}
.w320{width:320px;}
.w50{width:50px;}

.fsL{
	color:#012fb8;
	font-size:100%;
	line-height:2;}
p.formBtn input{
	width:140px;
	text-align:center;
	padding:4px;
	margin:10px;}
p.formBtn{
	text-align:center;}

/* text box
------------------------------------------------------------ */
.conBox{
	width:528px;}
.conBox p{
	line-height:1.52;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:10px;}
.conBox p.marB20{
	margin-bottom:20px;}
.conBox p.marB30{
	margin-bottom:30px;}

p.intro{
	line-height:1.52;
	padding-right:10px;
	padding-left:10px;
	margin-bottom:12px;}

.conBox2{
	width:484px;
	margin:0 0 15px 0;
	padding:18px 20px 10px;
	border:2px solid #646464;}
.conBox2 p{
	margin-bottom:10px;}

/* access
-----------------------------------------------------------------------------*/
.none{
	display:none;}

/* image position
-----------------------------------------------------------------------------*/
.imgR{
	float:right;
	width:190px;
	padding-right:0;
	margin-left:10px;}
.conBox p.imgR{
	padding-right:0;}
.imgL{
	float:left;
	margin-right:15px;
	margin-bottom:20px;}
.imgR img,.imgL img,.img img{
	padding:5px;
	border:1px solid #DFDCD9;}

/* ul
------------------------------------------------------------ */
.contents ul{
	margin-left:22px;}
.contents ul li{
	padding-left:20px;
	margin-bottom:2px;
	background:url(../cmn_img/dot.gif) 0 0 no-repeat;}
.contents ul.links li{
	padding-left:20px;
	background:url(../cmn_img/arr01.gif) 0 0 no-repeat;}

/* ol
------------------------------------------------------------ */
.contents ol{
	margin-left:25px;}
.contents ol li{
	padding-left:0;
	margin-left:0;}

/* dl
------------------------------------------------------------ */
.contents dl dt{
	width:506px;
	font-weight:bold;
	padding:5px 0 5px 22px;
	margin-bottom:10px;
	background:#e5ebff url(../cmn_img/mtit.gif) 0 0 no-repeat;}
.contents dl dd{
	width:506px;
	margin-left:22px;
	margin-bottom:10px;}

/* table
-----------------------------------------------------*/
table{
	width:100%;
	margin-bottom:25px;
	background-color:#111c43;}
table th,
table td{
	font-size:78%;
	text-align:left;
	line-height:1.4;
	vertical-align:top;
	padding:6px 0 5px 10px;}
table th{
	width:30%;
	padding-left:20px;
	background:#e5ebff url(../cmn_img/mtit.gif) 0 0 no-repeat;}
table td{
	background-color:#ffffff;}
.contents table td ul{
	margin-left:0;
	padding-bottom:5px;}
table td ul li,
table td ol li{
	font-size:100%;}


/*----------------------------------------------------------------------------
******************************************************************************
Headding
******************************************************************************
----------------------------------------------------------------------------*/
/* paga title
------------------------------------------------------------ */
h3{
	display:block;
	width:528px;
	height:60px;
	text-indent:-99999em;
	margin-bottom:10px;
	background:url(../img/ptit.jpg) 0 0 no-repeat;}
#P01 h3{background:url(../img/ptit.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:510px;
	color:#fff;
	font-size:90%;
	margin-bottom:10px;
	padding:11px 0px 11px 18px !important;
	padding:13px 0px 9px 18px;
	background:url(../cmn_img/tit.jpg) 0 0 no-repeat;}
h4.tit2{
	width:300px;
	height:30px;
	margin-bottom:2px;
	padding:0 !important;
	padding:0;
	text-indent:-99999em;
	background:url(../img/tit02.gif) 0 0 no-repeat;}

/* s title
------------------------------------------------------------ */
h5{
	width:528px;
	font-size:78%;
	margin-bottom:10px;
	padding-bottom:6px;
	background:url(../cmn_img/stit_line.gif) 0 100% repeat-x;}
h5 span{
	display:block;
	padding:6px 0px 6px 10px !important;
	padding:7px 0px 5px 10px;
	background:url(../cmn_img/stit.gif) 0 0 no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
#P02
******************************************************************************
-------------------------------------------------------------------------- */
#P02 .conBox{
	margin-bottom:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
#P08
******************************************************************************
-------------------------------------------------------------------------- */

ul#gallery{
	width:520px;
	padding:0 4px;
	margin:0;}
ul#gallery li{
	float:left;
	width:230px;
	display:inline;
	padding:0;
	margin:5px 12px !important;
	margin:5px 9px;
	background:none;}
ul#gallery li img{
	padding:5px;
	border:1px solid #ccc;}


/*----------------------------------------------------------------------------
******************************************************************************
#P07
******************************************************************************
-------------------------------------------------------------------------- */
#P07 .imgR,#P02 .imgR{
	width:250px;
	text-align:right;}
#P07 dl dt,
#P03 dl dt{
	width:526px;
	padding:0;
	margin:0;
	border:1px solid #ff6600;
	background:#ff7a00 url(../cmn_img/mtit3.jpg) 0 0 no-repeat;}
#P07 dl dt a,
#P03 dl dt a{
	width:494px;
	display:block;
	padding:5px 0 4px 32px;}
#P07 dl dt a:link,
#P03 dl dt a:link{color:#fff;text-decoration:none;}
#P07 dl dt a:visited,
#P03 dl dt a:visited{color:#fff;text-decoration:none;}
#P07 dl dt a:hover,
#P03 dl dt a:hover{color:#fff;text-decoration:none;}
#P07 dl dt a:active,
#P03 dl dt a:active{color:#fff;text-decoration:none;}
#P07 dl dd,
#P03 dl dd{
	width:500px;
	margin:0 0 15px 0;
	padding:10px 13px 10px;
	border:1px solid #646464;
	border-top:0;}

/*----------------------------------------------------------------------------
******************************************************************************
#P09
******************************************************************************
-------------------------------------------------------------------------- */
#P09 .pdf{
	margin-bottom:20px;
	padding:10px 10px 4px 10px;
	border:2px solid #DDDDDD;}
#P09 .pdf p{
	padding:0 0 0 0;
	font-size:65%;}
#P09 .imgR{
	float:right;
	margin:0 0 0 0;
	padding:0;
	text-align:right;
	margin-bottom:20px;}
#P09 .imgR img{
	padding:0;
	border:0;}
.linkPDF a{
	padding:6px 0 4px 30px;
	background:url(../cmn_img/pdf.gif) 0 0 no-repeat;}

#P09 .imgL{
	margin:0 20px 20px 0;}

/*----------------------------------------------------------------------------
******************************************************************************
#P10
******************************************************************************
-------------------------------------------------------------------------- */

/*----------------------------------------------------------------------------
******************************************************************************
#P11
******************************************************************************
-------------------------------------------------------------------------- */

#P11 dl{
	margin-bottom:10px;}
#P11 dl dt{
	width:528px;
	height:36px;
	display:block;
	text-indent:-99999em;
	padding:0;
	margin-bottom:0;
	background:url(../img/ftit01.jpg) 0 0 no-repeat;}
#P11 dl.fl01 dt{background:url(../img/ftit01.jpg) 0 0 no-repeat;}
#P11 dl.fl02 dt{background:url(../img/ftit02.jpg) 0 0 no-repeat;}
#P11 dl.fl03 dt{background:url(../img/ftit03.jpg) 0 0 no-repeat;}
#P11 dl.fl04 dt{background:url(../img/ftit04.jpg) 0 0 no-repeat;}
#P11 dl dd{
	width:500px;
	margin:0;
	padding:10px 13px 10px;
	border:1px solid #646464;
	border-top:0;}

#P11 div p{
	width:110px;
	height:22px;
	display:block;
	margin:0 auto 10px;
	text-indent:-99999em;
	background:url(../cmn_img/arr03.gif) 0 0 no-repeat;}


/*----------------------------------------------------------------------------
******************************************************************************
#P12
******************************************************************************
-------------------------------------------------------------------------- */
#P12 .conBox{
	margin-bottom:20px;}

#P12 dl dt{
	width:496px;
	padding:5px 0 4px 30px;
	margin-bottom:10px;
	border:1px solid #ff0000;
	background:#ff7b00 url(../cmn_img/tit_q.jpg) 0 0 no-repeat;}
#P12 dl dd{
	width:480px;
	margin:0 0 25px 0;
	padding:3px 10px 0 31px;
	background:url(../cmn_img/tit_a.gif) 0 0 no-repeat;}



/*----------------------------------------------------------------------------
******************************************************************************
#P13
******************************************************************************
-------------------------------------------------------------------------- */
#P13 .conBox{
	margin-bottom:20px;}

/*----------------------------------------------------------------------------
******************************************************************************
#P15
******************************************************************************
-------------------------------------------------------------------------- */
#P15 ul{
	width:528px;
	margin:0 0 0 0;}
#P15 li{
	font-weight:bold;
	padding:5px 0 6px 24px;
	margin-bottom:10px;
	background:#f5f5f2 url(../cmn_img/mtit2.gif) 2px 0 no-repeat;}
#P15 li li{
	font-size:100%;
	margin-bottom:0;
	padding:5px 0 0 35px;
	background:url(../cmn_img/arr04.gif) 0 100% no-repeat !important;
	background:url(../cmn_img/arr04.gif) 0 100% no-repeat;}
#P15 ul ul{
	width:484px;
	background:#fff;
	margin-top:5px;
	padding-bottom:15px;
	padding-top:10px;
	padding-left:20px;}