@charset "utf-8";

/* トップページ：デザインスタイル
 * **************************************************
  * mainImg [ メイン画像 ]  
 * troubleshooting [ こんなとき ]  
 * recommend [ 健康おすすめ情報 ] 
 * **************************************************
 */
 
 /* ======================================
　mainImg [ メイン画像 ]
====================================== */
/* Media Queries 切替 */
@media all and (max-width: 480px) {
	section div.mainTitle {
		background:#F6F5EC;
		border: none;
		padding:15px;		
	}
	div.mainImg {
		display:block;
		text-align:center;
	}
	div.mainImg img {
		height:auto;
		width:200px;
	}
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	section div.mainTitle {
	border: 10px #FFFFFF solid;
	padding: 25px 15px;
	background-color: #F8F7F3;
	background-image: url(../images/index/il_main.gif);
	background-position: 620px 10px;
	background-repeat: no-repeat;
	}
	div.mainImg {
		display:none;
	}
}


 /* ======================================
　Img [ その他の画像 ]
====================================== */
/* Media Queries 切替 */
@media all and (max-width: 480px) {
	section.konnatoki dd p img,
	section div.mainTitle p img,
	section div.mainTitle h1 img {
		height:auto;
		width: 98%;
		max-width: 98%;
	}
}

/* Media Queries 切替 */
@media all and (min-width: 481px) {
	section.konnatoki p img,
	section.konnatoki dd p img {
		text-align:center;
	}
	section div.mainTitle p img,
	section div.mainTitle h1 img {
		margin-bottom:10px;
	}
}


/* ======================================
　 troubleshooting [ こんなとき ]  
====================================== */
section.konnatoki{
	position: relative; top:-1px; left:0px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
}
section.konnatoki p.kyotyou {
	font-size: 23px;
	line-height: 1.5em;
	color: #4bb949;
	margin-bottom: 1em;
}

section.konnatoki p.kyotyou2 {
	font-size: 116%;
	color: #527586;
	line-height: 1.5em;
}
section.konnatoki table.hyoKikan {
	font-size:77%;
	width:95%;
	margin: 10px auto;
}
section.konnatoki table.hyoKikan th,
section.konnatoki table.hyoKikan td {
	border-bottom:#CCC 1px solid;
	border-right:#CCC 1px solid;
	padding:2px;
}
section.konnatoki table.hyoKikan th {
	background-color:#527586;
	color:#FFF;
}
section.konnatoki table.hyoKikan td {
	background-color:#FFF;
	width:50%;
}

section.konnatoki h2{
	margin: 0 0 15px 0;
	padding: 10px 10px 10px 10px;
	font-size: 1.2em;
	text-align: left;
	line-height: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background: #4AB94A;
}
section.konnatoki h2 span {
	margin: 0;
	padding: 0;
}
section.konnatoki p {
	text-align:left;
}

