@charset "euc-jp";

/* summary ------------------
Header
-------------------------- */

body {
background:#FFF url(../images/css/header_bg_001.gif) repeat-x left top;
}

#pagetop {
position:absolute;
top:0;
}

/* Header ----------------- */
#Header {
width:100%;
margin:410px 0 0 0;
background:#FFF;
font-size:62.5%;
color:#666;
text-align:center;
}

#Header .layout {
width:960px;
margin:0 auto;
}

#Header .logo {
float:none;
display:none;
}

#Header .tools {
float:none;
width:960px;
height:auto;
margin:0 0 20px 0;
background:#FFF;
}
	#Header .tools:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #Header .tools {
	display: inline-block;
	}
	*+html #Header .tools {
	display: inline-block;
	}


#Header .tools  table {
width:320px;
float:left;
}

/* login */
#Header #login {
width:320px;
margin:0 0 8px 0;
padding:0;
text-align:left;
}
#Header #login img {
margin:0 3px 5px 0;
vertical-align:middle;
}
#Header #login input {
margin:0 5px 5px 0;
vertical-align:middle;
}
#Header #login input {
width:90px;
font-size:12px;
}

#Header #login .forgetPass {
display:block;
padding:0 32px 0 0;
text-align:right;
}
#Header #login .forgetPass a {
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left center;
font-size:12px;
line-height:1.3;
}



/* loginNavi */
#Header #loginNavi {
width:320px;
margin:0;
padding:0;
text-align:left;
}
#Header #loginNavi img {
display:block;
margin:0 0 5px 0;
}
#Header #loginNavi .arrow {
margin:0 10px 0 0;
}
#Header #loginNavi .arrow a {
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left center;
font-size:12px;
line-height:1.3;
}


/* loginAfter */
#Header #loginAfter {
width:320px;
margin:8px 0 8px 0;
padding:0;
font-size:14px;
line-height:1.3;
text-align:left;
}
#Header #loginAfter img {
margin:0 3px 5px 0;
vertical-align:middle;
}


/* loginAfterNavi */
#Header #loginAfterNavi {
width:320px;
margin:0 0 0 0;
padding:0;
text-align:left;
}
#Header #loginAfterNavi .arrow {
margin:0 10px 0 0;
}
#Header #loginAfterNavi .arrow a {
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left center;
font-size:12px;
line-height:1.3;
}


/* glovalNavigation */
#Header #glovalNavigation {
float:right;
margin:0;
padding:5px 12px 5px 0;
background:#F2F2F2;
text-align:right;
}
#Header #glovalNavigation ul {
margin:0;
}
#Header #glovalNavigation ul li {
display:inline;
margin:0 0 0 8px;
}


/* headerTop */

#headerTop {
background:#000;
text-align:center;
position:absolute;
top:0;
font-size:62.5%;
text-align:center;
}
#headerTop .mainVisual {
width:960px;
height:400px;
margin:0 auto;
text-align:left;
}
	#headerTop .mainVisual:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height:0;
	clear: both;
	}
	* html #headerTop .mainVisual {
	display: inline-block;
	}
	*+html #headerTop .mainVisual {
	display: inline-block;
	}

#headerTop .mainVisual .contentsList {
float:left;
width:250px;
height:380px;
margin:0 0 0 20px;
background:#FFF;
}
#headerTop .mainVisual .contentsList .logo {
margin:20px 0 20px 0;
}
#headerTop .mainVisual .contentsList .bannerSoryo {
margin:0 13px;
}
#headerTop .mainVisual .contentsList .title {
margin:0 13px 15px 13px;
}
#headerTop .mainVisual .contentsList ul {
margin:0 13px 15px 13px;
}
#headerTop .mainVisual .contentsList ul li {
margin:0 0 6px 0;
padding:0 0 0 10px;
background:url(../images/css/arrow_001.gif) no-repeat left 4px;
font-size:1.2em;
line-height:1.5;
}
#headerTop .mainVisual .button {
float:right;
width:100px;
margin:350px 20px 0 0;
}