@charset "utf-8";
/*
=====================================================
Copyright(c) APRES LA PLUIE INC. All Rights Reserved.
http://www.apres-la-pluie.cc/
=====================================================
============================
apres la pluie - shared
============================
*/

/* *************************************************************************************************************************************
 *  build frame 
 ************************************************************************************************************************************* */
/* ------------------------------------- 
 *	common Area
 * ------------------------------------- */
 #wrapper,#footer {
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
	width: 882px;
}

/* *************************************************************************************************************************************
 *  layout style
 ************************************************************************************************************************************* */

/* ************************************************************
   body style
   ************************************************************ */
body{
	background-image: url(img/body_bg.gif);
	background-repeat: repeat;
	background-position: center top;
}

/* ************************************************************
   wrapper style
   ************************************************************ */
* html #wrapper{ 
	behavior: expression(IEPNGFIX.fix(this)); 
}
#wrapper {
	background-image: url(img/wrapper_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#wrapperInner {
	padding-top:20px;
	padding-left:36px;
	padding-right:36px;
}

/* ************************************************************
   header style
   ************************************************************ */
/* ------------------------------------- 
 *	siteID
 * ------------------------------------- */
#siteID{
	float:left;
	width:356px;
	height:31px;
	text-indent:-9999px;
}

/* ------------------------------------- 
 *	siteInfo
 * ------------------------------------- */
.siteInfo{
	float:right;
	width:231px;
	list-style-type: none;
}
.siteInfo li{
	float:left;
	height:31px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
.siteInfo li a{
	display: block;
	height:31px;
	background-repeat: no-repeat;
	background-position: left top;
}
/* about ------------------ */
.siteInfo li.about{
	margin-right:16px;
}
.siteInfo li.about,
.siteInfo li.about a{
	width:132px;
	background-image: url(img/siteinfo_about.gif);
}
.siteInfo li.about,
.siteInfo li.about a:hover{
	background-position: left -31px;
}

/* sitemap ---------------- */
.siteInfo li.sitemap,
.siteInfo li.sitemap a{
	width:83px;
	background-image: url(img/siteinfo_sitemap.gif);
}
.siteInfo li.sitemap,
.siteInfo li.sitemap a:hover{
	background-position: left -31px;
}

/* ************************************************************
   mainNavi style
   ************************************************************ */
#mainNavi{
	list-style-type: none;
	margin-bottom:6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5dece;
	padding-bottom: 3px;
}
#mainNavi li,
#mainNavi li a:hover{
	background-position: left -52px;
}
#mainNavi li{
	float:left;
	width:162px;
	height:52px;
	text-indent:-9999px;
	background-repeat: no-repeat;
}
#mainNavi li a{
	display: block;
	width:162px;
	height:52px;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNavi .menu01,
#mainNavi .menu01 a{
	background-image: url(img/navi01.gif);
}
#mainNavi .menu02,
#mainNavi .menu02 a{
	background-image: url(img/navi02.gif);
}
#mainNavi .menu03,
#mainNavi .menu03 a{
	background-image: url(img/navi03.gif);
}
#mainNavi .menu04,
#mainNavi .menu04 a{
	background-image: url(img/navi04.gif);
}
#mainNavi .menu05,
#mainNavi .menu05 a{
	background-image: url(img/navi05.gif);
}

/* **********************************************
   pankuzu style
   ********************************************** */
#pankuzu{
	margin-bottom:6px;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

/* ************************************************************
   main style
   ************************************************************ */
#main{
	background-repeat: repeat-y;
}

/* **********************************************
   sidebar style
   ********************************************** */
 /* ------------------------------------- 
 *	localNavi
 * ------------------------------------- */
.localNavi li{
	list-style-type: none;
	text-indent:-9999px;
	background-repeat: no-repeat;
}
.localNavi li a{
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}
 /* ------------------------------------- 
 *	localInfo
 * ------------------------------------- */
.localInfo li{
	list-style-type: none;
	text-indent:-9999px;
	background-position: left top;
	background-repeat: no-repeat;
}
.localInfo li a{
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}

/* **********************************************
   contents style
   ********************************************** */
#contents .pagetop{
	text-align:right;
	font-size:0.8em;
	letter-spacing: 0em;
}

/* ************************************************************
   footer style
   ************************************************************ */
* html #footer,* html .copyright{ 
	behavior: expression(IEPNGFIX.fix(this)); 
}
#footer{
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;/*Quirks mode*/
	height:117px;
}
#footer #footerInner {
	padding-top: 58px;
	padding-left:36px;
	padding-right:36px;
}

/* ------------------------------------- 
 *	copyright
 * ------------------------------------- */
.copyright{
	width:304px;
	height:11px;
	margin-top: 19px;
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-indent:-9999px;
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(img/copyright.png);
	overflow:hidden;
}

/* ------------------------------------- 
 *	companyInfo
 * ------------------------------------- */
.companyInfo li{
	float:right;
	list-style-type: none;
	height:24px;
	text-indent:-9999px;
	background-repeat: no-repeat;
	background-position: left top;
}
.companyInfo li a{
	display: block;
	height:24px;
	background-repeat: no-repeat;
	background-position: left top;
}
.companyInfo li.info,
.companyInfo li.adoption{
	margin-left:28px;
}

/* notation ------*/
.companyInfo li.notation,
.companyInfo li.notation a{
	width:130px;
	background-image: url(img/company_notation.gif);
}
.companyInfo li.notation,
.companyInfo li.notation a:hover{
	background-position: left -24px;
}

/* adoption ------*/
.companyInfo li.adoption,
.companyInfo li.adoption a{
	width:42px;
	background-image: url(img/company_adoption.gif);
}
.companyInfo li.adoption,
.companyInfo li.adoption a:hover{
	background-position: left -24px;
}

/* info ------*/
.companyInfo li.info,
.companyInfo li.info a{
	width:42px;
	background-image: url(img/company_info.gif);
}
.companyInfo li.info,
.companyInfo li.info a:hover{
	background-position: left -24px;
}