.ContBox{float:right; height:100%;}
.ContBox {
   width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 220px);
   width : calc(100% - 220px);
}


@media screen and (max-width: 899px) {
.ContBox {
   width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
   width : -webkit-calc(100% - 0px);
   width : calc(100% - 0px);
   padding-top:60px;
}
}

.ContBox:after {content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .ContBox{
height: 0.1em;
overflow: visible;
}
/**/

.FullBox{width :100%; height:100%;}

.FullBox:after {content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .FullBox{
height: 0.1em;
overflow: visible;
}
/**/


.boxarea {
    margin:0 auto;
    padding:0px;
	padding-top:10px;
	position: relative;
	width: 100%;
}

.boxarea {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.boxarea:after {content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .boxarea{
height: 0.1em;
overflow: visible;
}
/**/


.contarea {
    margin:0 auto;
    padding:0px;
	padding-top:10px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
}

.contarea {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.contarea:after {content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .boxarea{
height: 0.1em;
overflow: visible;
}
/**/


.contenthover {padding:10px; }
.contenthover, .contenthover h3, contenthover a { color:#fff; }
.contenthover h3 { margin:10px auto 0px; line-height:1.3em; padding:0; font-size:18px;}
.contenthover p { margin:5px auto 10px; line-height:1.3em; padding:0; font-size:13px;}
.contenthover a.mybutton { display:block; text-align:center; padding:5px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.box{margin:0px; float:left; box-sizing:border-box;}
.box section{width:auto; height:auto; padding:5px;}

.Colbox{width:100%;}
.Col1box{width:80px;}
.Col2box{width:160px;}
.Col3box{width:240px;}
.Col4box{width:320px;}
.Col5box{width:400px;}
.Col6box{width:480px;}
.Col7box{width:560px;}
.Col8box{width:640px;}
.Col9box{width:720px;}
.Col10box{width:800px;}
.Col11box{width:880px;}
.Col12box{width:960px;}
.Col13box{width:1040px;}
.Col14box{width:1120px;}
.Col15box{width:1200px;}





@media only screen and (min-width:1120px) and (max-width:1199px) {
.Col12box{width:880px;}
.Col15box{width:100%;}
}

@media only screen and (min-width:1040px) and (max-width:1119px) {
.Col12box{width:800px;}
.Col15box{width:100%;}
}

@media only screen and (min-width:960px) and (max-width:1039px) {
.Col12box{width:720px;}
.Col15box{width:100%;}
}

@media only screen and (max-width:959px) {
.Col12box{width:100%;}
.Col15box{width:100%;}
}


@media only screen and (max-width:720px) {
.Col3box{width:50%;}
}



.Colbox:after{content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .Colbox{
height: 0.1em;
overflow: visible;
}
/**/

.Colbox section{position:relative; padding:10px; height:auto; width:auto; padding:5px;}

.Colbox section .cate{font-size:16px; font-weight:normal; line-height:20px; display:inline-table; padding:5px;}
.Colbox section .cate{position:absolute; top:5px; height:5px;}
.Colbox section .cate{  
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius:3px;   /* Firefox用 */  
}


.Colbox h3{
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	width: auto;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}
.Colbox h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; padding-top:5px; padding-bottom:5px; margin-top:10px; }

.Colbox section h4{font-size:20px; line-height:24px; font-weight:bold; width:auto; height:auto; margin-bottom: 0px; padding: 10px 25px 0;}
.Colbox section p{
	line-height: 22px;
	font-size: 14px;
	font-weight: normal;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	padding: 10px 25px;
}


.Colbox section p:after {content:""; display:block; clear:both; height:0.1em; overflow:hidden;}
/*\*/
* html .Colbox section p{
height: 0.1em;
overflow: visible;
}
/**/




a.detailbtn{clear:both; display:block; text-align:center; padding:5px 10px; font-size:16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin:5px auto; }






@media only screen and (max-width:720px) {
    body {padding: 0 5px;}
    #boxarea{width: auto !important; padding: 0 1.8%;}
    .box{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        margin: 5px 0;
    }

.Cbox { width: 100%; }

.Col2{
    content: "";
    clear: both;
}

.Col2 .box {
    width: 48.7%;
    float:left;
}
.Col2 .box:nth-child(2n) {
    float:right;
}

}








.Col100{width:100%; clear:both;}
.Col95{width:95%;}
.Col90{width:90%;}
.Col85{width:85%;}
.Col80{width:80%;}
.Col75{width:75%;}
.Col70{width:70%;}
.Col66{width:66.6%;}
.Col65{width:65%;}
.Col60{width:60%;}
.Col55{width:55%;}
.Col50{width:50%;}
.Col48{width:48%;}
.Col45{width:45%;}
.Col40{width:40%;}
.Col35{width:35%;}
.Col33{width:33.3%;}
.Col30{width:30%;}
.Col25{width:25%;}
.Col20{width:20%;}
.Col15{width:15%;}
.Col10{width:10%;}
.Col5{width:5%;}


/*base*/
@media only screen and (min-width:960px) and (max-width:1280px) {

}

/*base*/
@media only screen and (min-width:600px) and (max-width:959px) {
.Col100{width:100%;}
.Col95{width:100%;}
.Col90{width:100%;}
.Col85{width:100%;}
.Col80{width:100%;}
.Col75{width:100%;}
.Col70{width:70%;}
.Col66{width:66.6%;}
.Col65{width:65%;}
.Col60{width:60%;}
.Col55{width:55%;}
.Col50{width:50%;}
.Col48{width:48%;}
.Col45{width:45%;}
.Col40{width:40%;}
.Col35{width:35%;}
.Col33{width:33.3%;}
.Col30{width:30%;}
.Col25{width:100%;}
.Col20{width:100%;}
.Col15{width:100%;}
.Col10{width:100%;}
.Col5{width:100%;}
}

/*base*/
@media only screen and (max-width:599px) {
.Col100{width:100%;}
.Col95{width:100%;}
.Col90{width:100%;}
.Col85{width:100%;}
.Col80{width:100%;}
.Col75{width:100%;}
.Col70{width:100%;}
.Col66{width:100%;}
.Col66{width:100%;}
.Col65{width:100%;}
.Col60{width:100%;}
.Col55{width:100%;}
.Col50{width:100%;}
.Col48{width:100%;}
.Col45{width:100%;}
.Col40{width:100%;}
.Col35{width:100%;}
.Col33{width:100%;}
.Col30{width:100%;}
.Col25{width:100%;}
.Col20{width:100%;}
.Col15{width:100%;}
.Col10{width:100%;}
.Col5{width:100%;}
}


.Lbox{float:left;}
.Rbox{float:right;}