@charset "UTF-8";

/*↓全ページ共通↓
-----------------------------------------*/
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a img {
border: none;
}
/*↓全ページの背景色の指定↓-----*/
html {
background: #FEDEEA;
height: 100%;
}
/*↑全ページの背景色の指定↑-----*/
body {
padding: 0;
margin: 0 auto;
width: 940px;
min-height: 100%;
position: relative;
font-size: 14px;
color: #000;
line-height: 1.2;
font-family: "Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
background: #FFF;
}
a {
color: #3FACC0;
}
a:hover {
color: #00688C;
}
hr {
border: none;
height: 0;
overflow: hidden;
border-bottom: 1px dotted #959595;
clear: both;
}
header, footer, section, article, figure ,figcaption {
display: block;
}
/*ヘッダー
-----------------------------------------*/
body header {
width: 900px;
height: 95px;
background: url(../img/header.png) repeat-x bottom;
position: relative;
margin: 0 auto 20px;
}
body header h1 {
position: absolute;
top: 10px;
left: 5px;
}
body header h2 {
font-size: 12px;
color: #888;
font-weight: normal;
text-align: right;
position: absolute;
top: 20px;
right: 0;
}
/*ヘッダー:ナビゲーションメニュー
-----------------------------------------*/
nav {
position: absolute;
bottom: 12px;
right: 0;
}
nav ul li {
float: left;
}
nav ul li a {
display: block;
width: 121px;
height: 40px;
text-align: center;
line-height: 45px;
color: #888;
font-weight: bold;
background-image: url(../img/menu2.png);
background-repeat: no-repeat;
text-decoration: none;
}
/*↓ナビゲーションメニューの色の指定↓-----*/
nav ul li a:hover {
background-color: #FB5E99;
color: #FFF;
}
/*↑ナビゲーションメニューの色の指定↑-----*/
nav ul li:first-child a {
background-image: url(../img/menu1.png);
}
nav ul li:last-child a {
background-image: url(../img/menu3.png);
}

/*フッター
-----------------------------------------*/
footer {
clear: both;
border: 1px solid transparent;
margin-top: 160px;
}
footer small {
display: block;
position: absolute;
bottom: 0;
left: 0;
padding: 30px 0 60px 0;
font-size: 10px;
text-align: center;
line-height: 1;
background: #F0FFF0 url(../img/footer.png) repeat-x 0 15px;
width: 100%;
color: #FFF;
font-family: Arial,sans-serif;
}

/*noscript
-----------------------------------------*/
p#noscript {
width: 80%;
padding: 30px;
margin: 0 auto;
color: red;
font-weight: bold;
}

/*複数ページで使用
-----------------------------------------
-----------------------------------------*/
body > section {
margin: 30px 20px 50px 20px;
position: relative;
}
body > section:after {
content: "";
display: block;
clear: both;
}
*+html body > section {
min-height: 1px;
}
/*大見出し
-----------------------------------------*/
body > section > h1 {
background: #EEE url(../img/icon1b.png) no-repeat 5px 10px;
color: #333;
font-size: 16px;
padding: 2px 0 0 25px;
width: 870px;
height: 35px;
line-height: 33px;
border-bottom: 2px solid #CCC;
margin-bottom: 25px;
position: relative;
}
body > section > h1 small {
font-size: 12px;
position: absolute;
right: 10px;
font-weight: normal;
}
body > section > h1:after {
content: "";
display: block;
height: 0;
overflow: hidden;
border-bottom: 2px solid #FFF;
margin-left: -25px;
}