@charset "UTF-8";


/*---------------------------------------------------------
  reset
----------------------------------------------------------- */

html {
	overflow-y: scroll;
	margin: 0 auto;
	position: relative; /* Fix for absolute positioning */
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
}

object,embed {
	vertical-align: top;
}

img,abbr,acronym,fieldset {
	border: 0;
}

ol,ul {
	list-style: none;
}

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


section,
aside,
article,
header,
footer,
nav {
	display:block;
}

/*　↑　html5reset-1.6.1　の方にも同じ記述があるので確認　*/

/*---------------------------------------------------------
  font　の定義
----------------------------------------------------------- */
/* Yahoo fonts.css 2.7.0
http://developer.yahoo.net/yui/license.txt
- Font size Adjustment.
 http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html
*/ 
body{
	font:14px/1.231 arial,helvetica,clean,sans-serif;
/*	*font-size:small;
	*font:x-small;*/
/*	font-size:85%; 
	letter-spacing:0.05em;*/
	font-family: "メイリオ",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif; 
}
select,input,button,textarea{
	font:99% arial,helvetica,clean,sans-serif;
/*	font:83% arial,helvetica,clean,sans-serif;*/
}
table{
	font-size:inherit;
	font:100%;
/*	font:85%;*/
}
pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
/*	*font-size:90%;
	line-height:85%;*/
}

/*---------------------------------------------------------
   Fonts CSS
-----------------------------------------------------------	
	10px = 77%
	11px = 85%
	12px = 93%
	13px = 100%
	14px = 108%
	15px = 116%
	16px = 124%
	17px = 131%
	18px = 139%
	19px = 147%
	20px = 154%
	21px = 162%
	22px = 170%
	23px = 177%
	24px = 185%
	25px = 193%
	26px = 200%
----------------------------------------------------------- */
.font10,.small { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:124%; }
.font17 { font-size:131%; }
.font18 { font-size:139%; }

.font10px { font-size:10px; }
.font11px { font-size:11px; }
.font12px { font-size:12px; }
.font13px { font-size:13px; }
.font14px { font-size:14px; }
.font15px { font-size:15px; }
.font16px { font-size:16px; }
.font18px { font-size:18px; }
.font20px { font-size:20px; }
.font22px { font-size:22px; }

/*
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
    margin: 0;
    padding: 0; 
}
*/

.font-mi{
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif ;
}
.font-go{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
}

/*---------------------------------------------------------
  本文などのテキストに関する指定
----------------------------------------------------------- */
/*　文字の詰め打ち　*/
.tsume{
	letter-spacing:-0.1em;
}

.tsume2{
	letter-spacing:-0.2em;
}

.tsume3{
	letter-spacing:-0.3em;
}

.tsume4{
	letter-spacing:-0.4em;
}


/*　文頭　一字下げにする場合　*/

span.plus1{
	padding-left: 1em;
}

p.plus1{
	text-indent: 1em;
}

div.plus1 p{
	text-indent: 1em;
	margin-bottom:-0.8em;
	padding-bottom:0px;
}

/*　文頭　一字下げの処理を　止める場合　*/

span.no1{
	padding-left: 0em;
}

.no1{
	text-indent: 0em;
}

/*　リスト　*/

.circle/* 白丸　*/{
    list-style-type: circle;
    list-style-position: outside;
    padding-left:20px;
}
.disc,.maru/* 黒丸　*/{
    list-style-type: disc;
    list-style-position: outside;
    padding-left:20px;
}
.decimal/* 算用数字　*/{
    list-style-type: decimal;
    list-style-position: outside;
    padding-left:20px;
}
.upper-alpha/* アルファベット大文字　*/{
    list-style-type: upper-alpha;
    list-style-position: outside;
    padding-left:20px;
}
.lower-alpha/* アルファベット小文字　*/{
    list-style-type: lower-alpha;
    list-style-position: outside;
    padding-left:20px;
}
.upper-roman/* ローマ数字大文字　*/{
    list-style-type: upper-roman;
    list-style-position: outside;
    padding-left:20px;
}
.lower-roman/* ローマ数字小文字　*/{
    list-style-type: lower-roman;
    list-style-position: outside;
    padding-left:20px;
}
.circle,.disc,.maru,.decimal,.upper-alpha,.lower-alpha,.upper-roman,.lower-roman{
	margin-bottom:30px;
}

/* 大きな円に数字　*/
ol.en{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f5faff;
}
ol.en li{
	display:block;
  position: relative;
  line-height: 1.5em;
  padding: 0.3em 0.5em 0.5em 40px !important;
  border-bottom:2px dotted #ccc;
}

ol.en li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}
ol.en b{
	font-size:130%;
	color:#000080;
}

