@charset "UTF-8";


#mainArea a{
background: url("/common/img/icon_01.gif") no-repeat 0 center;
padding-left:10px;
}


/*----------------------------------------PC　641px以上----------------------------------------*/
@media only screen and (min-width: 641px) {

#contentsTop{
background:#FFFFFF;
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */  
margin-top:12px;    
padding:20px 20px 25px 0;
}

#mainArea{
float: right;
width: 667px;
padding-left: 15px;
}

.ttl2{
clear: both;
width: 645px;
height: 28px;
background: url("/common/img/title_bg01.gif") no-repeat scroll 2px center;
font-size: 16px;
font-weight: bold;
line-height:1.5;
border-bottom:solid 1px #CCCCCC;
margin: 50px 0 0 1px;
padding: 6px 0 0 17px;
}

#mainArea p{padding: 15px 15px 0;}

#mainArea p.lead{
font-size: 13px;
font-weight: bold;
float:left;
clear:both;
}

#mainArea ul li{
float:left;
padding: 15px 15px 0;
}

#mainArea ul{clear: both;}

#mainArea li.indent{
margin-left: 102px;
}

#mainArea p.news{
float:right;
padding: 10px 15px 0 0;
}

}


/*----------------------------------------スマートフォン　640px以下----------------------------------------*/
@media only screen and (max-width: 640px) {

#contentsTop{
width:97%;
background:#FFFFFF;
border-radius: 6px;        /* CSS3草案 */  
-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 6px;   /* Firefox用 */  
margin:10px 1.5% 0 1.5%;    
}

#mainArea{
padding:18px 0 20px 0;
margin:0 2%;
}

.ttl2{
clear: both;
font-weight:15px;
font-weight:bold;
border-bottom:solid 1px #CCCCCC;
margin:30px 0 0 0;
padding:0 0 5px 3px;
}

#mainArea p{padding: 15px 15px 0;}

#mainArea p.lead{
font-size: 13px;
font-weight: bold;
float:left;
clear:both;
}

#mainArea ul li{
float:left;
padding: 15px 15px 0;
}
#mainArea ul{
clear: both;
}

#mainArea p.news{
text-align:right;
padding: 10px 15px 0 0;
}

#mainArea a{
background: url("/common/img/icon_01.gif") no-repeat 0 center;
padding-left:10px;
}

}