﻿
#pu_wrap{
	background:#565342;
	font-size:medium;
	padding:20px;
	width:730px;
	zoom:1;
	/*\*/
	overflow:hidden;
	/**/
}


#pu_wrap a{
	color:#3C5B70;
}

/*-----------------------------------------------------------*/
/* Class */

.newwin{
	background: url(../imgs/icon_newwin.gif) no-repeat 0 0.25em;
	padding-left:23px;
	padding-bottom:1px;
	zoom:1;
}

.alignR{
	text-align:right;
}


/*************************************************************/
/* pu_header */

#pu_header{
	background: url(../imgs/pu_head.jpg) no-repeat top left;
	width:730px;
	height:154px;
}

/*************************************************************/
/* pu_main */

#pu_main{
	zoom:1;
	font-size:87.5%;
	position:relative;
	background: url(../imgs/main_b.gif) no-repeat bottom left;
	/*background: url(../imgs/main_b02.gif) no-repeat bottom left;*/
	padding:0 0 10px 0;
	
}

#pu_main .body01{
	background: url(../imgs/main_bg.gif) repeat-y top left;
	padding:20px 46px 0;

}

#pu_main .body02{
	background: url(../imgs/main_bg02.gif) repeat-y top left;
	padding:31px 44px 14px 38px;
	zoom:1;
}


/*#pu_main .body01 p{
	padding:0 0 27px 0;
	zoom:1;
}*/

#pu_main .body01 p.lead{
	background: url(../imgs/pu_lead.gif) no-repeat top left;
	width:613px;
	height:37px;
	text-indent:-9999px;
	margin:0 auto;
}

/*#pu_main .body01 p span{
	color:#929000;
	font-weight:bold;
}
*/

#pu_main p.txt_link{
	margin:20px 0 0 0;
}

/*-----------------------------------------------------------*/
/* date */

#pu_main .date{
	text-align:right;
	font-size:85.7%;
	padding:0 0 16px 0!important;
	margin:-9px 0 0 0;
	zoom:1;
}



/*-----------------------------------------------------------*/
/* supervise */


#pu_main .supervise{
	margin:16px 0 20px 0;
	padding:0 14px 0 0;
	font-size:85.7%;
	text-align:right;

}

#pu_main .supervise span{
	background: url(../imgs/icon_supervise.gif) no-repeat top left;
	padding:0 0 0 50px;
	min-height:18px;
	display:inline-block;
}

* html #pu_main .supervise span{
	height:18px;
}



/*=============================================================*/
/* section */

#pu_main .section{
	width:637px;
	margin:0 auto;
}

#pu_main .section h4{
	clear:both;
	width:637px;
	height:38px;
	margin:0 0 12px 0;
}

#pu_main .section ul{
	margin:0 0 35px;
}

#pu_main .section ul li{
	padding:0 8px;
	overflow:hidden;
}

#pu_main .section ul li h5{
	clear:both;
	height:25px;
	margin:0 0 10px 0;
}

#pu_main .section ul li p{
	padding:0 10px;
}


/*-----------------------------------------------------------*/
/* case01 */

#pu_main #case01{
	margin:26px 0 0 0;
}

#pu_main #case01 h4{
	background: url(../imgs/case01_title.jpg) no-repeat top left;
}

#pu_main #case01 h5.subtitle01{
	background: url(../imgs/case01_subtitle01.gif) no-repeat top left;
	width:620px;
}

#pu_main #case01 h5.subtitle02{
	background: url(../imgs/case01_subtitle02.gif) no-repeat top left;
	width:620px;
}

#pu_main #case01 .image01{
	background: url(../imgs/case01_image01.gif) no-repeat top center;
	width:310px;
	height:222px;
	margin:17px 0 7px 0;
	display:block;
	float:left;
}

#pu_main #case01 .image02{
	background: url(../imgs/case01_image02.gif) no-repeat top center;
	width:310px;
	height:222px;
	margin:17px 0 7px 0;
	display:block;
	float:left;
}

#pu_main #case01 .image03{
	background: url(../imgs/case01_image03.gif) no-repeat top center;
	width:310px;
	height:222px;
	margin:17px 0 7px 0;
	display:block;
	float:left;
}

#pu_main #case01 .image04{
	background: url(../imgs/case01_image04.gif) no-repeat top center;
	width:310px;
	height:222px;
	margin:17px 0 7px 0;
	display:block;
	float:left;
}

/*-----------------------------------------------------------*/
/* case02 */

#pu_main #case02{
	padding:0 0 32px 0;
	overflow:hidden;
}

#pu_main #case02 h4{
	background: url(../imgs/case02_title.jpg) no-repeat top left;
}

#pu_main #case02 ul li{
	width:298px;
	float:left;
}

#pu_main #case02 h5.subtitle01{
	background: url(../imgs/case02_subtitle01.gif) no-repeat top left;
	width:298px;
}

#pu_main #case02 h5.subtitle02{
	background: url(../imgs/case02_subtitle02.gif) no-repeat top left;
	width:298px;
	margin-top:14px;
}

