/*----------------------------------------------------
	共通のスタイル記述
----------------------------------------------------*/


a.widelink {
	display: block;
	width: 100%;
	color:#6a4713;
	font-weight:bolder;
	text-decoration: none;
	background-color: #ffdba7;
}


a:hover.widelink{
    background-color:#edc181;
	cursor: pointer;
}


a:active.widelink{
    background-color:#edc181;
}

a.widelinkon {
	display: block;
	width: 100%;
	color:#6a4713;
	font-weight:bolder;
	text-decoration: none;
	background-color: #edc181;
}

span.color1{
	color:#eb6d4b;
}


.read{
	margin:20px auto;
	text-align:left;
}

.infolist{
	border:1px solid #ccc;
	padding:20px;
	margin:20px 0px 10px 0px;
	text-align:left;
}
.infolist h2{
	border-left:5px solid #ff9900;
	padding:3px 0px 3px 10px;
	margin:0 0 20px 0;
	font-size:185%;
	text-align:left;

}
.infolist h2 a{
	color:#666;
	text-decoration:none;
	line-height: 1.2em;
}

.infolist ul {
	margin-top:10px;
}
.infolist li {
	background:url(../images/info/ico_3kaku.gif) no-repeat;
	padding-left:15px;
	margin-right:20px;
	display:inline;
}
.infolist ul.infolist_top li {display: block; margin-bottom: 1em;}
.infolist li a:link,
.infolist li a:visited {
	color:#666;
	text-decoration:underline;
}

.shosai{
	margin:10px;
	text-align:right;
}

/*----------------------------------------------------
	PC用のスタイル記述
----------------------------------------------------*/


@media screen and (min-width: 769px) {


.googleTitle_info {
	color: #ff9900;
	font-size: 250%;
	font-family: 'Nova Round', cursive;
}




p.ppc{

}

p.psp{
	display:none;
}

.infoSubmemu{
	margin: 20px 0px 20px 0px;
}

#ui-tab {
	padding: 0;
}

.ui-tabs-nav {
	padding: 0;
}

.ui-tabs-nav li {
	margin: 0;
}

.ui-tabs-nav a {
	line-height: inherit;
}

li.infoLi{
	font-size:12px;
	float:left;
	width: 107px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background-color: #ffdba7;
}

.ui-tabs-nav a {
	margin: 0;
	padding: 0;
	color: #6a4713;
}

.ui-tabs-nav a:hover {
	background-color: #edc181;
}

.ui-tabs-nav .ui-tabs-selected a {
	top: 0;
	background-color: #edc181;
	color: #6a4713;
}

ul.infoSmul{
	margin: 20px 0px 20px 0px;
}

li.infoSmli{
	float:left;
	margin:10px 20px 10px 10px;
}


.ui-tabs-panel {
	border-top: none;
}

.infolowMainimage {
	width: 610px;
	margin: 20px 0px 20px 0px;

}

.infolowMainimage img {
	width: 610px;
	height: auto;
}

.infolowMainimage span {
	font-size: 85%;
}

.infolowMainimage span span {
}



.infolowShe {
	/*width: 650px;*/
	width: 610px;
	margin: 5px auto 0 0;
	padding: 20px;
	text-align: left;
	background-color: #f2f2f2;
}

.infolowShe h2 {
	/*width: 610px;*/
	width: 585px;
	padding-left: 25px;
	font-size: 142%;
	font-weight: 800;
	background-image: url("../images/common/circle.png");
	background-position: left center;
	background-repeat: no-repeat;

	background-size: 15px 15px;
	-webkit-background-size: 15px 15px;
	-moz-background-size: 15px 15px;
	-o-background-size: 15px 15px;
	-ms-background-size: 15px 15px;
}

.infolowSheTextNo {
	width: 585px;
	margin: 20px 0 0;
	text-align: left;
	font-size: 107%;
}



img.infolowSheImg {
	width: 131px;
	height: auto;
	float: right;
}


div.infoSupplementation{
	background-color: #ffffff;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	margin: 20px 0px 20px 0px;
	padding: 5px 0px 5px 0px;
}

