﻿@charset "utf-8";

/*

デバイス対応のブレークポイント: 320px（最小）・768px・1024px

一行/一列の基準を24pxとする。

フォントサイズは標準フォントサイズ15*1.6(line-height)=24pxを基準とする。
font-size: 10px; line-height: 2.4;
font-size: 12px; line-height: 2;
font-size: 15px; line-height: 1.6;
font-size: 16px; line-height: 1.5;
font-size: 18px; line-height: 1.3333;
font-size: 20px; line-height: 1.2;
font-size: 24px; line-height: 1;

*/



/* @group reset */

*{
	margin: 0;
	padding: 0;
	word-wrap: break-word;
}

ul, ol{ list-style: none; }

img{
	max-width: 100%;
	vertical-align: middle;
	border: none;
	margin-bottom: 12px;
}

iframe{
	max-width: 100%;
	vertical-align: middle;
	border: none;
}

html{
	padding: 0 10px;
	background-color: #050a50;
	font-size: 12px;
	line-height: 2;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	color: #000000;

	background-image: url(../images/bg-bl.gif);
	background-repeat: repeat-x;
}

body{
	background-color: #ffffff;
	padding: 20px;

	background-image: url(../images/bg-wh.gif);
	background-repeat: repeat-x;
}

a{
	color: #000000;
	text-decoration: underline;
}

h2{
	font-size: 18px;
	line-height: 1.3333;
	font-weight: bold;
}

h3{
	font-size: 16px;
	line-height: 1.5;
	font-weight: bold;
	padding-bottom: 12px;
}

h4,h5,h6{
	font-size: 15px;
	line-height: 1.6;
	font-weight: bold;
}

span.bold{ font-weight: bold; }
span.under{ text-decoration: underline; }

/* @header */

header { padding: 0 12px; }

h1{
	font-size: 18px;
	line-height: 1.3333;
	font-weight: bold;
}

h1 a{ text-decoration: none; }

h1 span#h1mini{ font-size: 12px; }



/* @nav */

nav{ padding: 5px 0 29px 0; }	/* 5px + メニュー画像の高さ38px + 29px */

nav ul{ overflow: hidden; }

nav ul li{
	float: left;
	text-align: center;
}

nav ul li a{ text-decoration: none; }

/* @breadcrumbs */

div#bc p{ text-align: right; }



/* @article */

article{ padding: 0 12px; }

article div.contents{ margin-bottom: 24px; }

article div.contents_hr{
	padding-bottom: 12px;
	border-bottom: solid 1px #555555;
	margin-bottom: 24px;
}

article div.highlight{
	background-color: #ffd7a3;
	margin: 0 -12px 24px -12px;
	padding: 12px;
}

article p{ padding-bottom: 12px; }

article p.news_date{
	padding: 0;
	font-size: 12px;
	line-height: 2;
}

article p.r_top{ text-align: right; }


/* @footer */

footer{
	padding: 12px 0;
	background-color: #e6aa6e;
	font-weight: bold;
	text-align: center;
	font-size: 10px;
	line-height: 1.2;
}