@charset "shift_jis";

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

  * file name : popupw.css(ポップアップウィンドウ)
  * last update : 2008/07/29
  
  -入力項目-
  ・baselayout
  ・header
  ・footer
  ・page-number
  ・close-window


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


/*=================================================
	入力項目
=================================================*/

/*----------------------------------
	・baselayout
----------------------------------*/
body{
	color:#000000;
	}

/*wrap*/
#wrap{
	width:750px;
	margin:0 auto;
	text-align:center;
	font-size:92.5%;
	}

.red{
	color:#ff0000;
	}
	
/*----------------------------------
	・header
----------------------------------*/
#header{
	width:750px;
	text-align:left;
	}
#headerTbg{
	width:750px;
	height:69px;
	padding-top:0px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	background-position: left bottom;
	}
#headerT{
	width:748px;
	height:62px;
	border-left:#b5b5b5 1px solid;
	border-right:#b5b5b5 1px solid;
	border-bottom:#b5b5b5 1px solid;
	}
#headerLeft{
	width:446px;
	float: left;
	}
#headerLeft2{
	width:595px;
	float: left;
	}
#headerRight{
	width:300px;
	float:right;
	padding:0px;
	}
#headerRight2{
	width:140px;
	float:right;
	padding:0px;
	}
#headerLeft p{
	float:left;
	padding:12px 0 0 10px;
	}
#headerLeft2 p.logo{
	float:left;
	width:182px;
	padding:12px 0 0 10px;
	}
#headerLeft2 p#tagline{
	float:left;
	width:390px;
	margin-top:23px;
	padding:0;
	font-size:87.5%;
	}
#headerLeft2 p#tagline strong{
	font-weight:bold;
	}
#headerRight h1{
	float:right;
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 157px;
	padding-right: 10px;
	}
#headerRight .ph5{
	float:right;
	font-size: 85%;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	}
#headerRight2 h1{
	text-align:right;
	padding:15px 10px 10px 0;
	}

/*----------------------------------
	・footer
----------------------------------*/

#footer{
width:730px;
margin:0 auto;
text-align:left;
}


/*Footer Copy*/
#footer-copy{
margin:15px 0;

}
#slogan{
float:right;
}
#slogan img{
margin:2px 0 10px;
}
#copyright{
float:left;
}

/*----------------------------------
	・footer
----------------------------------*/

#footer{
width:750px;
margin:0 auto;
text-align:left;
}
#nav-footer{
padding:0.7em 0 0.8em 0;
line-height:1.2em;
background-color:#003466;
font-size:85%;
text-align:center;
}
#nav-footer a:link,
#nav-footer a:visited,
#nav-footer a:hover,
#nav-footer a:focus,
#nav-footer a:active{
color:#fff;
text-decoration:none;
}
#nav-footer li{
margin:2px 0;
padding:0 1em;
border-right:1px solid #fff;
display:inline;
}
#nav-footer li.first{
border-left:1px solid #fff;
}
#nav-footer li a{
white-space:nowrap;
}

/*Footer Copy*/
#footer-copy{
margin:15px 0;

}
#slogan{
float:right;
}
#slogan img{
margin:2px 0 10px;
}
#copyright{
float:left;
}

/*----------------------------------
	・page-number
----------------------------------*/
#pageNumber{
	width:750px;
	}
#pageNumber p{
	text-align:right;
	padding:2px 0 2px 0;
	color:#666;
	}
	
	
/*----------------------------------
	・close-window
----------------------------------*/
#Closewindow{
	width:718px;
	}
#Closewindow p{
	text-align:right;
	float:right;
	padding:0px 10px 10px 18px;
	font-size: 85%;
	background: url(/share/image/selection/common/btn_closewindow.gif) no-repeat 0px 0px;
	}
	
#Closewindow2{
	width:718px;
	}
#Closewindow2 p{
	text-align:right;
	float:right;
	padding:0px 10px 10px 18px;
	font-size: 85%;
	background: url(/share/image/selection/common/btn_closewindow.gif) no-repeat 0px 0px;
	}

