@charset "shift-jis";
/* CSS Document */


/* default
-----------------------------------------------------------------*/
* {
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6{
font-weight:normal;
font-size:100%;
}

address,strong,em,th{
font-weight:normal;
font-style:normal;
}

ul,ol{
list-style:none;
}

body{
background-color:#fff;
line-height:1.2;
font-weight:normal;
color:#333;
}

html{overflow-y:scroll;}

img{
border:none;
}

hr{
display:none;
}

/* common
-----------------------------------------------------------------*/
/* padding right [em] */
.pd_R1em{padding-right:1em}
.pd_R2em{padding-right:2em}
.pd_R3em{padding-right:3em}

/* padding right [px] */
.pd_R5{padding-right:5px}
.pd_R6{padding-right:6px}
.pd_R7{padding-right:7px}
.pd_R8{padding-right:8px}
.pd_R9{padding-right:9px}
.pd_R10{padding-right:10px}


/* #container
-----------------------------------------------------------------*/
div#container{
width:480px;
padding:0 10px 10px;
background:url(../../images/prokolin/prokolin_popup_container_bg.jpg) 0 0 no-repeat;
}


/* #container
   #header
-----------------------------------------------------------------*/
div#header{
padding-top:25px;
padding-bottom:10px;
}

div#header h1{
float:left;
width:183px;
padding-right:6px;
}

div#header p{
float:left;
width:132px;
}

/* #container
   #content
-----------------------------------------------------------------*/
div#content{
width:480px;
}


/* #process01
   #process02
	 #process03
-----------------------------------------------------------------*/
div#process01,
div#process02,
div#process03{
padding-bottom:15px;
color:#666;
clear:both;
}

div#process01 h2,
div#process02 h2,
div#process03 h2{
padding-bottom:5px;
}

div#process01 ol li img,
div#process02 ol li img{
border:1px solid #ccc;
}

div#process01 ol,
div#process02 ol{
}

div#process01 ol li,
div#process02 ol li{
float:left;
width:140px;
padding-right:30px;
background:url(../../images/prokolin/prokolin_popup_arrow.gif) 150px 42px no-repeat;
}

div#process01 ol li span,
div#process02 ol li span{
display:block;
width:140px;
padding-top:5px;
}

div#process01 ol li.last,
div#process02 ol li.last{
padding-right:0;
background-image:none;
}


/* #standard
-----------------------------------------------------------------*/
div.standard{
width:462px;
padding:8px;
border:1px solid #ccc;
}

div.standard p.standard_title{
padding-bottom:9px;
clear:both;
}

div.standard p.standard_title em{
color:#f30;
}

div.standard div.left{
float:left;
width:225px;
}

div.standard div.left ul{
}

div.standard div.left ul li{
text-indent:-.5em;
padding-left:.5em;
}

div.standard div.left ul li span.wd5em{
}

div.standard div.right{
float:right;
width:225px;
}


/* #hr
-----------------------------------------------------------------*/
div.hr {
display:block;
margin:0 0 10px;
padding:0;
background:url(../../images/prokolin/prokolin_popup_hr_bg.gif) 0 0 repeat-x;
width:100%;
height:1px;
clear:both;
}


/* #btnClose
-----------------------------------------------------------------*/
p#btnClose{
width:152px;
margin:15px auto 0;
clear:both;
}

p#btnClose a{
display:block;
width:152px;
height:28px;
text-indent:-9999px;
overflow:hidden;
}

p#btnClose a:link, 
p#btnClose a:visited{
background:url(../../images/prokolin/btn_prokolin_popup_map_close.jpg) 0 0 no-repeat;
}

p#btnClose a:hover, 
p#btnClose a:active{
background:url(../../images/prokolin/btn_prokolin_popup_map_close_f2.jpg) 0 0 no-repeat;
}


/* -----------------------------------------------------------
 ClearFix
----------------------------------------------------------- */
div#container:after,
div#header:after,
div#content:after,
div.standard:after{
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

*:first-child+html div#container,
*:first-child+html div#header,
*:first-child+html div#content,
*:first-child+html div.standard{
height: 1%;
}

/*\*/
* html div#container,
* html div#header,
* html div#content,
* html div.standard{
height: 1%;
}


.clearfix:after{
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

*:first-child+html .clearfix{
height: 1%;
}

/*\*/
* html .clearfix{
height: 1%;
}