﻿/* ======================================== サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}

body {
	
	font-family:"游ゴシック","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif;
	margin: 0;
	color: #333;
	text-align: center;
	background: rgb(159,228,252); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(159,228,252,1) 0px,rgba(224, 247, 255,0.3) 40px,rgba(247, 253, 255,0.8) 73px,rgba(122,200,226,0.8) 73px,rgba(165,232,255,0.7) 85px,rgba(247, 253, 255,0.4) 100px,rgba(150, 209, 255,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(159,228,252,1) 0px,rgba(224, 247, 255,0.3) 40px,rgba(247, 253, 255,0.8) 73px,rgba(122,200,226,0.8) 73px,rgba(165,232,255,0.7) 85px,rgba(247, 253, 255,0.4) 100px,rgba(150, 209, 255,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(159,228,252,1) 0px,rgba(224, 247, 255,0.3) 40px,rgba(247, 253, 255,0.8) 73px,rgba(122,200,226,0.8) 73px,rgba(165,232,255,0.7) 85px,rgba(247, 253, 255,0.4) 100px,rgba(150, 209, 255,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ */
	
	background-position: top;

}

/* 文字サイズ */
#main{}
#menuR{
	font-size: 75%;
}

p, /* 文章の行間を指定 */
#contents li,
dl,
dd
{
	line-height: 100%;
}

p{
	margin: 0px 0em 1.2em 3px;
}

ul,ol,dl{
	margin: 0em 1em 1em 1.3em;
}



@-webkit-keyframes flash {
	0% {
		opacity: .7;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .7;
	}
	100% {
		opacity: 1;
	}
}

/* ========================================  .contentswrap 間隔・余白調整用 */
.contentswrap{
	margin: 0px;
}

/* ========================================  #page ページ外枠 */
#page {
	width: 920px;
	margin: 0px auto;
	text-align: left;
}

/* ========================================  kadomaru */
.kadomaru{
　border-radius:100px;
　border:5px solid #F90;
　width:200px;
　overflow:hidden;
　box-shadow:0 0 4px #666666;
}

/* ========================================  #header 画面上部 */
#header {
	height: 75px;
	margin: 0px;
	border-top: 1px solid #9fe4fc;
	color: #FFFFFF;
}

#sitename {
	margin: 30px 0px 0px;
	font-size: 24px;
	font-weight: bold;
	color: #666666;
}



/* ========================================  #menu 上部メニュー */
#menu {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

ul.menu_f02{
	height: 30px;
	margin: 0px;
	border-bottom: 5px solid #333333;
	background-color: #0B7A8E;
}

ul.menu_f02 li{
	float: left;
	border-right: 1px solid #9AA7B6;
	display: block;
}

ul.menu_f02 li a{
	height: 20px;
	width: 130px;
	padding: 10px 0px 0px;
	border-bottom: 5px solid #333333;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	text-align: center;
	background-color: #0B7A8E;
}

ul.menu_f02 li a.nowthis{
	border-bottom: 5px solid #FF6699!important;
}

ul.menu_f02 li a:hover , ul.menu_f01 li a.nowthis{
	padding: 10px 0px 0px;
	border-bottom: 5px solid #D3FBFE;
	color: #FFFFFF;
	background-color: #1DAFD3;
}

.relative {
    position: relative;




}

/* ========================================  #main メインの画像 */
.absolute {
    position: absolute;
    left:5px;
    bottom:5px;
    color: rgba(255,255,255,0.95);
    background: rgba(3,130,6,0.5);
    width: 100%;
    max-width: 670px;
    padding: 0.1em 0;
    font-size: 200%;
	text-shadow: -1px -1px 4px #000;
    -webkit-text-shadow: -1px -1px 3px #000;
}
.absolute p {
    margin: 0;
    padding: 0 0.8em;
    font-size: 100%;
    text-align: center;
}

.absolute p:hover {
color:#fff;
	opacity: 1;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: flash;
	animation-duration: 0.5s;
	animation-name: flash;

text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;
    -webkit-text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;

  filter: alpha(opacity=30);
  -moz-opacity: 0.1;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}




/* ======================================== #contents 画面中央部 #mainとサイドメニューの外枠 */
#contents{
	padding: 30px 0px 20px;
	margin: 0px;
}

/* ========================================  #main ページの本文 */
#main {
	float: left;
	width: 680px;
	margin: 0px 0px 120px;
}

#main h1 {
	padding: 0px;
	margin: 0px;
	color: #0B7A8E;
}

