@charset "utf-8";

/* ページ（PC）：style_page_pc.css no.2
 * **************************************************
 * Elements (List)
 * **************************************************
 */


#header.topHdImg {
	background-image: url(../images/categoryImg.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#header {
	background-image: url(../images/categoryImg_sub.png);
	background-repeat: repeat-x;
	background-position: center top;
}

.fraction {
display: inline-block;
text-align: center;
vertical-align: middle;
font-size: smaller;
}
.fraction > .sep {
background-color: black;
display: block;
width: 100%;
height: 1px;
}


/* 下層ページ  */
#subPage #content {
}
/*  main
------------------------------------------------------------------- */
#header {
}

#header .inner {
	background: url(../images/categoryImg.png) center top no-repeat;
	margin: 0 auto;
	width: 1100px;
	height:230px;
}
#header .innerSub {
	background: url(../images/categoryImg_sub.png) center top no-repeat;
	margin: 0 auto;
	width: 1100px;
	height:140px;
}

#subPage .main .waku div.kazari {
	/*background:url(../images/bg_stripe01.png) left top repeat;*/
	padding:7px;
	margin-bottom:3em;
}
#subPage .main .waku div.kazari2 {
	/*background: #fff url(../images/bg_stripe02.png) left top repeat;*/
	padding:7px;
	margin-bottom:4em;
}
#subPage .main .waku div.kazari h2 {
	font-size:2.4em;
	margin:0 0 0 0;
}

#subPage .main  h2,
#subPage .main  h3 {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight: bold;
}
#subPage .main  h3.ttlC {
	font-size: 3.5em;
	text-align: center;
	line-height:1.2;
	margin-bottom:0.5em;
}
#subPage .main  h3.ttlR {
	color:#487EC4;
	font-size: 3.5em;
	line-height:1.2;
	margin-bottom:0.5em;
}
#subPage .main  h3 img {
	width: 840px;
}
#subPage .main  h3.ttlkirari21 {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 2.5em;
	background: #01acdc;
	padding: 3px 20px;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px; 
	margin-bottom:0.3em;
}
#subPage .main  h2 {
	font-size: 4em; /* =40px */
	color:#01abb4;
	margin-bottom:0;
}
#subPage .main  h2 img {
	width:600px;
}


#subPage .main .waku div.kazari p {
	font-size:1.4em;
	line-height:1.8em;
}

#subPage .main .waku span.important {
	color:#F00;
}

#subPage .main .oshirase {
	border: #5AB3E0 1px solid;
	padding:3em;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 20px;  
	border-radius: 20px;
	background:#FFF;
	/*width:100%;*/
	margin:auto;
}
#subPage .main .oshirase p {
	/*margin-left:1.5em;*/
}

#subPage .main .oshirase h4 {
	color:#487EC4;
	font-size:3em;
}

#subPage .main .oshirase dl {
	font-size:1.5em;
	margin-top:1em;
	margin-left:1em;
	font-weight:bold;
}
#subPage .main .oshirase dt {
	float:left;
	background-color:#487EC4;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 20px;  
	border-radius: 20px;
	padding:0.1em 0.5em;
	color:#FFF;
	margin-bottom:0.5em;
	clear:both;
}
#subPage .main .oshirase dd {
	float:left;
	background-color:#fff;
	padding:0.1em 0.5em;
	margin-bottom:0.5em;
}


#subPage .main div.honbunL {
	width:400px;
	float:left;
}
#subPage .main div.honbunL2 {
	width:400px;
	float:left;
}
#subPage .main div.honbunL3 {
	width:750px;
	float:left;
}

#subPage .main div.imgR,
#subPage .main div.imgR2,
#subPage .main div.imgR3{
	float: right;
}
#subPage .main div.imgR4{
	float: right;
}

#subPage .main div.imgR img.imgsize310 {
	width:310px;
}



#subPage .main div.imgR img {
	width:520px;
}
#subPage .main div.imgR2 img {
	width:450px;
}
#subPage .main div.imgR3 img {
	width:80px;
}
#subPage .main div.imgR4 img {
	width:100px;
}

#subPage .main div.imgR p.tobaccoNo img {
	width:350px;
}

#subPage .main div.floatL {
	float: left;
	width:500px;
}
#subPage .main div.floatL img {
	width:500px;
}


/**　項目ごとのボックス　**/

#subPage .main div.koumoku01 {
	/*border:1px #fff solid;
	padding:0;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 20px;  
	border-radius: 20px;
	background:#FFF;
	border:#487EC4 1px solid;*/
	margin-bottom:2em;
}

#subPage .main div.koumoku01 h2 {
	font-size: 2em; /* =20px */
	color:#000;
	margin-bottom:0em;
}

#subPage .main div.koumoku01 h3 {
	font-size: 3.2em; /* =32px */
	color:#487EC4;
	margin-bottom:0.5em;
}

#subPage .main div.wakuKinen {
	padding:20px 30px 20px 250px;
	-webkit-border-radius: 30px;  
	-moz-border-radius: 30px;  
	border-radius: 30px;
	background:#fff url(../../2020_23/images/img05.png) no-repeat;
	border: #5AB3E0 1px dotted;
	color:#5AB3E0;
}

#subPage .main div.kinen {
	background:#FFF url(../images/bg_ttl.jpg) top center no-repeat;
}

#subPage .main img.imgIryouhiHikaku {
	width:inherit;
}

/**　枠　フレーム　白　**/

#subPage .main div.flWhite {
	background:#FFF;
	padding:3em;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
	margin-bottom:2em;
}
#subPage .main div.flWhite h4 {
	background-color:#01abb4;
	color:#FFF;
	padding:0.2em 1em;
	font-size:2em;
	margin:0.5em 0;
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px; 
	border-radius: 6px;
}

#subPage .main .yosan01 {
    border: 1px #fff solid;
    padding: 4em 5em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #FFF;
    margin-bottom: 2em;
    border: 1px solid #01acdc;
}
#subPage .main p.img100 img {
	width:100%;
}

#subPage .main p.caption {
	font-size:2em;
	font-weight:bold;
	margin-bottom:1em;
}


#subPage .main p.fukidashiTop img {
	width: 100%;
	padding: 1em 0;
}

#subPage .main p.fukidashiTop {
	text-align: center;
}