﻿@charset "utf-8";

button, input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

/*------------------01010001.htm--------------------
ボタンクリック表示-------*/
span.button-sample {
	border: solid 1px #db7093; font-size: 12px;	color: #CC0000;	padding: 0px 20px; margin-right: 5px; font-weight: bold; background:#ffe4e1;
}

.button_oya {
	position: relative;
}
/*共通*/
.button01, .button02, .button03, .button04 {  
	border: solid 1px #db7093 !important;
	width: 100px !important;
	font-size: 14px;
	color: #CC0000 !important;
	padding: 0px;
	margin: 0px;
	background:#ffe4e1 !important;
    border-radius: 0px !important;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */ 
}
/*ボタン位置*/
.button01 {
	position: absolute;	top:32px; left:450px;
}
.button02 {
	position: absolute;	top:64px; left:450px;
}
.button03 {
	position: absolute;	top:96px; left:450px;
}
.button04 {
	position: absolute;	top:148px; left:450px;
}

.button01:hover, .button02:hover, .button03:hover, .button04:hover {
	color: #333 !important;
}


/*------------------01010101.htm--------------------
ボタンクリック表示-------*/
/*共通*/
.button05, .button06, .button07 {  
	border: solid 1px #db7093 !important;
	width: 100px !important;
	font-size: 14px;
	color: #CC0000 !important;
	padding: 0px;
	margin: 0px;
	background:#ffe4e1 !important;
    border-radius: 0px !important;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */ 
}
/*ボタン位置*/
.button05 {
	position: absolute;	top:32px; left:500px;
}
.button06 {
	position: absolute;	top:96px; left:500px;
}
.button07 {
	position: absolute;	top:215px; left:500px;
}

.button05:hover, .button06:hover, .button07:hover {
	color: #333 !important;
}


/*------------------01010102.htm--------------------
ボタンクリック表示-------*/
/*共通*/
.button08, .button09 {  
	border: solid 1px #db7093 !important;
	width: 120px !important;
	font-size: 14px;
	color: #CC0000 !important;
	padding: 0px;
	margin: 0px;
	background:#ffe4e1 !important;
    border-radius: 0px !important;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */ 
}
/*ボタン位置*/
.button08 {
	position: absolute;	top:180px; left:320px;
}
.button09 {
	position: absolute;	top:180px; left:692px;
}
.button08:hover, .button09:hover {
	color: #333 !important;
}
#button08_block {
	position: absolute;	top:50px; left:240px; background: #fff; padding: 10px; box-shadow: 0 0 8px #555;
}
#button09_block {
	position: absolute;	top:50px; left:640px; background: #fff; padding: 10px; box-shadow: 0 0 8px #555;
}
#button08_block .onClose, #button09_block .onClose {
	border: solid 1px #c0c0c0 !important;
	color: #CC0000;	font-size: 14px; width: 70px; padding: 0px;
	position: absolute;	top:0px; right:5px;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

/*------------------02010001.htm--------------------
ボタンクリック表示-------*/
/*共通*/
.button10, .button11, .button12 {  
	border: solid 1px #db7093 !important;
	width: 120px !important;
	font-size: 14px;
	color: #CC0000 !important;
	padding: 0px;
	margin: 0px;
	background:#ffe4e1 !important;
    border-radius: 0px !important;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */ 
}
/*ボタン位置*/
.button10 {
	position: absolute;	top:75px; left:400px;
}
.button11 {
	position: absolute;	top:180px; left:400px;
}
.button12 {
	position: absolute;	top:260px; left:400px;
}

.button10:hover, .button11:hover, .button12:hover {
	color: #333 !important;
}

/*------------------03070001.htm--------------------
ボタンクリック表示-------*/

/*共通*/
.button13, .button14, .button15, .button16, .button17, .button18 {  
	border: solid 1px #db7093 !important;
	width: 120px !important;
	font-size: 14px;
	color: #CC0000 !important;
	padding: 0px;
	margin: 0px;
	background:#ffe4e1 !important;
    border-radius: 0px !important;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */ 
}
/*ボタン位置*/
.button13 {
	position: absolute;	top:60px; left:50px;
}
.button14 {
	position: absolute;	top:108px; left:50px;
}
.button15 {
	position: absolute;	top:155px; left:50px;
}
.button16 {
	position: absolute;	top:205px; left:50px;
}
.button17 {
	position: absolute;	top:255px; left:50px;
}
.button18 {
	position: absolute;	top:305px; left:50px;
}
@media all and (-ms-high-contrast:none){
	.button13 {	top: 60px;}/* IE10以降ハック */
	.button14 {	top: 110px;}/* IE10以降ハック */
	.button15 {	top: 160px;}/* IE10以降ハック */
	.button16 {	top: 212px;}/* IE10以降ハック */
	.button17 {	top: 262px;}/* IE10以降ハック */
	.button18 {	top: 313px;}/* IE10以降ハック */
}

.button13:hover, .button14:hover, .button15:hover, .button16:hover, .button17:hover, .button18:hover {
	color: #333 !important;
}


/*------------------03080001.htm--------------------
ボタンクリック pdf表示-------*/

.button19 {
	border: solid 1px #db7093 !important;
	padding: 0px 5px;
	margin:10px;
	width: 100px !important;
	font-size: 14px;
	background:#ffe4e1 !important;
    border-radius: 0px !important;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */ 
}
.button19 a {
	color: #CC0000 !important;
}
.button19 a:hover {
	color: #333 !important;
}

/*------------------04030001.htm--------------------
ボタンクリック動画を見る-------*/
.movie_on {
	position: relative;
}

.button20 {
	border: solid 1px #db7093 !important;
	font-size: 14px;
	color: #CC0000 !important;
	padding: 0px 10px;
	margin: 0px;
	background:#ffe4e1 !important;
    border-radius: 0px !important;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */ 
}
.button20 {
	position: absolute;	top:90px; left:480px;
}

.button20:hover {
	color: #333 !important;
}




/*------------------03020201.htm--------------------
テーブル斜線-------*/
.rightDown {
    background-image: linear-gradient( 25deg,
                      transparent, transparent 52%,
                      #fff 2%, #fff 53%,
                      transparent 52%, transparent );
	position:relative;
}
.rightDown .rightDown01 {
	position:absolute;
	top:10px;
	right:10px;
}
.rightDown .rightDown02 {
	position:absolute;
	top:35px;
	left:10px;
}




