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

* {
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;
}

.winered{
color:#330000;
}

.green{
color:#003333;
}

.usugreen{
color:#99cc66;
}

.usublue{
color:#66cccc;
}

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

img.space2 {
margin:3px 0 0 0;
}

.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.error{
margin:5px 60px 20px 60px;
}


.staff {
background: url("waku195280.gif") no-repeat 0 0;
padding:5px;
}

.bold{
font: normal normal bold 100%/150% Helvetica,sans-serif;
text-decoration:underline;
}




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 {
clear:both;
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#center-right {
clear:both;
float:right;
width: 620px;
margin: 0 10px 10px 0;
padding: 0;
background-color: transparent;
}

/* 真ん中枠 */
div#center {
float:left;
width: 375px;
margin: 0 50px 10px 0;
padding: 0;
background-color: transparent;
}

/* 右枠 */
div#right {
float:right;
width: 195px;
margin: 0;
padding: 0;
background-color: transparent;
}

div.link img{
margin: 0 0 5px 0;
}



/* 左枠 */
div#left {
float:left;
width: 210px;
margin: 0 50px 10px 10px;
padding: 0;
background-color: transparent;
}

div#left dt{
border-top:1px solid;
font: normal normal bold 100%/120% Helvetica,sans-serif;
}


div.left {
clear:both;
margin: 0;
padding: 0;
}

div.left-l {
float:left;
width: 80px;
margin: 0 10px 10px 0;
padding: 0;
}

div.right-r {
float:right;
width: 120px;
margin:  0 0 10px 0;
padding: 0;
background: url("shirushi.gif") no-repeat 0 0;
}

div#left .left dt{
font: normal normal normal 120%/150% Helvetica,sans-serif;
border:none;
}

div#left .left dd{
font: normal normal normal 90%/150% Helvetica,sans-serif;
border:none;
}






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