@charset "utf-8";
/*============================================
全般的なスタイル
============================================*/
* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}
body {
    background-image: url("./images/flowership_sp_background.png");
    background-attachment:fixed;
	font-size:100%;			/* フォントサイズを100%にする */
	font-family: "ＭＳ ゴシック",sans-serif;	/* フォントの種類をゴシック系にする */
	line-height:1.5;		/* 行の高さを1.5倍にする */
	color:#333333;			/* 文字色を濃い目のグレーにする */
}
div#pagebody {
    background-color: #e8f6ff;
	width:1200px; margin:0 auto;			/*内容全体をセンタリング*/
}
img {
    border:0;
    vertical-align: middle;
} 				/*画像のボーダーを0にする*/
p {
	width:840px;		/*幅の指定*/
	margin:10px auto;		/*マージン*/
    text-indent:1em;		/*インデント幅*/
}

a {
    color:#cc9831;
    font-weight: bold;
    text-decoration: none;
}

a:visited {
    color:#cc4b31;
    font-weight: bold;
    text-decoration: none;
}

/*============================================
ヘッダー
============================================*/
div#header {
    width:1200px;
    margin:0 auto;
    height:150px;
}
img#header_title {
    margin:0;
    float:left;
}
p#header_titletext {
    margin:0;
    padding:70px 0px 0px 0px;
    width:auto;
}

div#headerimgwrapper {
    width:1200px;
    height:auto;
    margin:0 auto;
}

img#headerimg {
    margin:0;
}

div#imgwrapper {
    width:1200px;
    height:auto;
    margin:0 auto;
    text-align:center;
}

div#imgwrapper p {
    margin:10px;
    text-indent:0em;
    font-weight: bold;
    margin:10px auto;
}

img#imgarticle {
    width:640px;
    height:auto;
    margin:0;
}

/*============================================
本文関係
============================================*/
h1 {
    width:1200px;
    position: relative;
    padding: 0.3em 0em;
    background: linear-gradient(to top, rgb(137, 184, 255), transparent 70%);
    color: #333333;
    border-bottom:0px;
}

hr {
    border:0px;
    background
}

div#maincontent {
    width:1200px;
    margin:0 auto; 
}

h3 {
    width:860px;
    height:auto;
    margin:10px auto;
    font-size:150%;
    padding:10px 10px 0px 10px;
    border-bottom: solid 3px #89b8ff;
}

div#flowershipimg {
    width:860px;
    height:auto;
    margin:0 auto;
}

div#flowershipimg img {
    float:left;
    margin: 0 10px 0 0;
}

/*============================================
グリッドメニュー
============================================*/
div#flowership_menu {
    width:1100px;
    height:500px;
    margin: 20px 50px;
    display: grid;
    grid-template-rows: 300px 200px;
    grid-template-columns: 500px 200px 200px 200px;
}

div#flowership_menu div {
    margin: 10px;
    border-radius:10px;
}

div#flowership_menu a {
    border-radius:10px;
}

div#flowership_menu a img {
    border-radius:10px;
}

div#flowership_menu a:hover {
    transform: scale(1.05);
    transition-duration: 0.5s;
}

div#flowership_menu a img:hover {
    transform: scale(1.05);
    transition-duration: 0.5s;
}

div#flowership_menu_item1 {
    grid-row:1/3;
    grid-column:1/2;
}

div#flowership_menu_item2 {
    grid-row:1/3;
    grid-column:2/3;
}

div#flowership_menu_item3 {
    grid-row:1/2;
    grid-column:3/5;
}

div#flowership_menu_item4 {
    grid-row:2/3;
    grid-column:3/4;
}

div#flowership_menu_item5 {
    grid-row:2/3;
    grid-column:4/5;
}

/*============================================
ニュース
============================================*/
div#news {
    width:860px;
    height:auto;
    margin:10px auto;
}

div#news dl {
    border:2px solid;
    border-color:#89b8ff;
    background:#d8f1ff;
    padding:10px 10px;
    width:856px;
}

div#news dt {
  color:#333333;
  font-weight:bold;
  padding:0 10px 0 0;
  width:120px;
  float:left;
  margin-bottom:7px;
}

div#news dd {
  color:#333333;
  margin-bottom:7px;
}

/*============================================
ニュース
============================================*/
a#pamphlet:hover {
    transform: scale(1.05);
    transition-duration: 0.5s;
}
a#pamphlet img:hover {
    transform: scale(1.05);
    transition-duration: 0.5s;
}


/*============================================
フッターメニュー
============================================*/
div#footer_menu_wrapper {
    margin:0 auto;
    width:1200px;
    height:310px;
    background-color:#e8f6ff;
    border-top:3px dashed #89b8ff;
    border-bottom:3px dashed #89b8ff;
    text-align: center;
}

div#footer_menu_item hr {
    border:1px dashed #89b8ff;
}

div#footer_menu_item a#footer_menu_link {
    display:block;
    margin: 0px 0px;
    text-decoration: none;
    font-size: 120%;
    color: #333333;
    font-weight:bold;
}

div#footer_menu_item a#footer_menu_link:hover {
    background-color: #89b8ff;
    transition-duration: 0.2s;
}

div#footer_menu_item a#footer_menu_link:visited {
    color: #333333;
}

/*============================================
フッター
============================================*/
div#footer {
    margin:0 auto;
	clear:both;			/*回り込みを解除する*/
    width:1200px;
    height:40px;			/*高さの指定*/
	padding:10px 0px 0px 0px;	/*パディング*/
	text-align:center;		/*センタリング*/
    background-color:#e8f6ff;
}