@charset "UTF-8";
/* CSS Document */

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left; }
.taCenter { text-align: center; }
.taRight { text-align: right; }


/*------------------------------------------------------------
	リセット
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a:focus, *:focus { outline:none; }
a:link,a:visited,a:hover {
      color: #000;
      text-decoration: none;
}
a:hover,input:hover {
      opacity: 0.85 ;
}
ul li {
	list-style-type: none;
}
img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
table { border-collapse:collapse; }

/* ボックスサイジング */
*, *:before, *:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/*------------------------------------------------------------
	一覧用レイアウトパターン
------------------------------------------------------------*/
.flex-container {
	display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
}

/*------------------------------------------------------------------------------------------------------------------------------------------

	基本
	
------------------------------------------------------------------------------------------------------------------------------------------*/
html { font-size: 62.5%; }
body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 1.5rem;
	line-height: 1.7;
	background: url(indexphp_images/body_bg.jpg) repeat;
}
.wrap950 {
	width: 950px;
	margin: 0 auto;
}


/*------------------------------------------------------------------------------------------------------------------------------------------

	トップページ
	
------------------------------------------------------------------------------------------------------------------------------------------*/
/* ヘッダー */
.header {
	background-image: url(indexphp_images/body_bg_top.png);
	background-repeat: repeat-x;
}
.header h1 {
	color: #fff;
	font-size: 1.3rem;
	padding: 2px 0 0;
}
.header .header-logo {
	padding: 20px 0;
}


/* about-block */
#top-page .about-block {
	margin-bottom: 80px;
}
#top-page .about-block h2 {
	display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    align-items: flex-end;
	font-size: 22px;
	font-weight: bold;
	color: #EB6D94;
	text-shadow: 3px 0px 0px #fff, 0px 3px 0px #fff, -3px 0px 0px #fff, 0px -3px 0px #fff;
	background: url(indexphp_images/ttl-bg.png) top right no-repeat;
	border-bottom: solid 1px #EB6D94;
	padding-bottom: 5px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	height: 70px;
}


/* link-block */
#top-page .link-block {
	margin-bottom: 80px;
}
#top-page .link-block .flex-container {
	flex-wrap: wrap;
	justify-content: space-between;
}
#top-page .link-block .flex-container li {
	display: inline-block;
	width: 48%;
	margin-bottom: 40px;
}


/* フッター */
.footer {
	background: url(indexphp_images/footer-bg.png) repeat-x;
}
.footer .copy {
	color: #009138;
	font-size: 1.3rem;
	text-align: center;
	padding: 38px 0 30px;
}