@charset "utf-8";

/* =======================================
  initial
======================================= */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size: 16px;
  vertical-align:bottom;
  background:transparent;
}
body {
	background: #fffa88 url(img/bg.png);
  color: #555;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,Sans-Serif;
  line-height: 1.6;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted #000;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
	padding: 2px !important;
  vertical-align:middle;
  font-size: 100%;
}



/* =======================================
  initial
======================================= */

a {
  color: #05b6c6;
}
a:hover {
  color: #03f;
}
section:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
.alignleft {
  float: left;
  margin: 0 15px 10px 0;
}
.alignright {
  float: right;
  margin: 0 0 10px 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto 10px auto;
}
.txtL { text-align: left; }
.txtC { text-align: center; }
.txtR { text-align: right; }
.txtXS { font-size: 0.8em; }
.txtS { font-size: 0.9em; }
.txtL { font-size: 1.1em; }
.txtXL { font-size: 1.2em; }
.txtB { font-weight: bold; }
.txtSP1 { color: #f00; }
.txtSP2 { color: #0f0; }
.txtLine { border-bottom: 1px dotted #28282b; }


/* =======================================
  header
======================================= */

header {
	margin: 0 auto;
	padding: 30px;
	border-top: 10px solid #fff600;
	border-bottom: 10px solid #fff600;
	background: #fff url(img/bg.png);
	text-align: center;
}


/* =======================================
  visual
======================================= */

#visual {
	border-bottom: 10px solid #fff600;
	max-height: 320px;
	overflow: hidden;
}
#visual img {
	width: 100%;
	height: auto;
}


/* =======================================
  main
======================================= */

#main {
	margin: 0 auto;
	padding: 0 5px;
	max-width: 860px;
}
section {
	margin: 30px 0;
	background: #fff;
	border: 10px solid #fff600;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
section section {
	margin: 0;
	padding: 0 20px;
	border: none;
}

h2 {
	margin: 0 0 30px 0;
	padding: 8px;
	background: #fffed7;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	font-size: 28px;
	color: #555;
	letter-spacing: 0.05em;
	text-align: center;
}
h3 {
	margin: 35px 0 20px 0;
	padding: 5px 0 5px 15px;
	border-radius: 5px;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #95d7ac;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 0.05em;
}
ul, ol { padding-left: 25px; }
p, table, dl{ margin-bottom: 40px;}
ul, ol { margin-bottom: 30px;}
p.memo {
	font-size: 14px;
	color: #f33;
}
.page p {
	margin: 20px 0;
	font-size: 16px;
	line-height: 1.6;
}
li { margin-bottom: 5px; }
dt {
	margin: 0 0 5px 0;
	padding: 5px 0 5px 8px;
	border-left: 4px solid #95d7ac;
	font-size: 12px;
	color: #888;
	line-height: 1;
}
dd {
	margin: 0 0 20px 0;
	padding: 0 0 10px 12px;
	border-bottom: 1px dotted #ccc;
	line-height: 1.4;
}

table {
	border-collapse: separate;
	width: 100%;
}
th, td {
	padding: 8px 20px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	font-size: 0.9em;
	text-align: center;
	vertical-align: middle;
}
th {
	background-color: #f3f3f3;
	white-space: nowrap;	
}
td { background-color: #fafafa; }
td ul { margin-bottom: 0; }
td * { width: auto; }
.company td { text-align: left; }
table caption {
	margin-bottom: 5px;
	padding: 5px 8px;
	font-size: 18px;
	line-height: 1;
	text-align: left;
	color: #63d5df;
}

#lead {
	padding: 30px 30px 10px 30px;
}
#lead p {
	margin-bottom: 20px;
	font-size: 16px;
}

p.detaillink {
	margin: -20px 0 25px 0;
	padding-left: 18px;
	background: url(img/ico_link.png) left center no-repeat;
}

form.post_password {
	margin: -20px 0 30px 0;
}

h2.articletitle {
	padding: 12px 20px;
	line-height: 1.2;
}
.single p.articledate {
	margin: -30px 0 30px 0;
	padding: 3px 20px;
	background: #fffed7;
	font-size: 13px;
	color: #000;
	text-align: center;
	opacity: 0.4;
}
.single section section {
	padding-bottom: 20px;
}
.single section p {
	margin-bottom: 25px;
}
.single section img {
	width: 100%;
	height: auto;
}


/* =======================================
  footer
======================================= */

footer {
	margin-top: 30px;
	background: #fff url(img/bg.png);
	border-top: 10px solid #fff600;
	border-bottom: 10px solid #fff600;
	text-align: center;
}
footer p {
	margin: 0;
	padding: 20px;
	color: #999;
	line-height: 1.2;
}
footer p small { font-size: 12px; }