/* ==========================================================



	ブラウザリセット



========================================================== */



body,div,dl,dt,dd,ul,ol,li,

h1,h2,h3,h4,h5,h6,

pre,code,form,fieldset,legend,

p,blockquote,table,th,td {margin: 0; padding: 0;}



html {background: #FFF; color: #000;}



body {font:13px/1 "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;}

* html body {font-size: small; font: x-small;}

*:first-child+html body {font-size: small; font: x-small;}



img {border: 0; vertical-align: bottom;}



h1,h2,h3,h4,h5,h6 {font-size: 100%;}



ul,dl {text-indent: 0; list-style: none;}



address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal;}



sup {vertical-align: text-top;}

sub {vertical-align: text-bottom;}



input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}

* html input,* html textarea,* html select {font-size: 100%;}

*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}



table {border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%;}

th,td {text-align: left; vertical-align: top;}

caption {text-align: left;}



pre,code,kbd,samp,tt {font-family: monospace;}

* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}

*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}



input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}





/* clearfix

===========================================================*/

.clearfix:after {

  content: "."; 

  display: block;

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1%;

}



* html .clearfix {

  height: 1%;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}

















/* ==========================================================



	定義



========================================================== */



/* フォントサイズ

===========================================================*/

.fs10 {font-size: 77%;}

.fs11 {font-size: 85%;}

.fs12 {font-size: 93%;}

.fs13 {font-size: 100%;}

.fs14 {font-size: 108%;}

.fs15 {font-size: 116%;}

.fs16 {font-size: 123.1%;}

.fs17 {font-size: 131%;}

.fs18 {font-size: 138.5%;}

.fs19 {font-size: 146.5%;}

.fs20 {font-size: 153.9%;}

.fs21 {font-size: 161.6%;}

.fs22 {font-size: 167%;}

.fs23 {font-size: 174%;}

.fs24 {font-size: 182%;}

.fs25 {font-size: 189%;}

.fs26 {font-size: 197%;}





/* フォント太さ

===========================================================*/

.fb { font-weight: bold;}

.fn { font-weight: normal;}







/* フォントカラー

===========================================================*/

