/*=====================================

	home.css

		undate : 2012.11.01

=====================================*/

/* 基本設定 */

html, body, header, contents, navi, footer,
div, span, p, h1, h2, h3, h4, ul, li,
table, tr, th, td, tbody, thead, tfoot {
margin : 0;
padding: 0;
}

/* 画像 */

img {
border: 0;
}

.imgr {
float: right;
}

/* テキスト */

.center {
text-align: center;
}

.n20 {
font-size: 20px;
}

.n24 {
font-size: 24px;
}

.red {
	color: #F00;
}

.black {
	color: #333;
}

.right {
	text-align: right;
}

/* リンク */

a:link {
color: #03F;
}
a:visited {
color: #093;
}
a:hover {
color: #09C;
}
a:active {
color: #09C;
}

li a:link {
color: #333;
}
li a:visited {
color: #333;
}
li a:hover {
color: #333;
}
li a:active {
color: #333;
}

/* ページ */

#page {
width: 100%;
margin: 0;
background-color: #FFF;
text-align: left;
font-size  : 13px;
line-height: 1.5;
font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ヘッダー */

header {
width: 100%;
background-color: #CFDFFE;
margin: 0;
}

header p {
margin: 0;
padding: 3px 0 2px 0;
text-align: center;
color: #666;
font-size: 11px;
}

header p a {
text-decoration: none;
}

/* コンテンツ */

contents {
width: 100%;
margin: 0;
}

contents #box {
padding: 10px 0;
}

contents h1 {
font-size: 13px;
color: #65E;
text-align: center;
line-height: 1.2;
}

contents h1.bd {
border-bottom:1px solid #AAA;
padding-bottom: 2px;
margin-bottom: 2px;
}

contents h2 {
margin: 0;
padding: 3px 0 2px 14px;
font-size: 15px;
border-bottom:1px solid #92ACEB;
background:#A6C5FE;
color:#fff;
text-shadow:0 -1px 1px #254f7a;
background-image:-moz-linear-gradient(top,#A6C5FE,#90AFFE);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#A6C5FE),color-stop(1,#90AFFE));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#A6C5FE', EndColorStr='#90AFFE')"
}

contents h3 {
padding: 8px 6px 5px 3px;
font-size: 13px;
color: #F33;
}

contents p {
padding: 0 6px 5px 17px;
}

/* 枠 */

#bdblue {
margin: 5px 5px 15px 5px;
padding: 10px 0 5px 0;
border: 2px solid #70AFFE;
border-radius: 9px;
background-color: #F3F3FF;
}

#bdpink {
margin: 5px;
padding: 5px 0 0 0;
border: 2px solid #ff00ff;
border-radius: 9px;
background-color: #FEEFFE;
}

#bdpink h1 {
color: #E0C;
}

#bdgren {
margin: 5px;
padding: 5px 0 0 0;
border: 2px solid #6C6;
border-radius: 9px;
background-color: #FAFFDF;
}

#bdgren h1 {
color: #6B6;
}

#bdgren p {
font-size: 13px;
}

#bdorag {
margin: 5px;
padding: 0 5px 5px 5px;
border: 2px solid #F60;
border-radius: 9px;
background-color: #FED;
}

#bdorag p {
padding: 0px;
}

/* テーブル */

table {
	border: 0;
	margin: 0;
}

th {
	width: 60px;
	text-align: left;
}
td {
	width: 194px;
	text-align: right;
}

/* ナビ */

navi {
width: 100%;
text-decoration: none;
margin: 0;
background-color: #BCCDF3;
}

navi h4 {
padding: 0;
font-size: 13px;
color: #FFF;
background-color: #59D;
text-align: center;
}

navi ul {
width: 100%;
}

navi li {
width: 100%;
list-style: none;
}

navi li h3 {
font-size: 15px;
}

navi li a {
display: block;
margin: 0;
padding: 10px 10px;
font-size: 14px;
border-bottom:1px solid #70AFFE;
color:#333;
background:#D9E3F9;
text-decoration: none;
background-image:-moz-linear-gradient(top,#E3EFFC,#D9E3F9);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#E3EFFC),color-stop(1,#D9E3F9));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#E3EFFC', EndColorStr='#D9E3F9')"
}

navi li a:hover {
background:#90AFFE;
text-decoration: none;
background-image:-moz-linear-gradient(top,#A6C5FE,#90AFFE);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#A6C5FE),color-stop(1,#90AFFE));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#A6C5FE', EndColorStr='#90AFFE')"
}

navi li a:active {
background:#D9E3F9;
text-decoration: none;
background-image:-moz-linear-gradient(top,#E3EFFC,#D9E3F9);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#E3EFFC),color-stop(1,#D9E3F9));
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#E3EFFC', EndColorStr='#D9E3F9')"
}

/*ソーシャル */

#social {
margin: 12px 0;
text-align: center;
}

/*コンテンツエンド */

#pclink {
margin: 12px 0;
text-align: center;
line-height: 30px;
}

/* フッター */

footer {
width: 100%;
background-color: #90AFFE;
text-align: center;
color: #fff;
padding: 3px;
}