/* @import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css); */

body {
  padding:0; margin:0;
  position: relative;
  font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif !important;
  
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  background-size: 20px 20px;
  background-color: #F8Fcff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #F4F9FF), color-stop(.5, transparent), to(transparent));
  background-image: -moz-linear-gradient(#F4F9FF 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(#F4F9FF 50%, transparent 50%, transparent);
  background-image: linear-gradient(#F4F9FF 50%, transparent 50%, transparent);
  
}




body{ 
		line-height:1.5;
		font-size:15px;
		font-weight:400;
		color:#2c2c2c; }

p{
		font-size:16px;
		line-height:1.7;
		text-indent:1ex;
		color:#2c2c2c;
}




.link1 {
    position: relative;
}
.link1:before {
    content: "\f138";
    color: #111;
    font-family: Fontawesome;
    margin-right: .4em;
    position: absolute;
    left: -1.2em;
}

.link2 {
    display: block;
    background-color: #ecf0f1;
    border: 2px solid #fff;
    box-shadow: 0 0 0 2px #ecf0f1;
    padding: 1em;
}

img { border:0; }

a{ 
text-decoration:none;
color:#448aca;
border-bottom:1px dotted #448aca;
}
img { border:0; }



*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  /*font-family: 'Rounded Mplus 1c', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;*/
}

big{ font-size:18px; font-weight:700; transform:rotate(0.05deg); }

strong{ font-size:18px; font-weight:700;  }
p strong{ font-size:16px; font-weight:700; }
p span{ font-size:16px;color:#3d3d3d;}


p{transform:rotate(0.05deg);}
strong{transform:rotate(0.05deg);}

.linkbox{
position: relative;
border:1px solid #e5e5e5;
border-radius: 5px;
padding:5px;
padding-right:30px;
-moz-border-radius: 5px;-webkit-border-radius: 5px;
}

.linkbox-sub{
border-radius:0 5px 5px 5px; -moz-border-radius:0 5px 5px 5px; -webkit-border-radius:0 5px 5px 5px;
}

.linkbox:after{
  font-family: 'FontAwesome';
  content: "\f054";
  color:#a1a1a1;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
}




hr{ border:0; border-top:2px solid #e6eaf0; margin:10px 0; }

.pad10{ padding:10px; }
.pad5{ padding:5px; }
.pad2{ padding:2px; }

.fs12{ font-size:12px; line-height:1; }

.radius{ border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; }
.radius3{ border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; }
.radius5{ border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; }
.radius10{ border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px; }
.radius15{ border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px; }
.radius20{ border-radius: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px; }
.radius30{ border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px; }

.radius5_top{ border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; }

.radius3_top{ border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; }

.contents_list{
}

.listimg{
  position: relative;
  overflow: hidden;
  z-index:0;
}

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


.listimgbg{
width:100%;
height:100%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#000000')";
background-image: -moz-linear-gradient(top, transparent, #000000);
background-image: -ms-linear-gradient(top, transparent, #000000);
background-image: -o-linear-gradient(top, transparent, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#000000));
background-image: -webkit-linear-gradient(top, transparent, #000000);
background-image: linear-gradient(top, transparent, #000000);
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 30);
filter: alpha(opacity = 30);
}



.grafff{
width:100%; height:200px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#ffffff');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = 'transparent', endColorstr = '#ffffff')";
background-image: -moz-linear-gradient(top, transparent, #ffffff);
background-image: -ms-linear-gradient(top, transparent, #ffffff);
background-image: -o-linear-gradient(top, transparent, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(transparent), to(#ffffff));
background-image: -webkit-linear-gradient(top, transparent, #ffffff);
background-image: linear-gradient(top, transparent, #ffffff);
}



.listimg:before{
  content: '';
  background: inherit;
  position: absolute;
  z-index: -1;
}
.contents_box{
  display:inline-block;
  width:48%;
  vertical-align:top;
}

.contents{
  margin:4px 0 0 4px; 
}

.btn_box{
  display:inline-block;
  width:33%;
}


@media screen and (max-width: 600px){
  .contents_box{ width:100%; }
  .contents{ margin:4px 4px 0 4px; }
}
@media screen and (max-width: 755px){
  .btn_box{width:100%;}
}

.cb{
  border:1px solid #428BCA;
  padding:2px 5px;
  border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
  margin:5px 0;

}

.cb p{
  font-size:13px;
}
.cb1{
  border:1px solid #E74C3C;
  background-color:#fff5f4;
}
.cb2{
  border:1px solid #3498DB;
  background-color:#fcfdff;
}
.cb0{
  border:1px solid #34495E;
  background-color:#EAF1F7;
}

.panel{
  border:2px solid #bdc3c7;
  margin:10px;
  border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}

.bg-primary{
  margin:auto 3px;
  background-color:#2ecc71;
  border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}

.bg-primary h3{
  color:#fff;
  font-size:14px;
}
label{ font-size:15px; }

textarea{ width:99%; margin:auto 3px; height:5em; padding:10px; font-size:14px; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border:2px solid #95a5a6; }

.btn{
 border:0;
 border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
.btn-primary{
 background-color:#3498db;
 border-bottom:3px solid #2980b9;
 color:#fff;
}

.btn-carrot{
 background-color:#e67e22;
 border-bottom:3px solid #d35400;
 color:#fff;
}

.btn-cloud{
 background-color:#ecf0f1;
 border-bottom:3px solid #bdc3c7;
 color:#34495e;
}

.btn-sm{
  text-align:center;
  padding:10px 5px;
  font-size:15px;
  font-weight:bold;
}

.btn-lg{
  padding:15px 35px;
  font-size:20px;
  font-weight:bold;
}

.row{
  text-align:center;
}

table{ table-layout: fixed; }

.shortcut {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.fc_1{ background-color: #1abc9c; }
.fc_2{ background-color: #2ecc71; }
.fc_3{ background-color: #3498db; }
.fc_4{ background-color: #9b59b6; }
.fc_5{ background-color: #f1c40f; }
.fc_6{ background-color: #e67e22; }
.fc_7{ background-color: #e74c3c; }
.fc_8{ background-color: #95a5a6; }
.fc_9{ background-color: #ecf0f1; }
.fc_0{ background-color: #34495e; }


.ul1{
    border-bottom: 2px solid #FFA8A0;
}

.headline1{
margin-bottom:20px;
border-left:6px solid #3bafda;
padding:3px 0 3px 10px;
font-weight:bold;
}

.headline2{
font-size:120%;
margin-bottom:20px;
padding:5px 0 5px 5px;
border-left:10px double #569ADA;
font-weight:bold;
}

.cb_hr0{
  border:0; border-bottom:2px dotted #95a5a6;margin:15px 0;
}

.well{
 margin:5px 0;
 padding:10px;
 border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; border:2px solid #bdc3c7;
 background:#ecf0f1;

}

.commentArea{
padding:5px;
font-size:13px;
border:1px solid #FFD8D8;
background:#FFF7F7;
margin-bottom:5px;
line-height:1.7em;
}


.stripe{ 
  position: relative;
  	padding: 0.3em;
  }
.stripe:after {
  content: '';
  position: absolute;
  left: 0;
    bottom: 0;
  width: 100%;
    height: 7px;
    background: repeating-linear-gradient(-45deg, skyblue, skyblue 2px, white 2px, white 4px);
  }