a { text-decoration:underline; }
a:link { color: #3366ff; }
a:visited { color: #339900; }
a:active { color: #cc00cc;  }

p.eki {
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    font-weight: bold;
    margin-top: 16px;
    margin-bottom: 4px;
}

p.eki2 {
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    font-weight: bold;
    margin-top: 24px;
    margin-bottom: 4px;
}

p.if{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 16px;
    margin-bottom: 2px;
}

p.pay {
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    padding: 4px;
}

p.plus {
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    padding: 10px;
}

p.top {
    font-size: 10pt;
    font-weight: bold;
    color: #333333;
    line-height: 150%;
    padding: 10px;
}

h1 {
    font-size: 10pt;
    font-weight: bold;
    color: #0066ff;
    line-height: 240%;
    margin: 0px;
    padding: 0px;
}

h2 {
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    line-height: 150%;
    margin: 0px;
    padding: 0px;
}


table.top {
    width: 600px;
    height: auto;
    background-color: #fbfbfb;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 0px;
}

td.box1 {
    width: 200px;
    height: 200px;
    background-color: none;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

td.box2 {
    width: 400px;
    height: 400px;
    background-color: #ffffff;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

td.box3 {
    width: 200px;
    height: 200px;
    background-color: none;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

td.box1 img {
    border: 1px solid #666666;
}

td.box3 img {
    border: none;
}

blockquote {
    width: auto;
    margin-top: 18px;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid #666666;
    background: #f9f9f9;
    font-size: 10pt;
    line-height: 150%;
    color: #333333;
    font-weight: bold;
}

p { 
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    margin: 0;
    padding: 0;
}

p.next { 
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    padding-top: 18px;
}

p.next2 { 
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    padding-top: 16px;
    padding-bottom: 4px;
    padding-left: 12px;
    padding-right: 2px;
}

img { 
    border: 0; 
} 

ul {
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 8px;
    padding-left: 6px;
    margin: 0;
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
}

li{
    list-style-type: none;
}


/* 全体カラム用 */

body.base {
    text-align: center;
    background-color: #ffffff;
    font-family: Verdana,Arial,sans-serif;
}

.base #container1 {
    width: 844px;
    height: 664px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 16px;
    margin-bottom: 16px;
    background-color: #ffffff;
    background-image:url(../images/back1.gif);
    background-repeat: no-repeat;
}

.base #container2 {
    padding:10px;
}

.base #box {
    width: 824px;
    height: 644px;
    margin-right: auto;
    margin-left: auto;
    margin: 0;
}


/* 左枠組 */

.base #menu {
    float: left;
    width: 132px;
    height: 644px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    color: #000000;
    font-size: 10pt;
    line-height: 150%;
    background-image:url(../images/menu.gif);
    background-repeat: no-repeat;
}

.base #menu a:link {
        color: #000000;
}

.base #menu a:visited {
        color: #666666;
}

.base #menu a {
	text-decoration:none;
}

.base #rogo {
    margin-bottom: 6px;
}

.base #about {
    margin-top: 0px;
    margin-right: 9px;
    margin-bottom: 0px;
    margin-left: 9px;
}

.base #about a:hover {
	background-color:#ff5a5a;
	color:#ffffff;
}

.base #gallery {
    margin-top: 0px;
    margin-right: 9px;
    margin-bottom: 0px;
    margin-left: 9px;
}

.base #gallery a:hover {
	background-color:#7c73f5;
	color:#ffffff;
}

.base #event {
    margin-top: 0px;
    margin-right: 9px;
    margin-bottom: 0px;
    margin-left: 9px;
}

.base #event a:hover {
	background-color:#50ce7a;
	color:#ffffff;
}

.base #cafe {
    margin-top: 0px;
    margin-right: 9px;
    margin-bottom: 0px;
    margin-left: 9px;
}

.base #cafe a:hover {
	background-color:#df8cdc;
	color:#ffffff;
}

.base #other {
    margin-top: 0px;
    margin-right: 9px;
    margin-bottom: 0px;
    margin-left: 9px;
}

.base #other a:hover {
	background-color:#fcaa73;
	color:#ffffff;
}

.base #space {
    float: left;
    width: 8px;
    height: 644px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    background-color:#eeeeee;
}

/* 右枠組 */

.base #contents1 {
    float: left;　
    width: 684px;
    height: 644px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
    background-image:url(../images/back2.gif);
    background-repeat: no-repeat;
}

.base #contents2 {
    padding: 2px;
}

.base #contents3 {
    overflow: scroll;
    width: 680px;
    height: 640px;
    margin: 0;
    margin-right: auto;
    margin-left: auto;
}

.base #contents4 {
    padding: 16px;
    margin: 0;
    text-align: left;
}

.base #contents5 {
    padding: 16px;
    margin: 0;
    text-align: center;
}

.base #contents5 img {
    margin-top: 8px;
}

.base #contents5 ul {
    font-size: 10pt;
    color: #000000;
    line-height: 150%;
    margin-top: 10px;
}

.base #contents5 li {
    list-style-type: disc;
    list-style-position: outside;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 20px;
    margin-right: 16px;
}

.base #back {
    text-align: right;
    color: #000000;
    font-size: 10pt;
    line-height: 150%;
}

.base #back img {
    margin-top: 4px;
    margin-bottom: 24px;
    margin-left: 0px;
    margin-right: 16px;    
}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}