/* namehoney CSS
Basic 3 colors
#A65975（濃いパープル 166, 89, 117）→ Header,Font
#FFCCCC（ピンク 255, 204, 204）→ Main navigation,hgroup-border
#FFFFFF（白）→ Body
Additional 2 colors
#FF66CC（濃いピンク 255, 102, 204）→ hover
#FFFFCC（淡いベージュ 255, 255, 204）→ hgroup-background
*/

@charset "utf-8";

/* Clearfix */
.cf {
 zoom:1;
}
.cf:before, .cf:after {
 content:"";
 display:table;
}
.cf:after {
 clear:both;
}

/* Screen under 679px */
/* Body */
body {
 width:100%;
 background-color:#FFFFFF;
 color:#A65975;
 font-size:0.9em;
 line-height:1.4em;
 font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
 margin:0;
 padding:0;
}
a {
 color:#A65975;
 text-decoration:none;
}
a:hover {
 color:#A65975;
}

/* Headers */
/* Header for title */
header {
 background-color:#A65975;
 text-align:left;
}
/* Header for top */
#top {
 background-color:#FFCCCC;
 text-align:center;
}
/* Header for path */
#path {
 background-color:#FFFFFF;
 font-size:90%;
 margin-top:4px;
 margin-left:24px;
}
#path a:hover {
 background-color:#FFCCCC;
}
/* Navigation */
nav {
 background-color:#FFCCCC;
 margin:0;
}
nav ul {
 margin:0;
 padding:0;
}
nav ul li {
 width:50%;
 float:left;
 text-align:center;
 border-bottom:solid 1px #A65975;
}
nav ul li:nth-child(odd) {
 width:49%;
 border-right:solid 1px #A65975;
}
nav ul li a {
 width:100%;
 display:block;
}
nav ul li a:hover {
 background-color:#FF66CC;
 color:#FFFFFF;
 font-weight:bold;
}

/* Contents */
/* Article Main */
#contents {
 width:90%;
 margin:1em auto 1em;
}
#contents a {
/*
 text-decoration:underline;*/
 text-decoration:none;
}
#contents a:hover {
 background-color:#FFCCCC;
}
#main ul {
 margin:0 0 0.5em 2em;
}
.center {
 text-align:center;
}
article {
 margin:0 0 0.2em;
}
section {
 margin-top:1em;
 margin-bottom:1em;
}
h1 {
 color:#FFFFFF;
 font-weight:normal;
 font-size:70%;
 line-height:1.2em;
 margin:0 0.4em;
 padding:0.4em 0;
}
h2 {
 font-weight:bold; 
 font-size:125%;
}
h3 {
 background-image:-webkit-linear-gradient(#FFFFFF 37%,#FFCCCC);
 font-weight:bold;
 font-size:110%;
 border-left:solid 8px #A65975;
 border-bottom:solid 1px #A65975;
 margin-bottom:0.75em;
 padding:0.2em;
}
h4 {
 font-weight:bold;
 font-size:100%;
 margin:0;
}
p {
 font-size:100%;
 margin:0;
 padding-bottom:0.4em;
}
img {
 text-align:center;
 border:none;
 margin:0 auto;
}
em
{
 font-style:normal;
 font-weight:bold;
}
hr {
 width:90%;
 display:block;
 text-align:center;
 border-top:solid 1px #A65975;
 margin:1em 0;
 padding:0;
}

/* Article Sub */
#sub {
 text-align:center;
}
#form ul li {
 width:100%;
 text-align:center;
 display:block;
 border-top:solid 2px #FFFFCC;
 border-right:solid 2px #FF66CC;
 border-bottom:solid 2px #FF66CC;
 border-left:solid 2px #FFFFCC;
}
#form ul li a{
 font-weight:bold;
 text-decoration:none;
}
#form ul li a:hover {
 background-color:#FF66CC;
 color:#FFFFFF;
}
iframe {
 box-shadow:2px 2px 4px #C0C0C0;
}
aside {
 margin-top:1em;
 margin-bottom:1em;
}
#caution {
 font-size:90%;
 line-height:1.2em;
 text-align:left;
}

/* Top */
.news {
 background-color:#FFFFCC;
 border:solid 1px #FFCCCC;
 border-radius: 8px;
 margin:0.2em auto 1em;
 padding:8px;
 box-shadow:2px 2px 4px #A65975;
}
.menu
{
 background-color:#FFCCCC;
 text-align:left;
 display:block;
 border-radius: 8px;
 margin:0.2em auto 1em;
 border:solid 1px #FF66CC;
 text-decoration:none;
 padding:8px;
}
.menu h2 {
 text-decoration:none;
}
.menu p {
 font-weight:bold;
 text-decoration:none;
}
.menu a {
 width:100%; 
 display:block;
 font-weight:bold;
 text-decoration:none;
}
.menu a:hover {
 background-color:#FF66CC;
 color:#FFFFFF;
 width:100%;
 display:block;
 text-decoration:none;
}
/* FAQ */
h4.ask:first-letter {
 float:left;
 font-size:175%;
 margin-right:0.2em
}
.answer {
 background-color:#FFFFCC;
 border:solid 1px #FFCCCC;
 margin:0.2em auto 1em;
 padding:8px;
 box-shadow:2px 2px 4px #A65975;
}
.answer p:first-letter {
 float:left;
 font-weight:bold;
 font-size:150%;
 margin-right:0.2em
}
/* Notes */
.notes {
 background-color:#FFFFCC;
 border:solid 1px #FFCCCC;
 margin:0.2em auto 1em;
 padding:0px;
 box-shadow:2px 2px 4px #A65975;
}
.notes h4 {
 background-color:#FFCCCC;
 padding:0.2em;
}
.notes p {
 padding:0.4em;
}
.comment {
 color:#9900FF;
 background-color:#FFFFCC;
/* background-color:#E5ECF9;*/
 border:solid 1px #FFCCCC;
 margin:0 1em 1em;
 padding:0.2em;
 box-shadow:1px 1px 2px #A65975;
}
.comment p {
 padding:0.2em;
}

/* Footer */
footer {
 background-color:#A65975;
 color:#FFFFFF;
 font-size:90%;
 text-align:center;
}

/* Screen over 680px */
@media only screen and (min-width: 680px) {
/* Headers */
/* Navigation */
nav ul li {
 width:16%;
 float:left;
 text-align:center;
 border-right:solid 1px #A65975;
}
nav ul li:nth-child(odd) {
 width:17%;
}
#profile {
 border-left:none;
 margin-left:1px;
}
#blog {
 border-right:none;
}
nav ul li a {
 display:block;
}

/* Contents */
/* Article Main */
#contents {
 max-width:750px;
}
#main {
 width:63%;
 float:left;
}
/* Article Sub */
#sub {
 width:33%;
 float:right;
}
/* end CSS */