@charset "utf-8";
/* CSS Document */
/* rich css! */

.effect_1{
    color: #fff;
    text-shadow: 0 1px 0 #999,
    0 2px 0 #999,
    0 3px 0 #999,
    0 4px 0 #999,
    0 5px 0 #999,
    0 6px 0 #000;
}
.letter_press{
	text-shadow:
	-1px -1px 1px rgba(0, 0, 0, 0.4),
	1px 1px 1px rgba(255, 255, 255, 0.5);
}
.g_silver{
	background: #d8d8d8; /* Old browsers */
	background: -moz-linear-gradient(top, #efefef 1%, #d8d8d8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#efefef), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #efefef 1%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #efefef 1%,#d8d8d8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #efefef 1%,#d8d8d8 100%); /* IE10+ */
	background: linear-gradient(to bottom, #efefef 1%,#d8d8d8 100%); /* W3C */
}
a.g_silver:hover,a.g_silver.hover{ filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}

/*--------------------------------------------------
	タイトル
--------------------------------------------------*/
.selector1{
	font:bold 120%;
	border-left:7px solid #ccc;
	padding:.5em .9em;
	margin:10px 0;
}
.selector1 span{
	display:block;
	padding-top:.2e,;
	font-size:.8em;
	color:#999;
}
.selector2{
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0 0 5px 0;
	border-color: #80CEDD;
	border-style:solid;
	background:#029EBC;
	color:#EBF7FA;
	line-height:140%;
	font-weight:bold;
}
.selector3{
	font:bold 120%;
	border-left:15px solid #999;
	padding:.5em .9em;
	margin:10px 0;
	background:#efefef;
}
.selector3 span{
	display:block;
	padding-top:0;
	font-size:.7em;
	color:#666;
}

/* 02.テープ */
.tape{
	position:relative;
	margin:0 -1px;
	font:bold 120%/150%;
	text-align:center;
	color:#333;
	background:#f0e800;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	-ms-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
				30px 0 0 0 #f0e800,
				-30px 0 0 0 #f0e800;
}
/* 05.アメリカンな(?)吹き出し */
.balloon_title{
	position:relative;
	padding:5px 20px;
	font:bold 120%/150%;
	color:#333;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#333 solid 3px;
	border-bottom:#333 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
	margin-bottom:10px;
}
.balloon_title:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#333;
}
.balloon_title:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}

.box_stitch{
	position:relative;
	background:#efefef;
	padding:40px;
}
.box_stitch:before{
	content: '';
    z-index: 1;
    position: absolute;
    border: 1px dashed #bbb;
    top: 7px;
    bottom: 7px;
    left: 7px;
    right: 7px;
    -moz-box-shadow: 0 0 0 1px #eee;
    -webkit-box-shadow: 0 0 0 1px #eee;
    box-shadow: 0 0 0 1px #eee;
}


/*--------------------------------------------------
	吹き出し
--------------------------------------------------*/
.balloon{
    background: #e3e3e3; 
    padding: 10px;
	margin:15px;
	border-radius:5px;
    position: relative; 
}
.balloon .arrow_top_left{ /* 左上 */
	width: 0; 
    height: 0; 
    line-height: 0; 
    border-bottom: 10px solid #e3e3e3; 
    border-right: none; 
    border-left: 20px solid white; 
    position: absolute; 
    bottom: 100%; 
    left: 30px; 
}
.balloon .arrow_top_right{　/* 右上 */
	width: 0; 
    height: 0; 
    line-height: 0; 
    border-bottom: 10px solid #e3e3e3; 
    border-left: none; 
    border-right: 20px solid white; 
    position: absolute; 
    bottom: 100%; 
    right: 30px; 
}
.balloon .arrow_bottom_left{　/* 左下 */
	width: 0; 
    height: 0; 
    line-height: 0; 
    border-top: 10px solid #e3e3e3; 
    border-right: none; 
    border-left: 10px solid white; 
    position: absolute; 
    bottom: -10px; 
    left:5%; 
}
/* 吹き出し　色 */
.nac_blue{	background-color:#bed6ed;}
.nac_blue .arrow_top_left{border-bottom:10px solid #bed6ed;}
.nac_blue .arrow_top_right{border-bottom:10px solid #bed6ed;}

/* 吹き出し2 */
.balloonarea10, .balloonarea20{
	position: relative;
}
.balloonarea10:after, .balloonarea10:before ,.balloonarea20:after,.balloonarea20:before{
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloonarea10:after,.balloonarea20:after {
	border-width: 10px;
	margin-top: -10px;
}
.balloonarea10:before ,.balloonarea20:before{
	border-width: 16px;
	margin-top: -16px;
}


.box_blue{
	background: #88b7d5;
	border: 4px solid #c2e1f5;
}
.balloonarea10.box_blue:after{
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
}
.balloonarea10.box_blue:before{
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
}
.box_pink{
	background: #e6acbd;
	border: 4px solid #f578a2;
}
.balloonarea10.box_pink:after{
	border-color: rgba(230, 172, 189, 0);
	border-left-color: #e6acbd;
}
.balloonarea10.box_pink:before{
	border-color: rgba(245, 120, 162, 0);
	border-left-color: #f578a2;
}


/*--------------------------------------------------
	矢印　※スマホ用リッチスタイル
--------------------------------------------------*/
ul.arrow_list li > a{
	position: relative;
	display: block;
	background:#fff;
	padding: 10px 25px 10px 10px;
	border-bottom: 1px solid #ccc;
}
ul.arrow_list li > a:hover{
	background:#efefef;
}
ul.arrow_list li > a:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #888;
	border-right: 1px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

a.arrow{
	position: relative;
	display: block;
	background:#6C6;
	background: -moz-linear-gradient(bottom, #efefef, #ddd);
	background: -webkit-gradient(linear, center bottom, center top, from(#ddd), to(#efefef)); 
	padding: 10px 25px 10px 10px;
	color:#333;
}
a.arrow:hover,a.arrow.hover{
	background:#efefef;
}
a.arrow:after{
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

ul.notes li:before{
	list-style:none;
	content:"※";
	font-size:90%;
}
*+html ul.notes li {	/*IE 7.0*/
    list-style-type: none;
    list-style-image: url('/img/item/kome.gif');
	font-size:90%;
    }