@charset "Shift_JIS";

/*基本設定ここから------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	color: #333;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ　Pro　W3","Hiragino Kaku Gothic Pro","MS Pゴシック","MS P Gothic",sans-serif;
	background-color: #ddd;
	text-align: center;
	background-image: url(image/hana_bg5.jpg);
	background-repeat: repeat;
}

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

a:visited {
	text-decoration: none;
	text-decoration: none;
	color: #666;
}

a:hover {
	color: #ff0000;
}

a:activ {
	color: #ff0000;
}

/*------------------------------------基本設定ここまで*/


/*コンテンツ全体のボックス------------------------------------*/
div#pageWrapper {
	width: 1060px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 10px;	
	text-align: left;
	border: solid #888 1px;
	background-color: #ffffff;
}

div#topPageWrapper {
	width: 100%;
	height: 670px;
	margin-top: 0px;
	background-image: url(../image/top_img.jpg);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}

div#topImage {
	width: 1060px;
	padding: 0px 0px 30px 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: -20px;
	margin-bottom: 30px;	
	text-align: left;
	background-color: #ffffff;
}
/*------------------------------------全体ボックスここまで*/

/*ヘッダー設定（タイトルとグローバルメニューなど------------------------------------*/
div#menuWrapper {
	width: 1060px;
	background-color: #fff;
}

div#mainTitle {
	width: 200px;
	height: 32px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 10px;
	float: left;
}



/*トップページメニュー--------*/


div#ohta {
	clear: both;
	width: 180px;
	height: 140px;
	padding: 0px 0px 0px 0px;
	margin-left: 230px;
	margin-top: 120px;
	float: left;
}


div#ohta.btn-1 a {
	display: block;
	width: 180px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	text-indent : -9999px ;
}

a:link.btn-1 {
    background-image : url(image_test/top1_on.jpg) ;
}

a:visited.btn-1 {
    background-image : url(image_test/top1_on.jpg) ;
}

a:hover.btn-1 {
    background-image : url(image_test/top1_off.jpg) ;
}
div#ohta.btn-2 a {
	display: block;
	width: 180px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	background-repeat : no-repeat ;
	text-indent : -9999px ;
}

div#ohta.btn-2 a:link {
    background-image : url(image_test/top2_on.jpg) ;
}

div#ohta.btn-2 a:visited {
    background-image : url(image_test/top2_on.jpg) ;
}

div#ohta.btn-2 a:hover {
    background-image : url(image_test/top2_off.jpg) ;
}
div#ohta.btn-3 a {
	display: block;
	width: 180px;
	height: 40px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	background-repeat : no-repeat ;
	text-indent : -9999px ;
}

div#ohta.btn-3 a:link {
    background-image : url(image_test/top3_on.jpg) ;
}

div#ohta.btn-3 a:visited {
    background-image : url(image_test/top3_on.jpg) ;
}

div#ohta.btn-3 a:hover {
    background-image : url(image_test/top3_off.jpg) ;
}



div#globalMenu1 {
	width: 850px;
	height: 103px;
	padding: 0px 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: left;
}



div#globalMenu2 {
	width: 160px;
	padding: 0px 10px 0px 0px;
	margin-top: 65px;
	margin-right: 30px;
	float: right;
}

div#globalMenu2 li {
	font-size: 80%;
	line-height: 100%;
	text-align: right;
	padding: 0px 0px 0px 10px;
	/*background-image: url(image/yajirusi_s.png);*/
	background-repeat: no-repeat;
	list-style-type: none;
	float:right;
}

div#globalMenu3 {
	width: 240px;
	padding: 0px 10px 0px 0px;
	margin-top: 180px;
	margin-right: 30px;
	float: right;
}

div#globalMenu3 li {
	font-size: 80%;
	line-height: 100%;
	text-align: right;
	padding: 0px 0px 0px 10px;
	list-style-type: none;
	float:right;
}

div#menubar {
	clear: both;
	width: 1050px;
	height: 8px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	margin-top: 0px;
	float: left;
}

img .icon {
	vertical-align: text-bottom;
}

/*------------------------------------ヘッダー部分ここまで*/
/*-----メイン部分----*/
div#mainWrapper {
	clear: both;
	width: 1060px;
	margin-top: 20px;
	background-color: #fff;
}

/*パンクズ設定------------------------------------*/
div#pankuzu {
	clear: both;
	font-size: 75%;
	width: 900;
	padding: 10px 0px;
	margin-left: 30px;
	margin-right: 30px;
}
/*------------------------------------パンクズここまで*/

/*ローカルメニュー設定------------------------------------*/
div#localMenu {
	clear: both;
	width: 180px;
	padding: 0px 0px;
	margin-top: 10px;
	margin-left: 30px;
	margin-bottom: 20px;
	background-color: #fff;
 	float: left;
}

