@charset "UTF-8";

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

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

		Setting of: General pages
			1: General setting
			2: wrapper setting
	}

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


/*===================================================================
	1: General setting
===================================================================*/
body,div,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,th,td,dl,dt,dd,ul,li,form,fieldset,textarea,table{
	margin:0;
	padding:0;
	font-size:100%;
}
html{
}
body{
	width:100%;
	height:100%;
	min-height:100%;
	background:#8cb41f; 
	color:#333;
	font-size:small;
	_font-size:x-small;	/*IE6*/
	line-height:1.37;
	text-align:center;
	/*font-family:'MS PGothic',Verdana, Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;*/
	 font-family: "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	word-break:normal;
	word-wrap:break-word;
}

ul{list-style:none;}

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

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

hr{display:none;}

img{border:0;}

a:link{color:#0073c5; text-decoration:underline;}  
a:visited{color:#0073c5; text-decoration:underline;} 
a:hover{color:#0073c5; text-decoration:none;}
a:active{color:#0073c5; text-decoration:none;}

#footer a:link{color:#ffffff; text-decoration:underline;}  
#footer a:visited{color:#ffffff; text-decoration:underline;} 
#footer a:hover{color:#ffffff; text-decoration:none;}
#footer a:active{color:#ffffff; 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 */
}

/*--[class]-----------------------------------------------------*/
.clearBoth{clear:both;}
.caution{color:#CC0000 !important;}
.noscriptMsg{
	color:#CC0000;
	font-weight:bold;
	padding:1px 0 1px 20px;
	background:url(/images/facebook/ico_noscript.gif) no-repeat 0 0.25em;
}
.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: 0px;
	visibility:hidden;
}

.pkg{ display: inline-block; }

/* no ie mac ¥*/
* html .pkg{ height: 1%; }
.pkg{ display: block; }
/* */

.noscriptMsg{
    color: #CC0000;
    font-weight: bold !important;
    padding: 10px 0;
}
		
.bgNone{
	background:none !important;
}		


.formbox_error ul {
	  width: auto;
}

.formbox_error {
	background: #F6F4ED;
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin: 10px 5px 20px 0px;
}

.box_error {
	background: #F6F4ED;
	border: 1px solid #CCCCCC;
	padding: 20px 30px;
	margin: 50px 0px;
}

.formbox_error .fc_black {
	background: url(/images/error_icon.gif) no-repeat left top;
	padding: 5px 0px 5px 35px;
	font-size:medium;
}

.field_with_errors input, .field_with_errors textarea, .field_with_errors select, .field_with_errors label {
	background-color: #ffaeae;
}

.formbox_error li {
	margin: 5px 0px 5px 15px;
	list-style-type: disc;
	color:#FF3300;
}

.logout {
	background:url(/images/allow.gif) no-repeat right;
	text-align:right;
	padding: 1px 20px;
	margin-top: 20px;
	font-size : small;
}

#flash_notice {
	background: #F6F4ED;
	border: 1px solid #FFC000;
	padding: 10px;
	margin: 0px;
	color: #FF3300;
}

#flash_notice_bottom {
	hight: 20px;
	background-color: #FFFFFF;
}

input.wide-text-field {
	  width: 300px;
}