section.konnatoki dl {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
section.konnatoki div.health dl {
	border-bottom: 1px solid #cccccc;		
}
section.konnatoki dt img {
	width: 100%;
}
section.konnatoki dt {
	margin: 0;
	padding: 0;
	width: 100%;
}
section.konnatoki div.consultation dt {
	background: none;
}
section.konnatoki dd {
	font-size:0.9em;
	margin: 0;
	padding: 10px 10px 30px 10px;
	text-align: left;
}

section.konnatoki td,
section.konnatoki th {
	line-height: 1.5em;
	text-align: left;
	vertical-align: top;
}
section.konnatoki th {
	padding-right: 5px;
	color: #4AB94A;
}
section.konnatoki td {
	padding-right: 5px;
}
section.konnatoki p {
	margin: 5px 10px;
}

section.konnatoki div.detailBox {
	width:90%;
	padding:10px;
	border: 2px solid #00A9Ff;
	background: #FFFFFF;
	margin: 10px auto;
}
section.konnatoki div.columns,
section.konnatoki div.columns2,
section.konnatoki div.columns3 {
	margin: 0 auto;
}

section.konnatoki div.columnsBgColor {
	width: 265px;
	margin: 0 auto;
	background-color:#FFF;
	padding:15px;
}
section.konnatoki div.moreBgColor {
	width: 265px;
	margin: 0 auto;
	background-color:#FFF;
	padding:15px;
}
section.konnatoki div.moreBgColor h3 {
	color:#2DC1FF;
	font-size:116%;
	font-weight:bold;
	margin-bottom:10px;
}
section.konnatoki div.attentionLine {
	width: 265px;
	margin: 0 auto;
	color:#F00;
	border:1px #FF0000 solid;
	padding:5px;
	font-size:85%;
	line-height:1.5em;
}

section.konnatoki p.tyuui {
	color:#F00;
}
section.konnnatoki div.imgPosition {
	text-align:center;
}

section.konnatoki p.txt-onegai {
	font-size: 1.2em;
	margin-bottom: 1em;
	line-height: 1.6em;
}

.img-size {
	width: 250px;
}


/* Media Queries 切替 */
@media all and (min-width: 481px) {
	div.mainArticle{
	width: 590px;
	}
	section.konnatoki {
		zoom: 1;
		margin: 0 0 -40px 0;
		padding: 0;
		overflow: hidden;
		background-image: url(../images/index/bg_ttl.jpg);
		background-repeat: no-repeat;
		background-position: left top;
	}
	section.konnatoki p.kyotyou {
		font-size: 30px;
		color: #4AB94A;
		line-height: 1.5em;
	}
	section.konnatoki p.kyotyou2 {
		font-size: 153.9%;
		color: #527586;
		line-height: 1.5em;
	}
	section.konnatoki table.hyoKikan {
		font-size:93%;
		width:530px;
		margin: 10px auto;
	}
	section.konnatoki table.hyoKikan th,
	section.konnatoki table.hyoKikan td {
		border-bottom:#CCC 1px solid;
		border-right:#CCC 1px solid;
		padding:11px 10px;
		vertical-align:middle;
	}
	section.konnatoki table.hyoKikan th {
		background-color:#527586;
		color:#FFF;
		text-align:center;
	}
	section.konnatoki table.hyoKikan td {
		background-color:#FFF;
		width:50%;
	}
	section.konnatoki h2 {
	  padding: 10px 0 0 10px;
	  height: 30px;
	  font-size: 16px;
	  line-height: 1.3em;
	  font-weight: bold;
	  color: #ffffff;
	  background-image: url(../images/index/bg_ttl.jpg);
	  background-repeat: no-repeat;
	  background-position: left top;
	}
	section.konnatoki h2 span {
		margin: 0;
		padding: 15px 7px;
	}
	section.konnatoki p {
	text-align:left;
	}
	section.konnatoki div {
		float:left;
		margin: 0 20px 20px 0;
		padding: 0;
	}
	section.konnatoki div.health dl {
		border-bottom:none;
	}
	section.konnatoki dl {
		background: none;
		width: 420px;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
	}
	section.konnatoki dt img {
	height: 50px;
	width: 420px;
	}
	section.konnatoki dt {
		margin: 0;
		padding: 0;
		height: 50px;
		width: 420px;
		background: none;
	}
	section.konnatoki dd {
		font-size:100%;
		margin: 0;
		padding: 15px 0 0 60px;
		text-align: left;
	}

	section.konnatoki div.consultation {
		width: 420px;
	}
	
	section.konnatoki p {
		margin: 5px 0;
	}


	section.konnatoki div.columns {
		width: 420px;
		margin:0 20px 0 0;
		padding:0;
	}
	section.konnatoki div.columns2 {
		width: 305px;
		margin:0 0 0 0;
		padding:0;
	}
	section.konnatoki div.columns3 {
		text-align:left;
		width: 530px;
		margin:0 20px 0 0;
		padding:0;
	}
	section.konnatoki div.columnsBgColor {
		width: 410px;
		margin:0 0 0 0;
		padding:15px;
		background-color:#FFF;
	}
	section.konnatoki div.moreBgColor {
		width: 329px;
		margin: 0 auto;
		background-color:#FFF;
		padding:15px;
	}
	section.konnatoki div.moreBgColor h3 {
		color:#2DC1FF;
		font-size:116%;
		font-weight:bold;
		margin-bottom:10px;
	}
	section.konnatoki div.attentionLine {
		width: 329px;
		margin: 0 auto;
		color:#F00;
		border:1px #FF0000 solid;
		padding:15px;
		font-size:85%;
		line-height:1.5em;
	}
	section.konnatoki div.detailBox {
	width: 805px;
	border: 2px solid #00A9Ff;
	background: #FFFFFF;
	padding: 1em 2em;
	margin: 10px auto;
	}
	section.konnatoki p.kyotyou {
	font-size: 1.7em;
	color: #4bb949;
	text-align: center;
	margin-bottom: 1.5em;
}
section.konnatoki p.sijyutu {
	text-align: left;
}

section.konnatoki p.txt-onegai {
	font-size: 1.3em;
	margin-bottom: 1em;
	line-height: 1.6em;
}

	section.konnnatoki div.imgPosition {
		float: left;
	}
}