@charset"UTF-8";

/* 
***********************************************************
* Copyright(C) CIDARIO Inc.
* URI:http://cidario.co.jp
* Editor:Hiromi Yoshino
***********************************************************
*/


/* grid 
========================================================================================================
*/

.row{
	margin:0;	
}

	
.row:after{
	display:table;
	content:"";
	clear:both;	
}


.sm-1-div, .sm-2-div, .sm-3-div, .sm-4-div, .sm-5-div, .sm-6-div, .sm-7-div, .sm-8-div, .sm-9-div, .sm-10-div, .sm-11-div, .sm-12-div{
	display:block;
	float:left;
	padding:0;	
}


.sm-1-div{
	width:8.33333333%;	
}


.sm-2-div{
	width:16.66666667%;	
}

	
.sm-3-div{
	width:25%;	
}


.sm-4-div{
	width:33.33333333%;	
}


.sm-5-div{
	width:41.66666667%;	
}

	
.sm-6-div{
	width:50%;	
}


.sm-7-div{
	width:58.33333333%;	
}
	

.sm-8-div{
	width:66.66666667%;	
}

	
.sm-9-div{
	width:75%;	
}


.sm-10-div{
	width:83.33333333%;	
}


.sm-11-div{
	width:91.66666667%;	
}

	
.sm-12-div{
	width:100%;	
}


