@charset "utf-8";


/*title
------------------------------------------------------------------------*/
div#title {
	height:140px;
	}

div#title h2,
div#title p {
	position: absolute;
	left: -2000px;
	width: 200px;
	}

body#Kara_pnCategory div#title {
	background: url("../kara_pn/images/title.jpg") no-repeat;
	}

/*container
------------------------------------------------------------------------*/
body#Kara_pnCategory div#container {
	width: 860px;
	background-image: none;
	}


/*kara_pnarea
------------------------------------------------------------------------*/
body#Kara_pnCategory div#kara_pnarea {
	width: 840px;
	margin: 0 auto;
	_margin-left: 10px;/*for ie6*/
	}


/*kara_pntop
------------------------------------------------------------------------*/
div#kara_pntop {
	width: 840px;
	margin: 0 0 20px 0;
	padding-bottom: 20px;
	background: url("../kara_pn/images/pntop_b.gif") bottom no-repeat;
	}

div#kara_pntop p {
	margin: 5px 0 15px 45px;
	}

table#pn_flow_table {
	width: 750px;
	margin: 0 0 0 45px;
	}


/*pn_flow
------------------------------------------------------------------------*/
div.pn_flow {
	width: 800px;
	margin: 0 auto;
	_margin-left: 20px;/*for ie6*/
	}

div.pn_flow h3 {
	width: 800px;
	height: 32px;
	margin: 0 0 20px;
	padding: 0;
	border: none;
	}

div.pn_flow h3#kara_pn1 {
	background: url("../kara_pn/images/kara_pn1-1.gif") no-repeat;
	}

div.pn_flow h3#kara_pn2 {
	background: url("../kara_pn/images/kara_pn2-1.gif") no-repeat;
	}

div.pn_flow h3#kara_pn3 {
	background: url("../kara_pn/images/kara_pn3-1.gif") no-repeat;
	}

div.pn_flow h3#kara_pn4 {
	background: url("../kara_pn/images/kara_pn4-1.gif") no-repeat;
	}

div.pn_flow h3 span {
	position: absolute;
	left: -2000px;
	width: 300px;
	}


/*div.flowbox
------------------------------------------------------------------------*/
div.flowbox {
	width: 740px;
	margin: 0 0 20px 30px;
	}

body#Kara_pnCategory div.flowbox:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	visibility: hidden;
	}
* body#Kara_pnCategory div.flowbox {
	display: inline-block;
	}
/* no ie mac \*/
* body#Kara_pnCategory div.flowbox { height: 1%;}
body#Kara_pnCategory div.flowbox { display: block;}
/* */

div.flowbox div.leadtxt {
	width: 500px;
	float: left;
	}

div.flowbox div.leadtxt2 {
	width: 500px;
	_width: 550px;/*for ie6*/
	float: left;
	}

div.flowbox div.mainphoto {
	width: 220px;
	float: right;
	}

div.flowbox p.flowinfo {
	padding: 1em 0 0;
	text-align: right;
	}

span.red {
	color: #f00;
	}

p.top1em {
	margin:1em 0 0;
	}


/*div#flow_search
------------------------------------------------------------------------*/
div#flow_search {
	margin: 20px;
	}