/* 全体の設定 */
body,td,th{
font-size:90%;
color:#555555;
font-family:Verdana,Osaka,'MS P Gothic';
font-weight:normal;
margin:0px;
padding:0px;
}
body{background-color:#eeeeee;}
background-image: c06.gif;
/* スクロールバーの設定 */
body,html{
scrollbar-base-color:#eeeeee;
scrollbar-track-color:#eeeeee;
scrollbar-face-color:#eeeeee;
scrollbar-arrow-color:#ccaacc;
scrollbar-3dlight-color:#eeeeee;
scrollbar-darkshadow-color:#aaaaaa;
scrollbar-highlight-color:#aaaaaa;
scrollbar-shadow-color:#eeeeee;
}
/* リンク設定 */
a:link{text-decoration:none;color:#aa6699}/* リンクに触れる前の色 */
a:visited{text-decoration:none;color:#aa6699}/* 訪問したことのあるリンクの色 */
a:hover{text-decoration:none;color:#a36ed8;}/* 触れた時のリンク設定 */
/* リスト設定 */
ul,ol{
list-style-position:inside;
margin:0px 0px 0px 15px;
}
/* 画像のボーダーをあらかじめ０にする */
img{border:none;}
/* フォーム関連の設定 */
textarea{
font-size:11px;
line-height:17px;
padding:5px;
}
textarea,input{
color:#aa6699;
border:1px solid #aaaaaa;
background-color:#eeeeee;
}
/* 装飾用box */
.box1{
border:1px solid #aa3366;
background-color:#eeeeee;
}
.box2{
color:#333333;
border:3px double #aa6699;
background-color:#ffaacc;
}
.box1,.box2{width:450px;margin:15px 0px 0px 0px;padding:5px;}
/* デザイン全般設定 */
.ta1{background:#ffffff url(c06.gif) repeat-x 100% 0%;}
body#enter_page{overflow:hidden;}
body#menu_page{background:#ffffff url(c06.gif) repeat-x 100% 0%;}
/* 見出し設定 */
h1{
font-size:20px;
color:#a2a2a2;
text-align:center;
margin:0px;
padding:50px 10px 0px 0px;
}
h1:first-letter{color:#c184ff;}
h2{
font-size:15px;
color:#C17FE8;
text-align:left;
margin:0px;
padding:10px;
}
h3{
font-size:17px;
color:#aa66aa;
text-decoration:underline;
margin:10px 0px 0px 30px;
padding:10px 13px;
}
h4{
font-size:11px;
color:#aa66aa;
text-decoration:underline;
background:url(h4.gif) no-repeat 0% 0%;
margin:25px 0px 5px 5px;
padding:8px 0px 0px 20px;
}
h5{
font-size:17px;
color:#a36ed8;
text-align:left;
margin:0px;
padding:0px;
}
/* メニュー部分の設定 */
#menu{
font-size:15px;
text-align:center;
padding:20px 0px 0px 0px;
}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}
#menu li{
display:inline;
}
#menu li a{
display:block;
color:#848484;
margin:7px 0px;
}
#menu li a:hover{
color:#aa6699;
text-decoration:underline;
background:url(menu.gif) no-repeat 65% 0%;
}
/* アコーディオン */
.ac-container{
width: center;
margin: 100px center;
}
.ac-container label{
width: 150px;
text-align: block;
background: #fff;
margin: auto;
padding:20px 0px 0px 0px;
position: relative;
display: block;
height: 30px;
cursor: pointer;
color: #fff;
}
.ac-container label:hover{
background:url(menu.gif) no-repeat 85% 65%;
background-color:#fff;
border-radius:15px;
}
.ac-container label:after{
width: 150px;
text-align: block;
margin: auto;
padding:20px 0px 0px 0px;
position: relative;
display: block;
height: 30px;
cursor: pointer;
}
.ac-container input{
display: none;
}
.ac-container div{
background: ;
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 10;
transition:
height 0.3s ease-in-out,
box-shadow 0.6s linear;
}
.ac-container div p{
display:block;
color:#848484;
margin:7px 0px;
}
.ac-container p:hover{
display:block;
color:#aa6699;
border-radius:15px;
text-decoration:underline;
cursor: pointer;
}
/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
height: 100px;
}
/* テキスト設定 */
.text1{
line-height:20px;
padding:20px 60px 40px 50px;
}
.text2{
font-size:10px;
color:#999999;
line-height:16px;
padding:8px 15px 10px 20px;
}
/* リンクページの設定 */
dl.banner{margin:0px 0px 15px 0px;}
dl.banner dt{float:left;margin:0px 5px 0px 0px;}
dl.banner dd{margin:-2px 0px 0px 0px;}
/* その他要素 */
em{font-style:normal;font-weight:bold;}
strong{color:#aa3366;background-color:#cc99cc;}
ins{text-decoration:none;border-bottom:1px solid #aa33aa;}
del{text-decoration:line-through;}