div#localMenu .nowMenu {
	padding: 2px 0px 2px 0px;
}


div#localMenu .otherMenu {
	padding: 0px 0px 8px 2px;
}

div#localMenu .offMenu {
	padding: 6px 0px 0px 0px;
}

div#menuTitle {
	width: 180px;
	height: 100px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
 }
 
 div#menuTitle a {
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	text-align: left;
 }


div#localMenu h2 a {
	display: block;
	width: 177px;
	height: 16px;
	font-size: 14px;
	line-height: 100%;
	text-decoration: none;
	padding: 6px 0px 6px 3px;
	border-top: solid #888 1px;
	border-bottom: solid #888 1px;
	margin-bottom: 2px;
	background-repeat : no-repeat ;
}

div#localMenu h2 a:link {
    background-image : url(image/loc_menubg_off.png) ;
}

div#localMenu h2 a:visited {
    background-image : url(image/loc_menubg_off.png) ;
}

div#localMenu h2 a:hover {
    background-image : url(image/loc_menubg_on.png) ;
}

div#localMenu .nolink {
	width: 180px;
	height: 14px;
	color: #fff;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 7px 0px;
	border-top: solid #888 1px;
	border-bottom: solid #888 1px;
	margin-bottom: 0px;
	background-image: url(image/loc_menubg_on.png);
	background-repeat : no-repeat ;
}

div#localMenu .offlink {
	width: 180px;
	height: 16px;
	color: #fff;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	text-decoration: none;
	padding: 7px 0px 7px 0px;
	border-top: solid #888 1px;
	border-bottom: solid #888 1px;
	margin-bottom: 0px;
	background-image: url(image/loc_menubg_off.png);
	background-repeat : no-repeat ;
}

div#localMenu ul {
	font-size: 12px;
	line-height: 100%;
	padding: 0px 0px 0px 0px;
	margin-bottom: 2px;
}

div#localMenu li {
	list-style-type: none;
}

.nowMenu li a:link {
    background-color : #ddd;
}

.nowMenu li a:visited {
    background-color : #ddd;
}

.nowMenu li a:hover {
    background-color : #9da6d0;
}


.nowMenu .link-0 {
	font-size: 14px;
	color: #999;
	line-height: 100%;
	padding: 6px 0px 2px 12px;
}

.otherMenu .link-0 {
	width: 168px;
	font-size: 14px;
	color: #999;
	line-height: 100%;
	padding: 6px 0px 2px 12px;
	list-style-type: none;
}

.nowMenu li {
	list-style-type: none;
}

div#localMenu li a {
	width: 165px;
	display: block;
	padding: 6px 0px 6px 15px;
	list-style-type: none;
}

div#localMenu .kakko {
	width: 180px;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
}

div#localMenu .kakko2 {
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
}


div.mysiteLink {
	width: 180px;
	padding: 6px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: solid #888 1px;
	float: left;
}


div.mysiteLink p {
	width: 180px;
	font-size: 80%;
	line-height: 100%;
	padding: 4px 0px 4px 0px;
	margin-bottom: 0px;
}

div.text01 {
	width: 180px;
	padding: 6px 0px 0px 0px;
	margin-top: 10px;
	margin-bottom: 0px;
	border-top: solid #888 1px;
	float: left;
}


div.text01 p {
	width: 180px;
	font-size: 80%;
	line-height: 140%;
	padding: 4px 0px 4px 0px;
	margin-bottom: 0px;
}

div.mysiteLink li {
	width: 180px;
	font-size: 80%;
	line-height: 100%;
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-left: 0px;
	list-style-type: none;
}


div.mysiteLink li a {
	display: block;
	width: 180px;
	height: 62;
	font-size: 80%;
	line-height: 100%;
	padding: 0px 0px 6px 0px;
	margin-top: 0px;
	margin-left: 0px;
	list-style-type: none;
	text-indent : -9999px ;
}

div.mysiteLink li a:link {
    background-image : url(image/nonohana_banner.jpg) ;
}

div.mysiteLink li a:visited {
    background-image : url(image/nonohana_banner.jpg) ;
}

div.mysiteLink li a:hover {
    background-image : url(image/nonohana_banner.jpg) ;
}

div#localMenu h3 {
	width: 175px;
	font-size: 80%;
	line-height: 100%;
	color: #555;
	padding: 0px 0px 0px 0px;
}

div#localMenu h4 {
	width: 175px;
	font-size: 80%;
	line-height: 100%;
	padding: 8px 0px 6px 5px;
	border-top: solid #888 1px;
	border-bottom: solid #888 1px;
	background-color: #fff;
}

/*50音ボタン*/

