@charset "iso-8859-1";


/* HTML??(?????)
--------------------------------------------------------- */
/* ???? */
em {
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
}
strong {
	color: #333399;
	background-color: transparent;
}
strong.nocolor {
	color: #323232;
}
/* ?????? */
img{
	border: none;
}
/* ?????? */
hr{
	display: block;
	clear: both;
}
/* ????????? */
ol,ul{
	margin-left: 22px;
	margin-right:22px;
	padding-left: 1em;
	*padding-left:2em;
	*margin-left: 12px;
	*zoom:normal !important;
}
li{
	margin-bottom:10px;
	*zoom:normal !important;
	}

/* ???????(???)
--------------------------------------------------------- */
/* font????? */
.non-style{
	font-weight: normal;
	font-style: normal;
}
/* float???? */
.clb{
	clear: both;
}
/* float??? */
.leftbox{
	float: left;
}
/* float??? */
.rightbox{
	float: right;
}
/* ?????????? */
ul.none li{
	list-style-type: none;
}
li.none{
	list-style-type: none;
}
/* ?????????? */
ul.line{
	margin: 0;
	padding: 0;
}
ul.line li{
	display: inline;
	list-style-type: none;
	padding: 0 2px;
}

/* ???????? (??)
--------------------------------------------------------- */
/* HTML????? */
body{
	font-size: 14px;
	*font-size: 85%;
	line-height: 20px;
	*line-height: 1.25em;
}
h1{
	font-size: 100%;
	line-height: 110%;
}


h2, h3, h4, h5, h6 {
	font-size: 100%;
}
/* ??? */
.huge {
	font-size: 18px;
	*font-size: 130%;
	line-height: 24px;
	*line-height: 1.35em;
}
.large {
	font-size: 16px;
	*font-size: 120%;
	line-height: 22px;
	*line-height: 1.35em;
}
.medium {
	font-size: 12px;
	*font-size: 85%;
	line-height: 18px;
	*line-height: 1.55em;
}
.small {
	font-size: 10px;
	*font-size: 70%;
	line-height: 14px;
	*line-height: 1.25em;
}
.small_l {
	font-size: 10px;
	*font-size: 70%;
	line-height: 14px;
	*line-height: 1.25em;
	letter-spacing:1px;
	*letter-spacing:0.1em;
}
.l_height_s {
	line-height:150%
	}


.non_head_margin_m { margin-top: -15px !important; }






/* ????
--------------------------------------------------------- */
img.icon,
img.icon-first,
img.icon-last {
	*margin-bottom: expression(Math.max (Math.ceil ((parseInt (this.currentStyle.lineHeight) - this.offsetHeight) / 2), 0) + "px");
	margin-left: 3px;
	margin-right: 3px;
	*margin-top: expression(Math.max (Math.floor ((parseInt (this.currentStyle.lineHeight) - this.offsetHeight) / 2), 0) + "px");
	vertical-align: middle;
}
img.icon-first {
	margin-left: 0;
}
img.icon-last {
	margin-right: 0;
}





/* ===============================================================


=============================================================== */

/* ----------------------------------------------------------------
    01. common
    02. hdg
    03. column
    04. txt + img
    05. img
    06. txt
    07. list
    08. btn
    09. link
    10. box
    11. table
	12. unique
----------------------------------------------------------------- */



/* ----------------------------------------------------------------
    01. common
----------------------------------------------------------------- */
#person p, ol li, ul li, td, th {
    font-size: 100%;
}

/* ----------------------------------------------------------------
    02. hdg
----------------------------------------------------------------- */
/*h1*/
#person .lyt-hdg-l1-01{
margin-bottom:35px;
font-size:142.85%;
font-weight:bold;
}

#person .str-lyt-hdg-l2-01{
background:url(/english/img/bg_hdg_l2_01.gif) no-repeat top left;
padding-top:11px;
margin:0 0 12px;
}
#person .lyt-hdg-l2-01{
background:url(/english/img/bg_hdg_l2_02.gif) no-repeat bottom left;
line-height:1.1;
padding:0 10px 14px 25px;
margin:0 0 12px 0;
border:none;
font-weight:bold;
color:#09266c;
font-size:128.57%;
}
body.new_pop_620 .str-lyt-hdg-l2-01{
background:url(/english/img/bg_hdg_l2_01_620.gif) no-repeat top left !important;
}
body.new_pop_620 .lyt-hdg-l2-01{
background:url(/english/img/bg_hdg_l2_02_620.gif) no-repeat bottom left !important;
}

/*h3*/
#person .str-lyt-hdg-l3-01{
background:url(/english/img/bg_hdg_l3_02.gif) no-repeat bottom left;
padding-bottom:9px;
margin-bottom:17px;
border-bottom:#c4c4c4 solid 1px;
line-height:1.1;
}
#person .lyt-hdg-l3-01{
line-height:1.1;
background:url(/english/img/bg_hdg_l3_01.gif) no-repeat top left;
padding:3px 10px 0 19px;
font-weight:bold;
margin-bottom:0;
margin-top:0;
}