/*----------------------------------
	・contents
----------------------------------*/
#contents{
	width:718px;
	text-align:left;
	background-color: #ffffff;
	border:#bbbbbb 1px solid;
	padding:15px;
	margin: 0px;
	}

#contents h2{
	float:left;
	margin:0px 10px 20px 0px;
	overflow: auto;
	}
	
#contents h3{
	float:right;
	margin:13px 0px 0px 0px;
	}

.contentsheadlogo{
	float:left;
	margin:0px 14px 0px 0px;
	overflow: auto;
	}
.contentsheadh3{
	float:right;
	margin:8px 0px 0px 0px;
	}

.p10{
	margin: 0px 0px 10px;
	padding: 0px;
	}
.p20{
	margin: 0px 0px 20px;
	padding: 0px;
	}


/*----------------------------------
	・Q&A
----------------------------------*/

.pQ{
margin: 0px 0px 10px;
padding: 7px 0px 0px 45px;
background: url(/share/image/pet/bg_n2060600q.gif) no-repeat;
height: 31px;
width: 673px;
}

.pA{
margin: 0px 0px 10px;
padding: 0px 0px 0px 40px;
background-image: url(/share/image/pet/bg_n2060600a.gif);
background-repeat: no-repeat;
background-position: 10px 0px;
}

.pA2{
margin: 0px 0px 10px;
padding: 0px 0px 0px 40px;
}
.pagetop{
text-align: right;
margin: 0px 0px 20px 0px;
}

.ul_ulround ul {
padding: 0px;
}  
.ul_ulround li {
margin: 0px 0px 10px;
margin:0px 0px 0px 60px;
padding: 0px;
list-style:disc url(none);
} 

body.faq #contents .list-faq-01{
width:749px;
margin-bottom:25px;
}

body.faq #contents .list-faq-01 li{
margin-bottom:6px;
padding-bottom:6px;
background:url("/share/image/pet/line_dot_02.gif") repeat-x bottom;
}

body.faq #contents .list-faq-01 li span{
display:block;
padding:3px 0 3px 17px;
background:url("/share/image/pet/icon_q.gif") no-repeat left 0.4em;
}

body.faq #contents .hdg-faq-q-container{
width:749px;
margin-bottom:10px;
padding:3px 0 0 0;
background:url("/share/image/pet/popup/bg_title_faq.gif") no-repeat left top;
}

body.faq #contents h2.hdg-faq-q{
width:749px;
float:none;
display:block;
margin:0;
color:#444;
background:url("/share/image/pet/popup/bg_title_faq.gif") no-repeat left bottom;
}

body.faq #contents h2.hdg-faq-q span{
display:block;
padding:5px 5px 5px 40px;
background:url("/share/image/pet/popup/icon_q_02.gif") no-repeat 8px 4px;
}

body.faq #contents .doc-faq-a{
margin-bottom:15px;
padding:0 0 0 40px;
background:url("/share/image/pet/popup/icon_a.gif") no-repeat 8px 2px;
}

body.faq #contents .doc-faq-a p{
margin-bottom:10px;
}

/*----------------------------------
	会社概要テーブル
----------------------------------*/


.company {
	margin-bottom: 30px;
}
.company table {
	width: 100%;
	border: 1px solid #CCCCCC;
}
.company table th {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 10em;
	border: 1px solid #CCCCCC;
}
.company table td {
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	border: 1px solid #CCCCCC;
}



/*----------------------------------
	会社概要社名

----------------------------------*/

.companyanicomleft{
	float: left;
	width: 300px;
	margin: 0px 0px 20px;
	padding: 0px;
	text-align: left;
	vertical-align: baseline;
	}
.companyanicomright{
	float: left;
	width: 410px;
	margin: 0px;
	padding: 60px 0px 0px 0px;
	text-align: left;
	vertical-align: baseline;
	}

/*----------------------------------
	・オンラインからのお手続き
----------------------------------*/

#contents.n310 .pr5 {
	padding-right:5px;
}

