@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      shared.css
 Author:         masaki kiuchi
 Style Info:     共用スタイル
----------------------------------------------------------- */


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

html {
	font-size: 100%;
}

body {
	font-size: 62.5%;
	line-height: 1.5;
	color: #666;
}

body div {
	margin: 0 auto;
	text-align: left;
}

.right {
	text-align: right!important;
}

.center {
	text-align: center!important;
}

.red {
	color: #C00!important;
}

.b00 {
	margin-bottom: 0!important;
}

.b05 {
	margin-bottom: 5px!important;
}

.b10 {
	margin-bottom: 10px!important;
}

.b15 {
	margin-bottom: 15px!important;
}

.b20 {
	margin-bottom: 20px!important;
}

.b30 {
	margin-bottom: 30px!important;
}

.b40 {
	margin-bottom: 40px!important;
}

/*--------------------------------------------------
	基本リンク
----------------------------------------------------*/

a {
	overflow: hidden;
	font-weight: normal;
	color: #1c8df7;
	text-decoration: none;
}

a:hover {
	color: #990718;
	text-decoration: underline;
}

/*----------------------------------------------------
	clearfix
----------------------------------------------------*/

/* For modern browsers */
.clear:before,
.clear:after {
    content: "";
    display: table;
}
 
.clear:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clear {
    zoom: 1;
}

/*----------------------------------------------------
	container
----------------------------------------------------*/

div#container {
	width: 850px;
}

/*----------------------------------------------------
	header
----------------------------------------------------*/

div#header {
	position: relative;
	background: url(../img/shared/header.gif) no-repeat left top;
	padding-top: 10px;
	height: 80px;
}

div#header ul {
	position: absolute;
	top: 10px;
	right: 0px;
}

div#header ul li {
	display: inline;
	background: url(../img/shared/gray_arrow.gif) no-repeat left center;
	font-size: 1.1em;
	padding-left: 8px;
	margin-left: 1em;
}

div#header ul li a {
	color: #666;
}

div#header ul li a:hover {
	color: #990718;
}

div#header p {
	position: absolute;
	top: 38px;
	right: 0px;
}

/*----------------------------------------------------
	navi
----------------------------------------------------*/

div#navi {
	height: 40px;
	margin-bottom: 15px;
}

div#navi ul {
	width: 850px;
	height: 40px;
	overflow: hidden;
}

div#navi ul li {
	float: left;
	list-style: none;
}

/*----------------------------------------------------
	footer
----------------------------------------------------*/

div#footer {
	background: url(../img/shared/footer.gif) repeat-x left top;
}

div.footer_body {
	width: 850px;
}

div.footer_body ul {
	height: 26px;
	line-height: 26px;
	margin-bottom: 1em;
}

div.footer_body ul li {
	display: inline;
	background: url(../img/shared/gray_arrow.gif) no-repeat left center;
	font-size: 1.1em;
	padding-left: 8px;
	margin-right: 1em;
}

div.footer_body ul li a {
	color: #666;
}

div.footer_body ul li a:hover {
	color: #990718;
}

div.footer_body address {
	text-align: right;
	padding-bottom: 1em;
}