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

/*========================================================================*/
/* reset css
/*========================================================================*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin:0; padding:0; -webkit-text-size-adjust:none; font-family:sans-serif; }
html { overflow-y:scroll; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
li img { vertical-align:bottom; }
/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/*========================================================================*/
/* etc
/*========================================================================*/

/* link */
a:link { color:#382516; text-decoration:none; outline:none; }
a:visited { color:#382516; text-decoration:none; outline:none; }
a:active { color:#382516; text-decoration:none; outline:none; }
a:hover { color:#382516; text-decoration:none; outline:none; }

/* float */
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }

/* color */
.color1 { color:#333; }
.color2 { color:#fd2a7e; }
.color3 { color:#f00; }

/*====================================*/
/*body
/*====================================*/

body { width:100%; overflow:hidden; color:#333; background:#f1e8da; text-align:left; line-height:1.2em; }

/*========================================================================*/
/* bar
/*========================================================================*/

.bar { background:url(/s/img/line.jpg) repeat-x; height:5px; margin:10px 0; }

/*========================================================================*/
/* h1
/*========================================================================*/

h1 { background:#ff4d7e; color:#FFFFFF; font-size:0.8em; text-align:center; }

/*========================================================================*/
/* header
/*========================================================================*/

.head{
 background: -webkit-gradient(linear, left top, left bottom, from(#ececec),to(#fff));　
 background: linear-gradient(#ececec, #fff);
 background-size: 100% 100%;
 height: 150px;
 border-bottom: 1px solid #dadada;
}

.head h2{
 display: block;
 height: 65px;
 width: 175px;
 line-height: 50px;
 margin: 5px auto;
 text-align:center;
 }
 
.head nav { display:block; margin:5px; }

.head nav ul{ display:table; width:100%; height:40px; table-layout:fixed; }
 
.head nav ul li{ display: table-cell; float:left; width:20%; }

.head nav ul li>a{ display:block; font-size:10px; height:40px; color:#333; line-height:12px; background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#ececec));
 background:linear-gradient(#fff #ececec);
 text-align:center;
 border: 1px solid #dadada;
 margin-top: 5px;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6),-1px -1px 1px rgba(255, 255, 255, 0.5);
 font-weight:bold;
 padding:35px 0 5px 0;
 position:relative;
 }
.head nav ul li:first-child>a{
 border-radius: 4px 0 0 4px;
 }
.head nav ul li:last-child>a{
 border-radius: 0 4px 4px 0;
 border-left: none;
 margin-right: 5px;
 }

.nav_icon { display:block; position:absolute; top:10px; left:50%; margin-left:-15px; width:30px; height:30px; }


/*========================================================================*/
/* contents
/*========================================================================*/

.contents { text-align:left; padding:10px 0; font-size:14px; }
.main_contents { text-align:left; padding:5px 10px; }
.formcontents { text-align:left; padding:10px 0;  }

/*========================================================================*/
/* title
/*========================================================================*/

.title { color:#fff; font-weight:bold; text-shadow:-1px -1px 0px #300; background:#ff4d7e; background:-webkit-gradient(linear, left top, left bottom, from(#ff4d7e), to(#de406b)); margin-bottom:10px; padding:10px 10px; border-radius:5px; -webkit-box-shadow:2px 2px 4px #999; }
.stt_pickup { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#fde837; background:-webkit-gradient(linear, left top, left bottom, from(#fde837), to(#e0ce30)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_new { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#f5a8a9; background:-webkit-gradient(linear, left top, left bottom, from(#f5a8a9), to(#d89495)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_syosai { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#f6bf71; background:-webkit-gradient(linear, left top, left bottom, from(#f6bf71), to(#dbaa65)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_result { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#80bdd1; background:-webkit-gradient(linear, left top, left bottom, from(#80bdd1), to(#72a7b9)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_este { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#9fe2cd; background:-webkit-gradient(linear, left top, left bottom, from(#9fe2cd), to(#8dc8b6)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_chat { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#c2db66; background:-webkit-gradient(linear, left top, left bottom, from(#c2db66), to(#afc55c)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_sonota { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#f6a9ab; background:-webkit-gradient(linear, left top, left bottom, from(#f6a9ab), to(#da9697)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_about { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#f9cd30; background:-webkit-gradient(linear, left top, left bottom, from(#f9cd30), to(#ddb62b)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_present { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#ca94da; background:-webkit-gradient(linear, left top, left bottom, from(#ca94da), to(#b585c3)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_contact { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#c4b3ac; background:-webkit-gradient(linear, left top, left bottom, from(#c4b3ac), to(#ae9f99)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_mailmaga { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#b7aef6; background:-webkit-gradient(linear, left top, left bottom, from(#b7aef6), to(#a39bdc)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_coupon { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#13bece; background:-webkit-gradient(linear, left top, left bottom, from(#13bece), to(#12b1bf)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_blog { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#97c7de; background:-webkit-gradient(linear, left top, left bottom, from(#97c7de), to(#799fb1)); margin-bottom:10px; padding:10px 10px; border-radius:5px; }
.stt_qr_1 { color:#fff; font-weight:bold; text-shadow:-1px -1px 0px #300; background:#e84a56; background:-webkit-gradient(linear, left top, left bottom, from(#e84a56), to(#db424e)); margin-bottom:5px; padding:8px 10px; border-radius:5px; }
.stt_qr_2 { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#c5de68; background:-webkit-gradient(linear, left top, left bottom, from(#c5de68), to(#bbd55b)); margin-bottom:5px; padding:8px 10px; border-radius:5px; }
.stt_qr_3 { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#fac273; background:-webkit-gradient(linear, left top, left bottom, from(#fac273), to(#f5b04f)); margin-bottom:5px; padding:8px 10px; border-radius:5px; }
.stt_qr_4 { color:#260d03; font-weight:bold; text-shadow:-1px -1px 0px #FFF; background:#ca94da; background:-webkit-gradient(linear, left top, left bottom, from(#ca94da), to(#b585c3)); margin-bottom:5px; padding:8px 10px; border-radius:5px; }


/*========================================================================*/
/* pager
/*========================================================================*/

.pager { color:#ccc; font-weight:bold; background:#fff; padding:5px 10px; border:1px solid #ccc; border-radius:5px; }

/*========================================================================*/
/* menu
/*========================================================================*/

.menu li { display:block; background:#fff; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); border:1px solid #ccc; }
.menu li:first-child { display:block; background:#fff; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); border-radius: 8px 8px 0 0; }
.menu li:last-child { display:block; background:#fff; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); border-radius: 0 0 8px 8px; }
.menu a { display:block; position:relative; color:#333; font-weight:bold; text-shadow:1px 1px 0px #fff; text-align:left; padding:15px 0 15px 55px;  }
.menu_icon { display:block; position:absolute; top:50%; left:10px; margin-top:-15px; width:30px; height:30px; }
.ico_arrow { display:block; position:absolute; top:50%; right:10px; margin-top:-10px; width:25px; height:25px; background:url(../img/arrow_01.png); }

/*========================================================================*/
/* footer
/*========================================================================*/

.footer_b { font-size:small; padding:10px; }

/*========================================================================*/
/* copyright
/*========================================================================*/

.copyright { color:#fff; font-size:small; text-shadow:-1px -1px 1px #300; background:#ff4d7e; background:-webkit-gradient(linear, left top, left bottom, from(#fb2460), to(#e11b52)); padding:10px; }
.copyright a { color:#fff; }


/*========================================================================*/
/* for ktai style on wordpress
/*========================================================================*/

#wplog-wrapper h1 {display: none;}

#wplog-wrapper { text-align: left; margin:5px 0; border:solid 5px #edbfbc; padding: 10px 10px 10px 10px; background-color:white; border-radius:5px; line-height: 2;}
#wplog-wrapper a:hover {color: #FF9999; text-decoration: underline; }
#wplog-wrapper a:visited {color: #FF9999; text-decoration: underline; }
#wplog-wrapper a:link {color: #FF9999; text-decoration: underline; }