p.infoSupplementationText{
	margin: 20px 0px 5px 20px;
	font-size:16px;
	color: #eb6d4b;
}


p.infoSupplementationText01{
	margin: 20px 0px 0px 20px;
}

p.infoSupplementationText02{
	margin: 10px 40px 20px 20px;
	text-align:right;
	text-decoration:underline;
	color: #666666;
}




span.infost1{
	font-size: 70%;
	color:#eb6d4b;
}

.infoindexSns {
	width: 100%;
	margin: 10px 0px 0px 0px ;
	padding: 12px 0 10px 0;
	background-color: #FF9900;
}

.infoindexSns iframe {
	float: left;
	margin: 0 0 0 15px;
}





}



/*----------------------------------------------------
	スマートフォン用のスタイル記述
----------------------------------------------------*/

@media screen and (max-width: 768px) {

.lowTop {
	margin-top: 125px;
}

.shosai .ctr{
	width:122px;
	margin:auto;	
}
.shosai img{
	width:100%;
	max-width:100%;
	height:auto;
}

.googleTitle {
	margin-top: -50px;
}

.googleTitle_info {
	color: #ff9900;
	font-size: 228%;
	font-family: 'Nova Round', cursive;
	margin: 85px 20px 0;
	text-align: left;
}


.read{
	width:90%;


}

p.ppc{
	display:none;

}

p.psp{
}



.infoSubmemu{
	margin: 20px 20px 20px 20px;
}




li.infoLi{
	float:left;
	font-size:12px;
	width: 50%;
	text-align: center;
	background-color: #ffdba7;
}

..ui-tabs-nav {
	padding: 0;
}

.ui-tabs-nav li {
	margin: 0;
}

.ui-tabs-nav a {
	display: block;
	height: 45px;
	line-height: 45px;
	margin: 0;
	padding: 0;
	color: #6a4713;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
}

.ui-tabs-nav a:hover {
	background-color: #edc181;
}

.ui-tabs-nav .ui-tabs-selected a {
	top: 0;
	color: #6a4713;
	background-color: #edc181;
}

.ui-tabs-panel {
	border-top: none;
}

ul.infoSmul{
	margin: 20px 0px 20px 0px;
	text-align: center;
}

li.infoSmli{
	margin:10px auto 10px auto;
	text-align: center;
	width: 250px;
}

img.infoSmimg {
	margin:0px 5px 0px 5px;
	width: 90%;
}



.infolowMainimage {
	margin: 22px 20px 15px;
	text-align: left;
}

.infolowMainimage img {
	width: 100%;
	height: auto;
}

.infolowMainimage span {
	display: block;
	margin: 10px auto 0 0;
	font-size: 85%;
	line-height: 1.2em;
}

.infolowMainimage span span {
	display: block;
	margin-top: 0;
}



.infolowShe {
	margin: 20px 20px 0;
	padding: 15px;
	text-align: left;
	background-color: #f2f2f2;
}






.infolowShe h2 {
	padding-left: 20px;
	font-size: 142%;
	background-image: url("../images/common/circle.png");
	background-position: left top;
	background-repeat: no-repeat;

	background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	margin-bottom:10px;
}

.infolowSheTextNo {
	margin: 18px 0 0;
	text-align: left;
	font-size: 107%;
	float: left;
}

.shosai{
	margin:10px;
	text-align:center;
}


img.infolowSheImg {
	width: 100%;
	text-align: center;
	float: left;
}



div.infoSupplementation{
	background-color: #ffffff;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	margin: 20px 0px 20px 0px;
	padding: 5px 0px 5px 0px;
}

p.infoSupplementationText{
	margin: 20px 15px 5px 20px;
	font-size:16px;
	color: #eb6d4b;
}


p.infoSupplementationText01{
	margin: 20px 15px 5px 20px;
}

p.infoSupplementationText02{
	margin: 10px 15px 20px 20px;
	text-align:right;
	text-decoration:underline;
	color: #666666;
}


span.infost1{
	font-size: 70%;
	color:#eb6d4b;
	display:block;
	margin: 10px 0px 0px 0px;
}


.infoindexSns {
	display:none;
}




}