@charset "utf-8";

/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
}
body * {
line-height:1.5;
}
a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
img {
border:0;
}
ul,ol,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#03F;}
a:visited {color:#03F;}
a:hover,a:active {color:#903;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

body{
text-align:center;
}

#all{
width:800px;
border:1px solid #999;
margin:0 auto;
text-align:left;
}

/*
-----------------------------------------------
▼ヘッダー
----------------------------------------------- */
#head{
width:800px;
height:87px;
background:url(../images/head_bg.gif) repeat-x #f7f7f7;
}
h1{
margin-top:18px;
margin-left:8px;
float:left;
}
.headR{
width:300px;
margin-top:15px;
float:right;
text-align:right;
padding-right:10px;
}
.headBtn img{
margin:0 8px 8px 0;
vertical-align:bottom;
}

/*
-----------------------------------------------
▼ナビ
----------------------------------------------- */
#navi{
width:800px;
}
#navi ul{
width:782px;
padding:0 9px;
background:#f7f7f7;
}
#navi li{
float:left;
margin-right:2px;
}
#navi05{
margin-right:0 !important;
}

#navi01 a, #navi02 a, #navi03 a, #navi04 a, #navi05 a, #navi06 a, #navi07 a{
height:33px;
display:block;
}

#navi01 a{
width:144px;
background:url(../images/navi01.gif) no-repeat;
}
#navi02 a{
width:157px;
background:url(../images/navi02_on.gif) no-repeat;
}
#navi03 a{
width:159px;
background:url(../images/navi03_on.gif) no-repeat;
}
#navi04 a{
width:156px;
background:url(../images/navi04_on.gif) no-repeat;
}
#navi05 a{
width:158px;
background:url(../images/navi05_on.gif) no-repeat;
}

#navi a:hover{
background-color:#fff;
}
#navi a:hover img{
visibility:hidden;
}

/*
-----------------------------------------------
▼コンテンツ
----------------------------------------------- */
#topCon{
width:770px;
margin:15px 10px 0;
padding:0 5px;
border-bottom:1px solid #fd1900;
}
.shopBlock{
background:url(../images/shop_bg.gif) no-repeat left bottom;
margin:10px 0 15px;
zoom:1;
}
.shopBox{
width:242px;
float:left;
margin-right:22px;
}
.boxR{
margin-right:0 !important;
}
.shopP{
margin:9px;
}
.shopInfo{
width:224px;
margin:0 9px 10px;
background:url(../images/shop_icon.gif) no-repeat 3px 3px #fff;
}
.shopInfo p{
padding:24px 5px 8px;
}
.shopRead{
padding:0 10px 8px;
}

.shopBtn{
margin:0 9px 12px 130px;
}

/*
-----------------------------------------------
▼フッター
----------------------------------------------- */
#foot{
width:780px;
padding:10px 10px 10px;
background:url(../images/foot_bg.gif) repeat-x left bottom;
}

.footL{
width:390px;
float:left;
}
.footL strong{
font-size:15px;
}
.footR{
width:350px;
float:right;
text-align:right;
}
.footR a{
text-decoration:none;
}
.footR a:link {
color:#000;
text-decoration:none;
}
.footR a:visited {color:#000;}
.footR a:hover, .footR a:active {
text-decoration:underline;
}

.footBox{
width:130px;
float:left;
margin:15px 15px 5px 0;
}
.footBtn{
float:left;
margin-bottom:5px;
}
.footBox strong{
font-size:13px;
}


/* css_end */