/* 大きな円に数字 pink　*/
ol.en_pink{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f7e8ee/*薄いピンク*//*f5faff 薄い青*/;
}
ol.en_pink li{
  position: relative;
  line-height: 1.5em;
  padding: 0.3em 0.5em 0.5em 40px !important;
  border-bottom:2px dotted #ccc;
}

ol.en_pink li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #ff7bac/*pink*//*青　#5c9ee7*/;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}
ol.en_pink b{
	font-size:130%;
	color:#d4145a/*濃いピンク*/ /*群青 000080*/;
}
/*　text-align　右揃え、左揃え、中央揃え　*/

.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}

/*---------------------------------------------------------
   フロート・画像の配置（右寄せ・左寄せ）
----------------------------------------------------------- */
/*　画像の右寄せ　*/
.img_right,
.float_right{
	float:right;
}
/*　画像の左寄せ　*/
.img_left,
.float_left{
	float:left;
}
/*　画像の余白付き配置*/

/* 左寄せ */
.alignleft{
	float:left;
	clear:both;
	margin-right:20px;/*　右に10pxの余白　*/
	margin-bottom:20px;/*　下に10pxの余白　*/
}

/* 右寄せ */
.alignright{
	float:right;
	clear:both;
	margin-left:20px;/*　左に10pxの余白　*/
	margin-bottom:20px;/*　下に10pxの余白　*/
}


/*---------------------------------------------------------
   link
----------------------------------------------------------- */

/*　通常　*/

a {
color: #AE70C2;
}

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

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

a:hover,
a:active {
	color: #FF3355;
	text-decoration: none;
}

/*　フォーカスのある間だけ有効にする　*/

a:focus,
textarea:focus,
input:focus {
	outline: 2px solid #2091da;/*　アウトラインが現れる　*/
}

/*　画像のリンク　マウスオーバーで半透明に　*/

a:hover img{
  opacity: .5;
}


/*　暗めの背景の時のリンク　*/

a.light_color {
/*	color: #6A5ACD !important;*/
color: #F0F8FF;
}

a:link.light_color {
	color: #F0F8FF;
	text-decoration: none;
}

a:visited.light_color {
	color: #F0F8FF;
	text-decoration: none;
}

a:hover.light_color,
a:active.light_color {
	color: #FF3355;
	text-decoration: none;
}

/*　明るめの背景の時のリンク　*/

a.dark_color {
color: #F0F8FF;
}

a:link.dark_color {
	color: #F0F8FF;
	text-decoration: none;
}

a:visited.dark_color {
	color: #F0F8FF;
	text-decoration: none;
}

a:hover.dark_color,
a:active.dark_color {
	color: #FF3355;
	text-decoration: none;
}

/*---------------------------------------------------------
   width
----------------------------------------------------------- */
.w100{ width:  100%;margin:0 auto !important; }
.w90{ width:  90%;margin:0 auto !important; }
.w80{ width:  80%;margin:0 auto !important; }
.w70{ width:  70%;margin:0 auto !important; }
.w60{ width:  60%;margin:0 auto !important; }
.w50{ width:  50%;margin:0 auto !important; }
.w40{ width:  40%;margin:0 auto !important; }
.w30{ width:  30%;margin:0 auto !important; }
.w20{ width:  20%;margin:0 auto !important; }
.w10{ width:  10%;margin:0 auto !important; }


/*---------------------------------------------------------
   margin
----------------------------------------------------------- */

