/* 幅を960pxに */
body, header {
	width:100%;
	background-color:#fafafa;
}
#logoTop, #logoMiddle, #navigationMiddle, article, footer {
	width:960px;
	margin: 0 auto;
	background-color:#fafafa;
}

/* トップロゴ*/
#logoTop{
	margin-top:0.5em
}

/* ナビゲーションメニュー */
nav {
	background-color:#fafafa;
	border-top:0px dotted #000;
	border-bottom:0px dotted #000;
	margin:0 auto 0.5em;
}
ul#navigation {
	list-style-type:none;
	text-align:center;
	letter-spacing: -0.4em;
}
ul#navigation li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  letter-spacing: normal;
  padding: 0.5em 1em;
  vertical-align:middle;
}
ul#navigation li a {
	text-decoration: none;
	font-size:1.2em;
	font-weight:bold;
	vertical-align:middle;
}

/* ナビゲーションメニュー用ウェブフォント */
@font-face {
	font-family: 'sosa';
	src: url('../font/sosa.eot?') format('eot'),
		url('../font/sosa.woff') format('woff'),
		url('../font/sosa.ttf') format('truetype'),
 		url('../font/sosa.svg') format('svg');
}
ul#navigation li:first-letter {
	font-family: 'sosa';
	font-size:2em;
	font-weight:normal; 上でリンクに設定したBoldをアイコンのところだけ解除
}
/* ナビゲーションメニューカラーリング */
/* 全体 */
ul#navigation li a {
	color:#555555;
	text-shadow: 0px 2px 10px #aaa; /* 右方向のずれ 下方向のずれ ぼけ方の強さ 影の色 */
}

/* home */
ul#navigation li:nth-child(1) a:hover{
	color:#E279A3;
}
ul#navigation li:nth-child(1):first-letter{
	color:#E279A3;
}

/* レッカー*/
ul#navigation li:nth-child(2) a:hover{
	color:#E16552;
}
ul#navigation li:nth-child(2):first-letter{
	color:#E16552;
}


/* カギ２４ */
ul#navigation li:nth-child(3) a:hover{
	color:#E4BF80;
}
ul#navigation li:nth-child(3):first-letter{
	color:#E4BF80;
}

/* 便利屋２４ */
ul#navigation li:nth-child(4) a:hover{
	color:#74C493;
}
ul#navigation li:nth-child(4):first-letter{
	color:#74C493;
}

/* 金太屋 */
ul#navigation li:nth-child(5) a:hover{
	color:#7C9FB0;
}
ul#navigation li:nth-child(5):first-letter{
	color:#7C9FB0;
}

/* 運転代行２４ */
ul#navigation li:nth-child(6) a:hover{
	color:#9163B6;
}
ul#navigation li:nth-child(6):first-letter{
	color:#9163B6;
}

/* 保険代理店 */
ul#navigation li:nth-child(7) a:hover{
	color:#E0598B;
}
ul#navigation li:nth-child(7):first-letter{
	color:#E0598B;
}

/* ご紹介 */
ul#navigation li:nth-child(8) a:hover{
	color:#E9D78E;
}
ul#navigation li:nth-child(8):first-letter{
	color:#E9D78E;
}

/* 会社所在地 */
ul#navigation li:nth-child(9) a:hover{
	color:#5698C4;
}
ul#navigation li:nth-child(9):first-letter{
	color:#5698C4;
}

/* コンテンツ毎ロゴ */
#logoMiddle img{
	border-radius: 1em;
}

/* ページ内ナビゲーション*/
#navigationMiddle {
	margin:25px auto 0;
}
#navigationMiddle ul {
	list-style-type:none;
	padding-left:0.75em;
	text-align:left;
	letter-spacing: 0em;
}
#navigationMiddle ul li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
  letter-spacing: normal;
  vertical-align:middle;
	background-color:#000;
	padding:0.2em 0.5em;
	border-radius: 0.5em;
	opacity:0.5;
  margin-right:0.3em;
}
#navigationMiddle ul li a {
	font-size:1em;
	font-weight:normal;
	vertical-align:middle;
	color:#fafafa;
	text-decoration: underline;
}
#navigationMiddle ul li a:link {
	font-size:1em;
	vertical-align:middle;
	color:#fafafa;
	text-decoration: underline;
}
#navigationMiddle ul li a:visited {
	font-size:1em;
	vertical-align:middle;
	color:#fafafa;
	text-decoration: underline;
}
#navigationMiddle ul li a:hover {
	font-size:1em;
	vertical-align:middle;
	color:#fafafa;
	text-decoration: none;
}
#navigationMiddle ul li a:active {
	font-size:1em;
	vertical-align:middle;
	color:#fafafa;
	text-decoration: underline;
}


/* 本文 */
article {
	padding: 0 0 1em; /* artcile上下にパディング指定。左右余白はWidthとpaddingが共存できないため、Sectionへ指定する*/
}
article section {
	padding: 0 0.3em; /* article内の左右余白を指定。 */
}
h1 {
	color:#D97570;
	font-size:1.5em;
	font-weight:bold;
	border-bottom:2px solid #D97570;
	margin:0.8em 0 0.2em;
}
h2 {
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	margin:0.5em 0 0.2em 0.5em;
}
p {
	line-height:1.2em;
	margin:0 0 0.2em 1.5em;
}
p img {
	margin-bottom: 1em;
	margin-right: 10px; /*画像が横方向に複数並んでいる場合の合計横幅を具体的数値にするため。（それらの画像の下に1つの画像を横長に挿入した際の横幅を指定できるために必要） */
}
p a img {
	border:5px solid #fff;
	box-shadow:0px 5px 5px #aaa; /* 右方向のずれ 下方向のずれ ぼけ方の強さ 影の色 */
}
p a:hover img {
	opacity:0.75;
	box-shadow:0px 5px 5px #aaa; /* 右方向のずれ 下方向のずれ ぼけ方の強さ 影の色 */
}
p a {
	color:#00F;
	text-decoration:underline;
}
p a:link {
	color:#00F;
	text-decoration:underline;
}
p a:visited {
	color:#00F;
	text-decoration:underline;
}
p a:hover {
	color:#00F;
	text-decoration:none;
}
p a:active {
	color:#00F;
	text-decoration:underline;
	font-weight:bold;
}

/* フッター*/
footer {
	padding-bottom: 1em;
	font-size: 0.7em;
	text-align:right;
}

/* ページ上部へ */
#gotop {
 	display: none;
	position: fixed;
	bottom: 1em;
	right: 3em;
	font-size: 1em;
	background-color:#000;
	padding:0.5em;
	border-radius: 0.5em;
	opacity:0.5;
}
#gotop a {
	color:#fafafa;
	text-decoration:none;
}
#gotop a:link {
	color:#fafafa;
	text-decoration:none;
}
#gotop a:visited {
	color:#fafafa;
	text-decoration:none;
}
#gotop a:hover {
	color:#fafafa;
	text-decoration:underline;
}
#gotop a:active {
	color:#fafafa;
	text-decoration:none;
}