/* ブラウザスタイルの初期化 */

* {
margin: 0;
padding: 0;
border: 0;
background-color:transparent;
color: #666;
text-decoration: none;
font: normal normal normal 95%/150% Helvetica,sans-serif;
}

h2 {
color:#fff;
padding:0 0 0 5px;
font: normal normal bold 100%/150% Helvetica,sans-serif;
}

h3 {
font: normal normal normal 150%/100% Helvetica,sans-serif;
}


a:link {
color:blue;
}


.bold {
font-weight:bold;
}

.space {
float:left;
margin:5px 10px 0 5px;
}

.space3 {
padding:80px 0 0 0;
}

.underline {
color:white;
text-decoration:underline;
font: normal normal bolder 105%/150% Helvetica,sans-serif;
background: url("magazine-line.gif") no-repeat 0 0;
}


body {
margin: 0;
padding: 0;
background: #ffffff url("./back.gif") repeat-y 50% 0;
text-align: center;
}

/* ページ内容全体 */
div#container {
width: 900px;
margin-right: auto;
margin-left: auto;
padding: 0;
background-color: transparent;
text-align: left;
}

/* メインタイトルの枠 */
div#maintitle {
width: 880px;
height: 55px;
margin: 15px 10px 10px 10px;
padding: 0;
background-color: transparent;
}


div#maintitle p {
display:inline;
}

img.inline {
margin: 40px 0 0 330px;
}

div#maintitle h1 a {
float:left;
display: block;
width: 350px;
height: 55px;
font-size: 0;
font-weight: normal;
text-decoration: none;
text-indent: -9999px;
background: url("maintitle.gif") no-repeat 0 0;
}

/* キービジュアル */
div#keyvisual {
width: 880px;
height: 180px;
margin: 0 10px 20px 10px;
padding: 0;
background: url("keyvisual-summer.jpg") no-repeat 0 0;
}

div#magazine {
width: 320px;
}

div#magazine p {
color:#fff;
font: normal normal bold 100%/120% Helvetica,sans-serif;
}


/* 上部のメインカテゴリー */
div#category {
width: 880px;
height: 40px;
margin: 0 10px 10px 10px;
padding: 0;
background-color: transparent;
}


div#category ul,div#category li {
margin:0;
padding:0;
list-style:none;
}

div#category li {
float:left;
text-align:center;
width:124px;
border-left:1px solid;
}

div#category li.contact {
width:128px;
border-left:1px solid;
border-right:1px solid;
}

div#category a,div#category a:link,div#category a:visited {
color:#333;
font: normal small-caps normal 100%/120% Helvetica,sans-serif;
}




div#category2 {
clear:both;
width: 880px;
height: 20px;
margin: 0 10px 10px 10px;
padding: 0;
background-color: transparent;
}

div#category-left {
float:left;
width: 880px;
}

div#category2 ul,div#category2 li {
margin:0;
padding:0;
list-style:none;
}

div#category2 li {
float:left;
text-align:center;
padding:0 25px 0 5px;
}

div#category2 li.contact {
}

div#category2 a,div#category2 a:link,div#category2 a:visited {
color:#333;
font: normal small-caps normal 130%/120% Helvetica,sans-serif;
}






/* 真ん中と右の括り枠 */
div#center-right {
clear:both;
float:right;
width: 880px;
margin: 0 10px 10px 10px;
padding: 0;
background-color: transparent;
}

div.shop {
margin: 0 0 10px 0;
padding: 10px;
border-top:1px solid;
border-right:1px solid;
border-left:1px solid;
border-bottom:1px solid; 
background-color: transparent;
}

div.pick1{
float:left;
width:480px;
margin: 0;
padding: 0 30px 0 0;
}


div.pick1 dt{
font: normal normal bold 180%/150% Helvetica,sans-serif;
}
div.pick1 dd{
font: normal normal normal 120%/150% Helvetica,sans-serif;
margin: 10px 0 0 0;
}

div.pick2{
width:348px;
float:right;
margin: 30px 0 0 0;
}

div.pick2 p{
color:red;
font: normal normal normal 120%/150% Helvetica,sans-serif;
margin: 15px 0 0 0;
}



div.pick2 dt {
margin: 5px 0 0 0;
font: normal normal bold 130%/155% Helvetica,sans-serif;
}

div.pick2 dd {
margin:0;
font: normal normal normal 115%/130% Helvetica,sans-serif;
}


/* CSSでfloatによる親の背景が表示されない解決ソース */

div.shop {
    overflow: hidden;
}

div.shop:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html div.shop {
    height: 1em;
    overflow: visible;
}
/**/



/* CSSでfloatによる親の背景が表示されない解決ソースここまで */




/* フッターのカテゴリー */
div#footcategory {
clear:both;
width: 880px;
margin: 0 10px 0 10px;
padding: 0;
background-color: transparent;
}

div#footcategory ul,div#footcategory li {
margin:0;
padding:0;
list-style:none;
}

div#footcategory li {
float:left;
text-align:center;
margin: 0 15px 0 0;
}

div#footcategory a,div#footcategory a:link,div#footcategory a:visited {
color:#333;
font: normal small-caps normal 100%/120% HG丸ゴシックM-PRO,sans-serif;
}





/* フッター */

div#footer {
clear:both;
width: 880px;
margin: 10px 10px 10px 10px;
padding: 0;
background: transparent url("./footer.png") no-repeat 50% 0;
}

div#footer p {
text-align:left;
color: #999999;
font-size: 70%;
margin: 0;
padding: 0;
}