@charset "SHIFT_JIS";
/*--------------------------------------- ITALU-YA.WebSite kyoko CascadeStyleSheets 2014/9/1-------------------------------*/
/*---------------------------------------------- 基礎枠　各枠 リンク等その他設定 ------------------------------------------*/

/*------------------------------------------ ヘッダーコメント -------------------------------------------------------------*/

P#HC{
width:100%;
height:20px;
margin: 0;
padding: 0;
font-size:15px;
color: #000000;
text-align: center;
background: rgba(255, 197, 197, 0.6);
}

P.hmbt{					/*-----ヘッダーモバイルサイトリンクボタン------*/
	margin : 0;
	font-size: 10px;	
	color: #ffffff;
	border-width: 1px;
	border-style: dotted;
	border-color: #6f6f6f;
	float: left;
}

.hedder_title{margin-top: 415px;}

P.hmbt a:link{color: #ffffff;text-decoration: none;}
P.hmbt a:visited{color: #ffffff;text-decoration: none;}
P.hmbt a:hover{color: #ffffff;text-decoration: none;}

#CLS {					/*-----フロート＆シャドウ画像クリア------*/
	clear: both;
}

						/*-----画像枠影設定------*/
#shadow{
	box-shadow: 5px 5px 16px 1px rgba(199, 197, 193, 1);
}

/*--------------------------------------------------- メイン枠設定 ----------------------------------------------------------*/

#BODY{
	padding: 0;
	margin: auto;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
	font-size: 15px;
	color: #242424;
	background-color:rgba(204, 108, 145, 0.6);
}

#WAKU{
	margin: 0 auto;
	width: 960px;
	border-width: 0 3px 0 3px;
	border-style: solid;
	border-color: rgba(255, 197, 197, 0.6);
	background-color: #ffffff;
}


#HEAD{
	width: 100%;
	height: 550px;
	margin: 0 auto;
	background-image: url(a_kyoko_img/x_toptitle01.jpg);
	background-repeat: no-repeat;
}

#HEAD2{
width: 100%;
height:190px;
background-image: url(a_kyoko_img/x_toptitle01.jpg);
background-repeat: no-repeat;
background-position-y: -365px;
}

.main_text{
width: 500px;
max-width: 70%;
margin: 10px auto;
text-align: left;
line-height: 27px;
word-break: break-all;
padding: 10px;
border-radius: 10px;
background-color: rgba(255, 197, 197, 0.5);
}

.main_text_c{
width: 600px;
max-width: 70%;
margin:100px auto 10px;
text-align: center;
line-height: 27px;
word-break: break-all;
padding: 10px;
border-radius: 10px;
background-color: rgba(255, 197, 197, 0.5);
}

#ITEM{
width:100%;
margin:0 auto;
font-size:15px;
text-align:center;
}

#ITEM a{color: #0f3fff;text-decoration: underline;}
#ITEM a.no{color: #5a5a5a;text-decoration: none;}

#ITEMbox{
width: 220px;
height:290px;
float: left;
margin-left:15px;
font-size:12px;
}

#ITEM img.item{
	margin: 40px auto 0;
}

#MENU{
	margin: 5px 2px;
	padding: 0 10px;
	width: 100%;
	border-width: 0 0 0 1px;
	border-style: dotted;
	border-color: #6f6f6f;
}

#FOOT{
	width: 100%;
	height: 105px;
	clear: both;
	margin: 0 auto;
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #6f6f6f;
}

#news{
	width: 99%;
	margin: 5px;
	padding: 10px 0 10px 0;
	font-size: 16px;
	font-family: "Arial";
	color: #000000;
	border-width: 1px 0 1px 0;
	border-style: dotted;
	border-color: #5a5a5a;
}

h3.title{
font-size: 15px;
text-align: center;
}

.photo{
width:90%;
max-width:330px;
box-shadow: 5px 5px 16px 1px rgba(199, 197, 193, 1);
}

UL#select{
margin: 50px auto;
list-style: none;
width: 100%;
}

UL#select li{
margin: 26px;
padding: 15px;
list-style: none;
float: left;
color: #3f3f3f;
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.65, #FFF7EA), color-stop(1, #DFCDBA) );
background-image: -o-linear-gradient(bottom, #FFF7EA 65%, #DFCDBA 100%);
background-image: -moz-linear-gradient(bottom, #FFF7EA 65%, #DFCDBA 100%);
background-image: -webkit-linear-gradient(bottom, #FFF7EA 65%, #DFCDBA 100%);
background-image: -ms-linear-gradient(bottom, #FFF7EA 65%, #DFCDBA 100%);
background-image: linear-gradient(to bottom, #FFF7EA 65%, #DFCDBA 100%);
box-shadow: 1px 1px 5px 1px;
border-radius: 8px;
}

UL#select a{text-decoration: none;}

/*----FOOTER----*/

div.footer{
	margin: 20px auto;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

div.footer a:link{
	color: #000;
	text-decoration: none;
}

div.footer a:visited{
	color: #000;
	text-decoration: none;
}

div.footer a:hover{
	text-decoration: underline;
}

.SSL_seal{
margin-top:-11px;
position:relative;
top:20px;
left:8px;
}

DIV#pgtp{			/*------------------ ページトップベア表示 -----------------*/
position: relative;
top:-125px;
left: 780px;
width: 76px;
height: 93px;
margin: 0;
padding: 0;
background-image: url(a_kyoko_img/x_osbear.gif);
background-repeat: no-repeat;
overflow: hidden;
}

#pgtp a{
	margin: 0;
	padding: 1px;
	display: block;
	width: 76px;
	height: 93px;
}

#pgtp a span{display:none;}

/*--------------------------------------------------- ページカウント設定 ----------------------------------------------------------*/

div#cwt span{display:none;}

/*--------------------------------------------------- 著作権表示 ----------------------------------------------------------*/

div#cpr{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	color: #ffffff;
	background-color: rgba(255, 197, 197, 0.9);
}
/*--------------------------------------------------- width960設定 ----------------------------------------------------------*/
@media screen and (max-width: 960px){
#WAKU {
width:100%;
border-style: none;
overflow: hidden;
}
P.hmbt {display: none;}
P#HC {
font-size:12px;
text-align:left;
white-space:nowrap;
}
.hedder_title {
margin-top: 17px;
max-width: 602px;
width: 100%;
}
#HEAD {
width: 100%;
height:190px;
background-repeat: no-repeat;
background-position-y: -365px;
}
#ITEMbox {
width: 22%;
min-width:141px;
}
#ITEM img.item {
width: 100%;
max-width: 141px;
}
UL#select {
margin-top: 50px;
padding: 0;
width: 75%;
text-align: center;
}
UL#select li {
margin: 10px auto;
padding: 10px;
list-style: none;
float: none;
width: 100%;
}
#FOOT {
height: 180px;
background-size: cover;
}
DIV#pgtp {
position: relative;
top: -20px;
left:0;
margin: 0 auto;
}
#MENU {
margin:0;
padding:0;
border-style:none;
}
.SSL_seal{display:none;}

}
/*--------------------------------------------------- width519設定 ----------------------------------------------------------*/
@media screen and (max-width: 519px) {
#ITEMbox {
width: 40%;
min-width: 100px;
height: 250px;
}
#ITEM img.item {
width: 100%;
max-width: 141px;
}
div.footer {
margin: 20px;
font-size: 12px;
}
.SSL_seal{display:none;}

}