﻿@charset "utf-8";

/*
 Share Style [
----------------------------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-style: normal;
	font-weight: normal;
	font-size : 12px;
	text-decoration: none;
}

body {
	background:url() repeat-x center top;
	font-family: "ＭＳ Ｐゴシック",Verdana,Arial, Osaka,"ヒラギノ角ゴ Pro W3", sans-serif;
	text-align:center;
	font-size: 12px;
}

/*Firefoxでセンターがずれないようにするため*/
html {
	overflow-y:scroll;
}

h1,h2,h3 {
	font-size:12px;
	font-weight:normal;
}

p {
	line-height:160%;
	font-size:12px;
	list-style-type:none;
}

li{
	list-style-type:none;
}

img {
	border:0;
	vertical-align: bottom;
}

address{
	font-size:12px;
	text-align:right;
}

.left{
	float:left;
}

.right{
	float:right;
}

.margin_bottom{
	margin:0px 0px 20px 0px;
}

.margin_top{
	margin:12px 0px 0px 0px;
}

.pagetop{
	text-align:right;
	margin:10px 0px 10px 0px;
}

/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration:underline;
}

a:link {
}

a:visited {
}

a:hover {
}

a:active {
}

/*
 clearfix [
----------------------------------------------------------- */
.clearfix:after { 
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.textalign_right{
	text-align:right;
}

/*
 wrapper [
----------------------------------------------------------- */
#wrapper{
	width: 770px;
	height: auto;
	margin:0px auto;
	text-align:left;
	background:url(img/wrapper_bg.jpg) repeat-y left top;
}

/*
 header [
----------------------------------------------------------- */
#header{
	background:url(img/header_bg.jpg) no-repeat left top;
	width:760px;
	height:179px;
	position:relative;
	margin:0px 0px 0px 5px;
	background-image: url(img/header_bg.jpg);
}

#header ul1{
	position:absolute;
	top:53px;
	left:479px;
	width: 261px;
}

#header ul{
	position:absolute;
	top:111px;
	left:559px;
}

/*
 main [
----------------------------------------------------------- */
#main{
	margin:0px 5px 0px 5px;
}

/*
 contents [
----------------------------------------------------------- */
#contents{
	width:573px;
	background:url(img/contents_bg.jpg) no-repeat left top;
	padding:3px 10px 0px 10px;
}

/*
 sidebar [
----------------------------------------------------------- */
.guide{
	margin:5px 0px 0px 0px;
}

.guide li{
	background:url(img/li_bg.gif) no-repeat 5px 50%;
	padding:0px 0px 0px 20px;
	margin:0px 0px 5px 0px;
}

.guidet_itle{
	margin:0px 0px 0px 5px;
}

.area{
	background:url(img/area_bg.jpg) no-repeat left top;
	line-height:130%;
	width:156px;
	height:159px;
	margin:0px 0px 5px 5px;
}

.area p{
	font-size:10px;
	padding:37px 15px 0px 10px;
}

ul.bunner{
	margin:0px 0px 0px 5px;
}

ul.bunner li{
	margin:0px 0px 5px 0px;
}

/*
 footer [
----------------------------------------------------------- */
#footer{
	border:1px solid red;
	height:100px;
}

#footer img{
	vertical-align:bottom;
}