#contents.n310 .kome {
	margin-bottom:10px;
	padding-left:1em;
	text-indent:-1em;
}


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

	Modules
	
=================================================== */
body.popup #contents{
width:750px;
}

body.popup #page-title{
width:750px;
margin:10px 0 30px;
/margin-bottom:15px;
}

body.popup #page-title .left-item{
float:left;
width:600px;
}

body.popup #page-title .right-item{
float:right;
width:130px;
}

body.popup #page-title .logo{
float:left;
width:167px;
padding-right:25px;
}

body.popup #page-title .hdg{
float:left;
/width:300px;
margin-top:20px;
}
body.popup #page-title .right-item #pageNumber{
width:130px;
margin-bottom:15px;
text-align:right;
}

body.popup #page-title .btn-close{
width:130px;
text-align:right;
}

body.popup #footer{
border-top:1px solid #b5b5b5;
}

body.popup-wide a:link,
body.popup-wide a:visited{
color:#007440;
text-decoration:underline;
}

body.popup-wide a:hover,
body.popup-wide a:active{
color:#1fbe77;
}

body.popup-wide #contents{
border:none;
margin:0;
padding:0;
}

body.popup-wide p.pagetop{
width:750px;
text-align:right;
font-size:87.5%;
}

body.popup-wide p.pagetop a{
padding-left:10px;
background:url("/share/image/pet/icon_arrow_02.gif") no-repeat left center;
}

/*----------------------------------

	Heading

----------------------------------*/
body.popup #main .hdg{
margin-bottom:15px;
}

body.popup-wide .hdg{
display:block;
float:none !important;
width:750px;
margin-bottom:15px !important;
}

/*----------------------------------

	Paragraph

----------------------------------*/
body.popup #main .doc-strong-01{
font-size:112.5%;
color:#d31d1d;
}

body.popup .doc-strong-02{
color:#d31d1d;
}

body.popup .doc-strong-03{
font-weight:bold;
font-size:112.5%;
}

body.popup .doc-strong-04{
font-weight:bold;
color:#d31d1d;
}

body.popup .btn-close-footer{
width:749px;
margin-bottom:20px;
text-align:right;
}

/*----------------------------------

	List

----------------------------------*/
body.popup .list-bullet-01,
body.popup .list-bullet-02,
body.popup .list-link-01,
body.popup .list-notice-01,
body.popup .list-notice-02,
body.popup .list-notice-03,
body.popup .list-notice-numbered-01,
body.popup .list-normal-01{
margin-bottom:10px;
}

/* list-bullet */
body.popup .list-bullet-01 li{
margin-bottom:1px;
padding-left:9px;
background:url("/share/image/pet/icon_bullet_01.gif") no-repeat left 0.5em;
}

body.popup .list-bullet-02 li{
margin-bottom:1px;
padding-left:11px;
font-size:87.5%;
background:url("/share/image/pet/icon_bullet_01.gif") no-repeat left 0.5em;
}

/* list-link */
body.popup .list-link-01 li{
margin-bottom:10px;
padding-bottom:5px;
background:url("/share/image/pet/line_dot_02.gif") repeat-x left bottom;
}

body.popup .list-link-01 li.last-child{
margin-bottom:0;
background:none;
}

body.popup .list-link-01 li span{
display:block;
padding-left:11px;
background:url("/share/image/pet/icon_arrow_01.gif") no-repeat left 0.5em;
}

body.popup .list-link-01 li ul.list-notice-03 li{
background:none;
}

body.popup .list-link-01 li ul.list-notice-03 li span{
display:inline;
padding:0;
background:none;
}

/* list-notice */
body.popup .list-notice-01 li,
body.popup .list-notice-02 li,
body.popup .list-notice-03 li{
position:relative;
margin-bottom:2px;
padding-left:1.25em;
zoom:1;
}

body.popup .list-notice-01 li span{
position:absolute;
top:0;
left:0;
}

body.popup .list-notice-02 li span{
position:absolute;
top:0;
left:0;
color:#d31d1d;
}

