@charset "UTF-8";
/* CSS Document */

h4{
width:180px;
height:auto;
margin:30px auto 30px auto;
padding:10px;
color:#000000;
font-size:28px;
text-align:center;
border-bottom:1px solid #4c4c4c;	
font-family: 'Lato', sans-serif;
}


h5{
clear:left;	
width:180px;
height:auto;
margin:60px auto 30px auto;
padding:10px;
color:#000000;
font-size:28px;
text-align:center;
border-bottom:1px solid #4c4c4c;	
font-family: 'Lato', sans-serif;
}


/*INDEX */

div.contents-box{
width:295px;
height:195px;
float:left;
margin:0 25px 60px 0;
padding:0;
}

div.contents-box-last{
width:295px;
height:195px;
float:left;
margin:0 0px 60px 0;
padding:0;
}

div.contents-box-ttl{
width:auto;
height:auto;
margin:0 0 15px 0;
padding:0;
text-align:left;	
font-family: 'Lato', sans-serif;
}


div.thumbnail-box{
width:295px;
height:195px;
position:relative;
margin:0;
padding:0;
}


div.thumbnail-box-ttl{
width:285px;
height:25px;	
position:absolute;
bottom:0px;
background:url(/images/global-link-icon.png) no-repeat 275px 13px ;
background-color:rgba(229,6,18,0.9);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612')";
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612'); /* IE5.5+ */
margin:0;
text-align:left;
padding:15px 0px 5px 10px;
font-size:12px;
letter-spacing:0!important;
}

div.thumbnail-box-ttl-2{
width:285px;
height:33px;	
position:absolute;
bottom:0px;
background:url(/images/global-link-icon.png) no-repeat 275px 13px;
background-color:rgba(229,6,18,0.9);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612')";
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612'); /* IE5.5+ */
margin:0;
text-align:left;
padding:7px 0px 5px 10px;
font-size:12px;
letter-spacing:0!important;
}

article a{
color:#ffffff!important;

}

article a:hover{
color:#ffffff!important;		
}

ul.contents-box-list{
width:auto;
height:193px;
padding:0;
margin:0;
border:1px solid #dddddd;	
}

ul.contents-box-list li{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:10px 0 10px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 10px, 273px 16px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.one-indent{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 273px 14px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.last{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 273px 14px; 
border:none;
}

span.fontawesome-question-sign{
font-size:30px;
color:#e50612;
padding:0;
margin:0;
}


div.facebook-box{
width:940px;
height:auto;
margin:0 auto 60px auto;
padding:0;
text-align:center;
overflow:hidden;
}

div.facebook-box iframe{
width:920px;
height:600px	;
margin:0 auto;
text-align:center;
overflow:hidden;
}


@media only screen and (min-device-width : 320px)
and (max-device-width : 768px) {
	
h4{
width:150px;
height:auto;
margin:0px auto 30px auto;
padding:10px;
color:#000000;
font-size:20px;
text-align:center;
border-bottom:1px solid #4c4c4c;	
font-family: 'Lato', sans-serif;
}


h5{
clear:left;	
width:150px;
height:auto;
margin:0px auto 30px auto;
padding:10px;
color:#000000;
font-size:20px;
text-align:center;
border-bottom:1px solid #4c4c4c;	
font-family: 'Lato', sans-serif;
}


/*INDEX */

div.contents-box{
width:290px;
height:195px;
float:none;
margin:0 0px 60px 0;
padding:0;
}

div.contents-box-last{
width:290px;
height:195px;
float:none;
margin:0 0px 60px 0;
padding:0;
}

div.contents-box-ttl{
width:auto;
height:auto;
margin:0 0 15px 0;
padding:0;
text-align:left;	
font-family: 'Lato', sans-serif;
}


div.thumbnail-box{
width:290px;
height:195px;
position:relative;
margin:0;
padding:0;
}


div.thumbnail-box img{
width:290px;	
}

div.thumbnail-box-ttl{
width:280px;
height:25px;	
position:absolute;
bottom:0px;
background:url(/images/global-link-icon.png) no-repeat 270px 13px ;
background-color:rgba(229,6,18,0.9);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612')";
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612'); /* IE5.5+ */
margin:0;
text-align:left;
padding:15px 0px 5px 10px;
font-size:12px;
letter-spacing:0!important;
}

div.thumbnail-box-ttl-2{
width:280px;
height:33px;	
position:absolute;
bottom:0px;
background:url(/images/global-link-icon.png) no-repeat 270px 13px;
background-color:rgba(229,6,18,0.9);
 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612')";
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cce50612',EndColorStr='#cce50612'); /* IE5.5+ */
margin:0;
text-align:left;
padding:7px 0px 5px 10px;
font-size:12px;
letter-spacing:0!important;
}

article a{
color:#ffffff!important;

}

article a:hover{
color:#ffffff!important;		
}

ul.contents-box-list{
width:auto;
height:193px;
padding:0;
margin:0;
border:1px solid #dddddd;	
}

ul.contents-box-list li{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:10px 0 10px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 10px, 268px 16px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.one-indent{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 268px 14px; 
border-bottom:1px solid #dddddd;	
}

ul.contents-box-list li.last{
width:auto;
height:auto;
text-align:left;
font-size:12px;
padding:13px 0 13px 45px;
margin:0;
background-image: url(/images/global-link-icon-3.png) , url(/images/global-link-icon-2.png) ;
background-repeat: no-repeat;
background-position: 10px 8px, 268px 14px; 
border:none;
}

span.fontawesome-question-sign{
font-size:30px;
color:#e50612;
padding:0;
margin:0;
}


div.facebook-box{
width:290px;
height:auto;
margin:0 auto 30px auto;
padding:0;
text-align:center;
overflow:hidden;
}

div.facebook-box iframe{
width:290px;
height:400px	;
margin:0 auto;
text-align:center;
overflow:hidden;
}
	
}