#person .lyt-hdg-l4-01{
line-height:1.1;
background:url(/english/img/bg_hdg_l4_01.gif) no-repeat 0 0.1em;
padding-left:19px;
font-weight:bold;
margin-bottom:15px;
color:#09266c;
}


/* ----------------------------------------------------------------
    03. section
----------------------------------------------------------------- */
/*??:?????????*/
#person .lyt_section_01{
width:710px;
margin-left:10px;
margin-bottom:30px;
}
#person .lyt_section_02{
width:710px;
margin-left:10px;
margin-bottom:80px;
}

#person .lyt_section_ul_01,
#person ul.lyt_section_ul_01 li{
padding:0 0 16px;
background:url(/english/img/line_01.gif) repeat-x bottom left;
width:710px;
margin:0 0 15px;
list-style:none;
}
#person .lyt_section_ul_01 .lyt_link_list_01{
padding:0;
margin:0;
}
#person .lyt_section_ul_01 .lyt_link_list_01 li{
	background:none;
	width:auto;
	margin:0;
	padding-bottom:0 !important;
}

#person ul.lyt_section_ul_01 .default li{
padding-bottom:0;
background:none;
margin-bottom:0;
width:auto;
}
#person ul.lyt_section_ul_01 li.last-child{
padding-bottom:0;
background:none;
}


#person .lyt_section_ul_01 .lyt_doc_01{
margin-bottom:0;
}

/* ----------------------------------------------------------------
   04.  txt + img
----------------------------------------------------------------- */
#person .lyt_doc_01{
overflow:hidden;
margin-bottom:10px;
}

#person .img_l .lyt_img{
float:left;
}
#person .img_l .lyt_txt{
float:right;
}

#person .img_r .lyt_img{
float:right;
}
#person .img_r .lyt_txt{
float:left;
}


div.lyt_block_01{
margin-bottom:30px;
zoom:1;
}
div.lyt_block_01 div.lyt_txtL{
padding-right:15px !important;
float:left;
}
div.lyt_block_01 div.lyt_txtR{
padding-left:15px !important;
float:right;
}
div.lyt_block_01 div.lyt_txt{
overflow:hidden;
zoom:1;
}


/* ----------------------------------------------------------------
    05. img
----------------------------------------------------------------- */
#person .lyt-img-01{
text-align:center;
margin-bottom:30px;
}

/* ----------------------------------------------------------------
    06. txt
----------------------------------------------------------------- */
#person p.lyt_txt_01{
margin-bottom:10px;
}



#person p.text-title-01{ font-size:117%; }

#person p.text-title-02{
font-size:117%;
margin-bottom:30px !important;
}


/* ----------------------------------------------------------------
    07. list
----------------------------------------------------------------- */
/*?????*/


/*?????*/


/*?????*/


/* ????? */

/*??????*/
#person ul ol,
#person ol ul,
#person ul ul,
#person ol ol{
margin-top:5px;
margin-bottom:5px !important;
}


/* ----------------------------------------------------------------
    08. btn
----------------------------------------------------------------- */

/* ----------------------------------------------------------------
    09. link
----------------------------------------------------------------- */
/*pagetop*/
#person .lyt_link_pagetop{
text-align:right;
margin-bottom:40px;
font-size:85.71%;
}
#person .lyt_link_pagetop a{
padding-left:12px;
background:url(/english/img/icon_arrow_02.gif) no-repeat 0 0.4em;
margin-bottom:10px;
}


/*??????*/
#person .lyt_link_01{
text-align:right;
font-size:85.71%;
}
#person .lyt_link_01 a{
padding-left:14px;
background:url(/english/img/icon_arrow_01.gif) no-repeat 0 0.25em;
margin-bottom:10px;
}

#person ul.lyt_link_list_01{
	margin:0 !important;
	padding:0 !important;

}#person ul.lyt_link_list_01 li{
	list-style:none;
	margin:0;
}
#person ul.lyt_link_list_01 li a{
    background: url("/english/common/img/arrow_circle_blue.gif") no-repeat scroll left 0.3em transparent;
    padding: 0 0 0 13px;
}

/*????????*/
#person .lyt_col_link_01 {
overflow:hidden;
}
#person .lyt_col_link_01 li{
width:230px;
float:left;
padding-left:10px;
margin-right:10px;
background:url(/english/img/icon_arrow_01.gif) no-repeat 0 0.4em;
margin-bottom:5spx;
}

/*????????*/
#person .lyt_dl_link_01 dt{
padding-left:10px;
background:url(/english/img/icon_arrow_01.gif) no-repeat 0 0.4em;
margin-bottom:2px;
font-weight:bold;
}
#person .lyt_dl_link_01 dd{
margin-left:10px;
margin-bottom:10px;
}
#person .lyt_dl_link_02 dt{
margin-bottom:2px;
font-weight:bold;
}

#person .lyt_dl_link_02 dt{
margin-bottom:2px;
font-weight:bold;
}
#person .lyt_dl_link_02 dd{
margin-bottom:10px;
}
#person .lyt_dl_link_02 dt{
font-weight:bold;
}



/* ----------------------------------------------------------------
    13. unique
----------------------------------------------------------------- */


