@charset "Shift_JIS";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: common.css

		Setting of: General pages
			1: General setting
			2: container setting
	}

****************************************************************** */


/*===================================================================
	1: General setting
===================================================================*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote,th,td { 
	margin:0;
	padding:0;
	font-size:1em;
}

body{
	padding:0;
	margin:0;
	font-size:small;
	_font-size:x-small;	/*IE*/
	color:#333;
	background:#DEE0E3 url(../images/body_bg.gif) repeat-y center top;
	line-height:1.4;
	font-family: 'MS PGothic',Verdana, Arial, 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	text-align:center;
	word-break:break-all;word-wrap:break-word;zoom:1; /*IE*/
}

div,p,span,a,input,select,textarea,form,ul,ol,li,dl,dt,dd,tr,td,table{font-size:100%;line-height:1.4;}


/* |||||| Link Color |||||| */
a{line-height:normal;}
a:link{color:#003399; text-decoration:underline;}
a:visited{color:#660099; text-decoration:underline;}
a:hover{color:#CC2929; text-decoration:none;}
a:active{color:#CC2929; text-decoration:none;}


/* |||||| common setting |||||| */

img , a{border:0;}
strong , em{font-weight:bold;font-style:normal;}
ul , ol{list-style:none;}
hr{display:none;}
address{font-style:normal;}
label{cursor:pointer;}


/* |||||| common parts |||||| */

.clear{clear:both;}

.dispNone,
.skipNav{
	display: none;
	/* Hides from IE5-Mac \*/ 
	display: block;
	position: absolute;
	top: -500px;
	left: -2500px;
	font-size: 1px;
	line-height: 100%;
	/*end  Hides from IE5-Mac */
}

/* clearfix */
.pkg:after{
	content: "";
	display: block;
	clear: both;
	height: 0.1px;
}

.pkg{ display: inline-block; }

/* no ie mac \*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */


/* padding */
.noPdd{padding:0 !important;}

.pdd5{padding:5px !important;}
.pddT5{padding-top:5px !important;}
.pddR5{padding-right:5px !important;}
.pddB5{padding-bottom:5px !important;}
.pddL5{padding-left:5px !important;}

.pdd10{padding:10px !important;}
.pddT10{padding-top:10px !important;}
.pddR10{padding-right:10px !important;}
.pddB10{padding-bottom:10px !important;}
.pddL10{padding-left:10px !important;}

.pdd20{padding:20px !important;}
.pddT20{padding-top:20px !important;}
.pddR20{padding-right:20px !important;}
.pddB20{padding-bottom:20px !important;}
.pddL20{padding-left:20px !important;}


/* margin */
.noMrg{margin:0 !important;}

.Mrg5{margin:5px !important;}
.MrgT5{margin-top:5px !important;}
.MrgR5{margin-right:5px !important;}
.MrgB5{margin-bottom:5px !important;}
.MrgL5{margin-left:5px !important;}

.Mrg10{margin:10px !important;}
.MrgT10{margin-top:10px !important;}
.MrgR10{margin-right:10px !important;}
.MrgB10{margin-bottom:10px !important;}
.MrgL10{margin-left:10px !important;}

.Mrg20{margin:20px !important;}
.MrgT20{margin-top:20px !important;}
.MrgR20{margin-right:20px !important;}
.MrgB20{margin-bottom:20px !important;}
.MrgL20{margin-left:20px !important;}

.MrgT25{margin-top:25px !important;}
.MrgL61{margin-left:61px !important;}
.MrgL67{margin-left:67px !important;}

/* text */
.txtCntr{text-align:center;}
.txtRight{text-align:right;}
.txtL{font-size:1.4em;}


.s{
	font-size:84%;line-height:125%;
}


/* test */
.test{border:solid 1px #000 !important;}


/* span */
span.red{color:#FF0000;}


.middle{vertical-align: middle;}


/*===================================================================
	2: container setting
===================================================================*/

div#container{
	margin:0 auto;
	padding:0;
	width :800px;
	text-align:left;
}