@media print, screen and (min-width:640px){
.lg-1-div, .lg-2-div, .lg-3-div, .lg-4-div, .lg-5-div, .lg-6-div, .lg-7-div, .lg-8-div, .lg-9-div, .lg-10-div, .lg-11-div, .lg-12-div{
	display:block;
	float:left;
	padding:0;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-1-div{
  width:8.33333333%;
 }
}

@media print, screen and (min-width:640px) {
 .lg-2-div{
	width:16.66666667%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-3-div{
	width:25%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-4-div{
	width:33.33333333%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-5-div{
	width:41.66666667%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-6-div{
	width:50%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-7-div{
	width:58.33333333%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-8-div{
	width:66.66666667%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-9-div{
	width:75%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-10-div{
	width:83.33333333%;	
 }
}


@media print, screen and (min-width:640px) {
 .lg-11-div{
	width:91.66666667%;	
 }
}

@media print, screen and (min-width:640px) {
 .lg-12-div{
	width:100%;	
 }
}


/* 汎用
========================================================================================================
*/

.width-full{
	width:100%;
}


@media only screen and (max-width:640px) { 
 .sm-hide{
	display:none;	
 }
}

@media print (max-width:640px) { 
 .sm-hide{
	display:inherit;
 }
}

@media print, screen and (min-width:640px) {
 .lg-hide{
	display:none;	
 }
}

.onmouse{
  cursor: pointer;
}

/*.center{
	text-align:center;
}*/

.tright{
	text-align:right;	
}


/* text
========================================================================================================
*/

.red{
  color:#FF0000;
}

.bold{
  font-weight:bold;
}


/* list
========================================================================================================
*/


	
/* link
========================================================================================================
*/

a{
	color:#DC2392;
}

a:visited{
	color:#DC2392;
}

a:hover{
	color:#DC2392;
  text-decoration:none;
}

a:active{
	color:#DC2392;
}


a:hover.btnOver img{
	opacity: 0.7;     /* 透過レベル */
  filter: alpha(opacity=80);
}

a img:hover{
	opacity:0.8;
}


/* ======== link01 ========*/

a.link01{
	color:#00BFFF;
}

a.link01:visited{
	color:#00BFFF;
}

a.link01:hover{
	color:#00BFFF;
  text-decoration:none;
}

a.link01:active{
	color:#00BFFF;
  text-decoration:none;
}


/* ======== link02 ========*/

a.link02{
	color:#006CD8;
}

a.link02:visited{
	color:#006CD8;
}

a.link02:hover{
	color:#006CD8;
  text-decoration:none;
}

a.link02:active{
	color:#006CD8;
}

/* ======== link03 ========*/

a.link03{
	color:#000000;
}

a.link03:visited{
	color:#000000;
}

a.link03:hover{
	color:#DC2392;
  text-decoration:none;
}

a.link03:active{
	color:#DC2392;
}

/* ======== link04 ========*/

a.link04{
	color:#00A3D8;
}

a.link04:visited{
	color:#00A3D8;
}

a.link04:hover{
	color:#00A3D8;
  text-decoration:none;
}

a.link04:active{
	color:#00A3D8;
}


/* ======== btn ========*/

a.btn01,button.btn01,input.btn01,p.btn01 input{
  background: -moz-linear-gradient(top,#E34FA8 0%,#E34FA8 50%,#DC2392 50%,#DC2392);
  background: -ms-linear-gradient(top,#E34FA8 0%,#E34FA8 50%,#DC2392 50%,#DC2392);
  background: -webkit-gradient(linear, left top, left bottom,from(#E34FA8), color-stop(0.5,#E34FA8), color-stop(0.5,#DC2392),  to(#DC2392));
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border:none;
  color:#FFF;
  text-decoration:none;
}


a.btn02,button.btn02{
  background: -moz-linear-gradient(top,#84CD4F 0%,#84CD4F 50%,#5BBC14 50%,#5BBC14);
  background: -ms-linear-gradient(top,#84CD4F 0%,#84CD4F 50%,#5BBC14 50%,#5BBC14);
  background: -webkit-gradient(linear, left top, left bottom,from(#84CD4F), color-stop(0.5,#84CD4F), color-stop(0.5,#5BBC14),  to(#5BBC14));
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border:none;
  color:#FFF;
  text-decoration:none;
}


a.btn03,button.btn03{
  background: -moz-linear-gradient(top,#686874 0%,#686874 50%,#424251 50%,#424251);
  background: -ms-linear-gradient(top,#686874 0%,#686874 50%,#424251 50%,#424251);
  background: -webkit-gradient(linear, left top, left bottom,from(#686874), color-stop(0.5,#686874), color-stop(0.5,#424251),  to(#424251));
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border:none;
  color:#FFF;
  text-decoration:none;
}


a.btn04,button.btn04{
  background: -moz-linear-gradient(top,#ADADAD 0%,#ADADAD 50%,#999999 50%,#999999);
  background: -ms-linear-gradient(top,#4C4C5A 0%,#4C4C5A 50%,#424251 50%,#424251);
  background: -webkit-gradient(linear, left top, left bottom,from(#ADADAD), color-stop(0.5,#ADADAD), color-stop(0.5,#999999),  to(#999999));
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border:none;
  color:#FFF;
  text-decoration:none;
}


a.btn05,button.btn05{
  background: -moz-linear-gradient(top,#336BE1 0%,#336BE1 50%,#0046D9 50%,#0046D9);
  background: -ms-linear-gradient(top,#336BE1 0%,#336BE1 50%,#0046D9 50%,#0046D9);
  background: -webkit-gradient(linear, left top, left bottom,from(#336BE1), color-stop(0.5,#336BE1), color-stop(0.5,#0046D9),  to(#0046D9));
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border:none;
  color:#FFF;
  text-decoration:none;
}


a.btn06,button.btn06{
  background: -moz-linear-gradient(top,#336BE1 0%,#336BE1 50%,#0046D9 50%,#0046D9);
  background: -ms-linear-gradient(top,#336BE1 0%,#336BE1 50%,#0046D9 50%,#0046D9);
  background: -webkit-gradient(linear, left top, left bottom,from(#336BE1), color-stop(0.5,#336BE1), color-stop(0.5,#0046D9),  to(#0046D9));
  border-radius: 5px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border:none;
  color:#FFF;
  text-decoration:none;
}

a.btn01:hover,
a.btn02:hover,
a.btn03:hover,
a.btn04:hover,
a.btn05:hover,
a.btn06:hover,
button.btn01:hover,
button.btn02:hover,
button.btn03:hover,
button.btn04:hover,
button.btn05:hover,
button.btn06:hover
{
	opacity:0.8;
}


/* table&form
========================================================================================================
*/



/* 汎用クラス
========================================================================================================
*/

.end{
	margin:0 0 0 0;
}

.f-box{
	clear:both;
	overflow:hidden;
}

.floatfix{
	overflow:hidden;
}

.clear{
	clear:both;
}

.clearfix{
	zoom:1;
	display:inline-block;
}

.clearfix:after{
	content:""; 
	display:block; 
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

.center{
	text-align:center;
}

.hid{
	display:none;
}

.noborder{
	border:none;
}

.block{
	display:block;
}

.bold{
  font-weight:bold;
}

.bdleft{
	border-left:1px solid #BBBBBB;
}

.bdright{
	border-right:1px solid #BBBBBB;
}

.vertical{
  vertical-align:middle;  
}


.ml5{
	margin-left:5px;
}

.ml10{
	margin-left:10px;
}

.ml15{
	margin-left:15px;
}

.ml20{
	margin-left:20px;
}

.ml30{
	margin-left:30px;
}

.mr5{
	margin-right:5px;
}

.mr10{
	margin-right:10px;
}

.mr15{
	margin-right:15px;
}

.mr20{
	margin-right:20px;
}

.mr30{
	margin-right:30px;
}

.mt5{
	margin-top:5px;
}

.mt10{
	margin-top:10px;
}

.mt15{
	margin-top:15px;
}

.mt20{
	margin-top:20px;
}

.mt30{
	margin-top:30px;
}

.mt40{
	margin-top:40px;
}

.mt50{
	margin-top:50px;
}

.mb5{
	margin-bottom:5px;
}

.mb10{
	margin-bottom:10px;
}

.mb15{
	margin-bottom:15px;
}

.mb20{
	margin-bottom:20px;
}

.mb30{
	margin-bottom:30px;
}

.mb50{
	margin-bottom:50px;
}

.mb60{
	margin-bottom:60px;
}