.c_red { color:#f00;}

.c_pink { color:#F3F;}

.c_blue { color:#00F;}

.c_green { color:#090;}

.c_blueL { color:#09F;}

.c_yellow { color:#FC0;}

.c_orange { color:#FF6600}

.c_blueLD { color:#2286B0;}





/* margin

===========================================================*/

.m10 { margin:10px;}



.mt05 { margin-top: 5px;}

.mt10 { margin-top: 10px;}

.mt15 { margin-top: 15px;}

.mt20 { margin-top: 20px;}

.mt30 { margin-top: 30px;}

.mt40 { margin-top: 40px;}

.mt50 { margin-top: 50px;}

.mt-05 { margin-top: -5px;}

.mt-10 { margin-top: -10px;}



.mb05 { margin-bottom: 5px;}

.mb10 { margin-bottom: 0px;}

.mb15 { margin-bottom: 15px;}

.mb20 { margin-bottom: 20px;}

.mb30 { margin-bottom: 30px;}

.mb40 { margin-bottom: 40px;}

.mb50 { margin-bottom: 50px;}



.mr05 { margin-right: 5px;}

.mr10 { margin-right: 10px;}

.mr15 { margin-right: 15px;}

.mr20 { margin-right: 20px;}

.mr-10 { margin-right:-10px;}



.ml05 { margin-left: 5px;}

.ml10 { margin-left: 10px;}

.ml15 { margin-left: 15px;}

.ml20 { margin-left: 20px;}



.mrl10 { margin-right: 10px; margin-left: 10px;}

.mrl-10 { margin-right: -10px; margin-left: -10px;}



.mtb10 { margin-top:10px; margin-bottom:10px;}

.mtb20 { margin-top:20px; margin-bottom:20px;}



.mauto { margin-right:auto; margin-left:auto;}



.pmb15em p { margin-bottom:1.5em;}

.pmb18em p { margin-bottom:1.8em;}





/* PCのみ適用margin（投稿内で使用） */

.PCm10 { margin:10px;}



.PCmt05 { margin-top: 5px;}

.PCmt10 { margin-top: 10px;}

.PCmt15 { margin-top: 15px;}

.PCmt20 { margin-top: 20px;}

.PCmt30 { margin-top: 30px;}

.PCmt40 { margin-top: 40px;}

.PCmt50 { margin-top: 50px;}

.PCmt-05 { margin-top: -5px;}

.PCmt-10 { margin-top: -10px;}



.PCmb05 { margin-bottom: 5px;}

.PCmb10 { margin-bottom: 10px;}

.PCmb15 { margin-bottom: 15px;}

.PCmb20 { margin-bottom: 20px;}

.PCmb30 { margin-bottom: 30px;}

.PCmb40 { margin-bottom: 40px;}

.PCmb50 { margin-bottom: 50px;}



.PCmr05 { margin-right: 5px;}

.PCmr10 { margin-right: 10px;}

.PCmr15 { margin-right: 15px;}

.PCmr20 { margin-right: 20px;}

.PCmr-10 { margin-right:-10px;}



.PCml05 { margin-left: 5px;}

.PCml10 { margin-left: 10px;}

.PCml15 { margin-left: 15px;}

.PCml20 { margin-left: 20px;}



.PCmrl10 { margin-right: 10px; margin-left: 10px;}

.PCmrl30 { margin-right: 30px; margin-left: 30px;}

.PCmrl-10 { margin-right: -10px; margin-left: -10px;}









/* padding

===========================================================*/

.p05 { padding:5px;}

.p10 { padding:10px;}

.p15 { padding:15px;}

.p20 { padding:20px;}



.pb30 { padding-bottom:30px;}



.ptb05 { padding-top:5px; padding-bottom:5px;}

.ptb10 { padding-top:10px; padding-bottom:10px;}

.ptb15 { padding-top:15px; padding-bottom:15px;}



.prl05 { padding-right:5px; padding-left:5px;}

.prl10 { padding-right:10px; padding-left:10px;}

.prl15 { padding-right:15px; padding-left:15px;}

.prl20 { padding-right:20px; padding-left:20px;}





/* text-align・float

===========================================================*/

.taL { text-align: left;}

.taC { text-align: center;}

.taR { text-align: right;}



.fR, .PCfR { float: right;}

.fL, .PCfL { float: left;}

.clear { clear: both;}







/* background

====================================================*/

.bg_style01 { background:url(img/hana/hana_type01_box01_bg.png) repeat left top;}







/* border

====================================================*/

.bdb_dt01 { border-bottom:dotted 2px #d3df9f;}







/* ポラロイド写真風

====================================================*/

.photo_image { width:172px; height:132px; padding:14px 14px 14px 14px; background:url(img/common/type02_thumbbox_li_bg.png) no-repeat;}





/* 3カラム（1カラム200px）

====================================================*/

.column3 { margin-left:12px;}

.column3 li { float:left; margin-right:12px;}

.column3 .box { float:left; width:200px; margin-right:12px;}







/* ===================================================



	個別ページ用（style/editor共通）



 -----------------------------------------

	INDEX

 -----------------------------------------

	1. 



	2. 花と華

	

	3. 

	

=================================================== */

/* 花と華

====================================================*/

.hana_voice { }

.hana_voice .section { border-bottom:dotted 1px #ccc;}

.hana_voice .section .box { float:left; width:110px; margin-top:10px; margin-bottom:10px; padding:20px; border:#F4F0E5 solid 7px; background:#EBE0CC; text-align:center; font-weight:bold;}

.hana_voice .section .text { padding:10px 0 10px 180px;}





