#pu_main #case02 h5.subtitle03{
	background: url(../imgs/case02_subtitle03.gif) no-repeat top left;
	width:298px;
}

#pu_main #case02 .image01{
	background: url(../imgs/case02_image01.gif) no-repeat top center;
	width:219px;
	height:222px;
	margin:17px 0 7px 27px;
	display:block;
}

/*-----------------------------------------------------------*/
/* case03 */

#pu_main #case03{
	padding:0 0 31px 0;
	overflow:hidden;
}

#pu_main #case03 h4{
	background: url(../imgs/case03_title.jpg) no-repeat top left;
}

#pu_main #case03 ul li{
	width:298px;
	float:left;
}

#pu_main #case03 h5.subtitle01{
	background: url(../imgs/case03_subtitle01.gif) no-repeat top left;
	width:298px;
}

#pu_main #case03 h5.subtitle02{
	background: url(../imgs/case03_subtitle02.gif) no-repeat top left;
	width:298px;
}

#pu_main #case03 .image01{
	background: url(../imgs/case03_image01.gif) no-repeat top center;
	width:260px;
	height:222px;
	margin:18px 0 0px 20px;
	display:block;
}

#pu_main #case03 .image02{
	background: url(../imgs/case03_image02.gif) no-repeat top center;
	width:265px;
	height:222px;
	margin:18px 0 0px 16px;
	display:block;
}


/*-----------------------------------------------------------*/
/* case04 */

#pu_main #case04{
	padding:0 0 31px 0;
	overflow:hidden;
}

#pu_main #case04 h4{
	background: url(../imgs/case04_title.jpg) no-repeat top left;
}

#pu_main #case04 ul li{
	width:298px;
	float:left;
}

#pu_main #case04 h5.subtitle01{
	background: url(../imgs/case04_subtitle01.gif) no-repeat top left;
	width:298px;
}

#pu_main #case04 h5.subtitle02{
	background: url(../imgs/case04_subtitle02.gif) no-repeat top left;
	width:298px;
}

#pu_main #case04 .image01{
	background: url(../imgs/case04_image01.gif) no-repeat top center;
	width:262px;
	height:222px;
	margin:12px 0 0px 20px;
	display:block;
}

#pu_main #case04 .image02{
	background: url(../imgs/case04_image02.gif) no-repeat top center;
	width:262px;
	height:222px;
	margin:12px 0 0px 10px;
	display:block;
}






/*=============================================================*/
/* topics */

#topics{
	width:620px;
	background: url(../imgs/topics_bg.gif) repeat-y top left;
}

#topics h4{
	background: url(../imgs/topics_top.gif) no-repeat top left;
	width:620px;
	height:53px;
}

#topics dl{
	background: url(../imgs/topics_btm.gif) no-repeat bottom left;
	padding:0 24px 30px 29px;
}

#topics dl dt{
	margin:19px 0 8px 0;
	height:17px;
	text-indent:-9999px;
}

#topics dl dt.title01{
	background: url(../imgs/topics_title01.gif) no-repeat top left;
	width:252px;
}

#topics dl dt.title02{
	background: url(../imgs/topics_title02.gif) no-repeat top left;
	width:283px;
}
#topics dl dt.title03{
	background: url(../imgs/topics_title03.gif) no-repeat top left;
	width:283px;
}



/*************************************************************/
/* pu_footer */

#pu_footer{
	clear:both;
	margin:0 -44px 0 -38px;
	padding:0 55px 13px 0;
	zoom:1;
}


/***************************************************************/
/* page_link  ページ遷移リンク */


#page_link{	
	/*border-top:1px solid #E5E5E5;*/
	/*margin:0 55px;*/
}

#page_link ul{
	width:254px;
	position:relative;
	top:2px;
	left:50%;
	margin-left:-127px;
	text-align:center;
}

/*-----------------------------------------------------------*/
/* このページのトップへ */

#pu_footer .page_top{
	background: url(../../../imgs/page_top03.gif) no-repeat top right;
	width:91px;
	height:14px;
	/*position:absolute;
	top:5px;
	right:0;*/
	margin:0;
	margin-left:auto!important;
}

.page_top a{
	width:91px;
	height:14px;
	display:block;
	text-align:left;
}

/*----------------------------------------------------------*/
/* 前のページへ */

#page_pre{
	background: url(../imgs/page_prev.gif) no-repeat center left;
	width:85px;
	height:15px;
	float:left;
	margin-top:0.25em;
	margin-right:13px;
}

#page_pre A{
	width:85px;
	height:15px;
	display:block;

}

/*---------------------------------------------------------*/
/* 次のページへ */

#page_next{
	background: url(../imgs/page_next.gif) no-repeat center left;
	width:85px;
	height:15px;
	float:right;
	margin-top:0.25em;
	margin-left:13px;
}

#page_next A{
	width:85px;
	height:15px;
	display:block;
}

/*--------------------------------------------------------*/
/* | 1 | 2 | 3 | */

#page{
	word-spacing:0.1em;
	zoom:1;
	text-align:left;
}

