@charset "UTF-8";

body	{font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}


/* Ａ: ナビゲーションバー */
.menu	{margin: 0} 

.menu .navbar-brand	{font-family: 'Francois One', sans-serif;}


/* Ｂ: 紹介記事その１ */
.about-app	{padding: 120px 0 0 0;
	background-color: #dfe3e8;}

.about-app img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 100px auto 0 auto;
	vertical-align: bottom;}

.about-app h1	{margin: 0 0 20px 0;
	font-size: 28px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-app p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}


/* 背景画像の設定 */
.about-app	{background-image: url(bootstrap/img/vista_aurora2_1800x600.jpg);
	background-position: 30% 50%;
	background-size: cover;
	color: #fff;
	text-shadow: 2px 2px 5px #000;}

.about-app .button	{text-shadow: none;}


/* メディアクエリの設定 */
@media (max-width: 450px) {

	.about-app	{padding: 60px 0 0 0;}
	.about-app h1	{font-size: 46px;}
	.about-app p	{font-size: 14px;}

} /* @media */




/* Ｃ: 紹介記事その２ */
.about-data	{padding: 40px 0 40px 0;
	background-color: #efefee;}

.about-data     {background-image: url(bootstrap/img/back03.jpg);}

/* .about-data img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;} */

.about-data h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-data p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}



/* Ｄ: 紹介記事その３ */
.about-graph	{padding: 40px 0 40px 0;
	background-color: #87CEFA;
	color: #191970;}

.about-graph     {background-image: url(bootstrap/img/A19-d013.gif);}

/* .about-graph img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;} */

.about-graph h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-graph p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}



/* Ｅ: 紹介記事その４ */
.about-more	{padding: 40px 0 40px 0;
	background-color: #fff;
	text-align: center;}

.about-more     {background-image: url(bootstrap/img/cart2016-05.jpg);}

/* .about-more img	{max-width: 100%;
	height: auto;
	margin: 20px auto 30px auto;
	vertical-align: bottom;} */

.about-more h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-more p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}



/* G: 紹介記事その５ */
.about-cart	{padding: 40px 0 40px 0;
	background-color: #ffffff;
	text-align: center;}

/* .about-cart     {background-image: url(bootstrap/img/cart2016-05.jpg);} */

/* .about-cart img	{max-width: 100%;
	height: auto;
	margin: 20px auto 30px auto;
	vertical-align: bottom;} */

.about-cart h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}

.about-cart p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}




