@charset "Shift_JIS";

/*++++++++++++++++++++++++++++++++++++++++++++++++

   BASE CSS

+++++++++++++++++++++++++++++++++++++++++++++++++/



/*------------------------------------------------
   Base style
------------------------------------------------*/

html {
	overflow-y:scroll;
}


body {
	color:#505050;
	background:#FFF;
	font-size:12px;
	font-family:"verdana", "Helvetica", "sans-serif";
	margin:0;
	padding:0;
	line-height:200%;
	min-width:1040px;
}

#Wap {
overflow-x:hidden;
position:relative;
letter-spacing:1.1px;
}


/*------------------------------------------------
   Clearfix
------------------------------------------------*/
.clearfix:after {
	clear: both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.clearfix { display:inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* End hide from IE-mac */


/*------------------------------------------------
   Common Style
------------------------------------------------*/
/* link style
-----------------------------------*/
a:link,   a:visited { color:#3887af; text-decoration:underline;  font-weight:bold;}
a:active, a:hover   { color:#505050; text-decoration:underline;   font-weight:bold;}



/* Font color
-----------------------------------*/
.color {
	color:#3887af;
}


/* Text-Align style
-----------------------------------*/
.center {
	text-align:center;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}

/* Vertical-Align style
-----------------------------------*/
.verT {
	vertical-align:top;
}
.verM {
	vertical-align:middle;
}
.verB {
	vertical-align:bottom;
}

/* Float style
-----------------------------------*/
.floatL {
	float:left;
}
.floatR {
	float:right;
}
.floatClear {
	clear:both!important;
}

/* Position style
-----------------------------------*/
.relative {
	position:relative;
}
.absolute {
	position:absolute;
}


/* Reset style
-----------------------------------*/
.nomargin {
	margin:0!important;
}
.noborder {
	border:none!important;
}
.nopadding {
	padding:0!important;
}
.nobg {
	background:none!important;
}
p.non {padding:0!important;}


/* Translucent
-----------------------------------*/
a .translucent:hover img {
/*
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity: 0.6;
*/
}


/* Section style
-----------------------------------*/
.section {
	margin:0 10px;
	padding:0px;
	clear:both;
}

/*------------------------------------------------
   Basic Layout
------------------------------------------------*/

body {
	background:url(../images/bg.jpg) repeat center top;

}

#Container {
	width:1020px;
	margin-left:-510px;
	position: relative;
	left: 50%;
	right: 50%;
	padding: 0;
	background:url(../images/bg_body.jpg) repeat-y center top;
}

/*------------------------------------------------
   Topimage
------------------------------------------------*/
#Topimage {
	width:1200px;
	margin-left:-600px;
	left: 50%;
	right: 50%;
	position:relative;
	height:445px;
	background:url(../images/bg_top.jpg) no-repeat center top;
	padding:0;
}
#Topimage .contents{
	background-image:url(../images/bg_topimage.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:445px;
}
#Topimage h2{
	padding:30px 0px 20px 0;
	margin:0 0 0 40px;
	width: 480px;
}
#Topimage h3{
	padding:20px 0px 5px 0;
	margin:0 0 0 60px;
	width: 471px;
	color:#3A3319;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1.1px;
}
#Topimage p{
	padding:0 0 0 0;
	margin:0 0 0 60px;
	color:#3A3319;
	font-size:12px!important;
	line-height:170%!important;
	letter-spacing:1.1px!important;
}
#Hearder .contents,
#Topimage .contents,
#Footer .contents{
	width:1000px;
	position:relative;
	right:50%;
	left:50%;
	margin:0 0 0 -500px;
}



/*------------------------------------------------
   Footer
------------------------------------------------*/
#Footer {
	position:relative;
	height:85px;
	background:url(../images/bg_footer.jpg) no-repeat center top;
	padding:0;
	width:1200px;
	margin-left:-600px;
	left: 50%;
	right: 50%;
}

#Footer ul{
	text-align:center;
	padding-left:100px;
}

#Footer li {
	margin: 0px;
	padding: 0px;
	float: left;
}