/*==============================================
 Mixin/Variable

================================================*/
.taR { text-align: right; }

/*==============================================
 Index

================================================*/
#main .container section { margin-bottom: 30px; }
#main .container .titleArea { background: #2495C6; /* Old browsers */ background: -moz-linear-gradient(top, #7CBFDD 0%, #2495C6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7CBFDD), color-stop(100%, #2495C6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7CBFDD 0%, #2495C6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7CBFDD 0%, #2495C6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7CBFDD 0%, #2495C6 100%); /* IE10+ */ background: linear-gradient(to bottom, #7CBFDD 0%, #2495C6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7CBFDD', endColorstr='$insertColor',GradientType=0 ); /* IE6-9 */ padding: 10px 10px 20px; text-align: center; color: #fff; }
#main .container .titleArea h2 { margin: 20px 0; background: url("../img/index/bg_title.gif") no-repeat center 50%; }
#main .container .titleArea h2 img { display: inline-block; }
@media screen and (max-width: 768px) { #main .container .titleArea h2 { background: none; } }
#main .container .leadArea p { font-size: 114%; line-height: 2.0; text-align: center; }
@media screen and (max-width: 768px) { #main .container .titleArea h2 { margin: 15px 0; }
  #main .container .titleArea p { text-align: left; }
  #main .container .leadArea p { text-align: left; } }
#main .container .linkArea .clm { margin-bottom: 10px; padding: 15px; }
#main .container .linkArea .clm h3 a { background: url("../img/index/icn_arw.gif") no-repeat left 0.3em; padding-left: 20px; }
#main .container .linkArea .clm p { color: #777; }