@charset "utf-8";
/* CSS Document */

*{
margin: 0;
padding: 0;
}
html,body{
font-size: 14px;
line-height: 1.6;
font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}
img{
vertical-align: bottom;
border: none;
}
.ui-btn-text{
white-space: normal;
}
li{ list-style: none;}

/*点滅処理*/
@-webkit-keyframes pulse {
 from { opacity: 1.0;}
 to { opacity: 0.5;}
}
.blinking{
-webkit-animation-name: pulse;/* 実行する名前 */
-webkit-animation-duration: 1s;/* 0.3秒かけて実行 */
-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
-webkit-animation-delay: 0s; /* 実行までの待ち時間 */
}

/*ページHOMEリンク*/
.btn_return_home{
background-image: linear-gradient(bottom, rgb(255,158,13) 0%, rgb(255,198,28) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,158,13) 0%, rgb(255,198,28) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,158,13) 0%, rgb(255,198,28) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,158,13) 0%, rgb(255,198,28) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,158,13) 0%, rgb(255,198,28) 100%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(255,158,13)),
	color-stop(1, rgb(255,198,28))
);
display: block;
color: #FFFFFF;
width: 70%;
margin: 0 auto 20px auto;
padding: 10px;
text-decoration: none;
border: 1px solid #FFFFFF;
border-radius: 7px;
text-align: center;
font-weight: bold;
box-shadow: 0 2px 4px rgba(0,0,0,0.4);
position: relative;
}
.btn_return_home:after{
content: '';
background-image: url(../img/icon_return_home.png);
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
width: 20px;
height: 20px;
}



/*==========================================*/
/*==ヘッダー==*/
/*==========================================*/

header {
padding:5px 0;
width: 100%;
border-top: 4px solid #E74D89;
position: relative;
background:#FFF;
box-shadow: 1px 1px 3px #BBB;
-moz-box-shadow: 1px 1px 3px #BBB;　/* Firefox用 */  
-webkit-box-shadow: 1px 1px 3px #BBB;　/* Safari,Google Chrome用 */ 
}

header h1 img {
float:left;
width:30%;
}

header p img {
float:right;
width:50%;
}


/*==========================================*/
/*==コンテンツ==*/
/*==========================================*/

#contents{
margin: 0;
padding: 0;
}

ul.cartarea li{
width:100%;
text-align:center;
border-bottom:#FFF 1px solid;
border-top:#C7B36F 1px solid;
background-image:-moz-linear-gradient(68% 0% -90deg,rgb(255,255,255) 0%,rgb(248,244,205) 54%,rgb(241,235,163) 75%,rgb(249,245,203) 97%,rgb(249,245,204) 98%); 
background-image:-webkit-gradient(linear,68% 0%,68% 98%,color-stop(0, rgb(255,255,255)),color-stop(0.54, rgb(248,244,205)),color-stop(0.75, rgb(241,235,163)),color-stop(0.97, rgb(249,245,203)),color-stop(0.98, rgb(249,245,204)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(248,244,205) 54%,rgb(241,235,163) 75%,rgb(249,245,203) 97%,rgb(249,245,204) 98%);
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(248,244,205) 54%,rgb(241,235,163) 75%,rgb(249,245,203) 97%,rgb(249,245,204) 98%);
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(248,244,205) 54%,rgb(241,235,163) 75%,rgb(249,245,203) 97%,rgb(249,245,204) 98%);
background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(248,244,205) 54%,rgb(241,235,163) 75%,rgb(249,245,203) 97%,rgb(249,245,204) 98%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff9f5cc,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff9f5cc,GradientType=0);
}

ul.cartarea li a {
padding:8px 0;
display:block;
}

ul.cartarea2 {
margin-bottom:10px;
}

ul.cartarea2 li {
padding:5px 0;
}

ul.cartarea2 li img {
width:100%;
}

ul.cartarea2 li.f_left {
width:30%;
}

ul.cartarea2 li.f_right {
width:69%;
}

h3 {
padding:5px 0;
text-align:center;
font-size:18px;
}




#guide_area {
padding:5px;
}

#guide_area .subttl {
margin-bottom:3px;
padding:3px 0 3px 20px;
background:#70B741;
color:#FFF;
}


#guide_area dl dt {
color:#70B741;
}

#guide_area dl dd {
margin-bottom:15px;
}



/*==========================================*/
/*==フッター==*/
/*==========================================*/

footer {
text-align:center;
}

#f_navi {
padding:10px;
background:#EEE;
font-size:10px;
}

footer small {
font-size:10px;
}