@charset "utf-8";
/* 
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓共通スタイル

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v  
*/
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; 
}
h1,h2,h3,h4,h5,h6{
  font-weight: normal;
}
p {padding:0px 0px 0px 0px ;}

img {vertical-align: bottom;}

a{
    color: #03c;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	text-decoration: none;
}
 
a:hover {
	color: #FFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
    background-image: -moz-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
    background-image: -o-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
    background-image: -ms-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
}
h1 {
	font-size: 80%;
	color: #FFFFFF;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
h2 {
	font-size: 100%;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h3 {
	font-weight: 800;
	font-size: 40px;
	line-height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h4 {
	font-size: 100%;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h5 {
	font-size: 100%;
	color: #333333;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h6 {
	font-weight: 800;
	font-size: 40px;
	line-height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ページレイアウト

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
body {
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	background-attachment:fixed;
	background-position: center top;
	background-position: 50% 0%;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	width: 100%;
	font-size: 1.2em;
	background-color: #FFFFFF;
	
}
#container{
    position: relative;
	overflow:hidden;
	width: 100%;
	max-width: 100%;
	height: auto;
}
.wrapper {
	height: auto;
	margin: 0px auto;
	width: 960px;


}


.main740 {
	height: auto;
	margin: 0px auto;
	padding: 0px 110px 0px 110px;
    text-align: left;
	line-height:180%;
	position: relative;
	z-index:1;
}
.main760 {
	height: auto;
	margin: 0px auto;
	padding: 0px 100px 0px 100px;
    text-align: left;
	line-height:180%;
	position: relative;
	z-index:1;
}
.main780 {
	height: auto;
	margin: 0px auto;
	padding: 0px 90px 0px 90px;
    text-align: left;
	line-height:180%;
	position: relative;
	z-index:1;
}
.main800 {
	height: auto;
	margin: 0px auto;
	padding: 0px 80px 0px 80px;
	text-align: left;
	line-height: 180%;
	position: relative;
	z-index: 1;
	font-size:17px;

	
}
.haikei {
	background-image:url(../images/haikei.png)
}
.main820 {
	height: auto;
	margin: 0px auto;
	padding: 0px 70px 0px 70px;
    text-align: left;
	line-height:180%;
	position: relative;
	z-index:1;
}
.main840 {
	height: auto;
	margin: 0px auto;
	padding: 0px 60px 0px 60px;
    text-align: left;
	line-height:180%;
	position: relative;
	z-index:1;
}
.main860 {
	height: auto;
	margin: 0px auto;
	padding: 0px 50px 0px 50px;
    text-align: left;
	line-height:180%;
	position: relative;
	z-index:1;
}
.main880 {
	height: auto;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
    text-align: left;
	line-height:180%;
	position: relative;
	z-index:1;
}
.main890 {
	height: auto;
	margin: 0px auto;
	padding: 0px 35px 0px 35px;
    text-align: left;
	line-height:200%;
	position: relative;
	z-index:1;
	background-color:#ffffff
}
.main1070 {
	height: auto;
	margin: 0px auto;
	padding: 0px 50px 0px 50px;
    text-align: left;
	line-height:200%;
	position: relative;
	z-index:1;
	background-color:#ffffff
}
.box-clear {
  padding: 10px 20px 10px 20px;
}
.box-black {
  padding: 10px 20px 10px 20px;
  background-color:#000
}
.box-gray {
  padding: 10px 20px 10px 20px;
  background-color:#CCC
}
.lay01{
	z-index:2;
}


figure.image-box {
float: left;
padding-right: 0px;
}
figure.image-box-pad10 {
float: left;
padding-right: 10px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ヘッダー関連

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.header_back {
	background-repeat: repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/back.gif);
}
/*.header_title {
	height: 780px;
	background-repeat: repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/headt01.png);
}*/
.header_image01 {
	height: 950px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/headt02.jpg);
}
.header_image02 {
	height: 1191px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/head02.jpg);
}
.header_image03 {
	height: 980px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/head01-3.jpg);
}
.header_image04 {
	height: 449px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_05.jpg);
}
.header_image05 {
	height: 858px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_06.jpg);
}
.header_image06 {
	height: 780px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_07.jpg);
}
.header_image07 {
	height: 1008px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_08.jpg);
}
.header_image08 {
	height: 820px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_09.jpg);
}
.header_image09 {
	height: 1431px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_10.jpg);
}
.header_image10 {
	height: 562px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_11.jpg);
}
.header_image11 {
	height: 929px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_12.jpg);
}
.header_image12 {
	height: auto;
	background-repeat: repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/opt4300_13.jpg);
}
.header_image13 {
	height: 230px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/muryou.jpg);
}
.title_back {
    padding: 150px 0px 0px 0px;
}
.title_image {
	height: 141px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/infosmile.png);    
}
.header2 {
    padding: 30px 0px 0px 365px;
	background-image: url(../images/yannoka.png);
}
.header_form {
		height: 204px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/foemhead.gif);
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓サブヘッド

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.sub00 {
	height: 343px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub00.png);
}
.sub01 {
	height: 199px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub01.jpg);
}
.sub02 {
	height: 265px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub02.jpg);
}
.sub03 {
	height: 253px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub03.jpg);
}
.sub04 {
	height: 343px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub04.png);
}
.sub05 {
	height: 343px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub05.png);
}
.sub06 {
	height: 237px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub06.png);
}
.sub07 {
	height: 343px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub07.png);
}
.sub08 {
	height: 343px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/sub08.png);
}

.sub {
	height: 127px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/sub00.png);
}

.subnaka {
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

.sub2 {
	height: 174px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/sub2.png);
}

.subnaka2 {
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓理由

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.riyuuu {
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/riyuu_02.gif);
	font-size: 1em;
	line-height: 180%;
	color: #000000;
	padding: 0px 110px 0px 110px;
	text-align: left;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓特典

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.tokuten_ue {
	height: 597px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/tokuten_01.jpg);
}


.tokunaka {
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/tokuten_02.jpg);
	font-size: 1em;
	line-height: 180%;
	color: #000000;
	padding: 0px 60px 0px 60px;
}



.tokuten_sita {
	height: 149px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/tokuten_03.jpg);
}







/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓お申込み

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.rd {
	background-image: url(../images/rd_02.jpg);
	padding: 0px 130px 0px 130px;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	
}


/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ココがすごい！

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.sugoi {
	background-image: url(../images/sugoi_02.jpg);
	padding: 0px 50px 0px 50px;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	
}


/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓理由

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.riyuu {
	background-image: url(../images/riyuu_02.jpg);
	padding: 0px 50px 0px 50px;
	text-align: left;
	font-size: 16px;
	line-height: 200%;
	
}


/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓間違い

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.machigai {
	padding-top: 0px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 1em;
	line-height: 120%;
	color: #000000;
	background-image: url(../images/machigai_02.jpg);
}







/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ズームヘッダー

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.zoomheader {
    height: 613px;
    width: 764px;
	margin: 1340px auto 100px;
	background: url(../images/head-monitor.png) no-repeat 0 0;
    -webkit-background-size: 764px 613px;
    background-size: 764px 613px;
	backface-visibility: hidden;
}

.zoomheader.intro {
  position: fixed;
  width: 2548px;
  z-index:9999;
  height: 2052px;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  margin: 0;
  top: 0;
  left: 50%;
  margin-top: -300px;
  margin-left: -1274px;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓フッター関連

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.footer_back {
	height: 85px;
	background-repeat: repeat-y;
	background-position: center top;
	background-position: 50% 0%;
	font-size: 1em;
	background: url(../images/footer_back.jpg);
	}
.footer_line {
	height: 10px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/line1920_01.png);
}
.footer {
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 3px;
}
.footer-link {
    color:#FFF;
	line-height:100%;
	font-size: 0.85em;
	padding: 5px 0px 0px 0px;
}
.copyright {
	color:#FFFFFF;
    padding: 5px 0px 10px 0px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓見出し関連

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.title-red001 {
border-bottom: 1px solid #ff0000;
border-left: 10px solid #ff0000;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-red002 {
border-bottom: 1px solid #b20000;
border-left: 10px solid #b20000;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-black001 {
border-bottom: 1px solid #c0c0c0;
border-left: 10px solid #c0c0c0;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-black002 {
border-bottom: 1px solid #696969;
border-left: 10px solid #696969;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-orange001 {
border-bottom: 1px solid #ffa500;
border-left: 10px solid #ffa500;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-orange002 {
border-bottom: 1px solid #ff4500;
border-left: 10px solid #ff4500;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-yellow001 {
border-bottom: 1px solid #ffff00;
border-left: 10px solid #ffff00;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-yellow002 {
border-bottom: 1px solid #ffd700;
border-left: 10px solid #ffd700;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-green001 {
border-bottom: 1px solid #008000;
border-left: 10px solid #008000;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-green002 {
border-bottom: 1px solid #556b2f;
border-left: 10px solid #556b2f;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-blue001 {
border-bottom: 1px solid #0000cd;
border-left: 10px solid #0000cd;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-blue002 {
border-bottom: 1px solid #000080;
border-left: 10px solid #000080;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-purple001 {
border-bottom: 1px solid #800080;
border-left: 10px solid #800080;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-purple002 {
border-bottom: 1px solid #4b0082;
border-left: 10px solid #4b0082;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-pink001 {
border-bottom: 1px solid #ffc0cb;
border-left: 10px solid #ffc0cb;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}
.title-pink002 {
border-bottom: 1px solid #ff1493;
border-left: 10px solid #ff1493;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}

.title-white001 {
border-bottom: 1px solid #ffffff;
border-left: 10px solid #ffffff;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}

.title-white002 {
border-bottom: 1px solid #f5f5f5;
border-left: 10px solid #f5f5f5;
text-align: left;
margin: 0px;
padding: 2px 2px 2px 15px;
}

.title-cut-white{
	position:relative;
	padding:5px;
	text-align:center;
	color:#655;
	border-top:1px dashed #aaa;
	background-color:#FFF;
	border-bottom:1px dashed #aaa;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 5px 4px -4px rgba(0,0,0,0.3) inset;
}

.title-cut-gray{
	position:relative;
	padding:5px;
	text-align:center;
	color:#655;
	border-top:1px dashed #aaa;
	background-color:#f5f5f5;
	border-bottom:1px dashed #aaa;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 5px 4px -4px rgba(0,0,0,0.3) inset;
}

.title-cut-black{
	position:relative;
	padding:5px;
	text-align:center;
	color:#FFFFFF;
	border-top:1px dashed #aaa;
	background-color:#333333;
	border-bottom:1px dashed #aaa;
}
.title-fukidashi {
	background: #1d8ade; 
	margin:0 0 0 0;
	padding:12px 10px;
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-left:1px solid #036;
	border-top:1px solid #036;
	box-shadow:inset 1px 1px 4px #036;
	}
 
.title-fukidashi:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 14px;
	bottom: -27px;
	background: transparent;
	border-color: #1d8ade transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}

.title-fukidashi-black{
	position:relative;
	padding:20px 20px;
	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;
}
.title-fukidashi-black: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;
}
.title-fukidashi-black: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;
}


.title-fukidashi-red{
	position:relative;
	padding:5px 20px;
	color:#e50000;
	background:#fff;
	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #999;
	border-top:#e50000 solid 3px;
	border-bottom:#e50000 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;
}
.title-fukidashi-red:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#e50000;
}
.title-fukidashi-red: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;
}

.title-silver{
	position:relative;
	margin:0 0px;
	padding:10px 10px 10px 30px;
	color:#ffffff;
	background:#ff78b9;
	border-top:#ccc solid 1px;
	border-right:#999 solid 1px;
	border-bottom:#999 solid 1px;
	border-left:#ccc solid 1px;

	box-shadow:
		0 0 0 1px rgba(255,255,255,0.5) inset;
   
}
.title-silver:before{
	content:" ";
	position:absolute;
	top:0;
	left:15px;
	width:0;
	height:100%;

}
.title-silver:after{
	content:" ";
	position:absolute;
	top:0;
	left:16px;
	width:0;
	height:100%;

}

.title-square01{
    position: relative;
    margin: 0 0 0em;
    padding: 0.5em 0.5em 0.5em 2.0em;
    border-bottom: 2px solid #B92A2C;
}
 
.title-square01:before{
    content: "□";
    font-size: 200%;
    position: absolute;
    color: #ff6b6e;
    top: -0.8em;
    left: 0.3em;
    height: 12px;
    width: 12px;
}
 
.title-square01:after{
    content: "□";
    font-size: 200%;
    position: absolute;
    color: #B92A2C;
    top: -0.5em;
    left: 0;
    height: 12px;
    width: 12px;
}