body.popup .list-notice-03 li{
font-size:87.5%;
}

body.popup .list-notice-03 li span{
position:absolute;
top:0;
left:0;
color:#d31d1d;
}

/* list-notice-numbered */
body.popup .list-notice-numbered-01 li{
position:relative;
padding-left:2em;
font-size:87.5%;
}

body.popup .list-notice-numbered-01 li span{
position:absolute;
top:0;
left:0;
color:#d31d1d;
}

/* list-normal-01 */
body.popup .list-normal-01 dt{
font-weight:bold;
margin-bottom:3px;
}

body.popup .list-normal-01 dd{
margin-bottom:10px;
}

/* 150617 */
body.popup .list-notice-01_glayBox{
	margin: 0 0 15px;
	padding: 10px 10px 0 10px;
	border: 1px solid #999;
}
body.popup .list-notice-01_glayBox_tit{
	padding: 0 0 5px;
}

/*----------------------------------

	Box

----------------------------------*/
.box-01-container{
margin-bottom:20px;
padding-top:3px;
background:url("/share/image/pet/popup/bg_box_01.gif") no-repeat left top;
zoom:1;
}

.box-01{
padding:1px 15px 15px;
_padding-top:15px;
background:url("/share/image/pet/popup/bg_box_01.gif") no-repeat left bottom;
}

.box-01 .hdg{
width:100% !important;
}

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

	N2061000.html Style
	
=================================================== */
body.wish #lyt-wish-01{
margin-bottom:25px;
padding:35px 25px 22px;
background:url("/share/image/pet/popup/bg_wish_01.jpg") no-repeat left top;
zoom:1;
}

body.wish #lyt-wish-02{
margin-bottom:20px;
background:#ffffea url("/share/image/pet/popup/bg_wish_02.gif") no-repeat left bottom;
}

body.wish #lyt-wish-02 .inner{
padding:0 0 15px 100px;
}

body.wish #lyt-wish-02 .inner .hdg{
width:100%;
margin-bottom:10px !important;
}

body.wish #lyt-wish-02 .inner #lyt-wish-03 p{
float:left;
width:147px;
}

body.wish #lyt-wish-02 .inner #lyt-wish-03 ul,
body.wish #lyt-wish-02 .inner #lyt-wish-03 ul li{
float:left;
}

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

	N2061100.html Style
	
=================================================== */
body.need #need-note{
margin-left:98px;
}

body.need #need-img{
margin:-35px 0 8px;
text-align:center;
}

body.need #lyt-need-01 #need-img-L{
display:inline;
float:left;
margin:0 40px 0 50px;
}

body.need #lyt-need-01 #need-img-R{
float:left;
}

/* ===================================================
	Style Adjust
=================================================== */
body.popup .mb00{margin-bottom:0 !important;}
body.popup .mb05{margin-bottom:5px !important;}
body.popup .mb10{margin-bottom:10px !important;}
body.popup .mb15{margin-bottom:15px !important;}
body.popup .mb20{margin-bottom:20px !important;}
body.popup .mb25{margin-bottom:25px !important;}
body.popup .mb30{margin-bottom:30px !important;}
body.popup .mb35{margin-bottom:35px !important;}
body.popup .mb40{margin-bottom:40px !important;}
body.popup .ml20{margin-left:20px !important;}

body.popup .align-C{
text-align:center !important;
}
body.popup .align-R{
text-align:right !important;
}
body.popup .align-L{
text-align:left !important;
}


/*----------------------------------
	Clearfix
----------------------------------*/
body.popup #page-title,
body.need #lyt-need-01,
body.wish #lyt-wish-02 .inner #lyt-wish-03{
zoom:1;
}

body.popup #page-title:after,
body.need #lyt-need-01:after,
body.wish #lyt-wish-02 .inner #lyt-wish-03:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
font-size:0;
}

/*20140815追加*/
body.need #need-img01{
margin:0 0 8px;
padding-left: 10px;
text-align:center;
}