@charset "shift_jis";

/* ****************************************************************** 

	@This stylesheet Information{
		CSS File Name: common.css

		Setting of: General pages
			0: Base setting
			1: General setting
			2: container setting
	}

****************************************************************** */
/*===================================================================
	0: Base setting
===================================================================*/
.clLeft {
	clear: left;
}

.clRight {
	clear: right;
}

.flLeft {
	float: left !important;
}

.flRight {
	float: right !important;
}

img.flLeft {
	float: left !important;
	margin-right: 10px;
}

img.flRight {
	float: right !important;
	margin-left: 10px;
}

.alLeft {
	text-align: left !Important;
}

.alCenter {
	text-align: center !Important;
}

.alRight {
	text-align: right !Important;
}
.mb5 {
	margin-bottom: 5px !Important;
}

.mb10 {
	margin-bottom: 10px !Important;
}

.mb15 {
	margin-bottom: 15px !Important;
}

.mb20 {
	margin-bottom: 20px !Important;
}
.mt5 {
	margin-top: 5px !Important;
}

.mt10 {
	margin-top: 10px !Important;
}

.mt15 {
	margin-top: 15px !Important;
}

.mt20 {
	margin-top: 20px !Important;
}
.pt5 {
	padding-top: 5px !Important;
}

.pt10 {
	padding-top: 10px !Important;
}

.pt15 {
	padding-top: 15px !Important;
}
.pt20 {
	padding-top: 20px !Important;
}
.pl5 {
	padding-left: 5px !Important;
}

.pl10 {
	padding-left: 10px !Important;
}

.pl15 {
	padding-left: 15px !Important;
}

.pl20 {
	padding-left: 20px !Important;
}
.pr5 {
	padding-right: 5px !Important;
}

.pr10 {
	padding-right: 10px !Important;
}

/*===================================================================
	1: General setting
===================================================================*/

body,div,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,th,td,dl,dt,dd,ul,ol,li,form,fieldset,textarea,table{
	margin:0;
	padding:0;
	font-size:100%;
}

html{
	width:100%;
	height:100%;
	overflow-y:scroll;
}

body{
	width:100%;
	height:100%;
	min-height:100%;
	color:#333333;
	font-size:small;
	_font-size:x-small;	/*IE6*/
	line-height:1.37;
	text-align:center;
	font-family:'MS PGothic',Verdana, Arial,'ƒqƒ‰ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	word-break:normal;
	border-top:6px solid #ffcc00;
}

html>body{height:auto;min-width:1000px;}

ul,ol{list-style:none;}

table{border-collapse:collapse;line-height:1.37;}

table caption,table th,table td{text-align:left;vertical-align:top;}

hr{display:none;}

img{border:0;}

a:link{color:#000066; text-decoration:underline;}
a:visited{color:#4c4a4a; text-decoration:underline;}
a:hover{color:#bc0101; text-decoration:none;}
a:active{color:#bc0101; text-decoration:none;}

em{font-weight:bold;font-style:normal;}

input{line-height:normal;}

address{font-style:normal;}

pre{
	white-space:-moz-pre-wrap; /* Mozilla */
	white-space:-pre-wrap; /* Opera 4-6 */
	white-space:-o-pre-wrap; /* Opera 7 */
	white-space:pre-wrap; /* CSS3 */
}

label{zoom:1;}

/*--[class]-----------------------------------------------------*/

.clearBoth{clear:both;}

.caution{color:#CC0000;}

.noscriptMsg{
	color:#CC0000;
	font-weight:bold;
	padding:1px 0 1px 20px;
	background:url(/img/ico/ico_noscript.gif) no-repeat 0 .25em;
}

.dispNone,
.skipNav{
	display: none;
	/* Hides from IE5-Mac \*/ 
	display: block;
	position: absolute;
	top: -500px;
	left: -2500px;
	line-height: 110%;
	/*end  Hides from IE5-Mac */
}

/* clearfix */
.option .option2 ul:after,.pkg:after{
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility:hidden;
}

.option .option2 ul,.pkg{ display: inline-block; }

/* no ie mac \*/
* html .option .option2 ul,* html .pkg{ height: 1%; }
.option .option2 ul,.pkg{ display: block; }
/* */

/*===================================================================
	2: container setting
===================================================================*/

#wrapper{}