@charset "UTF-8";

/* --------------------------------------------
* reset
* -------------------------------------------- */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

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, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1.6;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding: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;
    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 {
    vertical-align:middle;
}
/* --------------------------------------------
* 全体の基本設定
* -------------------------------------------- */
body {
	line-height: 150%;
	background: #fec6c5;
	color: #555;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",Meiryo, "メイリオ",  sans-serif;
	font-size: 14px;
}
a { color: #4169e1; 	-webkit-tap-highlight-color: transparent; }
	a:hover { color: #a0b4f0; }
img { border: none; vertical-align: bottom; }
/* --------------------------------------------
* レイアウト
* -------------------------------------------- */
#wrapper { max-width: 750px; margin: 0 auto;}
#breadcrumbs { margin-bottom: 10px; }
header, .wrapperContent, .main-content { margin-bottom: 25px; }
/* --------------------------------------------
* 細かい設定
* -------------------------------------------- */
/*////////////////////////////// ヘッダー ///*/
header  {
	line-height: 60px;
	background: #fc5854;
	border-bottom: 1px solid #fec6c5;
	padding-right: 25px;
	padding-left: 25px;
}
header h1 {
	color: #fee0ea;
	font-size: 180%;
	text-decoration: none;
}
/*////////////////////////////// コンテンツ ///*/
.wrapperContent {
	padding: 10px 10px 0;
	background: #ffe9e8;
	border: 3px solid #fc5854;
}
.content-block {
	margin-bottom: 10px;
	padding-bottom: 20px;
	position: relative;
	background: #fff;
	border: 1px solid #fc5854;
}
.content-block h2, .main-content h2 {
	line-height: 30px;
	margin-bottom: 10px;
	padding: 0 10px;
	font-size: 110%;
	background: #fd8784;
	color: #fff;
}
.main-content {
	background: #fff;
	border: 3px solid #fc5854;
}
.content-block p, .main-content p {
	margin: 0 10px 10px;
}
.content-block img, .main-content img  {
	max-width: 100%;
}
hr { border-top: 3px dashed #fec6c5; }
/*////////////////////////////// フッター ///*/
footer { line-height: 35px; background: #fc3934; border-top: 1px solid #fec6c5; }
footer, footer a { color: #fff; }
	footer a:hover { color: #fec6c5; }
#copy {  font-size: 85%; }
/* --------------------------------------------
* タブレット・スマホ用設定
* -------------------------------------------- */
@media screen and (max-width: 750px) { #wrapper { max-width: 750px; } }
@media screen and (max-width: 750px) { 
header  {
	line-height: 35px;
	background: #fc5854;
	border-bottom: 1px solid #fec6c5;
	padding-right: 25px;
	padding-left: 25px;
}
header h1 {
	color: #fee0ea;
	font-size: 120%;
	text-decoration: none;
}
}

/* --------------------------------------------
* 個別設定
* -------------------------------------------- */
/* p margin 個別設定 */
p.m0 { margin: 0; }
p.m10 { margin: 10px; }
p.mt10 { margin-top: 10px; }
p.mr10 { margin-right: 10px; }
p.ml10 { margin-left: 10px; }
p.mb10 { margin-bottom: 10px; }
p.m20 { margin: 20px; }
p.mt20 { margin-top: 20px; }
p.mr20 { margin-right: 20px; }
p.ml20 { margin-left: 20px; }
p.mb20 { margin-bottom: 20px; }
p.mb25 { margin-bottom: 25px; }
/* 行揃え */
.center { text-align: center; }
.right { text-align: right; }
/* 文字色 */
.gray { color: gray; }
.blue { color: mediumblue; }
.green { color: green; }
.yellow { color: gold; }
.orange { color: darkorange; }
.red { color: crimson; }
.pink { color: lightpink; }
.purple { color: mediumorchid; }
/* 文字のサイズ */
.f-size50 { font-size: 50%; }
.f-size60 { font-size: 60%; }
.f-size70 { font-size: 70%; }
.f-size80 { font-size: 80%; }
.f-size90 { font-size: 90%; }
.f-size110 { font-size: 110%; }
.f-size120 { font-size: 120%; }
.f-size130 { font-size: 130%; }
.f-size140 { font-size: 140%; }
.f-size150 { font-size: 150%; }