/*
Theme Name: FlowerParkTheme
Author: FlowerParkKagoshima
Author URI: http://www.fp-k.org/
Description: フラワーパークテーマ
*/

@media screen and (min-width: 641px){

#nav-open {
	display:none;
}

/* CSS Document */
#blogArea {
	float:left;
	width:376px;
	height:auto;
	margin:0px 0px 10px;
}
#bgBlogT {
	width:376px;
	height:7px;
	font-size:7px;
	background-image:url(img/bgBlogTop.png);
	background-repeat:no-repeat;
}
#bgBlogM {
	width:376px;
	height:370px;
	background-image:url(img/bgBlogMiddle.png);
	background-repeat:repeat-y;
}
#bgBlogU {
	width:376px;
	height:7px;
	background-image:url(img/bgBlogUnder.png);
	background-repeat:no-repeat;
}

/************************ parkGuideArea ****************/
#parkGuideArea {
	float:right;
	width:324px;
	height:auto;
	font-size:13px;
}
#bgParkGuideT {
	width:324px;
	height:7px;
	font-size:7px;
	background-image:url(img/bgParkGuideTop.png);
	background-repeat:no-repeat;
}
#bgParkGuideM {
	width:324px;
	height:auto;
	background-image:url(img/bgParkGuideMiddle.png);
	background-repeat:repeat-y;
}
#bgParkGuideU {
	width:324px;
	height:7px;
	background-image:url(img/bgParkGuideUnder.png);
	background-repeat:no-repeat;
}
#parkGuideBg {
	width:300px;
	height:350px;
	background-image:url(img/parkGuideBg.jpg);
	background-repeat:no-repeat;
}
#parkGuide {
	width:264px;
	height:290px;
	/*padding:60px 10px 0px 13px;*/
	padding:55px 10px 0px 13px;

}
#parkGuideArea table {
	width:100%;
	text-align:left;
	letter-spacing:2px;
	border-collapse:collapse;
}
#parkGuideArea tr {
	font-size:13px;
	line-height:22px;

	border-bottom: 1px solid #ebded8;
}

#parkGuideArea th,#parkGuideArea td{
	vertical-align: top;
}
#parkGuideArea th {
	text-align:left;
	font-size:14px;
	color:#F2506E;
}
#parkGuideArea #money td {
	text-align:center;
}
#parkGuideArea #money td.textLeft {
	text-align:left;
}
#parkGuideArea #pas {
	color:#F2506E;
	font-weight:bold;
}
#parkGuideArea td.textRight {
	text-align:right;
}
/************************ parkGuideArea End ****************/

/************************ CGIArea ****************/
#CGIArea {
	clear:both;
	width:724px;
	padding:10px 0px;
}
.CGIAreaInner {
	 float:left;
	 margin:0px 4px 0px 10px;
	 padding:10px 0px;
	 _display:inline;
}
/************************ CGIArea End ****************/

/************************ newInfoArea ****************/
#newInfoArea {
	clear:both;
	width:724px;
	padding:0px;
}
#newInfoAreaInner {
	width:680px;
	height:auto;
	margin:0px 22px;
	padding:0px;
	padding-bottom:10px;
}
#newInfoTableBg {
	clear:both;
	width:660px;
	margin:0px 10px;
	padding:10px 0px;
	background-color:#E3E3E3;
}
#newInfoArea table {
	width:640px;
	margin:0px 10px 10px;
	text-align:left;
	border-collapse:collapse;
	border-spacing:0px;
	background-color:#FFFFFF;
}
#newInfoArea td.newInfoName {
	padding:5px 0px 0px 10px;
	color:#F05050;
	font-size:14px;
	font-weight:bold;
}
.newInfoName .subName{
	font-size:12px;
	color:#BB3333; 
}
.newInfoName img {
	margin-right:5px;
	vertical-align:-2px;
}
.newInfoName img.line {
	display:block;
	margin:0px;
	margin-top:3px;
}
#newInfoArea td.newInfoContent {
	padding:3px 10px 5px 10px;
	vertical-align:top;
	font-size:12px;
	line-height:1.5em;
}
#newInfoArea td.newInfoImg {
	width:160px;
	padding:5px;
	text-align:center;
}
/************************ newInfoArea End ****************/

/************************ gaiyou ****************/
.table2 table {
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	border-spacing:0px;
	letter-spacing:2px;
}
.table2 td {
	padding:5px;
	line-height:2em;
	border:1px solid #CCCCCC;
}
.table2 th {
	background-color:#F0F0F0;
	border:1px solid #CCCCCC;
	font-weight:bold;
}
.table2 th a {
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
}
.table2 th a:hover {
	color:#FF6666;
}
.table2 ul {
	list-style:none;
}
.table2 td a {
	color:#990000;
	font-weight:bold;
	text-decoration:underline;
}
.table2 td a:hover {
	color:#FF6666;
}
.table2 .fontBig {
	text-align:center;
	font-size:16px;
	font-weight:bold;
}
/************************ gaiyou End ****************/
.event {
	clear:both;
	padding-top:30px; 
}

