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

* {
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 180%/150% Helvetica,sans-serif;
}

h4,h5,h6,h7 {
clear:both;
font: normal normal normal 100%/150% Helvetica,sans-serif;
}


.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;
}

img.visual {
float:left;
vertical-align:middle;
padding: 0 10px 5px 0;
}


.shop a,.shop a:link,.shop a:visited {
color:blue;
}



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: 210px;
}
div#category-right {
float:right;
width: 670px;
}


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: 670px;
margin: 0 10px 10px 0;
padding: 0;
background-color: transparent;
}

div.shop {
clear:both;
margin: 0 0 10px 0;
padding: 10px;
background-color: transparent;
}


div.shop-kakoi {
clear:both;
padding: 10px 0 15px 0;
font: normal small-caps normal 130%/120% Helvetica,sans-serif;
text-align:center
}


div.text-body{
padding: 0px 0 0 0;
}

div.text-body p{
margin: 0 0 20px 0;
font: normal normal normal 120%/140% Helvetica,sans-serif;
}

div.shop2{
float:left;
width:150px;
margin: 0 18px 0 0;
}

div.shop3{
float:right;
width:150px;
margin: 0;
}




/* 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#left {
float:left;
width: 210px;
margin: 0 0 10px 10px;
padding: 0;
}

div#left p{
margin:0 0 0 30px;
}

div#left ul{
margin: 8px 0 0 0;
list-style:none;
}

div#left li{
line-height:200%;
}





/* フッターのカテゴリー */
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;
}