#main h2 {
	clear: both;
	padding: 2px 0px 3px 13px;
	margin: 0.3em 10px 0.4em;
	font-size: 150%;
	color: #FFFFFF;
	background-image: linear-gradient(90deg,  #21708a, rgba(224, 247, 255,0));

	text-shadow: 1px 1px 3px #053c4f;
    	-webkit-text-shadow: 1px 1px 3spx #053c4f;

	border-radius: 5px;
}

#main h2:hover {
color:#fff;

text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff;
    -webkit-text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -ms-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;


}

#main h3 {
	clear: both;
	padding: 3px 0px 0px 15px;
	margin: 0.3em 10px 0em;
	border-left: 20px solid #ffbc2d;


	text-shadow: 1px 1px 3px #053c4f;
    	-webkit-text-shadow: 1px 1px 3spx #053c4f;

	font-size: 120%;
	color: #fffce5;
	background-image: linear-gradient(90deg,  #3daace, #FFFFFF);

    	border-radius: 7px;        /* CSS3草案 */  
    	-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 7px;   /* Firefox用 */   
	box-shadow: 0 2px 3px #247a96;
	-moz-box-shadow: 0 1px 3px #247a96;
	-webkit-box-shadow: 0 1px 3px #247a96;
}

#main h4 {
	clear: both;
	padding: 1px 0px 0px 5px;
	margin: 0.1em 0px 0em;

	font-size: 90%;
	color: #06546d;
	background-image: linear-gradient(0deg, #99d2e5, #FFFFFF);

    	border-radius: 3px;        /* CSS3草案 */  
    	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */   
	box-shadow: 0 2px 3px #247a96;
	-moz-box-shadow: 0 1px 3px #247a96;
	-webkit-box-shadow: 0 1px 3px #247a96;
}

/* ======================================== マウス系 */

a:hover img.overwhite{
    cursor:pointer;


  filter: alpha(opacity=160);
  -moz-opacity: 1.6;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6ss ease-in-out;

	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* ========================================  menuL 右サイドメニュー */
#menuR {
	float: right;
	width: 226px;
	margin: 0px 0px 20px;
	background-image: linear-gradient(0deg, #dadeef, #FFFFFF);

    	border-radius: 12px;        /* CSS3草案 */  
    		-webkit-border-radius: 12px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 12px;   /* Firefox用 */  
	border: 1px solid #dadeef ;

	box-shadow: 5px 5px 25px rgba(0,0,0,0.4);
}


#menuR p{
	margin-right: 1em;
	margin-left: 1em;
}


/* ========================================  #underNavi 画面下部サブナビゲーション */
#underNavi{
	clear: both;
	margin: 0px;
	border-top: 1px solid #999999;
	text-align: center;
}



/* ========================================  #footer 画面下部 */
#footer {
	font-size: 10px;
	padding: 10px 0px;
	color: #FFF3FF;
	text-align: center;
	background-color: #0B7A8E;

    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}




/* ========================================  #templatelink 画面下部:著作リンク */
#templatelink {
	color: #e0e0e0;
	padding: 3px 0px;
	margin: 0px 0px 5px;
	font-size: 8px;
	text-align: right;
}



#templatelink a{
	color: #e0e0e0;
	text-decoration: none;
}



/* ========================================  そのほか個別設定 */
.title{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px;
	border-left: 30px solid #4abdff;
}