/************************ event End ****************/

.info {
	float:left;
}
.info #sKoumoku {
	width:330px;
	padding-top:15px;
}
.info .txtArea1 {
	float:left;
	width:350px;
}
.txtArea1 p {
	margin-left:10px;
}	
/************************ infomation End ****************/

.eventGallery ul {
	list-style:none;
}
.eventGallery li {
	float:left;
	margin:5px 30px 5px 10px;
}
.flowerGallery {
	float:left;
	width:220px;
	margin-top:10px;
}
.flowerGallery .txtArea1 {
	width:auto;
}
.flowerGallery #sKoumoku {
	width:220px;
}
.flowerGallery img {
	margin-left:10px;
}
/************************ gallery End ****************/
.contest {
	margin-top:10px;
}
.contest ul {
	list-style:none;
}
.contest li {
	float:left;
	margin:5px 0px 5px 10px;
	width:320px;
}

/************************ contest End ****************/

.kabegami {
	float:left;
	width:150px;
	padding:5px;
}
.kabegami .txtBg {
	width:153px;
	height:auto;
	margin:5px 0px;
	border:1px solid #CCCCCC;
	background-color:#E3E3E3;
}
.kabegami img {
	padding:1px;
	border:1px solid #CDCDCD;
}
.kabegami ul {
	list-style:none;
}
.kabegami li {
	margin:5px;
}
/************************ kabegami End ****************/

.contact img {
	float:left;
	margin:10px 40px 40px;
}
.contact table {
	border-collapse:collapse;
	border-spacing:0px;
}
.contact th {
	width:20%;
	padding-left:15px;
	text-align:left;
}
.contact td {
	padding:20px;
}
.contact .ctTr{
	background-color:#E3E3E3;
}
.contact .ctP {
	padding:3px;
}
/************************ contact End ****************/

.siteMapAera {
	float:left;
	width:220px;
}
.siteMapAera #sKoumoku {
	margin-top:30px;
	width:220px;
}
.siteMapAera p a {
	font-weight:normal;
	color:#333333;
	text-decoration:underline;
}
.siteMapAera p a:hover {
	color:#FF6666;	
}
/************************ siteMap End ****************/

.qaArea li {
	margin-bottom:10px;
	padding-left:25px;
	width:635px;
	font-size:12px;
	line-height:20px;
	list-style:none;
}
.qaArea p {
	line-height:20px;
	font-size:12px;
}
li.question {
	background:url(img/q.jpg);
	background-repeat:no-repeat;
	}
li.answer {
	background:url(img/a.jpg);
	background-repeat:no-repeat;
}
.marginU15 {
	margin:0px 0px 15px;
}
/************************ question End ****************/

.englishArea1 {
	height:230px;
	margin:20px 0px;
}
.englishArea1 img {
	float:left;
	margin-right:10px;
}
.englishArea1 p {
	float:left;
	width:340px;
	margin-left:10px;
}
.englishArea2_1 img {
	float:left;
	margin:5px 5px 10px;
	padding:1px;
	border:1px solid #CDCDCD;
}
.englishArea2_1 p {
	clear:both;
	padding:5px;
	background-color:#E3E3E3;
}
.englishArea2_2 {
	clear:both;
	margin:10px 0px 0px;
}
.englishArea2_2 .box2 {
	float:left;
	margin:0px 5px; 
}
.englishArea2_2 img {
	width:210px;
	height:160px;
}
.englishArea2_2 p {
	text-align:center;
}
.englishInfo {
	padding:20px 0px 0px;
}	
#englishArea3 .txtArea1 {
	width:auto;
}		
/************************ english End ****************/

.midashiTyou {
	float:left;
	width:680px;
	height:37px;
	margin:5px 0px 10px;
	background-image:url(img/midashiTyouBg.jpg);
	background-repeat:no-repeat;
	line-height:37px;
}
.midashiTyou h1 {
	padding-left:45px;
	color:#555555;
	font-size:15px;
	font-weight:bold;
	letter-spacing:2px;
}
.tyouArea1 .table2 {
	float:left;
}
.tyouArea1 img {
	float:right;
	margin:0px 0px 30px;
}
.tyouArea2 img {
	float:right;
}
.tyouArea2 .tyouBor {
	margin:10px 0px 20px;
}
/************************ butterfly End ****************/
.syokudaiMov {
	float:left;
	margin:0px 20px 20px 0px;
	width:160px;
}
.syokudaiArea {
	float:left;
	margin:10px 0px;
	width:660px;
}
.syokudaiArea .syokudaiPic {
	float:left;
	width:153px;
	text-align:center;
}
.syokudaiPic img {
	padding:1px;
	border:1px solid #CDCDCD;
}
.syokudaiPic p {
	width:153px;
	text-align:left;
}
.yajirusi1 {
	float:left;
	margin-top:49px;
}
.yajirusi2 {
	clear:both;
	float:left;
}
/************************ syokudai End ****************/

