/* ----------------------------
background
------------------------------- */
.vertical {　/*たて縞*/
    background: -moz-linear-gradient(left, #6CF, #6CF 50%, #FF9 50%, #FF9);
    background: -webkit-linear-gradient(left, #6CF, #6CF 50%, #FF9 50%, #FF9);
    background: linear-gradient(left, #6CF, #6CF 50%, #FF9 50%, #FF9);
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
}
.horizontal {　/*よこ縞*/
    background: -moz-linear-gradient(top, #6CF, #6CF 50%, #FF9 50%, #FF9);
    background: -webkit-linear-gradient(top, #6CF, #6CF 50%, #FF9 50%, #FF9);
    background: linear-gradient(top, #6CF, #6CF 50%, #FF9 50%, #FF9);
    -moz-background-size: 15px 15px;
    -webkit-background-size: 15px 15px;
    background-size: 15px 15px;
}
.diagonal {　/*ななめ縞*/
    background: -moz-linear-gradient(left top, #ff6666, #ff6666 25%, #ff9999 25%, #ff9999 50%,
        #ff6666 50%, #ff6666 75%, #ff9999 75%,#ff9999);
    background: -webkit-linear-gradient(left top, #ff6666, #ff6666 25%, #ff9999 25%, #ff9999 50%,
        #ff6666 50%, #ff6666 75%, #ff9999 75%,#ff9999);
    background: linear-gradient(left top, #ff6666, #ff6666 25%, #ff9999 25%, #ff9999 50%,
        #ff6666 50%, #ff6666 75%, #ff9999 75%,#ff9999);
    -moz-background-size: 5px 5px;
    -webkit-background-size: 5px 5px;
    background-size: 5px 5px;
}
.picnic {/*チェック縞*/
    background-color:white;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, transparent), color-stop(.5, rgba(200, 0, 0, .5)), to(rgba(200, 0, 0, .5))),
    -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, transparent), color-stop(.5, rgba(200, 0, 0, .5)), to(rgba(200, 0, 0, .5)));
    background-image: -moz-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
    -moz-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: -o-linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
    -o-linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
    background-image: linear-gradient(transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5)),
    linear-gradient(0deg, transparent 50%, rgba(200, 0, 0, .5) 50%, rgba(200, 0, 0, .5));
}
.dot_bg {
	background-color: #ff99ff;
	background-image: radial-gradient(#ff99ff 20%, transparent 20%),
	radial-gradient(#ff99ff 20%, transparent 20%);
	background-size: 5px 5px;
	background-position: 0 0, 15px 15px;
}
.dot_bg2 {
	background-color: #660033;
	background-image: radial-gradient(#660033 30%, transparent 30%),
	radial-gradient(#660033 30%, transparent 30%);
	background-size: 5px 5px;
	background-position: 0 0, 20px 20px;
}
.tartan1 {
    background-color: #F93;
     
    background-image:
    -moz-linear-gradient(top, 
    rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 30%, transparent 30%, transparent 33%,
    rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 40%, transparent 40%, transparent 80%,
    rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 96%, transparent 96%, transparent 100%), 
    -moz-linear-gradient(left, 
    rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 30%, transparent 30%, transparent 33%,
    rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 40%, transparent 40%, transparent 80%,
    rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 96%, transparent 96%, transparent 100%);
 
    background-image:
    -webkit-linear-gradient(top, 
    rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 30%, transparent 30%, transparent 33%,
    rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 40%, transparent 40%, transparent 80%,
    rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 96%, transparent 96%, transparent 100%), 
    -webkit-linear-gradient(left, 
    rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 30%, transparent 30%, transparent 33%,
    rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 40%, transparent 40%, transparent 80%,
    rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 96%, transparent 96%, transparent 100%);
 
    background-image:
    linear-gradient(to bottom, 
    rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 30%, transparent 30%, transparent 33%,
    rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 40%, transparent 40%, transparent 80%,
    rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 96%, transparent 96%, transparent 100%), 
    linear-gradient(to right, 
    rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 30%, transparent 30%, transparent 33%,
    rgba(255,255,255,0.5) 33%, rgba(255,255,255,0.5) 40%, transparent 40%, transparent 80%,
    rgba(255,255,255,0.3) 80%, rgba(255,255,255,0.3) 96%, transparent 96%, transparent 100%);
 
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
}

/* ----------------------------
radius
------------------------------- */
.rd5  {
    -moz-border-radius: 5px; /* gecko */
    -webkit-border-radius: 5px; /* webkit */
    border-radius: 5px; /* CSS3 standard */
    -khtml-border-radius: 5px; /* old konkeror */
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -khtml-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -khtml-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
/* ----------------------------
shadow
------------------------------- */
.bs1{
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
}
/* ----------------------------
text bordering 写真背景かぶり用
------------------------------- */
.txtborder_white {text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;}
/* ----------------------------
table
------------------------------- */

table.re1{
	width: 100%;
	margin: 5px auto;
	border-collapse: separate;
	border-spacing: 1px;
}
table.re1 th{
	border-left: 3px solid #336600;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b211+0,83c783+25,52b152+49,008a00+67,005700+100 */
background: #00b211; /* Old browsers */
background: -moz-linear-gradient(top, #00b211 0%, #83c783 25%, #52b152 49%, #008a00 67%, #005700 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00b211 0%,#83c783 25%,#52b152 49%,#008a00 67%,#005700 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00b211 0%,#83c783 25%,#52b152 49%,#008a00 67%,#005700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b211', endColorstr='#005700',GradientType=0 ); /* IE6-9 */
	background-image:         linear-gradient(top, #96215b, #660033);

	white-space: nowrap;
	text-align: left;
	padding:5px;
	color:#fff;
	font-weight:bold;
	text-shadow: 0.1em 0.1em 0.8px #660033;	
}
table.re1 td{
	background: rgba(255,255,255,0.6);box-shadow: 2px 2px 2px #666;
	text-align: left;
	padding:5px;
	color:#333;
	font-weight:bold;
	white-space: normal;
	text-shadow:0px 2px 2px #fff,0px 0px 2px #fff,2px 0px 2px #fff,0px -2px 2px #fff,-2px -2px 2px #fff,-2px 0px 2px #fff;
}
table.re1 td.gly{
	color:#999;
	white-space: nowrap;
}
table.re2{
	width: 100%;
	margin: 5px auto;
	border-collapse: separate;
	border-spacing: 1px;
}
table.re2 th{
	border-left: 3px solid #ff6600;
	background-color:#feeccf;
	white-space: nowrap;
	text-align: left;
	padding:5px;
	color:#000;
	width:75px;
	text-shadow:0px 2px 2px #fff,0px 0px 2px #fff,2px 0px 2px #fff,0px -2px 2px #fff,-2px -2px 2px #fff,-2px 0px 2px #fff;
}
table.re2 td{
	background-color:#fef6ea;
	text-align: left;
	padding:5px;
	color:#ff7e00;
	white-space: normal;
	text-shadow:0px 2px 2px #fff,0px 0px 2px #fff,2px 0px 2px #fff,0px -2px 2px #fff,-2px -2px 2px #fff,-2px 0px 2px #fff;
	font-size:12px;
}
table.re3{
	width: 100%;
	margin: 5px auto;
	border-collapse: separate;
	border-spacing: 1px;
}
table.re3 th{
	background-color:#feeccf;
	white-space: nowrap;
	text-align: left;
	padding:2px;
	color:#000;
	text-shadow:0px 2px 2px #fff,0px 0px 2px #fff,2px 0px 2px #fff,0px -2px 2px #fff,-2px -2px 2px #fff,-2px 0px 2px #fff;
}
table.re3 td{
	background-color:#fef6ea;
	text-align: center;
	padding:2px;
	color:#ff7e00;
	white-space: nowrap;
	font-size:16px;
	text-shadow:0px 2px 2px #fff,0px 0px 2px #fff,2px 0px 2px #fff,0px -2px 2px #fff,-2px -2px 2px #fff,-2px 0px 2px #fff;
	font-family: ArialMT, "HiraKakuProN-W3", "ヒラギノ角ゴ ProN W3";
}

table.re4{
	width: 100%;
	margin: 5px auto;
	border-collapse: separate;
	border-spacing: 1px;
}
table.re4 th{
	border-left: 3px solid #ccc;
	background-color:#ddd;
	white-space: nowrap;
	text-align: left;
	padding:5px;
	color:#000;
	text-shadow:0px 2px 2px #fff,0px 0px 2px #fff,2px 0px 2px #fff,0px -2px 2px #fff,-2px -2px 2px #fff,-2px 0px 2px #fff;
}
table.re4 td{
	background-color:#eee;
	text-align: left;
	padding:5px;
	color:#ff7e00;
	white-space: normal;
	text-shadow:0px 2px 2px #fff,0px 0px 2px #fff,2px 0px 2px #fff,0px -2px 2px #fff,-2px -2px 2px #fff,-2px 0px 2px #fff;
}
table.re4 td.gly{
	color:#999;
	white-space: nowrap;
}

/*------CSSアイコン--------*/

/* orancge */ 
.t_icon1{
	height:14px;
	
	background: #f8c939;            
	background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );            
	background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);     
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 5px;
	font-size: 10px;
	font-size: 1.0rem; /* =10px */
	font-weight:bold;
	font-family:sans-serif;
}
/* red */ 
.t_icon2{
	height:14px;
	
	background: #E84B6E;
	background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#B40404) );
	background: -moz-linear-gradient(-90deg, #E84B6E, #B40404);
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 5px;
	font-size: 10px;
	font-size: 1.0rem; /* =10px */
	font-weight:bold;
	font-family:sans-serif;
}
/* blue */ 
.t_icon3{
	height:14px;

	background: #81a8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
	background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 5px;
	font-size: 10px;
	font-size: 1.0rem; /* =10px */
	font-weight:bold;
	font-family:sans-serif;
}
/* green */ 
.t_icon4{
	height:14px;

	background: #c8dd95;            
	background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) );            
	background: -moz-linear-gradient(-90deg, #c8dd95, #428739);     
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 5px;
	font-size: 10px;
	font-size: 1.0rem; /* =10px */
	font-weight:bold;
	font-family:sans-serif;
}
/* purple */ 
.t_icon5{
	height:14px;

	background: #B8A9F3;            
	background: -webkit-gradient(linear, left top, left bottom, from(#B8A9F3), to(#6F50E7) );            
	background: -moz-linear-gradient(-90deg, #B8A9F3, #6F50E7);          
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 3px 3px;
	padding: 5px;
	font-size: 10px;
	font-size: 1.0rem; /* =10px */
	font-weight:bold;
	font-family:sans-serif;
}
/* silver */ 
.t_icon6{
	height:14px;

	background: #eaeaea;            
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea) );            
	background: -moz-linear-gradient(-90deg, #fff, #eaeaea);       
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 5px;
	font-size: 10px;
	font-size: 1.0rem; /* =10px */
	font-weight:bold;
	font-family:sans-serif;
}

.t_icon7{
	height:14px;

	background: #ff66cc;            
	background: -webkit-gradient(linear, left top, left bottom, from(#ffccff), to(#ff66cc) );            
	background: -moz-linear-gradient(-90deg, #ffccff, #ff66cc);       
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 5px;
	font-size: 10px;
	font-size: 1.0rem; /* =10px */
	font-weight:bold;
	font-family:sans-serif;
}
/*------CSS button--------*/

/*------orange-------*/
.bt1{
	background: #f8c939;            
	background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );            
	background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);     
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 8px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}
/*------red-------*/
.bt2{
	background: #E84B6E;
	background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#B40404) );
	background: -moz-linear-gradient(-90deg, #E84B6E, #B40404);
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 8px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}
/*------blue-------*/
.bt3{
	background: #81a8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
	background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 8px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}
/*------green-------*/
.bt4{
	background: #c8dd95;            
	background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) );            
	background: -moz-linear-gradient(-90deg, #c8dd95, #428739);     
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 8px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}
.bt5{
	background: #B8A9F3;            
	background: -webkit-gradient(linear, left top, left bottom, from(#B8A9F3), to(#6F50E7) );            
	background: -moz-linear-gradient(-90deg, #B8A9F3, #6F50E7);          
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 8px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}
.bt6{
	background: #eaeaea;            
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea) );            
	background: -moz-linear-gradient(-90deg, #fff, #eaeaea);       
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 8px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}
.bt7{
	background: #eaeaea;            
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea) );            
	background: -moz-linear-gradient(-90deg, #fff, #eaeaea);       
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #FFF;
	margin:3px 5px 5px 3px;
	padding: 2px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}

.bt8{
	background: #660033;            
	background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#660033) );            
	background: -moz-linear-gradient(-90deg, #E84B6E, #660033);       
	
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */ 
    
	border: 1px solid #DDD;
	color: #E84B6E;
	margin:3px 5px 5px 3px;
	padding: 8px;
	font-size: 13px;
	font-size: 1.3rem; /* =13px */
	font-weight:bold;

	text-align:center;
}
/* ----------------------------
CSS hr
------------------------------- */
hr.style1{border-top:1px solid #8c8b8b;}
hr.style2 {border-top:3px double #8c8b8b;}
hr.style3 {border-top:1px dashed #8c8b8b;}
hr.style4 {border-top:1px dotted #8c8b8b;}
hr.style5 {background-color:#fff;border-top:2px dashed #8c8b8b;}
hr.style6 {background-color:#fff;border-top:2px dotted #8c8b8b;}
hr.style7 {border-top:1px solid #8c8b8b;border-bottom:1px solid #fff;}
hr.style8 {border-top:1px solid #8c8b8b;border-bottom:1px solid #fff;}
hr.style8:after {content: '';display: block;margin-top:2px;border-top:1px solid #8c8b8b;border-bottom:1px solid #fff;}
hr.style9 {border-top:1px dashed #8c8b8b;border-bottom:1px dashed #fff;}
hr.style10 {border-top:1px dotted #8c8b8b;border-bottom:1px dotted #fff;}
hr.style11 {height:6px;background:url(http://ibrahimjabbari.com/english/images/hr-11.png) repeat-x 0 0;border: 0;}
hr.style12 {height:6px;background:url(http://ibrahimjabbari.com/english/images/hr-12.png) repeat-x 0 0;border: 0;}
hr.style13 {height:10px;border:0;box-shadow: 0 10px 10px -10px #8c8b8b inset;}
hr.style14 {border:0;height:1px; background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); }
hr.style15 {border-top:4px double #8c8b8b;text-align: center;}
hr.style15:after {content: '\002665';display: inline-block;position: relative;top: -15px;padding: 0 10px;background: #f0f0f0;color: #8c8b8b;font-size: 18px;}
hr.style16 { border-top: 1px dashed #8c8b8b; } 
hr.style16:after { content: '\002702'; display: inline-block; position: relative; top: -12px; left: 40px; padding: 0 3px; background: #f0f0f0; color: #8c8b8b;font-size: 18px;}
hr.style17 {border-top: 1px solid #8c8b8b;text-align: center;}
hr.style17:after {content: '§';display: inline-block;position: relative;top: -14px;padding: 0 10px;background: #f0f0f0;color: #8c8b8b;font-size: 18px;-webkit-transform: rotate(60deg);-moz-transform: rotate(60deg);transform: rotate(60deg);}
hr.style18 { height: 30px;border-style: solid;border-color: #8c8b8b;border-width: 1px 0 0 0;border-radius: 20px;} 
hr.style18:before { display: block;content: ""; height: 30px;margin-top: -31px; border-style: solid; border-color: #8c8b8b; border-width: 0 0 1px 0; border-radius: 20px; }
.hr-text {line-height: 1em;position: relative;outline: 0;border: 0;color: black;text-align: center;height: 1.5em;opacity: .5;}
.hr-text:before {content: '';background: -webkit-linear-gradient(left, transparent, #818078, transparent);background: linear-gradient(to right, transparent, #818078, transparent);position: absolute;left: 0;top: 50%;width: 100%;height: 1px;}
.hr-text:after {content: attr(data-content);position: relative;display: inline-block;color: black;padding: 0 .5em;line-height: 1.5em;color: #818078;background-color: #fcfcfa;}

/************************************************************
circle banner
************************************************************/
/* ----------------------------
カラー指定
------------------------------- */
/* --- カラー指定　--- */
.cbtn_c1{background: #ff9999;}
.cbtn_c1:hover{background: #99cc66;}
/*hover action :hover -> .hover jq_hoveraction.js 読み込み*/
.cbtn_c2{background: #bde3d6;}
.cbtn_c2:hover{background: #795f46;}
.cbtn_c3{background: #ffcc00;}
.cbtn_c3:hover{background: #b1c377;}

/* ----------------------------
CSS circle 3
------------------------------- */
.circlebox3{width:33.3%;margin:0 auto;text-align:center;float:left;}

.circle_btn {border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;-webkit-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;-moz-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s}

.circle_btn.large100{width: 100px;height: 100px;margin:0px 5px 0px 10px;}
.circle_btn.large60{width: 60px;height: 60px;}

.circle_btn:hover {-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);transform: rotate(-360deg)}
.circle_btn .logo_info{padding-top:35px;}
.circle_btn .logo_info .p1{color: #fff;font-size: 11px;margin: 0;text-align: center;font-weight: bold;line-height: 1.3;}
.circle_btn .logo_info .p2{color: #fff;font-size: 12px;font-weight:bold; margin: 0;text-align: center;}
.circle_btn .logo_info .p3{color: #fff;font-size: 13px;margin: 0;text-align: center;font-weight: bold;line-height: 1.3;}
.circle_btn .logo_info .p4{color: #fff;font-size: 14px;font-weight:bold; margin: 0;text-align: center;}
/* ----------------------------
CSS circle single135
------------------------------- */
.circle_btn_single135 {margin:0px 10px 0px 0px;width: 120px;height: 120px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;-webkit-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;-moz-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s}
.circle_btn_single135:hover {-moz-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);transform: rotate(-360deg)}
.circle_btn_single135 .logo_info{padding-top:40px;}
.circle_btn_single135 .logo_info .p1{color: #fff;font-size: 14px;margin: 0;text-align: center;font-weight: bold;line-height: 1.3;}
.circle_btn_single135 .logo_info .p2{color: #fff;font-size: 16px;font-weight:bold; margin: 0;text-align: center;}
/************************************************************
balloon
************************************************************/

/* balloon-5 bottom-left */
.balloon-5-bottom-left {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 100%;
	height: 250px;
	line-height: 50px;
	background: #fff;
	border:2px dotted #ff6666;
	border-radius: 40px;
	z-index: 0;
}
.balloon-5-bottom-left:before {
	content: "";
	position: absolute;
	bottom: -25px; left: 35px;
	margin-left: 0;
	display: block;
	width: 15px;
	height: 15px;
	background: #fff;
	border:2px solid #ff6666;
	border-radius: 50%;
	z-index: 0;
}
.balloon-5-bottom-left:after {
	content: "";
	position: absolute;
	bottom: -38px; left: 45px;
	margin-left: 0;
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border:2px solid #ff6666;
	border-radius: 50%;
	z-index: 0;
}



/* ----------------------------
CSS blink
------------------------------- */
.blinking1{
	-webkit-animation:blink 0.4s ease-in-out infinite alternate;
	-moz-animation:blink 0.4s ease-in-out infinite alternate;
	animation:blink 0.4s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

/*-------------------------------------------------- ▼▼selectbox▼▼--------------------------------------------------*/
.cp_ipselect {
	overflow: hidden;
	width: 40%;
	margin: 0 auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
	font-size:14px;
	font-size:1.4rem;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl02 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl02::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl02:after {
	position: absolute;
	top: 0;
	right: 2.5em;
	bottom: 0;
	width: 1px;
	content: '';
	border-left: 1px solid #bbbbbb;
}
.cp_ipselect.cp_sl02 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}