.title-square02{
    position: relative;
    margin: 0 0 0em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
.title-square02:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
.title-square02:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

.title-blackred {
    position: relative;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #ccc;
    line-height: 1.2;
}

.title-blackred:before {
    position: absolute;
    top: -14px;
    left: 0px;
    width: 4px;
    height: 10px;
    background: #CC3300;
    content: "";
}

.title-blackred:after {
    position: absolute;
    top: -4px;
    left: 0;
    width: 4px;
    height: 33px;
    background: #003300;
    content: "";
}

.title-fusen {
	margin:0 0 0 0;
	padding:12px 10px;
	background: #1d8ade; /* Old browsers */
	background: -moz-linear-gradient(left, #1d8ade 0%, #53a2e2 50%, #1d8ade 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1d8ade), color-stop(50%,#53a2e2), color-stop(100%,#1d8ade)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* IE10+ */
	background: linear-gradient(left, #1d8ade 0%,#53a2e2 50%,#1d8ade 100%); /* W3C */
	color:#FFF;
	text-shadow:1px 1px 2px #333;
	box-shadow:0 2px 3px rgba(0, 0, 0, 0.4) , inset 0 0 50px rgba(0, 0, 0, 0.1) ;
	position:relative;
	}
 
.title-fusen:before,
.title-fusen:after{
	content: ' ';
	position: absolute;
	z-index: -1;
	width: 40%;
	height: 20px;
	left: 4px;
	bottom:7px;
	-webkit-box-shadow: 0 8px 15px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.7);
	background-color: #F00;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.title-fusen:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}

.title-bluemeta {
	background: #7db9e8; /* Old browsers */
	background: -moz-linear-gradient(top, #7db9e8 0%, #2989d8 50%, #207cca 51%, #1e5799 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7db9e8 0%,#2989d8 50%,#207cca 51%,#1e5799 100%); /* W3C */
	margin:0 0 0 0;
	padding:12px 10px;
	color:#FFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	text-shadow:1px 1px 2px #333;
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1);
	}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓グラデーション系の背景

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/* 赤系*/
.red-gradient-001 {
  padding: 10px 10px 10px 10px;
  margin: 0;
  background: #0A539C;
  background: #a90329; /* Old browsers */
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#a90329), color-stop(0.44, #8f0222), to(#6d0019));
  background: -webkit-linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%);
  background: -moz-linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%);
  background: -o-linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%);
  background: linear-gradient(#a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓Q&Aアイコン

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/*** 質問！ ***/
.icon-q01 {
	background-image:url(../images/icon/qa/icon-q01.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q02 {
	background-image:url(../images/icon/qa/icon-q02.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q03 {
	background-image:url(../images/icon/qa/icon-q03.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q04 {
	background-image:url(../images/icon/qa/icon-q05.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q05 {
	background-image:url(../images/icon/qa/icon-q05.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q06 {
	background-image:url(../images/icon/qa/icon-q06.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q07 {
	background-image:url(../images/icon/qa/icon-q07.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q08 {
	background-image:url(../images/icon/qa/icon-q08.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q09 {
	background-image:url(../images/icon/qa/icon-q09.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q10 {
	background-image:url(../images/icon/qa/icon-q10.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q11 {
	background-image:url(../images/icon/qa/icon-q11.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q12 {
	background-image:url(../images/icon/qa/icon-q12.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q13 {
	background-image:url(../images/icon/qa/icon-q13.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q14 {
	background-image:url(../images/icon/qa/icon-q14.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q15 {
	background-image:url(../images/icon/qa/icon-q15.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q16 {
	background-image:url(../images/icon/qa/icon-q16.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:3px 0px 4px 38px;
}
.icon-q17 {
	background-image:url(../images/icon/qa/icon-q17.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:2px 0px 4px 80px;
}
.icon-q18 {
	background-image:url(../images/icon/qa/icon-q18.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:2px 0px 4px 80px;
}
.icon-q19 {
	background-image:url(../images/icon/qa/icon-q19.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:2px 0px 4px 80px;
}
.icon-q20 {
	background-image:url(../images/icon/qa/icon-q20.png);
	background-repeat:no-repeat;
		font-size: 1.375em;
	padding:2px 0px 4px 80px;
		font-weight: bold;
	
}
.icon-q21 {
	background-image:url(../images/icon/qa/icon-q21.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:2px 0px 4px 80px;
}
.icon-q22 {
	background-image:url(../images/icon/qa/icon-q22.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:2px 0px 4px 80px;
}
.icon-q23 {
	background-image:url(../images/icon/qa/icon-q23.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:2px 0px 4px 80px;
}
.icon-q24 {
	background-image:url(../images/icon/qa/icon-q24.png);
	background-repeat:no-repeat;
	font-size:1.125em;
	padding:2px 0px 4px 80px;
}

/*** 回答！ ***/
.icon-a01 {
	background-image:url(../images/icon/qa/icon-a01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a02 {
	background-image:url(../images/icon/qa/icon-a02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a03 {
	background-image:url(../images/icon/qa/icon-a03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a04 {
	background-image:url(../images/icon/qa/icon-a04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a05 {
	background-image:url(../images/icon/qa/icon-a05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a06 {
	background-image:url(../images/icon/qa/icon-a06.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a07 {
	background-image:url(../images/icon/qa/icon-a07.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a08 {
	background-image:url(../images/icon/qa/icon-a08.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a09 {
	background-image:url(../images/icon/qa/icon-a09.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a10 {
	background-image:url(../images/icon/qa/icon-a10.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a11 {
	background-image:url(../images/icon/qa/icon-a11.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a12 {
	background-image:url(../images/icon/qa/icon-a12.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a13 {
	background-image:url(../images/icon/qa/icon-a13.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a14 {
	background-image:url(../images/icon/qa/icon-a14.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a15 {
	background-image:url(../images/icon/qa/icon-a15.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a16 {
	background-image:url(../images/icon/qa/icon-a16.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-a17 {
	background-image:url(../images/icon/qa/icon-a17.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
.icon-a18 {
	background-image:url(../images/icon/qa/icon-a18.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
.icon-a19 {
	background-image:url(../images/icon/qa/icon-a19.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
.icon-a20 {
	background-image:url(../images/icon/qa/icon-a20.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
.icon-a21 {
	background-image:url(../images/icon/qa/icon-a21.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
.icon-a22 {
	background-image:url(../images/icon/qa/icon-a22.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
.icon-a23 {
	background-image:url(../images/icon/qa/icon-a23.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
.icon-a24 {
	background-image:url(../images/icon/qa/icon-a24.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 65px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓アイコン

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.check-mini01 {
	background-image:url(../images/check-mini.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-check01 {
	background-image:url(../images/icon/icon-check01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-check02 {
	background-image:url(../images/icon/icon-check02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-check03 {
	background-image:url(../images/icon/icon-check03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-check04 {
	background-image:url(../images/icon/icon-check04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-check17 {
	background-image:url(../images/icon/check/icon-check17.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
	font-size: 1.125em;
	line-height:200%;
		color:#E20000;
}
.icon-problem01 {
	background-image:url(../images/icon/icon-problem01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-problem02 {
	background-image:url(../images/icon/icon-problem02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-problem03 {
	background-image:url(../images/icon/icon-problem03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-problem04 {
	background-image:url(../images/icon/icon-problem04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tel01 {
	background-image:url(../images/icon/icon-tel01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tel02 {
	background-image:url(../images/icon/icon-tel02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tel03 {
	background-image:url(../images/icon/icon-tel03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tel04 {
	background-image:url(../images/icon/icon-tel04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tel05 {
	background-image:url(../images/icon-tel05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-mail01 {
	background-image:url(../images/icon/icon-mail01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-mail02 {
	background-image:url(../images/icon/icon-mail02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-mail03 {
	background-image:url(../images/icon/icon-mail03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-lock01 {
	background-image:url(../images/icon/icon-lock01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-lock02 {
	background-image:url(../images/icon/icon-lock02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-lock03 {
	background-image:url(../images/icon/icon-lock03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-lock04 {
	background-image:url(../images/icon/icon-lock04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-warning01 {
	background-image:url(../images/icon/icon-warning01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-heart01 {
	background-image:url(../images/icon/icon-heart01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-kao01 {
	background-image:url(../images/icon/icon-kao01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-kao02 {
	background-image:url(../images/icon/icon-kao02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-info01 {
	background-image:url(../images/icon/icon-info01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-info02 {
	background-image:url(../images/icon/icon-info02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-pin01 {
	background-image:url(../images/icon/icon-pin01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-pin02 {
	background-image:url(../images/icon/icon-pin02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-pin03 {
	background-image:url(../images/icon/icon-pin03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-pin04 {
	background-image:url(../images/icon/icon-pin04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-pin05 {
	background-image:url(../images/icon/icon-pin05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-human01 {
	background-image:url(../images/icon/icon-human01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-human02 {
	background-image:url(../images/icon/icon-human02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-human03 {
	background-image:url(../images/icon/icon-human03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-human04 {
	background-image:url(../images/icon/icon-human04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-human05 {
	background-image:url(../images/icon/icon-human05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-human06 {
	background-image:url(../images/icon/icon-human06.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-human07 {
	background-image:url(../images/icon/icon-human07.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-question01 {
	background-image:url(../images/icon/icon-question01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-question02 {
	background-image:url(../images/icon/icon-question02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-question03 {
	background-image:url(../images/icon/icon-question03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-question04 {
	background-image:url(../images/icon/icon-question04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-question05 {
	background-image:url(../images/icon/icon-question05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-zoom01 {
	background-image:url(../images/icon/icon-zoom01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-zoom02 {
	background-image:url(../images/icon/icon-zoom02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-zoom03 {
	background-image:url(../images/icon/icon-zoom03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-zoom04 {
	background-image:url(../images/icon/icon-zoom04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-good01 {
	background-image:url(../images/icon/icon-good01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-good02 {
	background-image:url(../images/icon/icon-good02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-bad01 {
	background-image:url(../images/icon/icon-bad01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-bad02 {
	background-image:url(../images/icon/icon-bad02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-dl01 {
	background-image:url(../images/icon/icon-dl01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-dl02 {
	background-image:url(../images/icon/icon-dl02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-dl03 {
	background-image:url(../images/icon/icon-dl03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-text01 {
	background-image:url(../images/icon/icon-text01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-text02 {
	background-image:url(../images/icon/icon-text02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-text03 {
	background-image:url(../images/icon/icon-text03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow01 {
	background-image:url(../images/icon/icon-arrow01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow02 {
	background-image:url(../images/icon/icon-arrow02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow03 {
	background-image:url(../images/icon/icon-arrow03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow04 {
	background-image:url(../images/icon/icon-arrow04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow05 {
	background-image:url(../images/icon/icon-arrow05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow06 {
	background-image:url(../images/icon/icon-arrow06.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow07 {
	background-image:url(../images/icon/icon-arrow07.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-arrow08 {
	background-image:url(../images/icon/icon-arrow08.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tag01 {
	background-image:url(../images/icon/icon-tag01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tag02 {
	background-image:url(../images/icon/icon-tag02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tag03 {
	background-image:url(../images/icon/icon-tag03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tag04 {
	background-image:url(../images/icon/icon-tag04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-tag05 {
	background-image:url(../images/icon/icon-tag05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-no01 {
	background-image:url(../images/icon/icon-no01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-no02 {
	background-image:url(../images/icon/icon-no02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-no03 {
	background-image:url(../images/icon/icon-no03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-no04 {
	background-image:url(../images/icon/icon-no04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-no05 {
	background-image:url(../images/icon/icon-no05.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-no06 {
	background-image:url(../images/icon/icon-no06.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-graph01 {
	background-image:url(../images/icon/icon-graph01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-graph02 {
	background-image:url(../images/icon/icon-graph02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-graph03 {
	background-image:url(../images/icon/icon-graph03.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-graph04 {
	background-image:url(../images/icon/icon-graph04.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-plus01 {
	background-image:url(../images/icon/icon-plus01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-plus02 {
	background-image:url(../images/icon/icon-plus02.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-help01 {
	background-image:url(../images/icon/icon-help01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-new01 {
	background-image:url(../images/icon/icon-new01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
.icon-bomb01 {
	background-image:url(../images/icon/icon-bomb01.png);
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓イメージ配置

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.img-left {
  float: left;
  margin-right: 2em;
  margin-bottom: 1em;
}

.img-right {
  float: right;
  margin-left: 2em;
  margin-bottom: 1em;
}

.img-left01 {
  float: left;
  margin-right: 2em;
  margin-left: 2em;
  margin-bottom: 1em;
}

.img-right02 {
  float: right;
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓イメージ配置

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

#idBox{
	width:600px;
	height:382px;
	margin:0 auto;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓条件

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.jyouken {
	background-image: url(../images/jyouken_02.gif);
	padding: 0px 60px 0px 60px;
	text-align: left;
	font-size: 1.000em;
	line-height: 180%;
	
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓フォーム設置個所

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.form00 {
	height: 1100px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/form01.jpg);
}


.form01 {
	height: 450px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/form02_01.jpg);
	}


.form01-2 {
	background-repeat: repeat-y;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/form02_02.jpg);	
}
.form01-3 {
	height: 500px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
	background-image: url(../images/form02_03.jpg);
	
	
}

.form02 {
	padding: 0px 30px 0px 30px;
	text-align: center;
	font-size: 1.000em;
	line-height: 180%;	
}
.form03 {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
}

.form04 {
	padding-top: 930px;
	padding-right: 40px;
	padding-left: 0px;
	padding-bottom: 0px;
	text-align: center;
	font-size: 1.000em;
	line-height: 180%;
	
}
.form05 {
	height: 1200px;
	background-image: url(../images/form_02.jpg);
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓最後までお読みください

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.check {
	height: 1218px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/back_checkk.jpg);
}
.text_check {
	height: auto;
	padding: 50px 0px 0px 0px;
	font-size:1.50em;
	font-weight:bold;
	color:#3b517a;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓コストが大幅にダウン

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.cost {
	height: 1173px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/back_cost.jpg);
}
.text_cost {
	height: auto;
	padding: 340px 0px 0px 0px;
	font-size:1.000em;
	color:#ffffff;
	margin: 0px auto;
    text-align: center;
	line-height:160%;
	position: relative;
	z-index:1;

}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓コストが大幅にダウン02

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.back_cost02 {
	height: 100%;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/back_cost02.jpg);
	background-attachment:fixed;
}

.cost01 {
	height: 320px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/cost01.png);
}
.cost02 {
	height: 542px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/cost02.png);
}
.text_cost02 {
	height: auto;
	padding: 40px 0px 40px 0px;
	font-size:1.000em;
	color:#ffffff;
	margin: 0px auto;
    text-align: center;
	line-height:160%;
	position: relative;
	z-index:1;
	font-size:1.160em;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓超絶簡単！1クリックで価格改定

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.son {
	height: 1275px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/son.jpg);
}

.text_son {
	height: auto;
	padding: 10px 0px 50px 0px;
	text-align:center;
	font-size:1.50em;
	font-weight:bold;
	line-height:180%;
	color:#3b517a;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓超絶簡単！1クリックで価格改定①

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.kantan01 {
	height: 428px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kantan01.jpg);
}
.text_kantan01 {
	height: auto;
	padding-top: 145px;
	padding-left:120px;
	font-size:1.00em;
}

.kantan02 {
	height: 506px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kantan02.jpg);
}
.text_kantan02 {
	height: auto;
	padding-top: 245px;
	font-size:1.00em;
}

.kantan03 {
	height: 488px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kantan03.jpg);
}
.text_kantan03 {
	height: auto;
	padding-top: 230px;
	padding-left:180px;
	font-size:1.00em;
}

.kantan04 {
	height: 480px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kantan04.jpg);
}
.text_kantan04 {
	height: auto;
	padding-top: 220px;
	font-size:1.00em;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓超絶簡単！1クリックで価格改定②

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.kantan {
	height: 820px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kantan.jpg);
}

.kan01 {
	height: 192px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan01.jpg);
}

.kan02 {
	height: 219px;
	background-repeat: repeat-y;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan02.jpg);
}
.kan03 {
	height: 230px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan03.jpg);
}

.kan04 {
	height: 240px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan04.jpg);
}

.kan_r01 {
	height: 100%;
	background-repeat: repeat-y;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan_r01.jpg);
	text-align:right;
	padding-top:20px;
}
.kan_r02 {
	height: 50px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan_r02.jpg);
}
.kan_l01 {
	height: 100%;
	background-repeat: repeat-y;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan_l01.jpg);
	text-align:left;
	padding-top:20px;
}
.kan_l02 {
	height: 50px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/kan_l02.jpg);
}
.kan05 {
	height: auto;
	margin: 0px auto;
	padding: 20px 0px 0px 50px;
    text-align: left;
	line-height:180%;
	position: relative;
	font-size:0.85em;
	z-index:1;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓こんなに違う！他社比較

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.hyou {
	height: 1075px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/hyou.jpg);
}


/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓他にも様々な利点や機能や

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.hoka {
	height: 1178px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/hoka.jpg);
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓開発会社説明

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.setu {
	height: 1153px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/setu.jpg);
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓愛用者の声

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.taiken02 {
	height: auto;
	background-repeat: repeat-y;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/taiken02.jpg);
	}

/* --- スクロール --- */
.scroll_section {
width: 980px;
height: 760px;
overflow-y: scroll;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓より高く！より早く！をコンセプトに

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.cept {
	height: 1264px;
	background-repeat: no-repeat;
	background-position: center top;
	background-position: 50% 0%;
    background-image: url(../images/cept.jpg);
}
.text_cept {
	height: auto;
	padding: 50px 0px 0px 0px;
	text-align:center;
	font-size:1.180em;
	color:#000000;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ヘッドボタン位置

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.hiduke {
	padding: 80px 0px 0px 0px;
	text-align:center;
	font-size: 47px;
	color: #FFFFFF;
	font-family: "ＭＳ ゴシック",sans-serif; 
	font-weight: bold;
}


.bt-01 {
	padding: 400px 0px 0px 20px;
	text-align:left;
	
}
.bt-02 {
	padding: 700px 0px 0px 20px;
	text-align:left;
	
}

.attention_text {
	text-align: left;
	margin-top: 40px;
}

.strong {
	font-weight: bold;
	border-bottom: solid;
	border-color: red;
	border-width: 3px;
}

.mail_link a{
	font-weight: bold;
	text-decoration: underline;
}

a:hover img {
	-webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.btn_down {
	margin: 0 60px;
	font-size: 1rem;
	line-height: 1.5;
}
/*Copyright (C) 2015 infosmile. All Rights Reserved.*/
.kantan_new{
	padding:2em 0;
	box-sizing: border-box;
	max-width: 1000px;
	margin:0 auto;
}
.kantan_new > img{
	margin-bottom:2em;
	box-shadow:0 0 6px 1px rgba(0,0,0,0.7);
	width:100%;
}
@charset "utf-8";
/* 
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓テキストスタイル

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v  
*/
/* ノーマルカラー*/

.size06 {
	font-size: 0.375em;
}
.size07 {
	font-size: 0.438em;
}
.size08 {
	font-size: 0.500em;
}
.size09 {
	font-size: 0.563em;
}
.size10 {
	font-size: 0.625em;
}
.size11 {
	font-size: 0.688em;
}
.size12 {
	font-size: 0.750em;
}
.size13 {
	font-size: 0.813em;
}
.size14 {
	font-size: 0.875em;
}
.size15 {
	font-size: 0.938em;
}
.size16 {
	font-size: 1.000em;
}
.size16-black-marke {
	font-size: 1.000em;
	background-color: #FBED73;
}
.size17 {
	font-size: 1.063em;
}
.size18 {
	font-size: 1.125em;
}
.size19 {
	font-size: 1.188em;
}
.size20 {
	font-size: 1.250em;
}
.size22 {
	font-size: 1.375em;
}
.size23 {
	font-size: 1.438em;
}
.size24 {
	font-size: 1.500em;
}
.size26 {
	font-size: 1.625em;
}
.size28 {
	font-size: 1.750em;
}
.size30 {
	font-size: 1.875em;
}
.size32 {
	font-size: 2.000em;
}
.size34 {
	font-size: 2.215em;
}
.size36 {
	font-size: 2.250em;
}
.size38 {
	font-size: 2.375em;
}
.size40 {
	font-size: 2.500em;
}
.size45 {
	font-size: 2.813em;
}
.size50 {
	font-size: 3.125em;
}
.size55 {
	font-size: 3.438em;
}
.size60 {
	font-size: 3.750em;
}
.size65 {
	font-size: 4.063em;
}
.size70 {
	font-size: 4.375em;
}

/* 赤*/

.size06-red {
	font-size: 0.375em;
	color:#e50000;
}
.size07-red {
	font-size: 0.438em;
	color:#e50000;
}
.size08-red {
	font-size: 0.500em;
	color:#e50000;
}
.size09-red {
	font-size: 0.563em;
	color:#e50000;
}
.size10-red {
	font-size: 0.625em;
	color:#e50000;
}
.size11-red {
	font-size: 0.688em;
	color:#e50000;
}
.size12-red {
	font-size: 0.750em;
	color:#e50000;
}
.size13-red {
	font-size: 0.813em;
	color:#e50000;
}
.size14-red {
	font-size: 0.875em;
	color:#e50000;
}
.size15-red {
	font-size: 0.938em;
	color:#e50000;
}
.size16-red {
	font-size: 1.000em;
	color:#e50000;
}
.size16-red-b {
	font-size: 1.000em;
	color:#e50000;
	background-color: #FBED73;
}
.size17-red {
	font-size: 1.063em;
	color:#e50000;
}
.size18-red {
	font-size: 1.125em;
	color:#e50000;
}
.size18-001 {
	font-size: 1.200em;
	color:#E20000;
	background-color: #FBEE7A;
		line-height:180%;
}
	
.size19-red {
	font-size: 1.188em;
	color:#e50000;
}
.size20-red {
	font-size: 1.250em;
	color: #CD3300;
	line-height: 130%;
}
.size22-red {
	font-size: 1.375em;
	color:#e50000;
}
.size24-red {
	font-size: 1.500em;
	color:#e50000;
}
.size26-red {
	font-size: 1.625em;
	color:#e50000;
}
.size28-red {
	font-size: 1.750em;
	color:#e50000;
}
.size30-red {
	font-size: 1.875em;
	color:#e50000;
}
.size32-red {
	font-size: 2.000em;
	color:#e50000;
}
.size34-red {
	font-size: 2.215em;
	color:#e50000;
}
.size36-red {
	font-size: 2.250em;
	color:#e50000;
}
.size38-red {
	font-size: 2.375em;
	color:#e50000;
}
.size40-red {
	font-size: 2.500em;
	color:#e50000;
}
.size45-red {
	font-size: 2.813em;
	color:#e50000;
}
.size50-red {
	font-size: 3.125em;
	color:#e50000;
}
.size55-red {
	font-size: 3.438em;
	color:#e50000;
}
.size60-red {
	font-size: 3.750em;
	color:#e50000;
}
.size65-red {
	font-size: 4.063em;
	color:#e50000;
}
.size70-red {
	font-size: 4.375em;
	color:#e50000;
}

/* オレンジ*/
.size05-orange {
	font-size: 0.5em;
	color:#ffa500;
}
.size06-orange {
	font-size: 0.375em;
	color:#ffa500;
}
.size07-orange {
	font-size: 0.438em;
	color:#ffa500;
}
.size08-orange {
	font-size: 0.500em;
	color:#ffa500;
}
.size09-orange {
	font-size: 0.563em;
	color:#ffa500;
}
.size10-orange {
	font-size: 0.625em;
	color:#ffa500;
}
.size11-orange {
	font-size: 0.688em;
	color:#ffa500;
}
.size12-orange {
	font-size: 0.750em;
	color:#ffa500;
}
.size13-orange {
	font-size: 0.813em;
	color:#ffa500;
}
.size14-orange {
	font-size: 0.875em;
	color:#ffa500;
}
.size15-orange {
	font-size: 0.938em;
	color:#ffa500;
}
.size16-orange {
	font-size: 1.000em;
	color:#ffa500;
}
.size17-orange {
	font-size: 1.063em;
	color:#ffa500;
}
.size18-orange {
	font-size: 1.125em;
	color:#ffa500;
}
.size19-orange {
	font-size: 1.188em;
	color:#ffa500;
}
.size20-orange {
	font-size: 1.250em;
	color:#ffa500;
}
.size22-orange {
	font-size: 1.375em;
	color:#ffa500;
}
.size24-orange {
	font-size: 1.500em;
	color:#ffa500;
}
.size26-orange {
	font-size: 1.625em;
	color:#ffa500;
}
.size28-orange {
	font-size: 1.750em;
	color:#ffa500;
}
.size30-orange {
	font-size: 1.875em;
	color:#ffa500;
}
.size32-orange {
	font-size: 2.000em;
	color:#ffa500;
}
.size34-orange {
	font-size: 2.215em;
	color:#ffa500;
}
.size36-orange {
	font-size: 2.250em;
	color:#ffa500;
}
.size38-orange {
	font-size: 2.375em;
	color:#ffa500;
}
.size40-orange {
	font-size: 2.500em;
	color:#ffa500;
}
.size45-orange {
	font-size: 2.813em;
	color:#ffa500;
}
.size50-orange {
	font-size: 3.125em;
	color:#ffa500;
}
.size55-orange {
	font-size: 3.438em;
	color:#ffa500;
}
.size60-orange {
	font-size: 3.750em;
	color:#ffa500;
}
.size65-orange {
	font-size: 4.063em;
	color:#ffa500;
}
.size70-orange {
	font-size: 4.375em;
	color:#ffa500;
}

/* 黄色*/
.size05-yellow {
	font-size: 0.5em;
	color:#ffff00;
}
.size06-yellow {
	font-size: 0.375em;
	color:#ffff00;
}
.size07-yellow {
	font-size: 0.438em;
	color:#ffff00;
}
.size08-yellow {
	font-size: 0.500em;
	color:#ffff00;
}
.size09-yellow {
	font-size: 0.563em;
	color:#ffff00;
}
.size10-yellow {
	font-size: 0.625em;
	color:#ffff00;
}
.size11-yellow {
	font-size: 0.688em;
	color:#ffff00;
}
.size12-yellow {
	font-size: 0.750em;
	color:#ffff00;
}
.size13-yellow {
	font-size: 0.813em;
	color:#ffff00;
}
.size14-yellow {
	font-size: 0.875em;
	color:#ffff00;
}
.size15-yellow {
	font-size: 0.938em;
	color:#ffff00;
}
.size16-yellow {
	font-size: 1.000em;
	color:#ffff00;
}
.size17-yellow {
	font-size: 1.063em;
	color:#ffff00;
}
.size18-yellow {
	font-size: 1.125em;
	color:#ffff00;
}
.size19-yellow {
	font-size: 1.188em;
	color:#ffff00;
}
.size20-yellow {
	font-size: 1.250em;
	color:#ffff00;
}
.size22-yellow {
	font-size: 1.375em;
	color:#ffff00;
}
.size24-yellow {
	font-size: 1.500em;
	color:#ffff00;
}
.size26-yellow {
	font-size: 1.625em;
	color:#ffff00;
}
.size28-yellow {
	font-size: 1.750em;
	color:#ffff00;
}
.size30-yellow {
	font-size: 1.875em;
	color:#ffff00;
}
.size32-yellow {
	font-size: 2.000em;
	color:#ffff00;
}
.size34-yellow {
	font-size: 2.215em;
	color:#ffff00;
}
.size36-yellow {
	font-size: 2.250em;
	color:#ffff00;
}
.size38-yellow {
	font-size: 2.375em;
	color:#ffff00;
}
.size40-yellow {
	font-size: 2.500em;
	color:#ffff00;
}
.size45-yellow {
	font-size: 2.813em;
	color:#ffff00;
}
.size50-yellow {
	font-size: 3.125em;
	color:#ffff00;
}
.size55-yellow {
	font-size: 3.438em;
	color:#ffff00;
}
.size60-yellow {
	font-size: 3.750em;
	color:#ffff00;
}
.size65-yellow {
	font-size: 4.063em;
	color:#ffff00;
}
.size70-yellow {
	font-size: 4.375em;
	color:#ffff00;
}

/* 緑*/
.size05-green {
	font-size: 0.5em;
	color:#228b22;
}
.size06-green {
	font-size: 0.375em;
	color:#228b22;
}
.size07-green {
	font-size: 0.438em;
	color:#228b22;
}
.size08-green {
	font-size: 0.500em;
	color:#228b22;
}
.size09-green {
	font-size: 0.563em;
	color:#228b22;
}
.size10-green {
	font-size: 0.625em;
	color:#228b22;
}
.size11-green {
	font-size: 0.688em;
	color:#228b22;
}
.size12-green {
	font-size: 0.750em;
	color:#228b22;
}
.size13-green {
	font-size: 0.813em;
	color:#228b22;
}
.size14-green {
	font-size: 0.875em;
	color:#228b22;
}
.size15-green {
	font-size: 0.938em;
	color:#228b22;
}
.size16-green {
	font-size: 1.000em;
	color:#228b22;
}
.size17-green {
	font-size: 1.063em;
	color:#228b22;
}
.size18-green {
	font-size: 1.125em;
	color:#228b22;
}
.size19-green {
	font-size: 1.188em;
	color:#228b22;
}
.size20-green {
	font-size: 1.250em;
	color:#228b22;
}
.size22-green {
	font-size: 1.375em;
	color:#228b22;
}
.size24-green {
	font-size: 1.500em;
	color:#228b22;
}
.size26-green {
	font-size: 1.625em;
	color:#228b22;
}
.size28-green {
	font-size: 1.750em;
	color:#228b22;
}
.size30-green {
	font-size: 1.875em;
	color:#228b22;
}
.size32-green {
	font-size: 2.000em;
	color:#228b22;
}
.size34-green {
	font-size: 2.215em;
	color:#228b22;
}
.size36-green {
	font-size: 2.250em;
	color:#228b22;
}
.size38-green {
	font-size: 2.375em;
	color:#228b22;
}
.size40-green {
	font-size: 2.500em;
	color:#228b22;
}
.size45-green {
	font-size: 2.813em;
	color:#228b22;
}
.size50-green {
	font-size: 3.125em;
	color:#228b22;
}
.size55-green {
	font-size: 3.438em;
	color:#228b22;
}
.size60-green {
	font-size: 3.750em;
	color:#228b22;
}
.size65-green {
	font-size: 4.063em;
	color:#228b22;
}
.size70-green {
	font-size: 4.375em;
	color:#228b22;
}

/* 水色*/
.size05-aqua {
	font-size: 0.5em;
	color:#00ffff;
}
.size06-aqua {
	font-size: 0.375em;
	color:#00ffff;
}
.size07-aqua {
	font-size: 0.438em;
	color:#00ffff;
}
.size08-aqua {
	font-size: 0.500em;
	color:#00ffff;
}
.size09-aqua {
	font-size: 0.563em;
	color:#00ffff;
}
.size10-aqua {
	font-size: 0.625em;
	color:#00ffff;
}
.size11-aqua {
	font-size: 0.688em;
	color:#00ffff;
}
.size12-aqua {
	font-size: 0.750em;
	color:#00ffff;
}
.size13-aqua {
	font-size: 0.813em;
	color:#00ffff;
}
.size14-aqua {
	font-size: 0.875em;
	color:#00ffff;
}
.size15-aqua {
	font-size: 0.938em;
	color:#00ffff;
}
.size16-aqua {
	font-size: 1.000em;
	color:#00ffff;
}
.size17-aqua {
	font-size: 1.063em;
	color:#00ffff;
}
.size18-aqua {
	font-size: 1.125em;
	color:#00ffff;
}
.size19-aqua {
	font-size: 1.188em;
	color:#00ffff;
}
.size20-aqua {
	font-size: 1.250em;
	color:#00ffff;
}
.size22-aqua {
	font-size: 1.375em;
	color:#00ffff;
}
.size24-aqua {
	font-size: 1.500em;
	color:#00ffff;
}
.size26-aqua {
	font-size: 1.625em;
	color:#00ffff;
}
.size28-aqua {
	font-size: 1.750em;
	color:#00ffff;
}
.size30-aqua {
	font-size: 1.875em;
	color:#00ffff;
}
.size32-aqua {
	font-size: 2.000em;
	color:#00ffff;
}
.size34-aqua {
	font-size: 2.215em;
	color:#00ffff;
}
.size36-aqua {
	font-size: 2.250em;
	color:#00ffff;
}
.size38-aqua {
	font-size: 2.375em;
	color:#00ffff;
}
.size40-aqua {
	font-size: 2.500em;
	color:#00ffff;
}
.size45-aqua {
	font-size: 2.813em;
	color:#00ffff;
}
.size50-aqua {
	font-size: 3.125em;
	color:#00ffff;
}
.size55-aqua {
	font-size: 3.438em;
	color:#00ffff;
}
.size60-aqua {
	font-size: 3.750em;
	color:#00ffff;
}
.size65-aqua {
	font-size: 4.063em;
	color:#00ffff;
}
.size70-aqua {
	font-size: 4.375em;
	color:#00ffff;
}

/* 青*/
.size05-blue {
	font-size: 0.5em;
	color:#0000ff;
}
.size06-blue {
	font-size: 0.375em;
	color:#0000ff;
}
.size07-blue {
	font-size: 0.438em;
	color:#0000ff;
}
.size08-blue {
	font-size: 0.500em;
	color:#0000ff;
}
.size09-blue {
	font-size: 0.563em;
	color:#0000ff;
}
.size10-blue {
	font-size: 0.625em;
	color:#0000ff;
}
.size11-blue {
	font-size: 0.688em;
	color:#0000ff;
}
.size12-blue {
	font-size: 0.750em;
	color:#0000ff;
}
.size13-blue {
	font-size: 0.813em;
	color:#0000ff;
}
.size14-blue {
	font-size: 0.875em;
	color:#0000ff;
}
.size15-blue {
	font-size: 0.938em;
	color:#0000ff;
}
.size16-blue {
	font-size: 1.000em;
	color:#0000ff;
}
.size17-blue {
	font-size: 1.063em;
	color:#0000ff;
}
.size18-blue {
	font-size: 1.125em;
	color:#0000ff;
}
.size19-blue {
	font-size: 1.188em;
	color:#0000ff;
}
.size20-blue {
	font-size: 1.250em;
	color:#0000ff;
}
.size22-blue {
	font-size: 1.375em;
	color:#0000ff;
}
.size24-blue {
	font-size: 1.500em;
	color:#0000ff;
}
.size26-blue {
	font-size: 1.625em;
	color:#0000ff;
}
.size28-blue {
	font-size: 1.750em;
	color:#0000ff;
}
.size30-blue {
	font-size: 1.875em;
	color:#0000ff;
}
.size32-blue {
	font-size: 2.000em;
	color:#0000ff;
}
.size34-blue {
	font-size: 2.215em;
	color:#0000ff;
}
.size36-blue {
	font-size: 2.250em;
	color:#0000ff;
}
.size38-blue {
	font-size: 2.375em;
	color:#0000ff;
}
.size40-blue {
	font-size: 2.500em;
	color:#0000ff;
}
.size45-blue {
	font-size: 2.813em;
	color:#0000ff;
}
.size50-blue {
	font-size: 3.125em;
	color:#0000ff;
}
.size55-blue {
	font-size: 3.438em;
	color:#0000ff;
}
.size60-blue {
	font-size: 3.750em;
	color:#0000ff;
}
.size65-blue {
	font-size: 4.063em;
	color:#0000ff;
}
.size70-blue {
	font-size: 4.375em;
	color:#0000ff;
}

/* 紫 */
.size05-purple {
	font-size: 0.5em;
	color:#800080;
}
.size06-purple {
	font-size: 0.375em;
	color:#800080;
}
.size07-purple {
	font-size: 0.438em;
	color:#800080;
}
.size08-purple {
	font-size: 0.500em;
	color:#800080;
}
.size09-purple {
	font-size: 0.563em;
	color:#800080;
}
.size10-purple {
	font-size: 0.625em;
	color:#800080;
}
.size11-purple {
	font-size: 0.688em;
	color:#800080;
}
.size12-purple {
	font-size: 0.750em;
	color:#800080;
}
.size13-purple {
	font-size: 0.813em;
	color:#800080;
}
.size14-purple {
	font-size: 0.875em;
	color:#800080;
}
.size15-purple {
	font-size: 0.938em;
	color:#800080;
}
.size16-purple {
	font-size: 1.000em;
	color:#800080;
}
.size17-purple {
	font-size: 1.063em;
	color:#800080;
}
.size18-purple {
	font-size: 1.125em;
	color:#800080;
}
.size19-purple {
	font-size: 1.188em;
	color:#800080;
}
.size20-purple {
	font-size: 1.250em;
	color:#800080;
}
.size22-purple {
	font-size: 1.375em;
	color:#800080;
}
.size24-purple {
	font-size: 1.500em;
	color:#800080;
}
.size26-purple {
	font-size: 1.625em;
	color:#800080;
}
.size28-purple {
	font-size: 1.750em;
	color:#800080;
}
.size30-purple {
	font-size: 1.875em;
	color:#800080;
}
.size32-purple {
	font-size: 2.000em;
	color:#800080;
}
.size34-purple {
	font-size: 2.215em;
	color:#800080;
}
.size36-purple {
	font-size: 2.250em;
	color:#800080;
}
.size38-purple {
	font-size: 2.375em;
	color:#800080;
}
.size40-purple {
	font-size: 2.500em;
	color:#800080;
}
.size45-purple {
	font-size: 2.813em;
	color:#800080;
}
.size50-purple {
	font-size: 3.125em;
	color:#800080;
}
.size55-purple {
	font-size: 3.438em;
	color:#800080;
}
.size60-purple {
	font-size: 3.750em;
	color:#800080;
}
.size65-purple {
	font-size: 4.063em;
	color:#800080;
}
.size70-purple {
	font-size: 4.375em;
	color:#800080;
}

/* 
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓装飾テキスト

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v  
*/
/* シンプルなグラデーション */
.gradient-samplecollor {
  background: -webkit-linear-gradient(#e50000, #0000ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #e50000;
}

.gradient-black01 {
  color: #a9a9a9;
  background: -webkit-linear-gradient(#d3d3d3, #333333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gradient-black02 {
  background: -webkit-linear-gradient(#333333, #d3d3d3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #a9a9a9;
}

.gradient-red01 {
  background: -webkit-linear-gradient(#FF0000, #333333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #cc0000;
}

.gradient-red02 {
  background: -webkit-linear-gradient(#333333, #ff0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #cc0000;
}

.gradient-red03 {
  background: -webkit-linear-gradient(#ff4500, #ff0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ff4500;
}

.gradient-red04 {
  background: -webkit-linear-gradient(#ff0000, #ff4500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ff4500;
}

.gradient-orange01 {
  background: -webkit-linear-gradient(#ffd700, #FF0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffa500;
}

.gradient-orange02 {
  background: -webkit-linear-gradient(#FF0000, #ffd700);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffa500;
}

.gradient-yellow01 {
  background: -webkit-linear-gradient(#ffff00, #ffa500);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffff00;
}

.gradient-yellow02 {
  background: -webkit-linear-gradient(#ffa500, #ffff00);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffff00;
}


.gradient-green01 {
  background: -webkit-linear-gradient(#adff2f, #006400);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #228b22;
}

.gradient-green02 {
  background: -webkit-linear-gradient(#006400, #adff2f);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #228b22;
}
.gradient-aqua01 {
  background: -webkit-linear-gradient(#00ffff, #1e90ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00ffff;
}

.gradient-aqua02 {
  background: -webkit-linear-gradient(#1e90ff, #00ffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00ffff;
}

.gradient-blue01 {
  background: -webkit-linear-gradient(#00bfff, #191970);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #191970;
  line-height:70px;
}

.gradient-blue02 {
  background: -webkit-linear-gradient(#191970, #00bfff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #00bfff;
}

.gradient-purple01 {
  background: -webkit-linear-gradient(#da70d6, #800080);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #da70d6;
}

.gradient-purple02 {
  background: -webkit-linear-gradient(#800080, #da70d6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #da70d6;
}

.gradient-pink01 {
  background: -webkit-linear-gradient(#ffc0cb, #ff1493);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ff69b4;
}

.gradient-pink02 {
  background: -webkit-linear-gradient(#ff1493, #ffc0cb);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ff69b4;
}

.gradient-gold01 {
  background: -webkit-linear-gradient(#ffd700, #b8860b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffd700;
}

.gradient-gold02 {
  background: -webkit-linear-gradient(#b8860b, #ffd700);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ffd700;
}

.gradient-silver01 {
  background: -webkit-linear-gradient(#f5f5f5, #808080);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #dcdcdc;
}

.gradient-silver02 {
  background: -webkit-linear-gradient(#808080, #f5f5f5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #dcdcdc;
}




/* 特殊グラデーション */
.font000-rainbow01 {
	color: #FFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
    background-image: -moz-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
    background-image: -o-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
    background-image: -ms-linear-gradient(left, #f69, #fc0, #3c3, #09f, #96f);
}

.font001-gradient {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#FF3399), to(#FFFF33));
  background: -webkit-linear-gradient(#FF3399, #FFFF33);
  background: -moz-linear-gradient(#FF3399, #FFFF33);
  background: -o-linear-gradient(#FF3399, #FFFF33);
  background: linear-gradient(#FF3399, #FFFF33);  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #FFF;
}

.font002-rainbow02 {
  background: linear-gradient(330deg, #e05252 0%, #99e052 25%, #52e0e0 50%, #9952e0 75%, #e05252 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #FFF;
}

.font003-hawai01 {
  display: inline-block;
  color: #5CA17C; /*non-webkit fallback*/
  text-transform: uppercase;
  background: -webkit-linear-gradient(135deg, #FF9F65, #DED37E, #26BDA6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: .2em;
  margin-bottom: 0;
}

.font004-hawai02 {
  font-weight: 800;	
  color: #5CA17C;/*non-webkit fallback*/
  background: -webkit-linear-gradient( #26BDA6, #FF9F65, #DED37E);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.font005-orange01 {
  color: #ffa500;
  background: -webkit-linear-gradient(left, #ffd700, #bf0000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.font006-bkack01 {
  display: inline-block;
  text-transform: uppercase;
  background: radial-gradient(
    circle farthest-corner at center center,
    #ccc,
    #333
  ) no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #FFF;
}

.font007-gold01 {
	color: #ffd700; 
	background: -webkit-linear-gradient(transparent, transparent),
             -webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
	background: -o-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.font008-orange02 {
  background: -webkit-linear-gradient(#f1c40f, #c0392b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #ff4500; 
}

.font009-emboss01 {
	color: rgba(0,0,0,0.6);
	text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
}

.font010-gradeshadow {
  color: #ffd700;
  text-shadow: 0px 7px 2px rgba(0,0,0,0.1),
               5px 10px 2px rgba(0,0,0,0.05),
               -5px 10px 2px rgba(0,0,0,0.05);
  background: -webkit-linear-gradient(#ffd700, #b8860b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.font011-basicshadow {
  text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.font012-strong {
 color: #fff;
 text-shadow:
  0px 0px 1px #666,
  0px 0px 5px #666,
  0px 0px 6px #666;
}

.font013-3d01 {
color: #222;
text-shadow:
  -1px -1px 0px #eee,
   1px -1px 0px #5c5c5c,
   1px  1px 0px #5c5c5c,
  -1px  1px 0px #5c5c5c;
}

.font013-3d02 {
 color: #fff;
 text-shadow:
  0px 1px 0px #999,
  0px 2px 0px #888,
  0px 3px 0px #777,
  0px 4px 0px #666,
  0px 5px 0px #555,
  0px 6px 0px #444,
  0px 7px 0px #333,
  0px 8px 7px #111;
}

.font014-emboss02 {
color: #ccc;
text-shadow:
   1px  1px 0px #fff,
  -1px -1px 1px #666;
}

.font015-milky {
  color: #f1ebe5;
  text-shadow: 0 8px 9px #c4b59d, 0px -2px 1px #fff;
}

/* 特殊テキスト装飾 */

.font-img001 {
	font-weight: 800;
	color: transparent;
	font-size: 90px;
	background: url("http://phandroid.s3.amazonaws.com/wp-content/uploads/2014/05/rainbow-nebula.jpg") repeat;
	background-position: 40% 50%;
	-webkit-background-clip: text;
	position: relative;
	text-align: left;
	line-height: 100px;
	letter-spacing: -8px;
}

.font-img002 {
  background: url('http://i.imgur.com/3W7yR.jpg');
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255,255,255,0.25);
  font-size: 60px;
  font-weight: 800;
  letter-spacing: -2px;
  line-height:70px;
  color: #fff;
}

/* 
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓マーカー

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v  
*/
/* 黄色の太いマーカー*/
.marker-b-yellow {
  background-color: #ff3;
  position: relative;
} 
.marker-b-yellow::before,
.marker-b-yellow::after {
  background-color: #ff3;
  content: '';
  height: 1.1em;
  position: absolute;
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);
  width: 1em;
  z-index: -1;
}
.marker-b-yellow::before {
  left: -0.2em;
  top: 0;
} 
.marker-b-yellow::after {
  right: -0.2em;
  bottom: 0;
}

/* オレンジの太いマーカー*/
.marker-b-orange {
  background-color: #ffd700;
  position: relative;
} 
.marker-b-orange::before,
.marker-b-orange::after {
  background-color: #ffd700;
  content: '';
  height: 1.1em;
  position: absolute;
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);
  width: 1em;
  z-index: -1;
}
.marker-b-orange::before {
  left: -0.2em;
  top: 0;
} 
.marker-b-orange::after {
  right: -0.2em;
  bottom: 0;
}

/* 赤の太いマーカー*/
.marker-b-red {
  background-color: #ff6666;
  position: relative;
}
.marker-b-red::before,
.marker-b-red::after {
  background-color: #ff6666;
  content: '';
  height: 1.1em;
  position: absolute;
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);
  width: 1em;
  z-index: -1;
} 
.marker-b-red::before {
  left: -0.2em;
  top: 0;
}
.marker-b-red::after {
  right: -0.2em;
  bottom: 0;
} 

/* ピンクの太いマーカー */
.marker-b-pink {
  background-color: #ffb2d8;
  position: relative;
}
.marker-b-pink::before,
.marker-b-pink::after {
  background-color: #ffb2d8;
  content: '';
  height: 1.1em;
  position: absolute;
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);
  width: 1em;
  z-index: -1;
} 
.marker-b-pink::before {
  left: -0.2em;
  top: 0;
}
.marker-b-pink::after {
  right: -0.2em;
  bottom: 0;
} 


/* 青の太いマーカー */
.marker-b-blue {
  background-color: #00ffff;
  position: relative;
}
.marker-b-blue::before,
.marker-b-blue::after {
  background-color: #00ffff;
  content: '';
  height: 1.1em;
  position: absolute;
  -webkit-transform: skew(10deg);
  -moz-transform: skew(10deg);
  -o-transform: skew(10deg);
  -ms-transform: skew(10deg);
  transform: skew(10deg);
  width: 1em;
  z-index: -1;
} 
.marker-b-blue::before {
  left: -0.2em;
  top: 0;
}
.marker-b-blue::after {
  right: -0.2em;
  bottom: 0;
} 

/* 黄色の細いマーカー */
.marker-s-yellow  {
  background-image: -webkit-linear-gradient(top, transparent 31%, #ff3 31%, #ff3 61%, transparent 61%);
  background-image: -moz-linear-gradient(top, transparent 31%, #ff3 31%, #ff3 61%, transparent 61%);
  background-image: -o-linear-gradient(top, transparent 31%, #ff3 31%, #ff3 61%, transparent 61%);
  background-image: -ms-linear-gradient(top, transparent 31%, #ff3 31%, #ff3 61%, transparent 61%);
  background-image: linear-gradient(to bottom, transparent 31%, #ff3 31%, #ff3 61%, transparent 61%);
}
 
/* オレンジの細いマーカー */
.marker-s-orange {
  background-image: -webkit-linear-gradient(top, transparent 31%, #fc6 31%, #fc6 61%, transparent 61%);
  background-image: -moz-linear-gradient(top, transparent 31%, #fc6 31%, #fc6 61%, transparent 61%);
  background-image: -o-linear-gradient(top, transparent 31%, #fc6 31%, #fc6 61%, transparent 61%);
  background-image: -ms-linear-gradient(top, transparent 31%, #fc6 31%, #fc6 61%, transparent 61%);
  background-image: linear-gradient(to bottom, transparent 31%, #fc6 31%, #fc6 61%, transparent 61%);
}

/* 赤の細いマーカー */
.marker-s-red {
  background-image: -webkit-linear-gradient(top, transparent 31%, #ff6666 31%, #ff6666 61%, transparent 61%);
  background-image: -moz-linear-gradient(top, transparent 31%, #ff6666 31%, #ff6666 61%, transparent 61%);
  background-image: -o-linear-gradient(top, transparent 31%, #ff6666 31%, #ff6666 61%, transparent 61%);
  background-image: -ms-linear-gradient(top, transparent 31%, #ff6666 31%, #ff6666 61%, transparent 61%);
  background-image: linear-gradient(to bottom, transparent 31%, #ff6666 31%, #ff6666 61%, transparent 61%);
}

/* ピンクの細いマーカー */
.marker-s-pink {
  background-image: -webkit-linear-gradient(top, transparent 31%, #ffb2d8 31%, #ffb2d8 61%, transparent 61%);
  background-image: -moz-linear-gradient(top, transparent 31%, #ffb2d8 31%, #ffb2d8 61%, transparent 61%);
  background-image: -o-linear-gradient(top, transparent 31%, #ffb2d8 31%, #ffb2d8 61%, transparent 61%);
  background-image: -ms-linear-gradient(top, transparent 31%, #ffb2d8 31%, #ffb2d8 61%, transparent 61%);
  background-image: linear-gradient(to bottom, transparent 31%, #ffb2d8 31%, #ffb2d8 61%, transparent 61%);
}

/* 青の細いマーカー */
.marker-s-blue {
  background-image: -webkit-linear-gradient(top, transparent 31%, #00ffff 31%, #00ffff 61%, transparent 61%);
  background-image: -moz-linear-gradient(top, transparent 31%, #00ffff 31%, #00ffff 61%, transparent 61%);
  background-image: -o-linear-gradient(top, transparent 31%, #00ffff 31%, #00ffff 61%, transparent 61%);
  background-image: -ms-linear-gradient(top, transparent 31%, #00ffff 31%, #00ffff 61%, transparent 61%);
  background-image: linear-gradient(to bottom, transparent 31%, #00ffff 31%, #00ffff 61%, transparent 61%);
}

/* 
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓下線

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v  
*/ 
/* オレンジの下線 */
.uline-orenge-solid {
  border-bottom: 1px solid #f90;
}
.uline-orenge-dotted {
  border-bottom: 1px dotted #f90;
}
.uline-orenge-double {
  border-bottom: 3px double #f90;
}
.uline-orenge-solid-b {
  border-bottom: 2px solid #f90;
}
.uline-orenge-dotted-b {
  border-bottom: 2px dotted #f90;
}

/* 赤の下線*/
.uline-red-solid {
  border-bottom: 1px solid #e50000;
}
.uline-red-dotted {
  border-bottom: 1px dotted #e50000;
}
.uline-red-double {
  border-bottom: 3px double #e50000;
}
.uline-red-solid-b {
  border-bottom: 2px solid #e50000;
}
.uline-red-dotted-b {
  border-bottom: 2px dotted #e50000;
}


/* 黒の下線 */
.uline-black-solid {
  border-bottom: 1px solid #333333;
}
.uline-black-dotted {
  border-bottom: 1px dotted #333333;
}
.uline-black-double {
  border-bottom: 3px double #333333;
}
.uline-black-solid-b {
  border-bottom: 2px solid #333333;
}
.uline-black-dotted-b {
  border-bottom: 2px dotted #333333;
}


/* ピンクの下線 */
.uline-pink-solid {
  border-bottom: 1px solid #ff69b4;
}
.uline-pink-dotted {
  border-bottom: 1px dotted #ff69b4;
}
.uline-pink-double {
  border-bottom: 3px double #ff69b4;
}
.uline-pink-solid-b {
  border-bottom: 2px solid #ff69b4;
}
.uline-pink-dotted-b {
  border-bottom: 2px dotted #ff69b4;
}


/* 青の下線 */
.uline-blue-solid {
  border-bottom: 1px solid #0000ff;
}
.uline-blue-dotted {
  border-bottom: 1px dotted #0000ff;
}
.uline-blue-double {
  border-bottom: 3px double #0000ff;
}
.uline-blue-solid-b {
  border-bottom: 2px solid #0000ff;
}
.uline-blue-dotted-b {
  border-bottom: 2px dotted #0000ff;
}


/* 上下線 */
/* オレンジの上下線 */
.usline-orenge {
  border-bottom: 1px solid #f90;
  border-top: 1px solid #f90;
}
.usline-orenge-b {
  border-bottom: 2px solid #f90;
  border-top: 2px solid #f90;
}

/* 赤の上下線 */
.usline-red {
  border-bottom: 1px solid #e50000;
  border-top: 1px solid #e50000;
}
.usline-red-b {
  border-bottom: 2px solid #e50000;
  border-top: 2px solid #e50000;
}

/* 黒の上下線 */
.usline-black {
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
}
.usline-black-b {
  border-bottom: 2px solid #333333;
  border-top: 2px solid #333333;
}

/* ピンクの上下線 */
.usline-pink {
  border-bottom: 1px solid #ff69b4;
  border-top: 1px solid #ff69b4;
}
.usline-pink-b {
  border-bottom: 2px solid #ff69b4;
  border-top: 2px solid #ff69b4;
}

/* 青の上下線 */
.usline-blue {
  border-bottom: 1px solid #0000ff;
  border-top: 1px solid #0000ff;
}
.usline-blue-b {
  border-bottom: 2px solid #0000ff;
  border-top: 2px solid #0000ff;
}

/* 
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓テキスト選択時の背景色

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v  
*/ 
::selection {
    background:#eeff44; /* safari */
    color: #009940;
}
::-moz-selection {
    background:#ffc0cb; /* Firefox */
	color: #eeff44;
}


/*Copyright (C) 2011 infosmile. All Rights Reserved.*/
/*
 *Landing page Template | IQ-Designer v1.00 
 *Copyright (C) 2008-2015 infosmile Inc. All Rights Reserved.
 */

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ドロップシャドウボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/*** 共通 ***/

.box-inner{
margin: 0px 30px;
padding:30px 0px;
color: #333333;
outline: none;
}

.box-inner2{
margin: 0px 20px;
padding:15px 0px;
color: #333333;
outline: none;
}

/*** BOX 1 ***/

.box1{
	min-height: 200px;
    width: 100%;
    position:relative;
    display: inline-block;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 1000%, from(#fff), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0% 0%, #fff, #f3f3f3 10%, #fff);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.1) inset;
    -webkit-border-bottom-right-radius: 6px 50px;
    -moz-border-radius-bottomright: 6px 50px;
    border-bottom-right-radius:6px 50px;
}
 
.box1:before{
    content: '';
    width: 50px;
    height: 100px;
    position:absolute;
    bottom:0; right:0;
    -webkit-box-shadow: 20px 20px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 20px 20px 15px rgba(0, 0, 0, 0.1);
    z-index:-1;
    -webkit-transform: translate(-35px,-40px)
                        skew(0deg,30deg)
                        rotate(-25deg);
    -moz-transform: translate(-35px,-40px)
                        skew(0deg,32deg)
                        rotate(-25deg);
    -o-transform: translate(-35px,-40px)
                        skew(0deg,32deg)
                        rotate(-25deg);
}
 
.box1:after{
    content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 15px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -moz-transform: rotate(7deg)
                        translate(20px,25px)
                        skew(20deg);
    -o-transform: rotate(7deg)
                        translate(20px,25px)
                        skew(20deg);
        transform: rotate(7deg)
                        translate(20px,25px)
                        skew(20deg);
}


/*** BOX 2 ***/

.box2{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -moz-border-radius-bottomright: 60px 60px;
    border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
 
}
.box2:before{
    content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow:-2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:  rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
    -o-transform:   rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
                    transform:
                    rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
}
 
.box2:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 8px rgba()0,0,0,0.2;
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                    translate(-45px,-20px)
                       skew(20deg);
    -o-transform: rotate(0deg)
                    translate(-45px,-20px)
                       skew(20deg);
    transform: rotate(0deg)
                translate(-45px,-20px)
                skew(20deg);
}


/*** BOX 3 ***/

.box3{
    width: 100%;
    padding: 5px 0 ;
    position:relative;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    border: 1px solid #ccc;
    -webkit-border-radius: 60px 5px;
    -moz-border-radius: 60px/5px;
    border-radius:60px/5px;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
}
 
.box3:before{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -o-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
}
 
.box3:after{
    content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -moz-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -o-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    transform: rotate(2deg)
               translate(20px,25px)
               skew(20deg);
}


/*** BOX 4 ***/

.box4{
    width: 100%;
	min-height: 100px;
    padding: 5px 0 ;
    position:relative;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#fff), to(#fff), color-stop(.2, #f2f2f2));
    background: -moz-linear-gradient(0% 0% 360deg, #fff, #f2f2f2 20%, #fff );
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
 
.box4:before{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
        -o-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
                transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
}
 
.box4:after{
    content: '';
    width: 50px;
    height: 50px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -moz-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    -o-transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
    transform: rotate(2deg)
                        translate(12px,25px)
                        skew(20deg);
}
 
.shr_box4{
    width: 100px;
    height: 100px;
    bottom:0; right:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
    -moz-transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
    -o-transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
        transform: rotate(0deg)
                        translate(-20px,-15px)
                       skew(20deg);
}
 
.shl_box4{
    content: '';
    width: 100px;
    height: 100px;
    bottom:0; left:0;
    position:absolute;
    z-index: -1;
    -webkit-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px 10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
    -moz-transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
    -o-transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
    transform: rotate(0deg)
                        translate(20px,-15px)
                       skew(-20deg);
}

/*** BOX 5 ***/

.box5{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -webkit-border-bottom-left-radius: 60px 60px;
    -moz-border-radius-bottomright: 60px 60px;
    -moz-border-radius-bottomleft: 60px 60px;
    border-bottom-left-radius:60px 60px;
    border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
}
 
.box5:before{
    content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 50% 90deg, #fff, #fff 10%, #eee);
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -o-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
        transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
}
 
.box5:after{
    content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
        -o-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
        transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
}
 
.fold_box5{
    z-index: -10;
    width: 50px;
    height: 50px;
    position:absolute;
    bottom:0; left:0;
    -webkit-box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -20px 20px 18px rgba(0, 0, 0, 0.2);
    box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(40px,-20px)
                        skew(-20deg);
    -moz-transform: rotate(0deg)
                        translate(40px,-20px)
                        skew(-20deg);
    -o-transform: rotate(0deg)
                        translate(40px,-20px)
                        skew(-20deg);
    transform: rotate(0deg)
                        translate(40px,-20px)
                        skew(-20deg);
}
 
.fold2_box5{
    content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; left:0;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 50% 80%, from(#fff), to( #eee), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 50%, #fff, #fff 10%, #eee);
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(103deg)
                        skew(-3deg,-40deg)
                        translate(-13px,-15px);
    -moz-transform: rotate(103deg)
                        skew(-3deg,-40deg)
                        translate(-13px,-15px);
    -o-transform: rotate(103deg)
                        skew(-3deg,-40deg)
                        translate(-13px,-15px);
}

/*** BOX 6***/

.box6{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f3f3f3);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-border-top-left-radius: 60px 5px;
    -webkit-border-top-right-radius: 60px 5px;
    -webkit-border-bottom-right-radius: 60px 60px;
    -moz-border-radius-topleft: 60px 5px;
    -moz-border-radius-topright: 60px 5px;
    -moz-border-radius-bottomright: 60px 60px;
    border-top-left-radius: 60px 5px;
    border-top-right-radius: 60px 5px;
    border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
}
 
.box6:before{
    content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:  rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -o-transform:   rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    transform:  rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
}
 
.box6:after{
    content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -o-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
}
 
.box6_corner_lf{
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-6;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -moz-transform: rotate(2deg)
                        translate(20px,20px)
                        skew(20deg);
    -o-transform: rotate(2deg)
                        translate(20px,20px)
                        skew(20deg);
    transform: rotate(2deg)
                        translate(20px,20px)
                        skew(20deg);
}
 
.box6_corner_rt{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-6;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,15px)
                        skew(-20deg);
    -o-transform: rotate(2deg)
                        translate(-14px,15px)
                        skew(-20deg);
    transform: rotate(2deg)
                        translate(-14px,15px)
                        skew(-20deg);
}

/*** BOX 7 ***/

.box7{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f3f3f3);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}
 
.box7:before{
    content: '';
    position:absolute;
    width: 130px;
    height: 30px;
	z-index:2;
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    -moz-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
        -o-transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
        transform:translate(-50px,10px)
                        skew(10deg,10deg)
                        rotate(-50deg);
}
 
.box7:after{
    content: '';
    position:absolute;
    right:0;
    bottom:0;
	z-index:2;
    width: 130px;
    height: 30px;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);

    -moz-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    -o-transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg);
    transform: translate(50px,-20px)
                        skew(10deg,10deg)
                        rotate(-50deg)
}




/*** BOX 8 ***/

.box8{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: #fff;
    background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(100% 50%, #fff, #fff 10%, #f3f3f3);
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -moz-border-radius-bottomright: 60px 5px;
    border-bottom-right-radius: 60px 5px;
}
 
.box8:before{
    content: '';
    width: 98%;
    z-index:-1;
    height: 100%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9);
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -moz-border-radius-bottomright: 60px 5px;
    border-bottom-right-radius: 60px 5px;
    -webkit-transform: skew(2deg,2deg)
                        translate(3px,8px);
    -moz-transform: skew(2deg,2deg)
                        translate(3px,8px);
        -o-transform: skew(2deg,2deg)
                        translate(3px,8px);
    transform: skew(2deg,2deg)
                        translate(3px,8px);
}
 
.box8:after{
    content: '';
    width: 98%;
    z-index:-1;
    height: 98%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 360deg, #f3f3f3, #fff 10%, #f6f6f6);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    -webkit-transform: skew(2deg,2deg)
                        translate(-1px,2px);
    -moz-transform: skew(2deg,2deg)
                        translate(-1px,2px) ;
        -o-transform: skew(2deg,2deg)
                        translate(-1px,2px) ;
    transform: skew(2deg,2deg)
                        translate(-1px,2px) ;
}

/*** BOX 9 ***/

.box9{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff);
    border-top: 1px solid white;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -moz-border-radius-bottomright: 60px 60px;
    border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
    box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
 
}
 
.box9:before{
    content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; right:0;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 50%, #fff, #fff 10%, #eee);
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0,0,0,0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
                        transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
                        transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -o-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
                        transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
                        transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
}
 
.box9:after{
    content: '';
    z-index: -1;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 17px rgba(0,0,0,0.2);
    box-shadow: 20px 20px 17px rgba(0,0,0,0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                        translate(-40px,-17px)
                        skew(20deg);
    -o-transform: rotate(0deg)
                        translate(-40px,-17px)
                        skew(20deg);
    transform: rotate(0deg)
                        translate(-40px,-17px)
                        skew(20deg);
}
 
.box9_tape{
    position:absolute;
    top:-25px; left: 30%;
    width: 130px;
    height: 40px;
    background:#ccc;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

/*** BOX 10 ***/

.box10{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background:#f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 270deg, #f3f3f3, #f3f3f3 10%, #fff);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    -webkit-border-bottom-right-radius: 60px 60px;
    -moz-border-radius-bottomright: 60px 60px;
    border-bottom-right-radius: 60px 60px;
    -webkit-border-bottom-left-radius: 60px 60px;
    -moz-border-radius-bottomleft: 60px 60px;
    border-bottom-left-radius: 60px 60px;
    -webkit-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2);
}
 
.box10:before{
    content:'';
    width: 25px;
    height: 20px;
    background: white;
    position: absolute;
    bottom:0; right:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 40%, from(#fff), to( #eee), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 50%, #fff, #fff 10%, #eee);
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -o-transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    transform: rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
}
 
.box10:after{
    content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 17px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                        translate(-40px,-17px)
                        skew(20deg);
    -o-transform: rotate(0deg)
                        translate(-40px,-17px)
                        skew(20deg);
    transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
}
 
.fold_box10{
    z-index: -10;
    width: 50px;
    height: 50px;
    position:absolute;
    bottom:0; left:0;
    -webkit-box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -20px 20px 17px rgba(0, 0, 0, 0.2);
    box-shadow: -20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(40px,-20px)
                        skew(-20deg);
    -moz-transform: rotate(0deg)
                        translate(40px,-17px)
                        skew(-20deg);
    -o-transform: rotate(0deg)
                        translate(40px,-17px)
                        skew(-20deg);
    transform: rotate(0deg)
                        translate(40px,-20px)
                        skew(-20deg);
}
 
.fold2_box10{
    width: 25px;
    height: 20px;
    z-index:20;
    background: white;
    position: absolute;
    bottom:0; left:0;
    background: -webkit-gradient(linear, 0% 20%, 50% 80%, from(#fff), to( #eee), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 50%, #fff, #fff 10%, #eee);
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(103deg)
                        skew(-3deg,-40deg)
                        translate(-13px,-15px);
    -moz-transform: rotate(103deg)
                        skew(-3deg,-40deg)
                        translate(-13px,-15px);
    -o-transform: rotate(103deg)
                        skew(-3deg,-40deg)
                        translate(-13px,-15px);
    transform: rotate(103deg)
                        skew(-3deg,-40deg)
                        translate(-13px,-15px);
}
 
.box10_tape{
    content: '';
    position:absolute;
    top:-25px; left: 30%;
    width: 130px;
    height: 40px;
    background: #ccc;
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0% 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
}

/*** BOX 11 ***/

.box11{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(0% 0% 270deg, #fff, #fff 10%, #f3f3f3);
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -webkit-border-top-left-radius: 60px 5px;
    -moz-border-radius-topleft:60px 5px;
    border-top-left-radius:60px 5px;
    -webkit-border-top-right-radius: 60px 5px;
    -moz-border-radius-topright:60px 5px;
    border-top-right-radius:60px 5px;
    -webkit-border-bottom-right-radius: 60px 60px;
    -moz-border-radius-bottomright:60px 60px;
    border-bottom-right-radius: 60px 60px;
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.3) ;
}
 
.box11:before{
    content:'';
    width: 25px;
    height: 20px;
    position: absolute;
    bottom:0;
    right:0;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-bottomright: 30px;
    border-bottom-right-radius: 30px;
    -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.3);
    -webkit-transform:
                        rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
    -moz-transform: rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
    -o-transform:   rotate(-20deg)
                    skew(-40deg,-3deg)
                    translate(-13px,-13px);
    transform:  rotate(-20deg)
                        skew(-40deg,-3deg)
                        translate(-13px,-13px);
}
 
.box11:after{
    content: '';
    z-index: -10;
    width: 100px;
    height: 100px;
    position:absolute;
    bottom:0;
    right:0;
    background: rgba(0, 0, 0, 0.2);
    display: inline-block;
    -webkit-box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 20px 20px 18px rgba(0, 0, 0, 0.2);
    box-shadow: 20px 20px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -moz-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    -o-transform: rotate(0deg)
                        translate(-45px,-20px)
                        skew(20deg);
    transform: rotate(0deg)
               translate(-45px,-20px)
               skew(20deg);
}
 
.box11_corner_lf{
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-6;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -moz-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -o-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    transform: rotate(2deg)
                translate(20px,25px)
                skew(20deg);
}
 
.box11_corner_rt{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-6;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -o-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    transform: rotate(2deg)
               translate(-14px,20px)
               skew(-20deg);
}
 
.box11_tape:before{
    content: '';
    position:absolute;
    top:0; left: 0;
    width: 130px;
    height: 40px;
    background:rgba(0,0,0,0.2);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0% 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(90deg) skew(0,0) translate(100px,65px);
    -moz-transform: rotate(90deg) skew(0,0) translate(100px,65px);
    -o-transform: rotate(90deg) skew(0,0) translate(100px,65px);
    transform: rotate(90deg) skew(0,0) translate(100px,65px);
}
 
.box11_tape:after{
    content: '';
    position:absolute;
    top:0; right: 0;
    width: 130px;
    height: 40px;
    background:rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0% 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(90deg) skew(0,0) translate(100px,-65px);
    -moz-transform: rotate(90deg) skew(0,0) translate(100px,-65px);
    -o-transform: rotate(90deg) skew(0,0) translate(100px,-65px);
    transform: rotate(90deg) skew(0,0) translate(100px,-65px);
}

/*** BOX 12 ***/

.box12{
    width: 100%;
    padding: 5px 0 ;
    position:relative;
    background:#fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(0% 0% 270deg, #fff, #fff 10%, #f3f3f3);
    border: 1px solid #ccc;
    -webkit-border-radius: 60px 5px;
    -moz-border-radius: 60px/5px;
    border-radius: 60px/5px;
    -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1) inset;
}
 
.box12:before{
    content: '';
    width: 50px;
    height: 50px;
    top:0; right:0;
    position:absolute;
    display: inline-block;
    z-index:-1;
    -webkit-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 10px -10px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -moz-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    -o-transform: rotate(2deg)
                        translate(-14px,20px)
                        skew(-20deg);
    transform: rotate(2deg)
                translate(-14px,20px)
                skew(-20deg);
}
 
.box12:after{
    content: '';
    width: 100px;
    height: 100px;
    top:0; left:0;
    position:absolute;
    z-index:-1;
    display: inline-block;
    -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -moz-transform:  rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    -o-transform:  rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
    transform:  rotate(2deg)
                        translate(20px,25px)
                        skew(20deg);
}
 
.box12_tape{
    position:absolute;
    top:0; right: 0;
    width: 130px;
    height: 40px;
    background: rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0% 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
    -webkit-transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
    -moz-transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
    -o-transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
    transform: rotate(6deg) skew(0,0) translate(-60%,-5px);
}

/*** BOX 13 ***/

.box13{
    width: 100%;
	min-height: 150px;
    padding: 0 0 1px 0;
    position:relative;
    background:#fff;
    background: -webkit-gradient(linear, 100% 100%, 50% 10%, from(#fff), to(#f3f3f3), color-stop(.1,#fff));
    background: -moz-linear-gradient(100% 50% 90deg, #fff, #fff 10%, #f3f3f3);
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0, 0.1);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -moz-border-radius-bottomright: 60px 5px;
    border-bottom-right-radius:  60px 5px;
}
 
.box13:before{
    content: '';
    width: 98%;
    z-index:-1;
    height: 100%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: #fff;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#fff), to(#f9f9f9), color-stop(.1,#fff));
    background: -moz-linear-gradient(0 0 270deg, #fff, #fff 10%, #f9f9f9);
    border: 1px solid #ccc;
    -webkit-box-shadow: 1px 1px 8px rgba(0,0,0, 0.1);
    -moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 8px rgba(0,0,0,0.1);
    -webkit-border-bottom-right-radius: 60px 5px;
    -moz-border-radius-bottomright: 60px 5px;
    border-bottom-right-radius:  60px 5px;
 
    -webkit-transform: skew(2deg,2deg)
                        translate(3px,8px);
    -moz-transform: skew(2deg,2deg)
                        translate(3px,8px);
    -o-transform: skew(2deg,2deg)
                        translate(3px,8px);
    transform: skew(2deg,2deg)
                        translate(3px,8px);
}
 
.box13:after{
    content: '';
    width: 98%;
    z-index:-1;
    height: 98%;
    padding: 0 0 1px 0;
    position: absolute;
    bottom:0; right:0;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 100%, from(#f3f3f3), to(#f6f6f6), color-stop(.1,#fff));
    background: -moz-linear-gradient(0% 0% 360deg, #f3f3f3, #fff, #f6f6f6);
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 8px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 8px rgba(0,0,0,0.1);
    -webkit-transform: skew(2deg,2deg)
                        translate(-1px,2px);
    -moz-transform: skew(2deg,2deg)
                        translate(-1px,2px);
    -o-transform: skew(2deg,2deg)
                        translate(-1px,2px);
    transform: skew(2deg,2deg)
               translate(-1px,2px);
}
 
.box13_tape{
    position:absolute;
    top:0; left: 0;
    width: 130px;
    height: 40px;
    background:rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(linear, 555% 20%, 0% 92%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.0)), color-stop(.1,rgba(0, 0, 0, 0.2)));
    background: -moz-linear-gradient(555% 0 180deg, rgba(0,0,0,0.1), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.0));
    border-left: 1px dashed rgba(0, 0, 0, 0.1);
    border-right: 1px dashed rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 12px rgba(0,0,0,0.2);
    -webkit-transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
    -moz-transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
    -o-transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
    transform: rotate(-30deg) skew(0,0) translate(-30px,-20px);
}

.box {
	width:100%;
    color: #444444;
	background:#FFF;
	background: #fff;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset; }
}
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect5:before, .effect5:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect5:after

{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓カラーボーダー

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/


.box-color1 {
  height:100%;
  border: solid #45f365;
  position: relative;
  z-index:1;
}

.box-color2 {
  height:100%;
  border: solid #35e;
  position: relative;
  z-index:1;
}
.box-color3 {
  height:100%;
  border: solid #d32178;
  position: relative;
  z-index:1;
}

.box-color4 {
  height:100%;
  border: solid #31caef;
  position: relative;
  z-index:1;
}

.box-color5 {
  height:100%;
  border: solid #090;
  position: relative;
  z-index:1;
}

.box-color6 {
  height:100%;
  border: solid #c30;
  position: relative;
  z-index:1;
}
.box-color7 {
  height:100%;
  border: solid #f39;
  position: relative;
  z-index:1;
}
.box-color8 {
  height:100%;
  border: solid #f9f;
  position: relative;
  z-index:1;
}
.box-color9 {
  height:100%;
  border: solid #69f;
  position: relative;
  z-index:1;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓画像背景ボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

.box-img01 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img01.gif);
}
.box-img02 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img02.gif); 
}
.box-img03 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img03.gif); 
}
.box-img04 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img04.gif); 
}
.box-img05 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img05.gif); 
}
.box-img06 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img06.gif); 
}
.box-img07 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img07.gif); 
}
.box-img08 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	border-radius: 8px;
	background-image:url(../images/back/box-img08.gif); 
}
.box-img09 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../images/back/box-img09.gif); 
}
.box-img10 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../images/back/box-img10.gif); 
}
.box-img11 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../images/back/box-img11.gif); 
}
.box-img12 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../images/box-img12.gif); 
	}


.box-img13 {
	min-height: 50px;
	width: 100%;
	position: relative;
	z-index:1;
	background-image:url(../images/back/box-img13.gif); 
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓罫線つきの背景

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
.note001 {
  background-color: #ffc;
  background-image: -webkit-linear-gradient(top, #e6e6e6 1px, transparent 1px), -webkit-linear-gradient(top, #ffffe6 0, #ffc 100%);
  background-image: -moz-linear-gradient(top, #e6e6e6 1px, transparent 1px), -moz-linear-gradient(top, #ffffe6 0, #ffc 100%);
  background-image: -o-linear-gradient(top, #e6e6e6 1px, transparent 1px), -o-linear-gradient(top, #ffffe6 0, #ffc 100%);
  background-image: -ms-linear-gradient(top, #e6e6e6 1px, transparent 1px), -ms-linear-gradient(top, #ffffe6 0, #ffc 100%);
  background-image: linear-gradient(to bottom, #e6e6e6 1px, transparent 1px), linear-gradient(to bottom, #ffffe6 0, #ffc 100%);
  background-position: 0 -1px, 0;
  -webkit-background-size: 2em 2em, 100%;
  -moz-background-size: 2em 2em, 100%;
  background-size: 2em 2em, 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  line-height: 2;
  margin: 0px;
  overflow: hidden;
  padding: 0 2em;
  position: relative;
  text-align: left;
  font-size: 1em;
  z-index:0;
}

.note002 {
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #e6e6e6 1px, transparent 1px), -webkit-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background-image: -moz-linear-gradient(top, #e6e6e6 1px, transparent 1px), -moz-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e6e6e6 1px, transparent 1px), -o-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background-image: -ms-linear-gradient(top, #e6e6e6 1px, transparent 1px), -ms-linear-gradient(top, #ffffff 0, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e6e6e6 1px, transparent 1px), linear-gradient(to bottom, #ffffff 0, #f5f5f5 100%);
  background-position: 0 -1px, 0;
  -webkit-background-size: 2em 2em, 100%;
  -moz-background-size: 2em 2em, 100%;
  background-size: 2em 2em, 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  line-height: 2;
  margin: 0px;
  overflow: hidden;
  padding: 0 2em;
  position: relative;
  text-align: left;
  font-size: 1em;
  z-index:0;
}

.note003 {
  background-color: #ffc;
  background-image: -webkit-linear-gradient(top, #e6e6e6 1px, transparent 1px), -webkit-linear-gradient(top, #ffffff 0, #e5ffff 100%);
  background-image: -moz-linear-gradient(top, #e6e6e6 1px, transparent 1px), -moz-linear-gradient(top, #ffffff 0, #e5ffff 100%);
  background-image: -o-linear-gradient(top, #e6e6e6 1px, transparent 1px), -o-linear-gradient(top, #ffffff 0, #e5ffff 100%);
  background-image: -ms-linear-gradient(top, #e6e6e6 1px, transparent 1px), -ms-linear-gradient(top, #ffffff 0, #e5ffff 100%);
  background-image: linear-gradient(to bottom, #e6e6e6 1px, transparent 1px), linear-gradient(to bottom, #ffffff 0, #e5ffff 100%);
  background-position: 0 -1px, 0;
  -webkit-background-size: 2em 2em, 100%;
  -moz-background-size: 2em 2em, 100%;
  background-size: 2em 2em, 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  line-height: 2;
  margin: 0px;
  overflow: hidden;
  padding: 0 2em;
  position: relative;
  text-align: left;
  font-size: 1em;
  z-index:0;
}

.note004 {
  background-color: #ffffff;
  background-image: -webkit-linear-gradient(top, #000000 1px, transparent 1px), -webkit-linear-gradient(top, #333333 0, #1a1a1a 100%);
  background-image: -moz-linear-gradient(top, #000000 1px transparent 1px), -moz-linear-gradient(top, #333333 0, #1a1a1a 100%);
  background-image: -o-linear-gradient(top, #000000 1px, transparent 1px), -o-linear-gradient(top, #333333 0, #1a1a1a 100%);
  background-image: -ms-linear-gradient(top, #000000 1px, transparent 1px), -ms-linear-gradient(top, #333333 0, #1a1a1a 100%);
  background-image: linear-gradient(to bottom, #000000 1px, transparent 1px), linear-gradient(to bottom, #333333 0, #1a1a1a 100%);
  background-position: 0 -1px, 0;
  -webkit-background-size: 2em 2em, 100%;
  -moz-background-size: 2em 2em, 100%;
  background-size: 2em 2em, 100%;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  line-height: 2;
  margin: 0px;
  overflow: hidden;
  padding: 0 2em;
  position: relative;
  text-align: left;
  font-size: 1em;
  z-index:0;
  color:#ffffff;
}

.note005 {
  background-image: -webkit-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -moz-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -o-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: -ms-linear-gradient(top, #999999 1px, transparent 1px);
  background-image: linear-gradient(to bottom, #999999 1px, transparent 1px);
  background-position: 0 -1px, 0;
  -webkit-background-size: 2em 2em, 100%;
  -moz-background-size: 2em 2em, 100%;
  background-size: 2em 2em, 100%;
  line-height: 2;
  margin: 0px 50px;
  overflow: hidden;
  padding: 0 1em;
  position: relative;
  text-align: center;
  font-size: 1.200em;
  z-index:0;
}

/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓その他デザインボックス

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/
/*** リボン付き1（コーナー） ***/

.ribbon {
　padding:5px;
  width: 97%;
  min-height: 60px;
  border-radius: 0px;
  position: relative;
  z-index: 90;
  line-height:180%;
background:#eee;background-image:-moz-linear-gradient(top, #fff, #eee);background-image:-ms-linear-gradient(top, #fff, #eee);background-image:-o-linear-gradient( top, #fff, #eee);background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background-image:-webkit-linear-gradient(top, #fff, #eee);background-image:linear-gradient(top, #fff, #eee);border:1px
solid #ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 1px 0 #9a9a9a;-webkit-box-shadow:0 1px 0 #9a9a9a;box-shadow:0 1px 0 #9a9a9a;padding:10px;
}
.inner  {border:1px dashed #ccc;padding:15px 20px 15px 20px;-moz-box-shadow:0 0 0 1px #fff;-webkit-box-shadow:0 0 0 1px #fff;box-shadow:0 0 0 1px #fff}

/*** 青リボン ***/ 
.ribbon-wrapper-blue {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}
 
.ribbon-blue {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #3BB9FF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));
  background-image: -webkit-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:    -moz-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:     -ms-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:      -o-linear-gradient(top, #306EFF, #3BB9FF);
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-blue:before, .ribbon-blue:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-blue:before {
  left: 0;
}
.ribbon-blue:after {
  right: 0;
}

/*** 赤リボン ***/ 
.ribbon-wrapper-red {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-red {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #e50000;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7f0000), to(#e50000));
  background-image: -webkit-linear-gradient(top, #7f0000, #e50000);
  background-image:    -moz-linear-gradient(top, #7f0000, #e50000);
  background-image:     -ms-linear-gradient(top, #7f0000, #e50000);
  background-image:      -o-linear-gradient(top, #7f0000, #e50000);
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-red:before, .ribbon-red:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-red:before {
  left: 0;
}
.ribbon-red:after {
  right: 0;
}

/*** 金リボン ***/ 
.ribbon-wrapper-gold {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.ribbon-gold {
  font: bold 15px Sans-Serif;
  color: #333;
  text-align: center;
  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #f0e68c;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#b8860b), to(#f0e68c));
  background-image: -webkit-linear-gradient(top, #b8860b, #f0e68c);
  background-image:    -moz-linear-gradient(top, #b8860b, #f0e68c);
  background-image:     -ms-linear-gradient(top, #b8860b, #f0e68c);
  background-image:      -o-linear-gradient(top, #b8860b, #f0e68c);
 
  color: #fff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
 
.ribbon-gold:before, .ribbon-gold:after {
  content: "";
  border-top:   3px solid #6e8900;
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
 
.ribbon-gold:before {
  left: 0;
}
.ribbon-gold:after {
  right: 0;
}


/*** リボン付き１（センター） ***/
.ribbon-center {
  width: 100%;
  min-height: 60px;
  border-radius: 0px;
  position: relative;
  z-index: 1;
  background:#eee;
  background-image:-moz-linear-gradient(top, #fff, #eee);
  background-image:-ms-linear-gradient(top, #fff, #eee);
  background-image:-o-linear-gradient( top, #fff, #eee);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
  background-image:-webkit-linear-gradient(top, #fff, #eee);
  background-image:linear-gradient(top, #fff, #eee);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
  padding:0px;
}
.ribbon-inner{
	color: #000000;
	outline: none;
	padding: 0px 10px;
	margin: 60px 0px 20px 0px;
	line-height:180%;
}
ribbon {
    background: #fff;
    float: left;
    min-height: 40px;
    margin: 0px;
    position: relative;
    text-align: center;
    width: 100%;
}
ribbon h2 {
    background-color: #3BB9FF;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));
    background-image: -webkit-linear-gradient(top, #306EFF, #3BB9FF);
    background-image:    -moz-linear-gradient(top, #306EFF, #3BB9FF);
    background-image:     -ms-linear-gradient(top, #306EFF, #3BB9FF);
    background-image:      -o-linear-gradient(top, #306EFF, #3BB9FF);
    border: 0 solid rgba(0,0,0,0.2);
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    position: relative;
    text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
}
ribbon.banner {
  z-index: -1;
}
ribbon.banner h2 {
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    border-color: rgba(0,0,0,0.1);
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
    display: inline-block;
    margin: -1px auto 0;
    padding: 15px 28px;
}
ribbon.banner h2:before, ribbon.banner h2:after {
    bottom: 4px;
    box-shadow: 0 6px 5px rgba(0,0,0,0.4);
    content: "";
    height: 10px;
    position: absolute;
    width: 47%;
    z-index: -1;
}
ribbon.banner h2::before {
    left: 3%;
    transform: rotate(-3.5deg);
}
ribbon.banner h2::after {
    right: 3%;
    transform: rotate(3.5deg);
}




/*** リボン付き2 ***/

.ribbon-text {
	clear: both;
	padding: 20px 30px 20px 30px;
	line-height:180%;
}

.ribbon-corner {
    position: absolute;
    left: 0;
    margin-top: 1px;
    border-top-color: #A2A2A2;
    border-left-color: #fff;
    border-style: solid;
    border-width: 4px 0 0 6px;
    line-height: 0;
}

/*** リボン付きオレンジ ***/
.ribbon-orange-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #f69b1f;
    background:#fffbe5;
    background-image:-moz-linear-gradient(top, #ffffff, #fffbe5);
    background-image:-ms-linear-gradient(top, #ffffff, #fffbe5);
    background-image:-o-linear-gradient( top, #ffffff, #fffbe5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fffbe5));
    background-image:-webkit-linear-gradient(top, #ffffff, #fffbe5);
    background-image:linear-gradient(top, #ffffff, #fffbe5);
}
.ribbon-orange-outer {
    position: relative;
    left: -8px;
    border: 1px solid #f69b1f;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-orange-inner {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#ffa500;
    background-image:-moz-linear-gradient(top, #ffd700, #ffa500);
    background-image:-ms-linear-gradient(top, #ffd700, #ffa500);
    background-image:-o-linear-gradient( top, #ffd700, #ffa500);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#ffa500));
    background-image:-webkit-linear-gradient(top, #ffd700, #ffa500);
    background-image:linear-gradient(top, #ffd700, #ffa500);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/*** リボン付き赤 ***/
.ribbon-red-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #eb0000;
    background:#ffece5;
    background-image:-moz-linear-gradient(top, #ffffff, #ffece5);
    background-image:-ms-linear-gradient(top, #ffffff, #ffece5);
    background-image:-o-linear-gradient( top, #ffffff, #ffece5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffece5));
    background-image:-webkit-linear-gradient(top, #ffffff, #ffece5);
    background-image:linear-gradient(top, #ffffff, #ffece5);
}
.ribbon-red-outer {
    position: relative;
    left: -8px;
    border: 1px solid #eb0000;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-red-inner {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#eb0000;
    background-image:-moz-linear-gradient(top, #ff9999, #eb0000);
    background-image:-ms-linear-gradient(top, #ff9999, #eb0000);
    background-image:-o-linear-gradient( top, #ff9999, #eb0000);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9999), to(#eb0000));
    background-image:-webkit-linear-gradient(top, #ff9999, #eb0000);
    background-image:linear-gradient(top, #ff9999, #eb0000);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

/*** リボン付き青 ***/
.ribbon-blue-box { 
    width: 100%;
    margin: 0px;
    padding-top: 20px;
    border: 1px solid #0000cd;
    background:#f0f8ff;
    background-image:-moz-linear-gradient(top, #ffffff, #f0f8ff);
    background-image:-ms-linear-gradient(top, #ffffff, #f0f8ff);
    background-image:-o-linear-gradient( top, #ffffff, #f0f8ff);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f8ff));
    background-image:-webkit-linear-gradient(top, #ffffff, #f0f8ff);
    background-image:linear-gradient(top, #ffffff, #f0f8ff);
}
.ribbon-blue-outer {
    position: relative;
    left: -8px;
    border: 1px solid #0000cd;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-blue-inner {
    padding: 10px 20px;
    border: 1px solid #fff;
    background:#306EFF;
    background-image:-moz-linear-gradient(top, #3BB9FF, #306EFF);
    background-image:-ms-linear-gradient(top, #3BB9FF, #306EFF);
    background-image:-o-linear-gradient( top, #3BB9FF, #306EFF);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#3BB9FF), to(#306EFF));
    background-image:-webkit-linear-gradient(top, #3BB9FF, #306EFF);
    background-image:linear-gradient(top, #3BB9FF, #306EFF);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き緑 ***/
.ribbon-green-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #008000;
    background:#e0f9e0;
    background-image:-moz-linear-gradient(top, #ffffff, #e0f9e0);
    background-image:-ms-linear-gradient(top, #ffffff, #e0f9e0);
    background-image:-o-linear-gradient( top, #ffffff, #e0f9e0);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0f9e0));
    background-image:-webkit-linear-gradient(top, #ffffff, #e0f9e0);
    background-image:linear-gradient(top, #ffffff, #e0f9e0);
}
.ribbon-green-outer {
    position: relative;
    left: -8px;
    border: 1px solid #008000;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-green-inner {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#008000;
    background-image:-moz-linear-gradient(top, #9acd32, #008000);
    background-image:-ms-linear-gradient(top, #9acd32, #008000);
    background-image:-o-linear-gradient( top, #9acd32, #008000);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#9acd32), to(#008000));
    background-image:-webkit-linear-gradient(top, #9acd32, #008000);
    background-image:linear-gradient(top, #9acd32, #008000);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き紫 ***/
.ribbon-purple-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #800080;
    background:#edd5ed;
    background-image:-moz-linear-gradient(top, #edd5ed, #e5bded);
    background-image:-ms-linear-gradient(top, #edd5ed, #e5bded);
    background-image:-o-linear-gradient( top, #edd5ed, #e5bded);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#edd5ed), to(#e5bded));
    background-image:-webkit-linear-gradient(top, #edd5ed, #e5bded);
    background-image:linear-gradient(top, #edd5ed, #e5bded);
}
.ribbon-purple-outer {
    position: relative;
    left: -8px;
    border: 1px solid #800080;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-purple-inner {
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 1px;
	border: 1px solid #fff;
	background: #800080;
	background-image: -moz-linear-gradient(top, #dda0dd, #800080);
	background-image: -ms-linear-gradient(top, #dda0dd, #800080);
	background-image: -o-linear-gradient( top, #dda0dd, #800080);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dda0dd), to(#800080));
	background-image: -webkit-linear-gradient(top, #dda0dd, #800080);
	background-image: linear-gradient(top, #dda0dd, #800080);
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}


/*** リボン付きピンク ***/
.ribbon-pink-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #ff1493;
    background:#ffe5e9;
    background-image:-moz-linear-gradient(top, #ffffff, #ffe5e9);
    background-image:-ms-linear-gradient(top, #ffffff, #ffe5e9);
    background-image:-o-linear-gradient( top, #ffffff, #ffe5e9);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffe5e9));
    background-image:-webkit-linear-gradient(top, #ffffff, #ffe5e9);
    background-image:linear-gradient(top, #ffffff, #ffe5e9);
}
.ribbon-pink-outer {
    position: relative;
    left: -8px;
    border: 1px solid #ff1493;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-pink-inner {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#ff1493;
    background-image:-moz-linear-gradient(top, #ffc0cb, #ff1493);
    background-image:-ms-linear-gradient(top, #ffc0cb, #ff1493);
    background-image:-o-linear-gradient( top, #ffc0cb, #ff1493);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffc0cb), to(#ff1493));
    background-image:-webkit-linear-gradient(top, #ffc0cb, #ff1493);
    background-image:linear-gradient(top, #ffc0cb, #ff1493);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き金 ***/
.ribbon-gold-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #b8860b;
    background:#ffffe5;
    background-image:-moz-linear-gradient(top, #ffffff, #ffffe5);
    background-image:-ms-linear-gradient(top, #ffffff, #ffffe5);
    background-image:-o-linear-gradient( top, #ffffff, #ffffe5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffe5));
    background-image:-webkit-linear-gradient(top, #ffffff, #ffffe5);
    background-image:linear-gradient(top, #ffffff, #ffffe5);
}
.ribbon-gold-outer {
    position: relative;
    left: -8px;
    border: 1px solid #b8860b;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-gold-inner {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#b8860b;
    background-image:-moz-linear-gradient(top, #f0e68c, #b8860b);
    background-image:-ms-linear-gradient(top, #f0e68c, #b8860b);
    background-image:-o-linear-gradient( top, #f0e68c, #b8860b);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f0e68c), to(#b8860b));
    background-image:-webkit-linear-gradient(top, #f0e68c, #b8860b);
    background-image:linear-gradient(top, #f0e68c, #b8860b);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き黒 ***/
.ribbon-black-box { 
    width: 100%;
    margin: 0px;
    padding-top: 10px;
    border: 1px solid #333333;
	background:#f5f5f5;
    background-image:-moz-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:-ms-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:-o-linear-gradient( top, #ffffff, #f5f5f5);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background-image:-webkit-linear-gradient(top, #ffffff, #f5f5f5);
    background-image:linear-gradient(top, #ffffff, #f5f5f5);
}
.ribbon-black-outer {
	position: relative;
    left: -8px;
    border: 1px solid #333333;
    text-align: left;
    clear: both;
    float: left;
  }
.ribbon-black-inner {
    padding: 1px 15px;
    border: 1px solid #fff;
    background:#333333;
    background-image:-moz-linear-gradient(top, #a9a9a9, #333333);
    background-image:-ms-linear-gradient(top, #a9a9a9, #333333);
    background-image:-o-linear-gradient( top, #a9a9a9, #333333);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#333333));
    background-image:-webkit-linear-gradient(top, #a9a9a9, #333333);
    background-image:linear-gradient(top, #a9a9a9, #333333);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}


/*** リボン付き3 ***/

.promoBox {
	display: inline-block;
	position: relative;
	margin-bottom: 0px;
	padding: 20px;
	width: 94%;
    border: 2px solid #ddd;
	-webkit-border-radius: 8px;
			border-radius: 8px;
  	overflow: hidden;

	background: #ffffff;
	background: -moz-linear-gradient(-45deg, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -o-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: -ms-linear-gradient(-45deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background: linear-gradient(135deg, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 );

	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}

.promoBox aside {
	position: absolute;
	width: 280px;
	right: 0;
	margin: 0 -65px 0 0;
	-webkit-transform: rotate(35deg);
	 -khtml-transform: rotate(35deg);
	   -moz-transform: rotate(35deg);
		-ms-transform: rotate(35deg);
			transform: rotate(35deg);
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
	text-align: right;
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	background: #4f85bb;
	background: -moz-linear-gradient(-45deg, #4f85bb 0%, #4f85bb 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#4f85bb), color-stop(100%,#4f85bb));
	background: -webkit-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: -o-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: -ms-linear-gradient(-45deg, #4f85bb 0%,#4f85bb 100%);
	background: linear-gradient(135deg, #4f85bb 0%,#4f85bb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=1 );

}

.promoBox aside p { padding:10px 80px 10px 80px; margin: 0; }
.promoBox h4 { 
	font-size: 25px; 
	margin: 0; 
	padding: 0 25% 10px 10px; 
	border-bottom: 1px solid #ddd;
	line-height: 120%; 
}
.promoBox-inner { 
    padding: 10px 10px 10px 10px; 
	font-size: 15px;
	line-height: 180%; 
	 }

/* COLOR: Box & Text
\* --------------------------------- */
.promoBox.info-box {
	background: #e0f3fa;
	background: -moz-linear-gradient(-45deg, #e0f3fa 0%, #d8f0fc 50%, #b8e2f6 51%, #b6dffd 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e0f3fa), color-stop(50%,#d8f0fc), color-stop(51%,#b8e2f6), color-stop(100%,#b6dffd));
	background: -webkit-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -o-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: -ms-linear-gradient(-45deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	background: linear-gradient(135deg, #e0f3fa 0%,#d8f0fc 50%,#b8e2f6 51%,#b6dffd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0f3fa', endColorstr='#b6dffd',GradientType=1 );
	border-color: #b6e1f6;
}
.promoBox.info-box h4 { color: #225b9c; border-color: #8dc2dd; }

.promoBox.warning-box {
	background: #fceabb;
	background: -moz-linear-gradient(-45deg, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93));
	background: -webkit-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -o-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: -ms-linear-gradient(-45deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	background: linear-gradient(135deg, #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=1 );
	border-color: #fccf5a;
}
.promoBox.warning-box h4 { color: #775600; border-color: #9e8135; }

.promoBox.danger-box {
	background: #f85032;
	background: -moz-linear-gradient(-45deg, #f85032 0%, #f16f5c 50%, #f6290c 51%, #f02f17 71%, #e73827 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f85032), color-stop(50%,#f16f5c), color-stop(51%,#f6290c), color-stop(71%,#f02f17), color-stop(100%,#e73827));
	background: -webkit-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -o-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: -ms-linear-gradient(-45deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	background: linear-gradient(135deg, #f85032 0%,#f16f5c 50%,#f6290c 51%,#f02f17 71%,#e73827 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=1 );
	border-color: #ff433e;
	color: #fff;
}
.promoBox.danger-box h4 { color: #fff; border-color: #ff706d; }

.promoBox.success-box {
	background: #9dd53a;
	background: -moz-linear-gradient(-45deg, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
	background: -webkit-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -o-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: -ms-linear-gradient(-45deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	background: linear-gradient(135deg, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=1 );
	border-color: #9dd53a;
	color: #fff;
}
.promoBox.success-box h4 { color: #4d690b; border-color: #ccfc5a; }

/* COLOR: Ribbon
\* --------------------------------- */
.promoBox.info-ribbon aside {
	background: #1e5799;
	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
	background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
}

.promoBox.warning-ribbon aside {
	background: #f9c667;
	background: -moz-linear-gradient(-45deg, #f9c667 0%, #f79621 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621));
	background: -webkit-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: -o-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: -ms-linear-gradient(-45deg, #f9c667 0%,#f79621 100%);
	background: linear-gradient(135deg, #f9c667 0%,#f79621 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=1 );
}

.promoBox.danger-ribbon aside {
	background: #ff3019;
	background: -moz-linear-gradient(45deg, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#ff3019), color-stop(100%,#cf0404));
	background: -webkit-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: -o-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: -ms-linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	background: linear-gradient(45deg, #ff3019 0%,#cf0404 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=1 );
}

.promoBox.success-ribbon aside {
	background: #a9db80;
	background: -moz-linear-gradient(-45deg, #a9db80 0%, #96c56f 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a9db80), color-stop(100%,#96c56f));
	background: -webkit-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: -o-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: -ms-linear-gradient(-45deg, #a9db80 0%,#96c56f 100%);
	background: linear-gradient(135deg, #a9db80 0%,#96c56f 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=1 );
}



/*** 吹き出し付き ***/

.article_box {
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
  margin-bottom: 25px;
}

.article_box_header_bg {
  display: block;
  background: #dcdcdc;
  color: rgba(0, 0, 0, .65);
  text-decoration: none;
  padding: 20px 30px 15px 30px;
  font-size: 18px;
  line-height: 1.5em;
  position: relative;
}

.article_box_header_bg span {
  border-bottom: 2px dashed transparent;
  transition: border .5s;
}
.article_box_header_bg:hover span {
  border-bottom-color: rgba(0, 0, 0, .25);
}

.article_box_text-fff {
  display: block;
  color: #FFF;
  line-height:180%;
}

.article_box_text-333 {
  display: block;
  color: #333333;
  line-height:180%;
}

/**シルバー**/

.silver .article_box_header_bg {
  background:#d3d3d3;
  background-image:-moz-linear-gradient(top, #fff, #d3d3d3);
  background-image:-ms-linear-gradient(top, #fff, #d3d3d3);
  background-image:-o-linear-gradient( top, #fff, #d3d3d3);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#d3d3d3));
  background-image:-webkit-linear-gradient(top, #fff, #d3d3d3);
  background-image:linear-gradient(top, #fff, #d3d3d3);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.silver .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta {
  background: #222;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #d3d3d3;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #dcdcdc;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**レッド**/

.red .article_box_header_bg {
  color: #FFF;
  background:#660000;
  background-image:-moz-linear-gradient(top, #330000, #660000);
  background-image:-ms-linear-gradient(top, #330000, #660000);
  background-image:-o-linear-gradient( top, #330000, #660000);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#330000), to(#660000));
  background-image:-webkit-linear-gradient(top, #330000, #660000);
  background-image:linear-gradient(top, #330000, #660000);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta2::before {
  border-top-color: #FFF;
}

.article_box_meta2 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #660000;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta2::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #660000;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta2::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**ブラック**/

.black .article_box_header_bg {
  color: #FFF;
  background:#444;
  background-image:-moz-linear-gradient(top, #222, #444);
  background-image:-ms-linear-gradient(top, #222, #444);
  background-image:-o-linear-gradient( top, #222, #444);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#222), to(#444));
  background-image:-webkit-linear-gradient(top, #222, #444);
  background-image:linear-gradient(top, #222, #444);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.black .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta3 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #444;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta3::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #444;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta3::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**ブルー**/

.blue .article_box_header_bg {
  color: #FFF;
  background:#3BB9FF;
  background-image:-moz-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:-ms-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:-o-linear-gradient( top, #306EFF, #3BB9FF);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#306EFF), to(#3BB9FF));
  background-image:-webkit-linear-gradient(top, #306EFF, #3BB9FF);
  background-image:linear-gradient(top, #306EFF, #3BB9FF);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.blue .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta4 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #3BB9FF;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta4::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #3BB9FF;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta4::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}

/**イエロー**/

.yellow .article_box_header_bg {
  color: #FFF;
  background:#b8860b;
  background-image:-moz-linear-gradient(top, #b8860b, #daa520);
  background-image:-ms-linear-gradient(top, #b8860b, #daa520);
  background-image:-o-linear-gradient( top, #b8860b, #daa520);
  background-image:-webkit-gradient(linear, left top, left bottom, from(#b8860b), to(#daa520));
  background-image:-webkit-linear-gradient(top, #b8860b, #daa520);
  background-image:linear-gradient(top, #b8860b, #daa520);
  border:1px solid #ddd;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.yellow .article_box_meta::before {
  border-top-color: #d3d3d3;
}

.article_box_meta5 {
  background: #FFF;
  padding: 20px 25px;
  padding-top: 30px;
  position: relative;
  border:5px solid #daa520;
  -moz-box-shadow:0 1px 0 #9a9a9a;
  -webkit-box-shadow:0 1px 0 #9a9a9a;
  box-shadow:0 1px 0 #9a9a9a;
}

.article_box_meta5::before {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: #daa520;
  width: 0;
  height: 0;
  border-width: 15px 15px 0;
  position: absolute;
  top: 0;
}

.article_box_meta5::after {
  content: ".";
  display: block;
  font-size: 0;
  border: 0 solid transparent;
  border-top-color: rgba(32, 32, 32, .25);
  width: 0;
  height: 0;
  border-width: 10px 10px 0;
  position: absolute;
  top: 0;
  margin-left: 5px;
}
/*
v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v

↓ポラロイド

v(^^)v━━━━━━━━━━━━━━━━━━━v(^^)v 
*/

/*** ポラロイド1 ***/

.pola1{
	width: 180px;
	min-height: 120px;
	position: relative;
	border: 2px solid #ccc;
	background: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
}
 
.pola1:before{
    content: '';
    width: 110%;
    left: 0;
    height: 125%;
    z-index:-1;
    position:absolute;
    border: 1px solid #ccc;
    background: #f3f3f3;
    background: -webkit-gradient(linear, 0% 20%, 0% 92%, from(#f3f3f3), to(#fff), color-stop(.1,#f3f3f3));
    background: -moz-linear-gradient(0 0 90deg, #f3f3f3, #f3f3f3 10%, #fff);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 12px rgba(0,0,0,0.1);
    -webkit-transform: translate(-5%,-5%);
    -moz-transform: translate(-5%, -5%);
    -o-transform: translate(-5%, -5%);
    transform: translate(-5%, -5%);
}
 
.pola1:after{
    content: '';
    width: 100%;
    left: 0;
    height: 115%;
    z-index:-2;
    background: none;
    position:absolute;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    box-shadow: 15px 0px 30px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}