div#localMenu .sakuin {
	width: 176px;
	padding: 4px 0px 4px 4px;
	margin-left: 0px;
	margin-right: 0px;
}
div#localMenu .ki_sakuin {
	width: 176px;
	padding: 4px 0px 4px 4px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}
div#localMenu .sakuin2 {
	width: 176px;
	padding: 0px 0px 4px 4px;
	margin-left: 0px;
	margin-right: 0px;
}

.sakuinWrap {
	width: 32px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	margin-left: 0px;
	border-bottom: solid #888 1px;
	background-color: #fff;
	float: left;
}

.sakuinWrap a {
	width: 32px;
	height: 26px;
	padding: 0px 32px 0px 0px;
}


/*検索ジャンルボタン（50音）*/



/*------------------------------------ローカルメニュー設定ここまで*/
/*野の花日記設定------------------------------------*/

div#nonoMenu {
	width: 180px;
	padding: 10px 0px 0px 0px;
	border-top: solid #888 1px;
	margin-top: 20px;
	margin-right: 0px;
}

div#nonoMenu p {
	font-size: 75%;
	line-height: 180%;
	text-align: left;
}

.smallText {
	font-size: 70%;
}

div#nikkiTop {
	width: 100%;
	height: 800px;
	background-color: #fff;
	text-align: center;
	background-image: url(../nikki/image/n_bg.jpg);
	background-repeat: norepeat;
}

.nTopText {
	width: 300px;
	font-size: 80%;
	line-height: 220%;
	text-align: center;
	margin-top: 50px;
	margin-left: 180px;
}

div#nikkiTextwrap {
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin-left: 80px;
}

div#nikkiTextwrap2 {
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin-left: 80px;
	background-image: url(../nikki/image/nemu.jpg);
	background-repeat: norepeat;
}

div#nikkiTextwrap3 {
	width: 640px;
	padding: 0px 0px 0px 0px;
	margin-left: 80px;
	background-image: url(../nikki/image/cosmo.jpg);
	background-repeat: norepeat;
}


.nikkiText {
	width: 460px;
	font-size: 80%;
	line-height: 160%;
	padding: 10px 0px 0px 0px;
	text-align: left;
	float: left;
}

.nikkiText2 {
	width: 460px;
	font-size: 80%;
	line-height: 160%;
	padding: 10px 0px 0px 0px;
	text-align: left;
	margin-left: 90px;
}

.nikkiPhoto {
	width: 100%;
	padding: 10px 0px 0px 0px;
	margin-bottom: 10px;
	text-align: center;
}

.nikkiPhoto2 {
	width: 160px;
	padding: 16px 0px 0px 0px;
	margin-left: 20px;
	vertical-align: top;
	float: left;
}

.nikkiCaption {
	font-size: 70%;
	line-height: 120%;
	padding: 20px 0px 0px 0px;
	margin: 10px 0px0px0px;
	text-align: left;
}
.nikkiCaption2 {
	width: 100%;
	font-size: 70%;
	line-height: 100%;
	padding: 4px 0px 0px 0px;
	text-align: right;
	margin-bottom: 10px;
}
.nikkiCaption3 {
	width: 100%;
	font-size: 70%;
	line-height: 100%;
	padding: 4px 0px 0px 0px;
	text-align: center;
	margin-bottom: 10px;
}

.nikkiTitle {
	font-size: 90%;
	line-height: 120%;
	padding: 4px 0px 4px 0px;
	border-top: solid #888 1px;
	border-bottom: solid #888 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: left;
}
.nikkiTitle2 {
	font-size: 90%;
	line-height: 120%;
	padding: 4px 0px 4px 0px;
	border-top: solid #888 1px;
	border-bottom: solid #888 1px;
	text-align: left;
}

/*メインコンテンツ設定------------------------------------*/
div#main {
	width: 820px;
	padding: 0px 0px 10px 10px; 
	margin-top: 10px;
	margin-bottom: 30px;
	border-left: dotted #aaa 2px;
	margin-right: 10px;
	float: right;
}


/*------------------------------------メインコンテンツ設定ここまで*/

/*iframe設定------------------------------------*/

.inLine {
	width: 100%;
	height: 1760px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	float: right;
}
/*------------------------------------iframe設定ここまで*/


/*フッター設定------------------------------------*/
div#footer {
	clear: both;
	width: 1000px;
	font-size: 80%;
	text-align: center;
	padding: 6px 0px 20px 0px;
	margin-left: 30px;
	border-top: solid #aaa 1px;
	background-color: #fff;
}
/*------------------------------------フッター設定ここまで*/

.clearfix:after {content: “.”; display: block; height: 0; clear: both; visibility: hidden;} 
 .clearfix {display: inline-block;} 

 /* Hides from IE-mac \*/ 
 * html .clearfix {height: 1%;} 
 .clearfix {display: block;} 
 /* End hide from IE-mac */