/* CSS Document */

/*
 * Developer : moco mode
 * Author : mica
 * http://www.mocomode.com
*/
/* body */
body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #333;
background-color: #FFF;
background-image: url(../images/bg_top.png),url(../images/bg_btm.png),url(../images/bg.jpg);
background-position: top,bottom;
background-size:covntain ;
background-repeat: repeat-x,repeat-x,repeat;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*******************************************************/
/********************************************************/
/******************パソコン用！！***********************/	
@media screen and (min-width: 641px) {
/****パソコン非表示*****/
.pc-none{
	display: none;
}
/* text anchors */
a:link, a:visited {
color: #000;
text-decoration: underline;
}
div.pc-none{
	display: none;
}
a:hover {
color: #F73C9D;
text-decoration: underline;
}

/* h */
h1 { margin: 100px 0 15px 0; border-top: solid 1px #FB9FCF; border-bottom: solid 1px #FB9FCF; font-size: 14px; color: #666; padding: 5px; text-align: center; background-color:#F5F5F5; }
h2 { margin: 0 0 15px 0; width: 890px; height: 40px; background-image: url(../images/h2_bg.png); font-size: 14px; color: #666; padding: 20px 0 0 20px; text-align: left;
}

/* wrapper */
#wrapper {
margin: 0 auto;
padding: 0;
width: 960px;
height: auto;
}

/* header */
header {
margin: 0;
padding: 0;
width: 960px;
height: 210px;
}

/* head logo */
#head_logo {
float: left;
margin: 20px 0 15px 0;
padding: 0;
width: 740px;
height: 102px;
}

/* head shopinfo */
#head_shopi {
float: right;
margin: 20px 0 15px 0;
padding: 0;
width: 220px;
height: 102px;
}

/* nav */
*{
margin: 0;
padding: 0;
list-style-type: none;
}

nav {
margin: 0;
width: 960px;
font-size: 14px;
}

ul.nav li {
float: left;
width: 240px;
height: 48px;
background: url(../images/menu_bg.png);
position: relative;
}

ul.nav li a {
display: block;
width: 100%;
height: 100%;
line-height: 48px;
text-indent: 50px;
color: #FFF;
text-decoration: none;
}

ul.nav li a:hover {
background: url(../images/menu_bg_over.png);
}

ul.nav li ul.sub {
position: absolute;
z-index: 10;
}
ul.nav li ul.sub a{
	font-size: 13px;
}
ul.nav {
zoom: 1;
}

ul.nav:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}

/* contents */
#contents{
margin: -10px 0 0 0;
padding: 10px 10px 30px 10px;
width: 930px;
color: #000;
background-color: #FFF;
}


/* footer */
footer {
margin: 0;
padding: 45px 0 0 0; 
width: 960px;
height: 105px;
clear: both;
text-align: center;
}

.footer ul {
display: inline;
border-left: 1px solid #FFF;
}

.footer li {
display: inline;
padding-left: 10px;
padding-right: 15px;
border-right: 1px solid #FFF;
}

.footer a {
color: #666;
text-decoration: none;
display: inline-block;
}

.footer a:hover {
-moz-transition: all 0.3s ease-out;  /* FF3.7+ */
-o-transition: all 0.3s ease-out;  /* Opera 10.5 */
-webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
text-decoration: none;
color: #F73C9D;
}

.copy {
margin: 0;
padding: 45px 0 0 0;
color: #999;
text-align: center;
}

.style1 {font-size:14px; color:#F836A6; font-weight:bold;}
.style2 {font-size:12px; color:#FB7BC5; font-weight:bold;}
.style3 {font-size:10px; color:#333; font-weight:normal;}
.style4 {font-size:12px; color:#FF0000; font-weight:bold;}
.style5 {font-size:12px; color:#FF0000; font-weight:normal;}
.style6 {font-size:12px; color:#FF3399; font-weight:normal;}
.style7 {font-size:12px; color:#FF3399; font-weight:bold;}
}
p.bread{
	font-size: 12px;
	padding:4px 0 20px 20px;
}
/**/