/* WEBフォント */
@font-face {
	font-family      : 'Typicons'                                   ;
		src: url('../file/fonts/typicons-regular-webfont.eot')       ;
		src: url('../file/fonts/typicons-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('../file/fonts/typicons-regular-webfont.woff') format('woff'),
		url('../file/fonts/typicons-regular-webfont.ttf') format('truetype'),
		url('../file/fonts/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
		font-weight         : normal                                    ;
		font-style          : normal                                    ;
}

/* ----------------------- Browser Default Initialization */
html, body {
	position                : relative     ;
	height                  : 100%         ;
	min-height              : 100%         ;
}
/* margin,paddingの統一 */
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            ;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}

/*
hr, legend	{
	display: none;
}
*/
/* フォントサイズの統一 */
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
li	{
	list-style-type: none;
}

a {
	text-decoration: none;
}


/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
	font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size  : 75%;
	line-height: 150%;
}
html>/**/body {
	font-size: 12px;
}





/*--------------------------------------------------*/
/* 入力補助 */
.inputbox {
	height              : 20px                                     ;
}
.inputbox_off {
	ime-mode            : disabled                                 ;
}
.inputbox_jap {
	ime-mode            : active                                   ;
}
.inputbox_eng {
	ime-mode            : inactive                                 ;
}


/*--------------------------------------------------*/
/* メッセージ */
.msgbar{
	margin              : 20px 0 4px 0                             ;
	padding             : 0px 0px 0px 20px                         ;
	width               : 640px                                    ;
	font-size           : 20px                                     ;
	line-height         : 2.2                                      ;
	color               : black                                    ;
	background-image    : url(../pic/titlebar.gif)                 ;
	background-repeat   : no-repeat                                ;
	text-align          : left                                     ;
	float               : left                                     ;
}

.msgSpbar{
	margin              : 20px 0 4px 0                             ;
	padding             : 0px 0px 0px 20px                         ;
	width               : device-width                             ;
	font-size           : 20px                                     ;
	line-height         : 2.2                                      ;
	color               : black                                    ;
	background-image    : url(../pic/titlebar.gif)                 ;
	background-repeat   : no-repeat                                ;
	text-align          : left                                     ;
	float               : left                                     ;
}

.backBtn{
	position            : relative                                 ;
	margin              : 5px 0 0 0                                ;
	float               : right                                    ;
	cursor              : pointer                                  ;
}

