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

/* *************************************************************************************************************************************
 *  set up 
 ************************************************************************************************************************************* */

/* ------------------------------------- 
 *	style
 * ------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	border: none;
	font-size:100%;
}
body{
	/*font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;*/
	font-family:  "メイリオ","Meiryo","ＭＳ Ｐゴシック", sans-serif;
	font-size: 0.8em;
	color: #9f8864;
	line-height: 120%;
}
dd{
	letter-spacing: 0.1em;
	*letter-spacing: 0.05em;/* IE */
}
/*justify flick macIE\*/
p,th,td{
	text-align:justify;
	text-justify:distribute;
}
/**/
.noactive{
	color:#18c3d7;
	padding-top: 2em;
	padding-bottom: 2em;
}
a{
	overflow:hidden;
}

/* ------------------------------------- 
 *	table
 * ------------------------------------- */
th{
	font-weight: normal;
}
td{
	vertical-align: top;
	line-height: 120%;
}
/* no expand ----------------------------*/
td{
	word-break:normal;/*IE*/
}
td p,p,dl{
	/*overflow:hidden;*/
}

/* ------------------------------------- 
 *	center
 * ------------------------------------- */
#wrapper,#footer {
	margin-right: auto;/*standard mode*/
	margin-left: auto;/*standard mode*/
	text-align: left;/*Quirks mode*/
}
body{
	text-align: center;/*Quirks mode*/
}

/* ------------------------------------- 
 *	link
 * ------------------------------------- */
a:link	  {
	color: #18c3d7;
	text-decoration: none;
}
a:visited {
	color: #18c3d7;
	text-decoration: none;
}
a:hover   {
	color: #9AEBF3;
	text-decoration:underline;
	/*line-height:120%; chrome */
}
a:active  {
	color: #18c3d7;
	text-decoration: none;
}
img{
	vertical-align:bottom;
}

/* ************************************************************
   tools
   ************************************************************ */
/* ------------------------------------- 
 *	clear
 * ------------------------------------- */
.clearF{
	zoom: 100%;
}
.clearF:after { 
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clear{
	clear: both;
}

/* ------------------------------------- 
 *	negative 
 * ------------------------------------- */
.noRight{
	margin-right: 0px !important;
}
.noBottom{
	margin-bottom: 0px !important;
}