@charset "utf-8";

/* ---------- wrapper ---------- */
#wrapper {
	width:100%;
}

body {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.2rem;
	font-size: 0.9rem;
	margin:0;
	padding:0px;
	height:100%;
	background-color:#ececec;
	color:#555;
}

div, dl, dt, dd, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0;
}
img {
	border: 0;
	outline: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol {
	list-style: none;
}

caption, th {
	text-align: left;
}
a {
	outline: none;
}
li img {
	font-size: 0;
	line-height: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

.indent {
	text-indent:-1em;
	font-weight:bold;
}

/*---------- ページ全体リンク指定 ----------*/

a:link {
	color: #555;
	text-decoration: none;
}

a:visited {
	color: #777;
}

img {
	border:0;
}


.blog a {
	color:#de7450;
	text-align:left;
	font-size:0.7rem;
	line-height:1.2rem;
	font-weight: bold;
}

.link a {
	color:#de7450;
	font-size:0.8rem;
	line-height:1.2rem;
}

.link_1 a {
	color:#de7450;
	font-weight: bold;
}
/* ---------- header ---------- */

#header {
    width: 100%;
    height: 10px;
    position: fixed;
    left:0;
    top:0;
    z-index: 10;
	background:url(../img/headerline_bk.png) top left no-repeat;
	background-repeat:repeat-x;
}

/* ---------- section ---------- */

#sectionblk {
	display:block;
	width:100%;
	margin:auto;
	text-align:left;
	margin-top:20px;
}

#sectionblk_a {
	display:block;
	width:88%;
	margin:10px;
	text-align:center;
	margin-top:20px;
}

#sectionblk_b {
	display:block;
	width:88%;
	margin:10px;
	text-align:left;
	margin-top:10px;
}

#sectionblk_c {
	display:block;
	width:88%;
	margin:10px;
	text-align:left;
	margin-top:10px;
}

#sectionblk_d {
	width:90%;
	margin-left:20px;
	text-align:left;
	margin-top:0;
}

/* ---------- footer ---------- */

#footer {
	width:100%;
	padding:15px 0px;
	position:relative;
	bottom:0;
}

.pp {
	color:#333;
	text-align:center;
	font-size:0.8rem;
	line-height:1.2rem;
}

.copyright {
	color:#333;
	text-align:center;
	font-size:0.7rem;
	line-height:1.2rem;
}

/* ---------- 見出し ---------- */

h1 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
	width:100%;
}
h1 after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #ffc1c1;
}

h2 {
	margin-top:10px;
	font-size:0.8rem;
}

h2 time {
	color:#ff9e9e;
}

h3 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
	margin-bottom:8px;
}
h3 after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #add6ff;
}

h4 {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #ccc;
	margin-bottom:8px;
}
h4 after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #adffd6;
}

h5 {
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
	width:100%;
}

h5 co {
	color:#ff9e9e;
}

h6 {
	font-size:1.2rem;
	padding-bottom: .5em;
	border-bottom: 3px double #ccc;
	width:100%;
	padding-left: 10px;
}

h7 {
	font-size:1.0rem;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:100%;
}

/* ---------- テキスト ---------- */

.pp_1 {
	color:#333;
	text-align:left;
	font-size:0.8rem;
	line-height:1.2rem;
}

.pp_2 {
	color:#333;
	text-align:left;
	font-size:0.7rem;
	line-height:1.0rem;
}

.pp_3 {
	color:#333;
	text-align:right;
	font-size:0.8rem;
	line-height:1.2rem;
}

/* ---------- box罫線 ---------- */
p.box {
   border-bottom: 1px solid #999;
}

.panel {
/*box-shadow*/
box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
-moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
/*ボックスのデザイン*/
width:100%;
background-color:#fff;
padding:10px;
border:1px solid #ccc;
text-align:left;
}


h2.top {
	font-size: 18px;
		color: #666;
padding: 1.0em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #FFF2F3;/*背景色*/
border-left: solid 5px #FB909B;/*左線（実線 太さ 色）*/
margin-bottom:15px;
}

h3.top {
		font-size: 16px;
		color: #666;
	padding: 0.5em;/*文字周りの余白*/
    margin-top:20px;
	margin-bottom:10px;
	border-bottom: double 5px #FB909B;
/*線の種類（二重線）太さ 色*/
}