#globalNav {
	width: 1200px;
	margin: 0 auto;
	z-index: 1;
}
#globalNav ul li {
	margin-right: 0px;
	float: left;
	position: relative;
	list-style:none;
}
#globalNav ul li ul {
	display: none;
	position: absolute;
	top: 62px;
	left: 0px;
	padding: 0px; /* ←追加 */
	margin: 0px; /* ←追加 */
	z-index: 2;
}
#globalNav ul li ul li {
	float: none;
	font-size: 13px;
	line-height: 0;
}
#globalNav ul li ul li a {
	display: block;
	width: 200px;
	height: 15px;
	color: #ffffff;
	padding: 10px 5px;
	background: #DA5019;
	line-height: normal;
	border-top: 1px solid #ffffff;
	text-decoration: none;
	text-align: center;

}
#globalNav ul li ul li a:hover {
	color: #DA5019;
	background: #ffffff;
}

}

@media screen and (max-width:640px){

#globalNav {display:none}
#sidebar_contents {display:none}
#twitter_widget{display:none}
#blog_rss {display:none}
#headerR{display:none}
#midashiPic{display:none}

#nav-open {
	width: 100%;
	background-color: #fff;
	font-size:15px;
	text-align: left;
	
	
}
ul {
  list-style: none;
}

/*メニュー部分*/
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 40px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -300px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 300px; /*メニュー横幅①*/
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
#ham-menu::before {
    background-color: #fff; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 50px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}

body {
width: 100%;
margin: 0px;
font-size: 1em;
text-align: center;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
}

table {
	width:100%;
	
}

#newInfoArea {
	clear:both;
	width:100%;
	padding:0px;
}
#newInfoAreaInner {
	/*width:680px;*/
	width:100%;
	height:auto;
	margin:0px 22px;
	padding:0px;
	padding-bottom:10px;
}
#newInfoTableBg {
	clear:both;
	/*width:660px;
	margin:0px 10px;
	padding:10px 0px;*/
	background-color:#E3E3E3;
}
#newInfoArea table {
	width:100%;
	/*margin:0px 10px 10px;*/
	text-align:left;
	border-collapse:collapse;
	border-spacing:0px;
	background-color:#FFFFFF;
}
#newInfoArea td.newInfoName {
	/*padding:5px 0px 0px 10px;*/
	color:#F05050;
	font-size:14px;
	font-weight:bold;
}
.newInfoName .subName{
	font-size:12px;
	color:#BB3333; 
}
.newInfoName img {
	/*margin-right:5px;
	vertical-align:-2px;*/
	
}
.newInfoName img.line {
	display:block;
	margin:0px;
	margin-top:3px;
}
#newInfoArea td.newInfoContent {
	/*padding:3px 10px 5px 10px;
	vertical-align:top;
	font-size:12px;
	line-height:1.5em;*/
}
#newInfoArea td.newInfoImg {
	/*width:160px;
	padding:5px;
	text-align:center;*/
}

/************************ parkGuideArea ****************/
#parkGuideArea {
	float:auto;
	/*width:324px;*/
	width:100%;
	height:auto;
	font-size:13px;
}
#bgParkGuideT {
	/*width:324px;*/
	width:100%;
	height:7px;
	font-size:7px;
	background-image:url(img/bgParkGuideTop.png);
	background-repeat:no-repeat;
}
#bgParkGuideM {
	/*width:324px;*/
	width:100%;
	height:auto;
	background-image:url(img/bgParkGuideMiddle.png);
	background-repeat:repeat-y;
}
#bgParkGuideU {
	/*width:324px;*/
	width:100%;
	height:7px;
	background-image:url(img/bgParkGuideUnder.png);
	background-repeat:no-repeat;
}
#parkGuideBg {
	width:100%;
	/*width:300px;*/
	height:350px;
	background-image:url(img/parkGuideBg.jpg);
	background-repeat:no-repeat;
}
#parkGuide {
	width:264px;
	height:290px;
	/*padding:60px 10px 0px 13px;*/
	padding:55px 10px 0px 13px;

}
#parkGuideArea table {
	width:100%;
	text-align:left;
	letter-spacing:2px;
	border-collapse:collapse;
}
#parkGuideArea tr {
	font-size:13px;
	line-height:20px;

	border-bottom: 1px solid #ebded8;
}

#parkGuideArea th,#parkGuideArea td{
	vertical-align: top;
}
#parkGuideArea th {
	text-align:left;
	font-size:14px;
	color:#F2506E;
}
#parkGuideArea #money td {
	text-align:center;
}
#parkGuideArea #money td.textLeft {
	text-align:left;
}
#parkGuideArea #pas {
	color:#F2506E;
	font-weight:bold;
}
#parkGuideArea td.textRight {
	text-align:right;
}
/************************ parkGuideArea End ****************/



}