@charset "shift_jis";
/*
cs-hiroshima オリジナルcss
*/

/*------------------------------------------------
共通　navi
-------------------------------------------------*/
#navi li a {
	position:relative;
	width:auto;
	color:#333;
	font-weight:bold;
/*	text-shadow:0 -1px 0px #333,0 1px 0px #555;*/
	padding:10px 0;
	text-decoration:none;
	display:block;
	
	 /*全体のグラデーション*/
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #efefef 51%, #e5e5e5 51%, #e5e5e5 52%, #e5e5e5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#efefef 51%,#e5e5e5 51%,#e5e5e5 52%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #eeeeee 0%,#efefef 51%,#e5e5e5 51%,#e5e5e5 52%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border-left:1px solid #ffffff;/*仕切り線*/
	}


#navi li a:hover {
	background: #f2b0cc; /* Old browsers */
	background: -moz-linear-gradient(top, #f2b0cc 0%, #f2b0cc 50%, #f29bb5 51%, #f29bb5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b0cc', endColorstr='#f29bb5',GradientType=0 ); /* IE6-9 */
}


#navi li.active a {
	background: #f2b0cc; /* Old browsers */
	background: -moz-linear-gradient(top, #f2b0cc 0%, #f2b0cc 50%, #f29bb5 51%, #f29bb5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f2b0cc 0%,#f2b0cc 50%,#f29bb5 51%,#f29bb5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b0cc', endColorstr='#f29bb5',GradientType=0 ); /* IE6-9 */
}

/*------------------------------------------------
index.html
-------------------------------------------------*/
.btnLink01,
.btnLink02{
	padding:0.8em;
	display:inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#ffffff;
}

.btnNavi01 {
	background:#d6f2ff;
	border:3px solid #1496cc;
	color:#1496cc;
}
.btnNavi01:hover {
	background:#93dfff;
	text-decoration:none;
}
.btnLink01:after {
	content:url("../images/arrow_a_btn01.png");
	margin-left:1em;
}

.btnNavi02 {
	background:#fff2f3;
	border:3px solid #ff6a7f;
	color:#ff6a7f;
}
.btnNavi02:hover {
	background:#fcdee2;
	text-decoration:none;
}
.btnLink02:after {
	content:url("../images/arrow_a_btn02.png");
	margin-left:1em;
}

/*------------------------------------------------
table
-------------------------------------------------*/
#hoken table.detail th {
	background:#f8f1f5;
}

#shien table.detail th {
	background:#f8f1f5;
}

/*------------------------------------------------
ti_base.cssからの設定変更
-------------------------------------------------*/
#breadcrumb {
background: #f8f1f5;
}

.tIndent0{
text-indent: 0 !important;
}

body {
	color:#444444;
}

.mainBox {
	padding-top:0;
}

.keyimgBox {
	background:#fbf1dc;
}

.btnBlue {
	background:#00A0B8;
}
.btnBlue:hover {
	background:#57b4d3;
}

.btnLink {
	padding:0.5em 2em;
	display:inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color:#ffffff;
}

a {
	color:#008ad5;
}

.catch {
	text-align:left;
	font-size:2em;
	margin-bottom:0.5em;
	color:#666666;
}


.btnRed {
	background:#E9527D;
}
.btnRed:hover {
	background:#e96d90;
	text-decoration:none;
}

.dlFloat dt{
	width:15%;
}
.dlFloat dd{
	width:75%;
}

.attBox02{
	border: 5px solid #fbf1dc;
	background:#fbf1dc;
}

table.detail th {
	background:#f8f1f5;
}


/*見出し------------------------------------------------------------*/

h1{
	color: #444444;
	border: 0 none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display:inline;
}

h1:after {
	border-bottom:none;
	border-top:none;
}

h1, h2, h3, h4, h5, h6{
	color:#444444;
}
h2{
	font-size: 2rem;
	border-bottom:2px solid #444444;
	margin-top:35px;
}

#hoiku h3{
	font-size: 1.575rem;
	border-left:7px solid #e7586d;
	color:#e7586d;
}
#shien h3{
	font-size: 1.575rem;
	border-left:7px solid #1496cc;
	color:#1496cc;
}

h4{
	font-size: 1.4875rem;
	border-left:4px solid #444444;
}



@media screen and (max-width:767px) {
	.grid1 img,
	.grid2 img,
	.grid3 img,
	.grid4 img,
	.grid5 img,
	.grid6 img,
	.grid7 img,
	.grid8 img,
	.grid9 img,
	.grid10 img,
	.grid11 img,
	.grid12 img{
		width:100%;
	}
.fLeft767{
	float: none;
	margin-left: 0;
	margin-right: 0;
}
}

/*------------------------------------------------
box
-------------------------------------------------*/
.box dl{
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	background:#f4cbd5;
}

.box dt{
	font-size:1.3em;
	color:#e7586d;
	text-align:center;
}

.box dd{
	padding:20px;
	background:#ffffff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}
.tri{
	position: relative;
	margin-bottom:32px;
}
.tri::after {
position: absolute;
content: "";
left: 50%;
bottom: -30px;
width:80px;
height:30px;
margin-left: -40px;
background: url("../images/bgFlow.png") top left no-repeat;
background-size:80px 30px;
}

footer .inner2{
background:#f8f1f5;
border-bottom: 2px solid #e9527d;
}

table.detail .w20{
	width:20%;
}