@charset "utf-8";

/* 共通
------------------------------------------------------------------------------- */
body {
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
#main p,
#main li{
	font-size:118%;
}
#main p{margin-bottom:10px;}

h2.tit2{
	margin:20px 0 30px;
	text-align:center;
}
h2.tit2,
.titBlk h3{padding:0 20px;}
h2.tit2 img,
.titBlk img{
	max-width: 100%;
    width: auto\9;
    height: auto;
}

.titBlk{background:#efefef}
#main .tit4{
	padding-top:10px;
	margin-bottom:30px;
	background: url(../images/tit_icon.gif) no-repeat 0 0;	
}
#main .tit4 h4{
	padding-left:45px;
	font-size:186%;
	line-height:1.5;
	color:#333;
}
#main .tit4 h4 span{
	font-size:114%;
	color:#333;
}
#main h5,
#main .cTxt{
	font-size:136%;
	font-weight:bold;
	color:#193264;
}
#main .cTxt span{color:#193264 !important;}
#main .cTxt02{
	color:#c30d23;
	font-weight:bold;
}
#main .cTxt03{
	color:#333;
	font-weight:bold;
}
#main .bold{font-weight:bold;}
#main sup {
    vertical-align: super;
    font-size: 10px;
}
#main .indent01{
	text-indent: -1em;
	padding-left: 1em;
}
#main .indent02{
	text-indent: -2em;
	padding-left: 2em;
}

#main .cBox01{ background:#f6f4f4;}
#main .cBox02{ background:#fff4cd;}
#main .cBox03{ background:#f8cbc9; margin-bottom:30px;}

#main .cBox01,#main .cBox02,#main .cBox03{
	padding:20px;
	border-radius: 10px;
}
#main .cBox03 p{
	margin-bottom:0;
	font-weight:bold;
	font-size:168%;
	color:#d2101b;
}


/* col --- */
#main .colBlock03 .col1{width:31.2%;}
#main .colBlock03 .col2{width:65.7%;}
#main .cBlock{
	border: 1px solid #193264;
	margin-bottom:20px;
	background:#193264;
	border-radius: 10px;
}
#main .proBlock{
	border: 1px solid #ccc;
	margin-bottom:20px;
	background:#efefef;
	border-radius: 10px;
}
#main .cBlock .colL,
#main .proBlock .colL{width:20%;}
#main .cBlock .colR,
#main .proBlock .colR{
	width:80%;
	background:#fff;
	border-radius: 0 10px 10px 0;
}
#main .cBlock .inner,
#main .proBlock .inner{padding:18px;}
#main .cBlock .colL .inner p{
	color:#fff;
	font-weight:bold;
}
#main .proBlock p{
	color:#000;
	font-weight:bold;
	margin:0;
}
#main .proBlock li{
	float:left;
	margin-right:10px;
	padding-right:10px;
}
#main .cBlock02{
	border: 1px solid #f8cbc8;
	border-radius: 10px;
}
#main .cBlock02 dt{
	padding:18px;
	background:#ffeae9;
	text-align:center;
	font-size:126%;
	font-weight:bold;
	line-height:1.4;
	border-radius: 10px 10px 0 0;
}
#main .cBlock02 dt span{
	font-size:168%;
}
#main .cBlock02 dd{
	border-radius: 0 0 10px 10px;
	padding:18px;
	text-align:center;
}
#main .cBlock02 dd ul{
	display:inline-block;
	margin: 0 auto;
}
#main .cBlock02 dd ul li{

	text-align:left;
}
#main .cBlock02 dd img{margin-top:10px;}
/* ローカルナビ
------------------------------------------------------------------------------- */	
#main .fNavBlk{
	margin:30px 0;
	background:#efefef;
	padding:20px 0;
}
#main .fNavBlk ul{
	text-align:center;
	max-width:970px;
	margin: 0 auto;
	padding:0 10px;
}
#main .fNavBlk ul li{
	width:23.5%;
	margin:0 0 0 2%;
	float:left;
}
#main .fNavBlk ul li.firstChild{margin-left:0;}

/* 01
------------------------------------------------------------------------------- */
h2.cTax01{background:#ffcdcd;}

/* 02
------------------------------------------------------------------------------- */
h2.cTax02{background:#7bbab1;}

/* 03
------------------------------------------------------------------------------- */
h2.cTax03{background:#8396bf;}

#main .bBox01{ 
	margin-bottom:20px;
	border:1px solid #ccc;
	border-radius: 10px;
}
#main .bBox01 .inner{ padding:18px;}
#main .bBox01 .inner .lastChild{margin-right:0;}
/* 04
------------------------------------------------------------------------------- */
h2.cTax04{background:#baba7e;}






@media only screen and (max-width: 600px) {
#main .tit4 h4{
	font-size:156%;
	background-size:35px;
	padding-left:40px;
}
#main .tit4 h4 span{font-size:114%;}

#main .img{text-align:center;}
	
	
	
#main .colBlock03 .col1,
#main .colBlock03 .col2{width:100%; margin-bottom:20px;}
#main .colBlock04 .col{margin: 0 0 10px;}
#main .cBox01,
#main .cBox02{height: auto !important;}
#main .cBlock .colL{width:100%;}
#main .cBlock .colR{
	width:100%;
	background:#fff;
	border-radius: 0 0 10px 10px;
}
#main .cBlock .colL .inner,
#main .cBlock .colR .inner{padding:13px;}
#main .cBlock .colL,
#main .proBlock .colL{width:100%;}
#main .cBlock .colR,
#main .proBlock .colR{
	width:100%;
	background:#fff;
	border-radius: 0 0 10px 10px;
}
#main .mImg{
	max-width:460px !important;
	width:100%;
}
	

/* ローカルナビ
------------------------------------------------------------------------------- */	
#main .fNavBlk ul{
	text-align:center;
	margin:0 10px;
}
#main .fNavBlk ul li{
	width:47.9%;
	margin:0 1% 2% !important;
	text-align:center;
}
	
	
	
}


/* ==

　07. clearfix

=============================================================================== */
.clearfix{
	min-height:1%;
	clear:both;
}
* html .clearfix{
	height:1%;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}