/*--------------------------------------------------*/
/* ボタン化 */
a#btn_blue{
	display              : block                                   ;
	text-decoration      : none                                    ;
	background           : royalblue                               ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#006FAB), color-stop(0.5,#007FBD), color-stop(0.5,#006FAB), to(#007FBD));
	background           : -webkit-linear-gradient(#006FAB, #007FBD);
	background           : -moz-linear-gradient(top,#006FAB, #007FBD 50%,#006FAB 50%,#007FBD);
	background           : -ms-linear-gradient(#006FAB, #007FBD)   ;
	background           : -o-linear-gradient(#006FAB, #007FBD)    ;
	background           : linear-gradient(#006FAB, #007FBD)       ;
	-pie-background      : linear-gradient(#006FAB, #007FBD)       ;
	color                : #FFF                                    ;
	border               : 2px solid #fff                          ;
	box-shadow           : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	border-radius        : 10px                                    ;
	-moz-border-radius   : 10px                                    ;
	-webkit-border-radius: 10px                                    ;
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	padding              : 10px 0                                  ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_blue:hover{
	background          : rgba(0,0,0,.1)                          ;
}

a#btn_red{
	display              : block                                   ;
	text-decoration      : none                                    ;
	background           : tomato                                  ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#D1264B), color-stop(0.5,#AC232F), color-stop(0.5,#D1264B), to(#AC232F));
	background           : -webkit-linear-gradient(#D1264B, #AC232F);
	background           : -moz-linear-gradient(top,#D1264B, #AC232F 50%,#D1264B 50%,#AC232F);
	background           : -ms-linear-gradient(#D1264B, #AC232F)   ;
	background           : -o-linear-gradient(#D1264B, #AC232F)    ;
	background           : linear-gradient(#D1264B, #AC232F)       ;
	-pie-background      : linear-gradient(#D1264B, #AC232F)       ;
	color                : #FFF                                    ;
	border               : 4px solid #fff                          ;
	box-shadow           : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	border-radius        : 20px                                    ;
	-moz-border-radius   : 20px                                    ;
	-webkit-border-radius: 20px                                    ;
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	padding              : 10px 0                                  ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_red:hover{
	background          : rgba(0,0,0,.1)                          ;
}

a#btn_green{
	display              : block                                   ;
	text-decoration      : none                                    ;
	background           : forestgreen                             ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#90B44B), color-stop(0.5,#90B44B), color-stop(0.5,#90B44B), to(#44A828));
	background           : -webkit-linear-gradient(#90B44B, #44A828);
	background           : -moz-linear-gradient(top,#90B44B, #44A828 50%,#90B44B 50%,#44A828);
	background           : -ms-linear-gradient(#90B44B, #44A828)   ;
	background           : -o-linear-gradient(#90B44B, #44A828)    ;
	background           : linear-gradient(#90B44B, #44A828)       ;
	-pie-background      : linear-gradient(#90B44B, #44A828)       ;
	color                : #FFF                                    ;
	border               : 4px solid #fff                          ;
	box-shadow           : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	border-radius        : 10px                                    ;
	-moz-border-radius   : 10px                                    ;
	-webkit-border-radius: 10px                                    ;
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	padding              : 10px 0                                  ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_green:hover{
	background          : rgba(0,0,0,.1)                          ;
}

a#btn_std{
	display              : block                                   ;
	text-decoration      : none                                    ;
	background           : lightsteelblue                          ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	background           : -webkit-linear-gradient(#BFD9E5, #3D95B7);
	background           : -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background           : -ms-linear-gradient(#BFD9E5, #3D95B7)   ;
	background           : -o-linear-gradient(#BFD9E5, #3D95B7)    ;
	background           : linear-gradient(#BFD9E5, #3D95B7)       ;
	-pie-background      : linear-gradient(#BFD9E5, #3D95B7)       ;
	border-radius        : 4px                                     ;
	-moz-border-radius   : 4px                                     ;
	-webkit-border-radius: 4px                                     ;
	border               : 1px solid #0099CC                       ;
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_white{
	display              : block                                   ;
	text-decoration      : none                                    ;
	background           : gainsboro                               ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.5,#FFFFFF), color-stop(0.5,#FFFFFF), to(#F8F8FF));
	background           : -webkit-linear-gradient(#FFFFFF, #F8F8FF);
	background           : -moz-linear-gradient(top,#FFFFFF, #F8F8FF 50%,#FFFFFF 50%,#F8F8FF);
	background           : -ms-linear-gradient(#FFFFFF, #F8F8FF)   ;
	background           : -o-linear-gradient(#FFFFFF, #F8F8FF)    ;
	background           : linear-gradient(#FFFFFF, #F8F8FF)       ;
	-pie-background      : linear-gradient(#FFFFFF, #F8F8FF)       ;
	color                : #010F29                                 ;
	border               : 4px solid #D8D6D5                       ;
	box-shadow           : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	border-radius        : 20px                                    ;
	-moz-border-radius   : 20px                                    ;
	-webkit-border-radius: 20px                                    ;
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	padding              : 10px 0                                  ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_white:hover{
	background          : rgba(0,0,0,.1)                          ;
}

a#btn_square_red{
	display              : block                                   ;
	text-decoration      : none                                    ;
	background           : tomato                                  ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#FCEDED), color-stop(0.5,#E27272), color-stop(0.5,#0080B3), to(#D52B2B));
	background           : -webkit-linear-gradient(#FCEDED, #E27272);
	background           : -moz-linear-gradient(top,#FCEDED, #E27272 50%,#0080B3 50%,#0099CC);
	background           : -ms-linear-gradient(#FCEDED, #E27272);
	background           : -o-linear-gradient(#FCEDED, #E27272);
	background           : linear-gradient(#FCEDED, #E27272);
	-pie-background: linear-gradient(#FCEDED, #E27272);
	border-radius        : 4px                                     ;
	-moz-border-radius   : 4px                                     ;
	-webkit-border-radius: 4px                                     ;
	border               : 1px solid #D52B2B                       ;
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_square_orange{
	display              : block                                   ;
	text-decoration      : none                                    ;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fceabb+0,fccd4d+50,f8b500+51,fbdf93+100;Orange+3D+%235 */
	background: #fceabb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
	border-radius        : 4px                                     ;
	-moz-border-radius   : 4px                                     ;
	-webkit-border-radius: 4px                                     ;
	border               : 1px solid #FF9900                       ;
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_square_green{
	display              : block                                   ;
	text-decoration      : none                                    ;
	background           : forestgreen                             ;
	background           : -webkit-gradient(linear, left top, left bottom, from(#90B44B), color-stop(0.5,#44A828), color-stop(0.5,#90B44B), to(#44A828));
	background           : -webkit-linear-gradient(#90B44B, #44A828);
	background           : -moz-linear-gradient(top,#90B44B, #44A828 50%,#0080B3 50%,#0099CC);
	background           : -ms-linear-gradient(#90B44B, #44A828);
	background           : -o-linear-gradient(#90B44B, #44A828);
	background           : linear-gradient(#90B44B, #44A828);
	-pie-background: linear-gradient(#90B44B, #44A828);
	border-radius        : 4px                                     ;
	-moz-border-radius   : 4px                                     ;
	-webkit-border-radius: 4px                                     ;
	border               : 1px solid green                         ;
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow          : 0px 0px 3px rgba(0,0,0,0.5)             ;
	cursor               : pointer                                 ;
	text-align           : center                                  ;
}

a#btn_std:hover{
	background          : rgba(0,0,0,.1)                          ;
}

a#btn_square_red:hover{
	background          : rgba(0,0,0,.1)                          ;
}

a#btn_square_orange:hover{
	background          : rgba(0,0,0,.1)                          ;
}

a#btn_square_green:hover{
	background          : rgba(0,0,0,.1)                          ;
}

/*-- 枠 --*/
.frameGrp{
	display              : block                                   ;
	text-decoration      : none                                    ;
	text-align           : center                                  ;
	color                : red                                     ;
	border-radius        : 4px                                     ;
	-moz-border-radius   : 4px                                     ;
	-webkit-border-radius: 4px                                     ;
	border               : 1px solid tomato                        ;
	-moz-box-shadow      : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow   : 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	margin               : 5px                                     ;
}

/*--------------------------------------------------*/
/* ローディング */
.loading {
	display              : none                                    ;
}

/*--------------------------------------------------*/
/* 線 */
hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
}
/*---*/
hr.style-three {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}
/*---*/
hr.style-four {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}
/*---*/
hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
/*---*/
hr.style-six {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/*---*/
hr.style-seven {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.style-seven:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}
/*---*/
hr.style-eight {
    padding: 0;
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}
hr.style-eight:after {
    content: "§";
    display: inline-block;
    position: relative; 
    top: -0.7em;  
    font-size: 1.5em;
    padding: 0 0.25em;
    background: white;
}

/*css radio02*/
.radio02-input{
  display: none;
}
.radio02-input + label{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.radio02-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio02-input:checked + label{
  color: #009a9a;
}
.radio02-input:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #009a9a;
  border-radius: 50%;
}