/*	 Navi Page Link Style
--------------------------------------------- */


ul.navi_pagelink_01{
padding:8px 0 3px !important;
line-height:1.4 !important;
margin:0 0 15px !important;
text-align:center !important;
}
ul.navi_pagelink_01 li{
display:inline-block !important;
*display:inline !important;
margin:0 0 5px 10px !important;
padding-right:15px !important;
background:url(/img/bg_navi_pagelink_01_li.gif) repeat-y 100% 0%;
}
ul.navi_pagelink_01 li.last-child{ background:none; }
ul.navi_pagelink_01 li a{
/*padding-left:10px !important;*/

}


/*faq*/
#person dl.lyt_faq_box{
margin:0 auto 15px;
width:710px;
}
#person dl.lyt_faq_box dt{
padding-bottom:10px;
background:url(/english/img/bg_hdg_faq_03.gif) no-repeat left bottom;
line-height:1.1;
}
#person dl.lyt_faq_box dt a{
background:url(/english/img/bg_hdg_faq_01.gif) no-repeat left top;
padding:12px 35px 0px 40px;
width:635px;
display:block;
font-weight:bold;
min-height:16px;
_height:16px;
}
#person dl.lyt_faq_box dd{
background:url(/english/img/bg_box_faq_01.gif) no-repeat 0 0 #f4f4f4;
width:660px;
padding:10px 12px 10px 38px;
}
#person dl.active dt a{
background:url(/english/img/bg_hdg_faq_02.gif) no-repeat left top;
}
#person dl.active dd{
display:block;
}

/*userAgentNav*/
.userAgentNav {
background-color:#4a7bc9;
text-align:center;
display:none;
}
p.userAgentNav {
margin:30px auto 0;
background-color:#fff;
}
.userAgentNav p.userAgentBtn {
margin:0;
padding:20px;
}
.userAgentNav p.userAgentBtn a {
padding:.5em 0;
border:2px solid #c3c3c3;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
-ms-border-radius:15px;
border-radius:15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(0.48, #ffffff), color-stop(0.52, #f0f0f0), color-stop(1.00, #f0f0f0));
background: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 48%, #f0f0f0 52%, #f5f5f5 100%);
background: -moz-linear-gradient(top, #f5f5f5 0%, #ffffff 48%, #f0f0f0 52%, #f5f5f5 100%);
background: -o-linear-gradient(top, #f5f5f5 0%, #ffffff 48%, #f0f0f0 52%, #f5f5f5 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%, #ffffff 48%, #fffff 52%, #f5f5f5 100%);
background: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 48%, #f0f0f0 52%, #f5f5f5 100%);
font-weight:bold;
display:block;
font-size:41px;
line-height:1.2;
text-decoration:none;
-moz-text-shadow:1px 2px 2px #fff;
-ms-text-shadow:1px 2px 2px #fff;
text-shadow:1px 2px 2px #fff;
}

#person .userAgentNav p.userAgentBtn a,
#person .userAgentNav p.userAgentBtn a:link,
#person .userAgentNav p.userAgentBtn a:visited{
color:#c00;
}

#person .userAgentNav p.userAgentBtn a:hover,
#person .userAgentNav p.userAgentBtn a:focus,
#person .userAgentNav p.userAgentBtn a:active{
color:#ffa514;
}

/* ----------------------------------------------------------------
    14. other
----------------------------------------------------------------- */

.fc01{
color:#333333 !important;
}

/*??????*/


img.icons{
vertical-align:middle !important;
margin:0 5px;
}



@charset "shift_jis";

.b_01{color:#0F1177;}
.b_02{color:#1D4383;}
.r_01{color:#ED1C24;}
.bg_left {
	background-repeat: repeat-y;
	background-image: url(/service/p_card/img/bg_left.gif);
}
.bg_right {
	background-repeat: repeat-y;
	background-image: url(/service/p_card/img/bg_right.gif);
}
.list ul {
	margin: 0 0 0 10px;
	padding: 0px;
}
.list ul li {
	margin: 0px;
	padding: 0px;
	line-height: 1.26;
}
.style01 {
	width: 410px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}


/******** 4/7　pdf表示追加 ********/

div.pdf_aera
{
	float:left;
	margin-bottom:30px;
	padding:10px;
	border:1px solid #ddd;
}

div.pdf_aera p
{
	background:url(/english/service/p_card/img/symbol_dot.gif) no-repeat left;
}

div.pdf_aera p span
{
	padding-left:16px;
}

div.pdf_aera div.pdfdlbtn
{
	margin-top:15px;
	margin-left:20px;
	margin-bottom:25px;
}

ul.btnlist
{
	margin-left:0px;
}

ul.btnlist li
{
	float:left;
	width:127px;
	height:40px;
	margin-top:10px;
	margin-left:5px;
	background:url(/service/p_card/img/btn_bk.gif) no-repeat;
	list-style-type:none;
	line-height:35px;
}

ul.btnlist li a
{
	display:block;
	width:127px;
	height:40px;
}

ul.btnlist li span
{
	padding-left:25px;
}

.pickup{
	border:1px solid #000;
	padding:10px;
}