@charset "utf-8";

/* html*/

html{
	overflow-y:scroll;
}

body{
	margin:0;
	padding:0;
	text-align:center;
	font-size:75%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	color:#333;
	line-height:1.5;
	background:#EEE;
}

h1,h2,h3,h4,h5,h6,p,div,strong,em,address,table,textarea,form{
	margin:0;
	padding:0;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
}

img{
	border:none;
	vertical-align:bottom;
}

/*Link*/

a:link   {color:#0000FF; text-decoration:underline;}
a:visited{color:#0000FF; text-decoration:underline;}
a:hover  {color:#6600CC; text-decoration:underline;}
a:active {color:#6600CC; text-decoration:underline;}

/*container*/

#container{
	width:780px;
	text-align:left;
	margin:0 auto;
	border:1px solid #CCC;
	background:#FFF;
}

/*header*/

#header{
	margin:10px 20px;
	background:url(/images/guide/header_bg.jpg) no-repeat;
}

#header h1{
	padding:10px;
	float:left;
	display:inline;/*IE*/
}

#header-fresh{
	padding:0;
	margin:35px 10px 10px 10px;
	float:right;
	display:inline;/*IE*/
}

/*global*/

#global{
	clear:both;
	margin:0 1px 10px 1px;
	padding:0 3px 4px 3px;
	background:url(/images/guide/global_bg.jpg) repeat-x left bottom;
}

#global-home{
	padding:0;
	margin:10px 0 0 17px;
	text-align:left;
	float:left;
	display:inline;/*IE*/
}

/*main*/

#main{
	margin:0 20px;
	border:1px solid #CCC;
	text-align:left;
}

#main-detail{
	margin:0 20px;
	border:1px solid #CCC;
	text-align:left;
}

#main-detail #body{
	margin:0 0 20px 0;
}

.category{
	margin:10px 20px;
	padding:2px 0 2px 20px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	border-bottom:3px double #CCC;
	background:url(/images/guide/icon_img02.jpg) no-repeat left;
}

.title01{margin:0 0 20px 0;}

.title01 ul{
	margin:0 0 0 20px;
	padding:0;
}

.title01 li{
	margin:0;
	padding:2px 0 2px 20px;
	color:#333;
	list-style-type:none;
	background:url(/images/guide/icon_img.jpg) no-repeat left;
}

.sub-title01{
	margin:0 20px;
	padding:2px 0 2px 20px;
	color:#333;
	border-bottom:2px solid #99CC00;
	list-style-type:none;
	font-weight:bold;
	font-size:14px;
	background:url(/images/guide/icon_img02.jpg) no-repeat left;
}

.float-r-img{float:right;
	margin:0 0 10px 10px;
}

#bt-area{
	margin:20px 0 0 0;
}

.page{
	margin:0 20px;
}

/*footer*/

#footer{
	margin:10px auto;
	padding:80px 0 0 0;
	clear:both;
	text-align:center;
}

#gotop{margin:10px 20px;text-align:right;}

#footer address{
	font-size:80%;
	padding:10px 0;
	color:#FFF;
	background:url(/images/guide/footer_bg.jpg) repeat-x center;
	text-align:center;
}

/* TOP */



/*共通*/
#pan{
	text-align:left;
	margin:10px 20px;
	padding:2px 5px;
	border-bottom:3px double #CCC;
	clear:both;
}

.float-l{float:left;}
.float-r{float:right;}
.center{text-align:center;}
.note{padding:10px 0;}
.clear{clear:both;}

/* リンク */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html div {height: 1%;}
/* End hide from IE-mac */

div{
	zoom:100%;
}

/*エラー表示用*/

.errorExplanation{
	margin:5px 0 10px 0;
	border:1px solid #FF0000;
	padding:0;
	font-size:90%;
}

.errorExplanation h4{
	margin:0;
	padding:5px;
	background:#FF0000;
	color: #FFF;
	font-weight:bold;
}

.errorExplanation p{
	margin:5px;
}

.errorExplanation ul {
	margin:0 0 5px 25px;
}

.errorExplanation li {
	margin:0;
	padding:0;
}

.fieldWithErrors{
	display:inline;
}