@charset "utf-8";

/* reset */
body,p,h1,h2,h3,h4,div,dl,dt,dd,table,tr,td,div,span,form,table,tr,td {
margin:0;
padding:0;
}
img {
border:0;
}


/* base */
body {
background-image: url(../images/bg-page.jpg) ;
background-repeat: repeat-x;
background-position: top;
background-color: #FFFFFF;
color: #000000;
text-align: center;
}
body {
font-family: '¥á¥¤¥ê¥ª','Meiryo','Hiragino Kaku Gothic Pro','¥Ò¥é¥®¥Î³Ñ¥´ Pro W3','Osaka','£Í£Ó £Ð¥´¥·¥Ã¥¯',sans-serif;
font-size: 14px;
}
a:link {
color: #0099CC;
text-decoration: none;
}
a:visited {
color: #0099CC;
text-decoration: none;
}
a:hover {
color: #0099CC;
text-decoration: underline;
}

/* layout */
#wrapper {
width:900px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header {
width: 900px;
height: 122px;
position: relative;
margin-bottom: 13px;
}

#content {
width: 900px;
position: relative;
margin-bottom: 14px;
}
#footer {
width: 100%;
/*position: relative;*/
background: url(../images/bg-footer.jpg)  top repeat-x;
height: 99px;
}

/* common */

#header h1{
position: absolute;
top: 0;
left: 0;
}
#header #tel {
position: absolute;
top: 0;
left: 350px;
}
#header ul#navi {
width: 900px;
position: absolute;
top: 64px;
left: 0;
margin: 0;
padding: 0;
list-style: none;
}
#header ul#navi li{
display: inline;
margin: 0;
padding: 0;
list-style: none;
}
#header #contact {
position: absolute;
top: 0;
left: 607px;
}

#content #col-2 {
position: relative;
}

#content #col-2 div.left-col {
width: 640px;
float:left;
position: relative;
}
#content #col-2 h3{
margin-bottom: 5px;
}


#content #col-2 div.left-col div.area-banner img{
margin-right: 6px;
}

#content #col-2 div.right-col {
width: 250px;
float:right;
}
#content #col-2 div.right-col #submenu {
margin-bottom: 12px;
}
#content #col-2 div.right-col #submenuinbox {
margin-top: 5px;
margin-left: 20px;
}
#content #col-2 div.right-col div.area-banner img{
margin-bottom: 7px;
}

#footer p {
width: 890px;
text-align:right;
padding-top: 18px;
color: #FFFFFF;
}
#footer p a:link{
color: #FFFFFF;
text-decoration: none;
}
#footer p a:visited{
color: #FFFFFF;
text-decoration: none;
}
#footer p a:hover{
color: #FFFFFF;
text-decoration: underline;
}

/* others */
div.clear {
clear: both;
}
.text-red {
color: #CC0000;
}
.text-right {
text-align: right;
}

.float-l {
float: left;
}
.float-r {
float: right;
}

.pageup {
text-align:right;
margin:0 10px 30px 0;
}