.label{
	padding: 7px 5px 5px 10px;
	margin: 0px 0px 15px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: linear-gradient(180deg, #5a9984, #FFFFFF);

    	border-top-right-radius: 12px;        /* CSS3草案 */  
    	border-top-left-radius: 12px;        /* CSS3草案 */  
    		-webkit-border-top-right-radius: 12px;    /* Safari,Google Chrome用 */  
    		-webkit-border-top-left-radius: 12px;    /* Safari,Google Chrome用 */  
		-moz-border-radius-topright: 12px;   /* Firefox用 */    
		-moz-border-radius-topleft: 12px;   /* Firefox用 */  
}



.subh {
	padding: 5px 0px 0px 3px;
	margin: 0px;
	border-top: 1px dashed #999999;
	font-weight: bold;
	color: #4A8854;
}



.toInfo {
	margin: 0px 0px 2em;
	text-align: right;
	list-style-type: none;
}

.box {
	float: left;
	height: 150px;
	width: 200px;
	margin: 0px 10px 15px 0px;
	font-size: 92%;
	background-color: #EBF0F3;
}

.box p{
	margin: 10px !important;
}

/*************************************************トップ*************************************************/

.photo img{
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    box-shadow: 7px 7px 7px rgba(0,0,0,0.4) ;

}

.photo {
	margin: 0px 0px 15px;

}




/*************************************************会社概要*************************************************/



table.company {
margin : 5px 15px ;
    width: 95%;
    border-collapse: separate;
    border-spacing: 0px 4px;
    font-size: 15px;
}
 
table.company th,
table.company td {
    padding: 5px;
}
 
table.company th {

    background-image: linear-gradient(-45deg, #2d8faf, #81c5db);
    vertical-align: middle;
    text-align: center;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 14px;



text-shadow: -1px -1px 3px #053c4f;
    -webkit-text-shadow: -1px -1px 3spx #053c4f;

    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  

  border-right: 0px solid #84b2e0;
  box-shadow: 4px 4px 4px rgba(0,0,0,0.4);
}
 


 
table.company td {

	text-shadow: 0px 0px 3px #ddfffe,
  		0px 0px 3px #ddfffe,
  		0px 0px 3px #ddfffe;


    text-shadow: 0px 0px 3px #d1d1d1;
    -webkit-text-shadow: 0px 0px 3spx #d1d1d1;

	background-image: linear-gradient(-30deg, #fcfeff, #eafaff);

    width: 360px;
    padding-left: 30px;
    padding-right: 30px;
    color: #515050;

    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
}


table.company td:hover {

text-shadow: 0 0 1px #37ccc3, 0 0 10px #fff, 0 0 20px #fff,0 0 30px #dbfffd,0 0 35px #dbfffd;
    -webkit-text-shadow: 0 0 1px #37ccc3, 0 0 10px #fff, 0 0 20px #fff,0 0 30px #dbfffd,0 0 35px #dbfffd;

  filter: alpha(opacity=50);
  -moz-opacity: 2;
  -webkit-transition: 2s ease-in-out;
  -moz-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
}

table tr td:last-child {
  border-right: 0px solid #84b2e0;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}




/*************************************************事業内容*************************************************/
.bc {
    left: 5px;
    background-color: rgba(224, 247, 255,0);
    margin: 0em 0;
    padding: 0.8em;
    position: relative;
    z-index: 1;
    text-shadow: 0px 0px 5px #fff;
    -webkit-text-shadow: 0px 0px 5spx #fff;
}
.bc::before,
.bc::after {
    border-radius: 7px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
    content: "";
    height: 90%;
    position: absolute;
    width: 90%;
}
.bc::before {
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    z-index: -1;
}
.bc::after {
    background-color: #a8e3f7;
    top: 5px;
    left: 5px;
    z-index: -2;
}

.bc:hover{
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -ms-transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
  -moz-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;

transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
	-webkit-transform: rotateX(360deg);
	-moz-transform: rotateX(360deg);
	-o-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
}
/*************************************************介護*************************************************/

.block {
 	text-align: center;

	text-shadow: 0px 0px 5px #faffaa,
  		0px 0px 5px #faffaa,
  		0px 0px 5px #faffaa;

	position: relative;
    background: #fff;
    padding: 15px;
    z-index: 10;
    top: 0;
    left: 0;
}
.block:before, .block:after {
    position: absolute;
    content: "";
    width: 90%;
    height: 85%;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 1px 4px #aaa;
    -moz-box-shadow: 0 1px 4px #aaa;
    -webkit-box-shadow: 0 1px 4px #aaa;
}
.block:before {
    background: rgba(255,252,176,0.5);
    top: 5px;
    left: 25px;
    z-index: -10;
}
.block:after {
    background: #87cefa;
    top: 10px;
    right: 25px;
    z-index: -15;
}


.toi{
    font-size: 85%;
    background: -webkit-repeating-linear-gradient(-45deg, #edf6fd, #edf6fd 5px, #f4fbff 5px, #f4fbff 10px);
    background: repeating-linear-gradient(-45deg, #edf6fd, #edf6fd 5px, #f4fbff 5px, #f4fbff 10px);
    color: #105286;
    margin: 5px 15px;
    padding: 0.5em;
    width: 75%;
	box-shadow: 0 1px 4px #aaa;
	-moz-box-shadow: 0 1px 4px #aaa;
	-webkit-box-shadow: 0 1px 4px #aaa;
	text-shadow: 0px 0px 5px #fff,
  		0px 0px 5px #fff,
  		0px 0px 5px #fff;

	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */ 
}

.toi:hover{
    color:  #515050;
text-shadow: 0 0 1px #37ccc3, 0 0 10px #fff, 0 0 20px #fff,0 0 30px #dbfffd,0 0 35px #dbfffd;
    -webkit-text-shadow: 0 0 1px #37ccc3, 0 0 10px #fff, 0 0 20px #fff,0 0 30px #dbfffd,0 0 35px #dbfffd;

  filter: alpha(opacity=50);
  -moz-opacity: 2;
  -webkit-transition: 2s ease-in-out;
  -moz-transition: 2s ease-in-out;
  -o-transition: 2s ease-in-out;
  transition: 2s ease-in-out;
}

.toi2{
    font-size: 90%;
    background: -webkit-repeating-linear-gradient(-45deg, #d0e3f2, #d0e3f2 5px, #b8d1e0 5px, #b8d1e0 5px);
    background: repeating-linear-gradient(-45deg, #d0e3f2, #d0e3f2 5px, #b8d1e0 5px, #b8d1e0 25px);
    color: #105286;
    margin: auto;
    padding: 0.5em;
    width: 65%;

	text-shadow: 0px 0px 5px #fff,
  		0px 0px 5px #fff,
  		0px 0px 5px #fff;
	box-shadow: 0 1px 4px #aaa;
	-moz-box-shadow: 0 1px 4px #aaa;
	-webkit-box-shadow: 0 1px 4px #aaa;

	border-radius: 15px;        /* CSS3草案 */  
	-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 15px;   /* Firefox用 */ 
}

/*************************************************ボタン*************************************************/


/**************************利用規約ボタン***************************/
#button1 {

width:210px;
height:20px;
display:block;
font-family:メイリオ, "Helvetica", sans-serif;
font-size:12px;
font-weight:normal;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
    text-shadow: 0px 0px 1px #828282;
    -webkit-text-shadow: 0px 0px 1spx #828282;
padding-top:6px;
margin:auto;
position:relative;
cursor:pointer;
border-left:solid 1px #0b7a8e;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;


background-image: linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -o-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -moz-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -ms-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
border-radius: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
}

#button1:active {
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
}



/**************************メニュー***************************/

#button2 {
width:200px;
height:25px;
display:block;
font-family:"メイリオ", "Helvetica", sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color: #fefff4;
text-shadow: -1px -1px 2px #000000;
    -webkit-text-shadow: -1px -1px 2spx #000000;
padding-top:3px;
margin:auto;
position:relative;
cursor:pointer;
border:solid 1px #86a2ba;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
user-select: none;
background-image: linear-gradient(top, rgb(210, 216, 255) 35%, rgb(96, 138, 175) 65%);
background-image: -o-linear-gradient(top, rgb(210, 216, 255) 35%, rgb(96, 138, 175) 65%);
background-image: -moz-linear-gradient(top, rgb(210, 216, 255) 35%, rgb(96, 138, 175) 65%);
background-image: -webkit-linear-gradient(top, rgb(210, 216, 255) 15%, rgb(96, 138, 175) 85%);
background-image: -ms-linear-gradient(top, rgb(210, 216, 219) 35%, rgb(96, 138, 175) 65%);
border-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #ededed, 0.5px 5px 0px 0px #556870, 0px 8px 5px #86a2ba;
	-moz-box-shadow: inset 0px 1px 0px #ededed, 0.5px 5px 0px 0px #556870, 0px 8px 5px #86a2ba;
	-o-box-shadow: inset 0px 1px 0px #edededc, 0.5px 5px 0px 0px #556870, 0px 8px 5px #86a2ba;
box-shadow: inset 0px 1px 0px #ededed, 0.5px 5px 0px 0px #556870, 0px 8px 5px #86a2ba;
}


#button2:active {
color:#fff;

text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;
    -webkit-text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;
border-top:solid 1px #11e3ff;
border-bottom:solid 1px #11e3ff;
border-left:solid 1px #11e3ff;
border-right:solid 1px #11e3ff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;
-moz-box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;
-o-box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;
box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;

  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}



#button2:hover {
color:#fff;

	opacity: 1;
	-webkit-animation-duration: 0.3s;
	-webkit-animation-name: flash;
	animation-duration: 0.3s;
	animation-name: flash;
text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;
    -webkit-text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;




}

/**************************加盟店***************************/
#button3 {
width:200px;
height:25px;
display:block;
font-family:"メイリオ", "Helvetica", sans-serif;
font-size:16px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
text-align:center;
color: #fcfbe5;
text-shadow: -1px -1px 2px #5b2d00;
    -webkit-text-shadow: -1px -1px 2px #5b2d00;
padding-top:3px;
margin:auto;
position:relative;
cursor:pointer;
border:solid 1px #a8681e;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
user-select: none;
background-image: linear-gradient(top, #e2a431 3%, #eddda6 36%, #f2b21d 54%, #efba32 86%);
background-image: -o-linear-gradient(top, #e2a431 3%, #eddda6 36%, #f2b21d 54%, #efba32 86%);
background-image: -moz-linear-gradient(top, #e2a431 3%, #eddda6 36%, #f2b21d 54%, #efba32 86%);
background-image: -webkit-linear-gradient(top, #e2a431 3%, #eddda6 36%, #f2b21d 54%, #efba32 86%);
background-image: -ms-linear-gradient(top, #e2a431 3%, #eddda6 36%, #f2b21d 54%, #efba32 86%);
border-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #efdfbd, 0.5px 5px 0px 0px #a08045, 0px 8px 5px #965c0c;
	-moz-box-shadow: inset 0px 1px 0px #efdfbd, 0.5px 5px 0px 0px #a08045, 0px 8px 5px #965c0c;
	-o-box-shadow: inset 0px 1px 0px #efdfbd, 0.5px 5px 0px 0px #a08045, 0px 8px 5px #965c0c;
box-shadow: inset 0px 1px 0px #efdfbd, 0.5px 5px 0px 0px #966c1f, 0px 8px 5px #965c0c;
}


#button3:active {
color: #fff;
text-shadow: 0 0 10px #c6580f, 0 0 20px #ffe605, 0 0 30px #ffe605, 0 0 40px #fff600, 0 0 70px #fff600;
    -webkit-text-shadow:0 0 10px #c6580f, 0 0 20px #fff600, 0 0 30px #fff600, 0 0 40px #fff600, 0 0 70px #fff600;
border-top:solid 1px #ffd200;
border-bottom:solid 1px #ffd200;
border-left:solid 1px #ffd200;
border-right:solid 1px #ffd200;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #ffd200, 0px 2px 0px 0px #ffd200, 0px 5px 3px #ffd200;
-moz-box-shadow: inset 0px 1px 0px #ffd200, 0px 2px 0px 0px #ffd200, 0px 5px 3px #ffd200;
-o-box-shadow: inset 0px 1px 0px #ffd200, 0px 2px 0px 0px #ffd200, 0px 5px 3px #ffd200;
box-shadow: inset 0px 1px 0px #ffd200, 0px 2px 0px 0px #ffd200, 0px 2px 13px #ffd200;
}


#button3:hover {
color: #fff;
text-shadow: 0 0 10px #c6580f, 0 0 20px #ffe605, 0 0 30px #ffe605, 0 0 40px #fff600, 0 0 70px #fff600;
    -webkit-text-shadow:0 0 10px #c6580f, 0 0 20px #fff600, 0 0 30px #fff600, 0 0 40px #fff600, 0 0 70px #fff600;

  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}



/**************************地図***************************/
#button-map {

width:170px;
height:25x;
display:block;
font-family:メイリオ, "Helvetica", sans-serif;
font-size:10px;
font-weight:normal;
color:#fff;
text-transform:uppercase;
text-align:center;
    text-shadow: 0px 0px 1px #828282;
    -webkit-text-shadow: 0px 0px 1spx #828282;
padding-top:3px;
margin:auto;
position:relative;
cursor:pointer;
border-left:solid 1px #0b7a8e;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;


background-image: linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -o-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -moz-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
background-image: -ms-linear-gradient(bottom, rgb(45,143,175) 0%, rgb(129,197,219) 100%);
border-radius: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 8px;
-webkit-border-bottom-left-radius: 8px;
-moz-border-radius-topright: 8px;
-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #07526e, 0px 10px 5px #999;
}

#button-map:active {
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #07526e, 0px 5px 3px #999;
}



/**************************斡旋***************************/
.block2 {

 	text-align: center;

	text-shadow: 0px 0px 5px #fff,
  		0px 0px 5px #fff,
  		0px 0px 5px #fff;

	position: relative;
    background: #fff;
    padding: 18px;
    z-index: 10;
    top: 0;
    left: 0;
}
.block2:before, .block2:after {
    position: absolute;
    content: "";
    width: 88%;
    height: 75%;
    border-radius: 10px;
    	-moz-border-radius: 10px;
    	-webkit-border-radius: 10px;
    box-shadow: 0 3px 7px #733818;
    	-moz-box-shadow: 0 3px 7px #733818;
    	-webkit-box-shadow: 0 3px 7px #733818;
}
.block2:before {
    background: rgba(255,246,76,0.5);
    top: 5px;
    left: 30px;
    z-index: -10;
}
.block2:after {
    background: #ff9100;
    top: 10px;
    right: 30px;
    z-index: -15;
}

.med1{
    font-size: 80%;
    background: -webkit-repeating-linear-gradient(0deg, #fdf8ed, #fdf8ed 5px, #fffef4 5px, #fffef4 10px);
    background: repeating-linear-gradient(0deg, #fdf8ed, #fdf8ed 5px, #fffef4 5px, #fffef4 10px);
    color: #602900;
    margin: auto;
    padding: 2em;
    width: 80%;
	box-shadow: 0 1px 25px #ef8c45;
		-moz-box-shadow: 0 1px 25px #ef8c45;
		-webkit-box-shadow: 0 1px 25px #ef8c45;
	text-shadow: 0px 0px 10px #fff,
  		0px 0px 10px #fff,
  		0px 0px 10px #fff;

	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
}

.med2{
    font-size: 80%;
    background: -webkit-repeating-linear-gradient(0deg, #f6fff4, #f6fff4 5px, #eeffea 5px, #eeffea 10px);
    background: repeating-linear-gradient(0deg, #f6fff4, #f6fff4 5px, #eeffea 5px, #eeffea 10px);
    color: #163d05;
    margin: auto;
    padding: 2em;
    width: 80%;
	box-shadow: 0 1px 35px #55a832;
		-moz-box-shadow: 0 1px 35px #55a832;
		-webkit-box-shadow: 0 1px 35px #55a832;
	text-shadow: 0px 0px 10px #fff,
  		0px 0px 10px #fff,
  		0px 0px 10px #fff;

	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
}
	

.med3{
    font-size: 80%;
    background: -webkit-repeating-linear-gradient(0deg, #f7f7f7, #f7f7f7 5px, #fcfcfc 5px, #fcfcfc 10px);
    background: repeating-linear-gradient(0deg, #f7f7f7, #f7f7f7 5px, #fcfcfc 5px, #fcfcfc 10px);
    color: #123b63;
    margin: auto;
    padding: 2em;
    width: 90%;
	box-shadow: 0 1px 35px #75baff;
		-moz-box-shadow: 0 1px 35px #75baff;
		-webkit-box-shadow: 0 1px 35px #75baff;
	text-shadow: 0px 0px 10px #fff,
  		0px 0px 10px #fff,
  		0px 0px 10px #fff;

	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
}


#button4 {

width:210px;
height:28px;
display:block;
font-family:メイリオ, "Helvetica", sans-serif;
font-size:16px;
font-weight:normal;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
    text-shadow: 0px 0px 1px #a87c55;
    -webkit-text-shadow: 0px 0px 1spx #a87c55;
padding-top:8px;
margin:auto;
position:relative;
cursor:pointer;
border-left:solid 1px #a8641f;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
user-select: none;

text-shadow: -1px -1px 2px #4f2501;
    -webkit-text-shadow: -1px -1px 2spx #4f2501;

background-image: linear-gradient(bottom, rgb(239, 142, 57) 0%, rgb(211, 146, 61) 100%);
background-image: -o-linear-gradient(bottom, rgb(239, 142, 57) 0%, rgb(211, 146, 61) 100%);
background-image: -moz-linear-gradient(bottom, rgb(239, 142, 57) 0%, rgb(211, 146, 61) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(239, 142, 57) 0%, rgb(211, 146, 61) 100%);
background-image: -ms-linear-gradient(bottom, rgb(239, 142, 57) 0%, rgb(211, 146, 61) 100%);
border-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
	-webkit-box-shadow: inset 0px 1px 0px #ef8c28, 0px 5px 0px 0px #bc5a0f, 0px 10px 5px #8e4e0c;
	-moz-box-shadow: inset 0px 1px 0px #ef8c28, 0px 5px 0px 0px #bc5a0f, 0px 10px 5px #8e4e0c;
	-o-box-shadow: inset 0px 1px 0px #ef8c28, 0px 5px 0px 0px #bc5a0f, 0px 10px 5px #8e4e0c;
box-shadow: inset 0px 1px 0px #ef8c28, 0px 5px 0px 0px #bc5a0f, 0px 10px 12px #8e4e0c;
}

#button4:active {
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #ef8c28, 0px 2px 0px 0px #bc5a0f, 0px 5px 3px #8e4e0c;
-moz-box-shadow: inset 0px 1px 0px #ef8c28, 0px 2px 0px 0px #bc5a0f, 0px 5px 3px #8e4e0c;
-o-box-shadow: inset 0px 1px 0px #ef8c28, 0px 2px 0px 0px #bc5a0f, 0px 5px 3px #8e4e0c;
box-shadow: inset 0px 1px 0px #ef8c28, 0px 2px 0px 0px #bc5a0f, 0px 5px 3px #8e4e0c;
}

/**************************プラズマローゲン***************************/
#pbutton {

width:650px;
height:45px;
display:block;
font-family:メイリオ, "Helvetica", sans-serif;
font-size:18px;
font-weight:bold;
color:#edfffe;
text-decoration:none;
text-transform:uppercase;
text-align:center;
text-shadow: -1px -1px 2px #000000;
    -webkit-text-shadow: -1px -1px 2spx #000000;
padding-top:8px;
margin:8px;
position:relative;
cursor:pointer;
border-left:solid 1px #64aae0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-right:solid 1px #64aae0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-top:solid 1px #64aae0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-bottom:solid 1px #64aae0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
user-select: none;


background-image: linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
background-image: -o-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
background-image: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
background-image: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
background-image: -ms-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
border-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
	-moz-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
	-o-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
box-shadow: inset 0px 1px 0px #96999b, 0px 5px 0px 0px #707070, 0px 8px 10px #918f51;
}

#pbutton:active {
color:#fff;
text-shadow: 0 0 10px #ff7200, 0 0 20px #ffd200, 0 0 30px #ffd200;
    -webkit-text-shadow: 0 0 10px #ff7200, 0 0 20px #ffd200, 0 0 30px #ffd200;

border-top:solid 1px #ffd200;
border-bottom:solid 1px #ffd200;
border-left:solid 1px #ffd200;
border-right:solid 1px #ffd200;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #ffd200, 0px 4px 0px 5px #ffd200, 0px 5px 3px #ffd200, 0px 6px 4px #ffd200;
-moz-box-shadow: inset 0px 1px 0px #ffd200, 0px 4px 0px 5px #ffd200, 0px 5px 3px #ffd200, 0px 6px 4px #ffd200;
-o-box-shadow: inset 0px 1px 0px #ffd200, 0px 4px 0px 5px #ffd200, 0px 5px 3px #ffd200, 0px 6px 4px #ffd200;
box-shadow: inset 0px 1px 0px #ffd200, 0px 2px 0px 0px #ffd200, 0px 2px 13px #ffd200;
}

#pbutton:hover {
color:#fff;

	opacity: 1;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: flash;
	animation-duration: 0.5s;
	animation-name: flash;

text-shadow: 0 0 10px #ff7200, 0 0 20px #ffd200, 0 0 30px #ffd200;
    -webkit-text-shadow: 0 0 10px #ff7200, 0 0 20px #ffd200, 0 0 30px #ffd200;
  filter: alpha(opacity=30);
  -moz-opacity: 0.1;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}

/**************************インバウンド***************************/
#inbutton {

width:650px;
height:45px;
display:block;
font-family:メイリオ, "Helvetica", sans-serif;
font-size:18px;
font-weight:bold;
color:#fff;
text-decoration:none;
text-transform:uppercase;
text-align:center;
text-shadow: -1px -1px 4px #774219, 0 0 10px #c6580f, 0 0 20px #fff200, 0 0 20px #fff200;
    -webkit-text-shadow: -1px -1px 4px #774219, 0 0 10px #c6580f, 0 0 20px #fff200, 0 0 20px #fff200, 0 0 20px #fff200;
padding-top:8px;
margin:8px;
position:relative;
cursor:pointer;
border-top:solid 1px #ffe0a5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-left:solid 1px #ffe0a5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-right:solid 1px #ffe0a5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-bottom:solid 1px #ffe0a5;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
user-select: none;


background-image: linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background-image: -o-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background-image: -moz-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background-image: -webkit-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
background-image: -ms-linear-gradient(top, rgba(254,252,234,1) 0%, rgba(241,218,54,1) 100%);
border-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
	-moz-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
	-o-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
box-shadow: inset 0px 1px 0px #96999b, 0px 5px 0px 0px #707070, 0px 8px 10px #918f51;
}

#inbutton:active {
color:#fff;
text-shadow: 0 0 10px #00e500, 0 0 20px #11ff11, 0 0 30px #11ff11;
    -webkit-text-shadow: s0 0 10px #00e500, 0 0 20px #11ff11, 0 0 30px #11ff11;
border-top:solid 1px #11ff11;
border-bottom:solid 1px #11ff11;
border-left:solid 1px #11ff11;
border-right:solid 1px #11ff11;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
top:3px;
-webkit-box-shadow:  inset 0px 1px 0px #11ff11, 0px 2px 0px 0px #11ff11, 0px 5px 3px #11ff11;
-moz-box-shadow: inset 0px 1px 0px #11ff11, 0px 2px 0px 0px #11ff11, 0px 5px 3px #11ff11;
-o-box-shadow: inset 0px 1px 0px #11ff11, 0px 2px 0px 0px #11ff11, 0px 5px 3px #11ff11;
box-shadow: inset 0px 1px 0px #11ff11, 0px 2px 0px 0px #11ff11, 0px 2px 13px #11ff11;
}

#inbutton:hover {
color:#fff;
	opacity: 1;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: flash;
	animation-duration: 0.5s;
	animation-name: flash;

text-shadow: 0 0 10px #00e500, 0 0 20px #11ff11, 0 0 25px #11ff11;
    -webkit-text-shadow: 0 0 10px #00e500, 0 0 20px #11ff11, 0 0 25px #11ff11;

  filter: alpha(opacity=30);
  -moz-opacity: 0.1;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}


/**************************仕入れ***************************/
#shiirebutton {

width:650px;
height:45px;
display:block;
font-family:メイリオ, "Helvetica", sans-serif;
font-size:18px;
font-weight:bold;
color:#f3ffe8;
text-decoration:none;
text-transform:uppercase;
text-align:center;
text-shadow: -1px -1px 4px #183277, 0 0 10px #0f70c6, 0 0 20px #0094ff;
    -webkit-text-shadow: -1px -1px 4px #183277, 0 0 10px #0f70c6, 0 0 20px #0094ff;
padding-top:8px;
margin:8px;
position:relative;
cursor:pointer;
border-left:solid 1px #799bc8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-right:solid 1px #799bc8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-top:solid 1px #799bc8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
border-bottom:solid 1px #799bc8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
user-select: none;

background-image: linear-gradient(top, rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%);
background-image: -o-linear-gradient(top, rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%);
background-image: -moz-linear-gradient(top, rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%);
background-image: -webkit-linear-gradient(top, rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%);
background-image: -ms-linear-gradient(top, rgba(210,223,237,1) 0%, rgba(200,215,235,1) 26%, rgba(190,208,234,1) 51%, rgba(166,192,227,1) 51%, rgba(175,199,232,1) 62%, rgba(186,208,239,1) 75%, rgba(153,181,219,1) 88%, rgba(121,155,200,1) 100%);
border-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
	-webkit-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
	-moz-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
	-o-box-shadow: inset 0px 1px 0px #37789b, 0px 5px 0px 0px #276382, 0px 8px 10px #52918f;
box-shadow: inset 0px 1px 0px #96999b, 0px 5px 0px 0px #707070, 0px 8px 10px #918f51;
}


#shiirebutton:active {

color:#fff;
text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff;
    -webkit-text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff;
border-top:solid 1px #11e3ff;
border-bottom:solid 1px #11e3ff;
border-left:solid 1px #11e3ff;
border-right:solid 1px #11e3ff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
top:3px;
-webkit-box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;
-moz-box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;
-o-box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;
box-shadow: inset 0px 1px 0px #11e3ff, 0px 2px 0px 0px #11e3ff, 0px 2px 13px #11e3ff;
}


#shiirebutton:hover {
color:#fff;
	opacity: 1;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-name: flash;
	animation-duration: 0.5s;
	animation-name: flash;

text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;
    -webkit-text-shadow: 0 0 10px #00e9ff, 0 0 20px #00e9ff, 0 0 30px #00e9ff, 0 0 40px #00e9ff, 0 0 70px #00e9ff;

  filter: alpha(opacity=30);
  -moz-opacity: 0.1;
  -webkit-transition: 0.1s ease-in-out;
  -moz-transition: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