.mt00 { margin-top:  0px !important; }
.mt05 { margin-top:  5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
 
.mr00 { margin-right:  0px !important; }
.mr05 { margin-right:  5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
 
.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
 
.ml00 { margin-left:  0px !important; }
.ml05 { margin-left:  5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

/*  e7 */
 
body.ie7 .mb00ie7 { margin-bottom:  0px !important; }
body.ie7 .mb05ie7 { margin-bottom:  5px !important; }
body.ie7 .mb10ie7 { margin-bottom: 10px !important; }
body.ie7 .mb15ie7 { margin-bottom: 15px !important; }
body.ie7 .mb20ie7 { margin-bottom: 20px !important; }
body.ie7 .mb25ie7 { margin-bottom: 25px !important; }
body.ie7 .mb30ie7 { margin-bottom: 30px !important; }
body.ie7 .mb35ie7 { margin-bottom: 35px !important; }
body.ie7 .mb40ie7 { margin-bottom: 40px !important; }
body.ie7 .mb45ie7 { margin-bottom: 45px !important; }
body.ie7 .mb50ie7 { margin-bottom: 50px !important; }

/*---------------------------------------------------------
   padding
----------------------------------------------------------- */

.pt00 { padding-top:  0px !important; }
.pt05 { padding-top:  5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
 
.pr00 { padding-right:  0px !important; }
.pr05 { padding-right:  5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
 
.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
 
.pl00 { padding-left:  0px !important; }
.pl05 { padding-left:  5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }

/*  e7 */
 
body.ie7 .pb00ie7 { padding-bottom:  0px !important; }
body.ie7 .pb05ie7 { padding-bottom:  5px !important; }
body.ie7 .pb10ie7 { padding-bottom: 10px !important; }
body.ie7 .pb15ie7 { padding-bottom: 15px !important; }
body.ie7 .pb20ie7 { padding-bottom: 20px !important; }
body.ie7 .pb25ie7 { padding-bottom: 25px !important; }
body.ie7 .pb30ie7 { padding-bottom: 30px !important; }
body.ie7 .pb35ie7 { padding-bottom: 35px !important; }
body.ie7 .pb40ie7 { padding-bottom: 40px !important; }


/*---------------------------------------------------------
  color
----------------------------------------------------------- */
.red{ color:#f00;}
.pink{ color:#ffc0cb; }
.blue{ color:#0000cd;}
.green{ color:#008000;}
.orange{ color:#ffa500;}

.lightblue{ color:#add8e6;}/*　淡い青　*/
.lightgreen{ color:#90ee90;}/*　淡い緑　*/

.deeppink{ color:#ff1493;}/*　ショッキングピンク　*/
.darkblue{ color:#00008b;}/*　ほぼ紺色　*/
.darkgreen{ color:#006400;}/*　落ち着いた緑　*/

.whitesmoke{ color:#f5f5f5;}/*　白に近い薄いグレー　*/

/*---------------------------------------------------------
  hr
----------------------------------------------------------- */

/*　実践　*/
hr {
	border-top: 1px solid #bbb;
}
/*　二重線　*/
hr.wline {
	border-top: 3px double #bbb;
}
/*　点線　*/
hr.dotted,hr.tensen{
	border-top: 1px dotted #bbb;
}
/*　立体線　*/
hr.dline {
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #fff;
}
/*　シャドー　*/
hr.shadow {
	height: 10px;
	border: 0;
	box-shadow: 0 10px 10px -10px #bbb inset;
}
/*　グラデーション　*/
hr.gra {
	border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/*---------------------------------------------------------
  アンダーライン
----------------------------------------------------------- */
.under_line{
	text-decoration:underline;
}

.underline_dot{
	padding-bottom:3px;
	border-bottom:dotted 1px #ccc;
}
.underline_dot2{
	padding-bottom:3px;
	border-bottom:dotted 2px #ccc;
}
.underline_dot3{
	padding-bottom:3px;
	border-bottom:dotted 3px #ccc;
}

/*　角丸　*/

.round6{
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.round8{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.round10{
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

/*---------------------------------------------------------
  pagetop.js　連動　ページトップへ 　
----------------------------------------------------------- */
/* page-top */
#page-top {
	position: fixed;
	bottom: 100px;
	right: 0;
	text-align:right;
	z-index: 2000;
}
#page-top a {
	margin: 0;
	display: block;
}
#page-top a img {
	width:50%;
}

#page-top a:hover img {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity:0.60;
}

/* page-tab タブメニューへ移動 */
#page-tab {
	position: fixed;
	bottom: 30px;
	right: 0;
	z-index: 2000;
}
#page-tab a {
	margin: 0 0 30px;
	display: block;
}
#page-tab a:hover img {
	opacity:0.60;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity:0.60;
}

.class_top{
    font-weight:600;
}

/*---------------------------------------------------------
  投稿ページ
----------------------------------------------------------- */
/* newer older */

#cat_diary li.newer a{
	width:163px;
	height:32px;
	background:url(../images/newer.png);
	text-indent:-5000px;
	list-style-type: none;
	margin:5px 0 0 -20px;
	padding:0;
	display:block;
}

#cat_diary li.newer a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


#cat_diary li.older a{
	width:163px;
	height:32px;
	background:url(../images/older.png);
	text-indent:-5000px;
	list-style-type: none;
	margin:5px 0 0 -20px;
	padding:0;
	display:block;
}

#cat_diary li.older a:hover{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*---------------------------------------------------------
  contact form 7
----------------------------------------------------------- */
.screen-reader-response{
	display:none;
}

span.wpcf7-not-valid-tip{
	color:#ff0000;
	font-weight:bold;
	font-size:110%;
}
span.wpcf7-not-valid-tip:before{
	content:"※ ";
}
.wpcf7-validation-errors,div[role=alert]{
	margin:30px 0;
	border:2px solid red;
	padding:15px;
	font-size:110%;
	font-weight:bold;
	color:red;
}
.wpcf7-mail-sent-ok{
	margin:30px 0;
	border:2px solid green !important;
	padding:15px;
	font-size:110%;
	font-weight:bold;
	color:green !important;
}