* {
margin:0;
padding:0
}

body{
font-family: "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
color:#333;
text-align:center;
}

div,p{
font-size:12px;
}

h1{
font-family: Arial,Helvetica,sans-serif;
color:#333;
font-size: 18px;
font-weight: bold;
letter-spacing: 20px;
}

h2{
font-family: "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
color:#333;
font-size:11px;
font-weight:normal;
letter-spacing: 10px;
margin: 2px auto 8px auto;
}

* html pre{
width:100%;
}

/* link設定 */
/* 未訪問リンク */
a:Link {
font-size:13px;
text-decoration:none;
color:#fff;
}

/* 既訪問リンク */
a:visited {
font-size:13px;
text-decoration: none;
color: #fff;	
}

/* アクティブリンク */
a:active {
font-size:13px;
text-decoration: none;
color:#fff;
}

/* 選択状態リンク */
a:hover {
font-size:13px;
text-decoration: none;
color:#ff0;
}

/* ここからコンテンツの設定 */
#cont_header{
width:365px;
margin:0 auto;
text-align:center;
padding-top:25px;
}

#cont{
width:365px;
margin:0 auto;
text-align:center;
padding:15px;
}

div#chapter {
margin: 0 auto 3px auto;
width:365px;
text-align:center;
}

div#footer_navi {
margin:0 auto;
padding:5px;
width:365px;
text-align:center;
}

div#footer_backhome {
margin:10px 0 10px 0;
padding:5px;
text-align:center;
}

div#home {
float: left;
margin: 0;
padding:7px 0 3px 0;
background-color:#666;
width:365px;
height:22px;
text-align: center;
color:#333
}

div#footer_caution{
margin:0 auto;
padding:5px;
width:365px;
text-align:center;
}


/* link button設定 */
div#navi01 {
width:80px;
height:32px;
float: left;
margin:0 8px 0 0;
background: url(images/link_button.jpg) no-repeat left top;
text-align: center;
padding-top:3px;
color:#fff
}

div#navi02,div#navi03 {
width:80px;
height:32px;
float: left;
margin:0 8px 0 7px;
background: url(images/link_button.jpg) no-repeat left top;
text-align: center;
padding-top:3px;
color:#fff
}

div#navi04 {
width:80px;
height:32px;
float: left;
margin:0 0 0 7px;
background: url(images/link_button.jpg) no-repeat left top;
text-align: center;
padding-top:3px;
color:#fff
}

/* display page（表示中ページ） button設定 */
div#navi01_display {
width:80px;
height:32px;
font-size:13px;
float: left;
margin:0 8px 0 0;
background: url(images/display_button.jpg) no-repeat left top;
text-align: center;
padding-top:3px;
color:#fff
}

div#navi02_display,div#navi03_display {
width:80px;
height:32px;
font-size:13px;
float: left;
margin:0 8px 0 7px;
background: url(images/display_button.jpg) no-repeat left top;
text-align: center;
padding-top:3px;
color:#fff
}

div#navi04_display {
width:80px;
height:32px;
font-size:13px;
float: left;
margin:0 0 0 7px;
background: url(images/display_button.jpg) no-repeat left top;
text-align: center;
padding-top:3px;
color:#fff
}

div#caution {
font-size:11px;
font-weight:normal;
margin: 40px auto 0 auto;
}

.buttons{
padding:5px;
margin:10px auto;
}

.buttons span{
color:#808080;
padding:0 10px;
cursor:pointer;
font:12px "ＭＳ　Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4 , Osaka , verdana ,arial ,sans-serif;
}

.buttons span.active, .buttons span:hover{
background:#d3d3d3;
color:#fff;
}