/* Ｆ: フッター */
.footer	{padding: 20px 0 20px 0;
	background-color: #000;
	color: #fff;}

.footer     {background-image: url(bootstrap/img/bg.gif);}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

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






/* タイトルのスタイル */
.ttl1,.ttl2,.ttl3,.ttl4,.ttl5,.ttl6,.ttl7{
margin:0;
padding:1px 0;
font-size:120%;
color:#ffffff;
text-align:center;
text-shadow: 0 -1px 0 #000;
box-shadow: 0 2px 3px #ccc;
behavior: url(PIE.htc);
}
.ttl1 span,.ttl2 span,.ttl3 span,.ttl4 span,.ttl5 span,.ttl6 span,.ttl7 span{
display:block;
padding:2px 0;
}
.ttl1{
border-top: 2px solid #d10065;
border-bottom: 2px solid #d10065;
background: #e4016f;
background: -webkit-gradient(linear, left top, left bottom, from(#ff69b1), to(#e4016f));
background: -moz-linear-gradient(top, #ff69b1, #e4016f);
background: -o-linear-gradient(top,#ff69b1, #e4016f);
background: -ms-linear-gradient(top,#ff69b1, #e4016f);
background: linear-gradient(top, #ff69b1, #e4016f);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff69b1', endColorstr='#e4016f');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff69b1', endColorstr='#e4016f')";
-pie-background: linear-gradient(top, #ff69b1, #e4016f);
behavior: url(PIE.htc);
}
.ttl1 span{
border-top:2px solid #ffc1df; 
}
.ttl2{
border-top: 2px solid #80bf01;
border-bottom: 2px solid #72a805;
background: #80bf01;
background: -webkit-gradient(linear, left top, left bottom, from(#c1f558), to(#80bf01));
background: -moz-linear-gradient(top, #c1f558, #80bf01);
background: -o-linear-gradient(top, #c1f558, #80bf01);
background: -ms-linear-gradient(top, #c1f558, #80bf01);
background: linear-gradient(top, #c1f558, #80bf01);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1f558', endColorstr='#80bf01');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c1f558', endColorstr='#80bf01')";
-pie-background: linear-gradient(top, #c1f558, #80bf01);
behavior: url(PIE.htc);
}
.ttl2 span{
border-top:2px solid #fff; 
}
.ttl3{
border-top: 2px solid #e87502;
border-bottom: 2px solid #e87502;
background: #fa7e01;
background: -webkit-gradient(linear, left top, left bottom, from(#ffb870), to(#fa7e01));
background: -moz-linear-gradient(top, #ffb870, #fa7e01);
background: -o-linear-gradient(top, #ffb870, #fa7e01);
background: -ms-linear-gradient(top, #ffb870, #fa7e01);
background: linear-gradient(top, #ffb870, #fa7e01);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb870', endColorstr='#fa7e01');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffb870', endColorstr='#fa7e01')";
-pie-background: linear-gradient(top, #ffb870, #fa7e01);
behavior: url(PIE.htc);
}
.ttl3 span{
border-top:2px solid #ffdfbe; 
}
.ttl4{
border-top: 2px solid #e3ab00;
border-bottom: 2px solid #d6a201;
background: #e5ad01;
background: -webkit-gradient(linear, left top, left bottom, from(#f7d15b), to(#e5ad01));
background: -moz-linear-gradient(top, #f7d15b, #e5ad01);
background: -o-linear-gradient(top, #f7d15b, #e5ad01);
background: -ms-linear-gradient(top, #f7d15b, #e5ad01);
background: linear-gradient(top, #f7d15b, #e5ad01);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7d15b', endColorstr='#e5ad01');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f7d15b', endColorstr='#e5ad01')";
-pie-background: linear-gradient(top, #f7d15b, #e5ad01);
behavior: url(PIE.htc);
}
.ttl4 span{
border-top:2px solid #fce9ae; 
}
.ttl5{
border-top: 2px solid #119de9;
border-bottom: 2px solid #0288d1;
background: #119de9;
background: -webkit-gradient(linear, left top, left bottom, from(#6dccff), to(#119de9));
background: -moz-linear-gradient(top, #6dccff, #119de9);
background: -o-linear-gradient(top, #6dccff, #119de9);
background: -ms-linear-gradient(top, #6dccff, #119de9);
background: linear-gradient(top, #6dccff, #119de9);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6dccff', endColorstr='#119de9');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#6dccff', endColorstr='#119de9')";
-pie-background: linear-gradient(top, #6dccff, #119de9);
behavior: url(PIE.htc);
}
.ttl5 span{
border-top:2px solid #c6ebff; 
}
.ttl6{
border-top: 2px solid #9f64db;
border-bottom: 2px solid #9f64db;
background: #ae7ae3;
background: -webkit-gradient(linear, left top, left bottom, from(#d3abfd), to(#ae7ae3));
background: -moz-linear-gradient(top, #d3abfd, #ae7ae3);
background: -o-linear-gradient(top, #d3abfd, #ae7ae3);
background: -ms-linear-gradient(top, #d3abfd, #ae7ae3);
background: linear-gradient(top, #d3abfd, #ae7ae3);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d3abfd', endColorstr='#ae7ae3');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d3abfd', endColorstr='#ae7ae3')";
-pie-background: linear-gradient(top, #d3abfd, #ae7ae3);
behavior: url(PIE.htc);
}
.ttl6 span{
border-top:2px solid #efe0fe; 
}
.ttl7{
border-top: 2px solid #dd0f35;
border-bottom: 2px solid #dd0f35;
background: #d1193b;
background: -webkit-gradient(linear, left top, left bottom, from(#fe5f7c), to(#d1193b));
background: -moz-linear-gradient(top, #fe5f7c, #d1193b);
background: -o-linear-gradient(top, #fe5f7c, #d1193b);
background: -ms-linear-gradient(top, #fe5f7c, #d1193b);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fe5f7c', endColorstr='#d1193b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fe5f7c', endColorstr='#d1193b')";
background: linear-gradient(top, #fe5f7c, #d1193b);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fe5f7c', endColorstr='#d1193b');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fe5f7c', endColorstr='#d1193b)";
-pie-background: linear-gradient(top, #fe5f7c, #d1193b);
behavior: url(PIE.htc);
}
.ttl7 span{
border-top:2px solid #ffc0cc; 
}





/* タグアイコン */
.tag1,.tag2,.tag3,.tag4,.tag5,.tag6,.tag7{
padding:2px 4px;
font-size:150%;
font-weight:bold;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
behavior: url(PIE.htc);
}
.tag1{
background: #e4016f;
}
.tag2{
background: #80bf01;
}
.tag3{
background: #fa7e01;
}
.tag4{
background: #e5ad01;
}
.tag5{
background: #119de9;
}
.tag6{
background: #8c4ecc;
}
.tag7{
background: #d1193b;
}



/* 画像にCSSで額装飾を付ける */
.box1 img {
	border:1px dashed #FFF;
	padding: 12px;
	background-image: url(img/bg_1.jpg);
}

.box2 img {
	padding: 10px;
	background-image: url(img/bg_2.jpg);
}

.box3 img {
	padding: 10px;
	background-image: url(img/bg_3.jpg);
}

.box4 img {
	padding: 16px;
	background-image: url(img/bg_4.jpg);
}

.box5 img {
	padding: 16px;
	background-image: url(img/bg_5.jpg);
}



/* 角丸とシャドウを使って画像に縁を付ける */
.box_shadow3 img{
background:#fff;
padding:10px;
margin-bottom:30px;
-webkit-box-shadow:0 1px 3px #aaa;
-moz-box-shadow:0 1px 3px #aaa;
box-shadow:0 1px 3px #aaa;
-webkit-border-radius: 5px; 
-moz-border-radius: 5px; 
border-radius: 5px;
behavior: url(PIE.htc);
}



/* 手書き風のコンテンツ枠を作る */
.box_tegaki {
     width: 507px;
     background-image: url(img/bg_box_3.png);
}

.box_tegaki h3 {
     font-size: 18px;
     color: #600;
     background-image: url(img/bg_box_1.png);
     padding: 50px 35px 20px 35px;
}

.box_tegaki .box-inner {
     background: url(img/bg_box_2.png) no-repeat center bottom;
     padding: 0px 35px 50px 35px;
}

.box_tegaki .box-inner p {
     margin-bottom: 1.2em;
}



/* 画像透明度下げてロールオーバーを表現 */
a.rollover10:hover img {
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	opacity:0.7;
}



/* ピンク蛍光ペンの強調 */
p.blogEntrySection strong{
	background-image: url(img/linePink.gif);
	background-repeat: repeat-x;
	background-position: left center;
	font-weight: bold;
}



/* テキストの１文字目を大きくする */
p.outlineLead:first-letter{
	float: left;
        padding: 7px;
        padding-left: 19px;
	font-size: 280%;
	line-height: 1.0;
        background-color: #4169E1;
        color: #B0E0E6;
        background-image: url("../img/ICO_183.GIF");
        background-repeat: no-repeat;
        background-position: 1px 18px;
}



/* 手書き風下線ピンク */
span.handline {
	background-image: url(img/handline_red.png);
	background-repeat: repeat-x;
	background-position: bottom;
        padding-bottom: 0.2em;
	font-weight: bold;
}



/* サイドメニュー */
.sidemenu	{margin-bottom: 30px}

.sidemenu ul	{margin: 0;
	padding: 0;
	list-style: none}

.sidemenu li a	{display: block;
	padding: 5px;
	color: #87cefa;
	font-size: 28px;
	text-decoration: none}

.sidemenu li a:hover	{background-color: #eeeeee}

.sidemenu h3	{margin-top: 0;
	margin-bottom: 10px;
	border-bottom: dotted 2px #dddddd;
	color: #87cefa;
	font-size: 28px}

.sidemenu i	{margin-right: 5px;
	color: #87cefa;}


/* 写真にシャドウを付ける */
img.shadow {
	box-shadow:0 0 20px -5px rgba(0,0,0,0.8);
}
/* ここまで */