@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 .itemA {
	float: left;
	width: 450px;
}
#subPage .itemA2 {
	float: left;
	margin-left: 3em;
	width: 350px;
}
#subPage .itemA2 img {
	width: 350px;
}

#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 {
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight: bold;
    font-size: 3.8em;
    line-height:1.5;
}

#subPage .main  h2 {
	font-size: 4em; /* =40px */
	color:#01abb4;
	margin-bottom:0;
}

#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 1em;
	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.oshirase {
	border:1px #f33855 solid;
	padding:3em;
	-webkit-border-radius: 20px;  
	-moz-border-radius: 20px;  
	border-radius: 20px;
	background:#FFF;
}

#subPage .main p.honbunL {
	width:550px;
	float:left;
}

#subPage .main div.honbunL {
	width:630px;
	float:left;
}

#subPage .main p.imgR {
	float: right;
}
#subPage .main p.imgR img {
    width: 300px;
}
#subPage .main div.imgR,
#subPage .main div.imgR2,
#subPage .main div.imgR3{
	float: right;
}
#subPage .main div.imgR4,
#subPage .main div.imgR5,
#subPage .main div.imgR6,
#subPage .main div.imgR7 {
	float: right;
}

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

#subPage .main img.img80size {
	width:80%;
}



#subPage .main div.imgR img {
	width:520px;
}
#subPage .main div.imgR2 img {
	width:450px;
}
#subPage .main div.imgR3 img {
	width:250px;
}
#subPage .main div.imgR4 img {
	width:100px;
}
#subPage .main div.imgR5 img {
	width:600px;
}
#subPage .main div.imgR6 img {
	width:400px;
}
#subPage .main div.imgR7 img {
	width:300px;
}

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

#subPage .main div.floatL {
	float: left;
	width:600px;
}
#subPage .main div.floatL img {
	width:500px;
}
#subPage .main div.floatL2 {
	float: left;
	width:400px;
	padding-top: 2em;
}



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

#subPage .main div.koumoku01 {
	margin-bottom:2em;
}

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


#subPage .main div.kinen {
    background: #FFF url("../images/bg_ttl.png") 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%;
}


/* 2カラム
----------------- */
/* 親要素 */
#subPage .main div.kirariyosan {
    overflow: hidden;
}

/* 子要素（右にイメージを入れる時） */
#subPage .main div.itemA {
    float: left;
    width: 50%;
    padding: 5em 0 0;
}

#subPage .main div.itemA p {
    padding-right: 1em;
}
#subPage .main div.itemB {
    float: right;
    width: 50%;
}
#subPage .main div.itemB img {
    width: 100%;
}

#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: 4em;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

#subPage .main .yosan01 h3 {
  padding: 0;
  margin: 1em 0 0.5em 0;
  text-align: center;
  letter-spacing:0.1em;
}





/*  テーブル
------------------------------------------------------------------- */
#subPage .main .yosan01 table td {
	text-align: left;
}

#subPage .main .yosan01 table td.kaisu {
	text-align: center;
	white-space: nowrap;
	width: 5em;
}
#subPage .main .yosan01 table td.taisyou {
	text-align: center;
}
#subPage .main .yosan01 table td p {
	font-size:100%;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

#subPage .main .yosan01 table td.koumoku {
	text-align: center;
	white-space: nowrap;
}

#subPage .main .yosan01 table .w11 {
	width: 11em;
}

#subPage .main .yosan01 table .w05 {
	width: 5em;
}