﻿@charset "utf-8";

/* style.css: w800 */

/* ================ BASIC =================*/

/* ---------- body ---------- */

body {
color: #333;
font: 12px/2 "ヒラギノ角ゴProW3","HiraginoKakuGothicPro","メイリオ",Meiryo,Osaka,"ＭＳＰゴシック","MSPGothic",sans-serif;
text-align: center;
margin: 0;
padding: 0px;
/* body 背景 */
/*background: url('../img/back.jpg') repeat-x;*/
}

/* for IE7 */
*+html body {
font-family:'メイリオ', 'ＭＳ Ｐゴシック';
font-size:75%;
}
	
/* for IE6 */
* html body {
font-family:'ＭＳ Ｐゴシック';
font-size:75%;
}


/* ---------- anchor --------- */

a,a:link,a:visited {
text-decoration: none;
color: #993333;
}

a:focus,a:hover,a:active {
text-decoration:underline;
color: #FF3333;
}

a:hover img {
border:none;
}


/* --------廻り込み解除 ------- */

.clear {
clear:both;
width: 100%;
}
	
/* ---------- tags ------------ */

p {
margin: 0 0 10px;
padding: 0 15px;
}

img {
vertical-align: top;
border:0;
}

/* img-右寄せ */
.img-right {
margin: 5px 0 5px 15px;
padding: 0;
float: right;
	}
/* img-左寄せ */
.img-left {
margin: 10px;
padding: 0;
float: left;
}

h1, h2, h3 {
font-size: 100%;
font-weight: normal;
margin: 0;
padding: 0;
}

ul {
list-style-type: none;
}

/* -- list mark -- */
.list-m1 {
padding: 0 0 0 15px;
background: url('../img/ms3.gif') no-repeat left center;
display: inline;
}

.list-m2 {
padding: 0 0 0 15px;
background: url('../img/ms1.gif') no-repeat left center;
display: inline;
}
/* --------------- */

hr {
border-top: 1px solid #CCC;
}

.norm {
color: #333;
font-weight: normal;
}

/*===============BASIC OWARI=================*/


/*==================LAYOUT===================*/

/* -- container -- */

#container {
text-align: left;
margin: 0 auto;
padding: 0px;
width: 800px;
overflow: hidden;
}

/* -- container owari -- */


/* -- header -- */

#header {
margin: 0px;
padding: 0px;
height: 120px;
width: 800px;
background: #F4F0E5 url('../img/head_bg.jpg') no-repeat right bottom;
}

#header h1{
font-size: 10px;
color: #666;
margin: 0px;
padding: 0px 0px 0px 45px;
}

#rogo {
font-size: 25px;
color: #004040;
padding-top: 20px;
padding-bottom: 10px;
padding-left: 40px;
}

#rogo a{
font-size: 25px;
color: #004040;
text-decoration: none;
font-weight: bold;
}

/* -- header owari -- */


/*-- headmenu --*/

div#headmenu {
margin-top: 5px;
height: 25px;
width: 100%;
overflow: hidden;
}

/*--widthはﾒﾆｭｰ全体幅に応じて変更要--*/
div#headmenu ul {
margin: 0 auto;
padding: 0;
list-style: none;
width: 680px;
}

/*--widthは1個のﾒﾆｭｰ幅--*/
div#headmenu li {
text-align: center;
border-right: 1px solid #999;
float: left;
width: 110px;
}

/*--display:blockでﾒﾆｭｰ背景変更可--*/
div#headmenu li a {
margin: 0;
padding: 0.2em 0;
color: #993333;
text-decoration: none;
display: block;
}

div#headmenu li a:hover {
color: #FFF;
background-color: #669999;
}

/*-- headmenu owari --*/


/*-- content --*/

#content {
margin: 25px auto 0px;
padding-top: 0px;
padding-bottom: 0px;
clear: both;
width: 800px;
overflow: hidden;
}

/*-- # subpage use # --*/
.pannavi {
text-align: center;
margin: 0 1em 1em 2em;
padding: 10px 0 0;
}

/*-- content owari --*/


/*-- side --*/

div#side {
margin: 0;
padding: 0;
border: 1px solid #996666;
float: left;
width: 180px;
background-color: #996666;
}

div#side h2 {
color: #FFF;
padding: 0 0 0 30px;
height: 25px;
background: url('../img/ms2.gif') no-repeat 10px center;
}

div#side .txtbox{
font-size: 12px;
margin: 0;
padding: 10px;
width: 160px;
}

/*---- side owari ---*/


/*---- side menu ---*/

div#side .snavi {
margin: 0;
padding: 5px 10px 20px;
list-style-type: none;
background-color: #FFF;
}

div#side .snavi li {
margin: 0;
padding: 2px 0;
}

div#side .snavi li a {
color: #993333;
text-decoration: none;
padding: 0 0 0 10px;
border-bottom: 1px solid #bbb;
background: url('../img/ms0.gif') no-repeat left center;
display: block;
}

div#side .snavi li a:hover {
color: #FFF;
background-color: #669999;
}

/*---- side menu owari ---*/


/* -- main -- */

#main {
margin-top: 0px;
padding: 0px;
float: right;
width: 600px;
}

#main h2 {
font-size: 14px;
color: #666666;
font-weight: bold;
margin: 0 0 15px;
padding: 0 0 0 25px;
border: 1px solid #996666;
background: url('../img/ms2.gif') no-repeat 10px center;
}

#main h3 {
color: #666666;
font-weight: bold;
margin: 0 0 15px;
padding: 8px 20px 0;
border: 1px dashed #C1B081;
height: 30px;
background-color: #EFEED8;
}

#main .event {
margin: 10px;
padding: 0 10px;
}

#main .event hr {
border-top: 1px dashed #CC9;
border-right: 0px dashed #CC9;
border-bottom: 0px dashed #CC9;
border-left: 0px dashed #CC9;
}

#pagetop {
text-align: right;
margin-top: 15px;
clear: both;
}

/*---- main owari ---*/


/*-- # submain(w800px) subpage use # --*/
#submain {
margin: 0;
padding: 0;
width: 800px;
}

#submain h2 {
font-size: 14px;
color: #666;
font-weight: bold;
margin: 0;
padding: 0 0 0 25px;
border: 1px solid #CC9999;
background: url('../img/ms2.gif') no-repeat 10px center;
}

#submain p {
margin: 10px 25px;
padding: 0;
}

#submain .left {
color: #333333;
line-height: 150%;
text-align: center;
margin: 10px 0;
padding: 0;
float: left;
width: 260px;
}

#submain .right {
color: #333;
line-height: 150%;
margin: 0;
padding: 0;
float: right;
width: 510px;
}

#submain .title {
font: 12px/2 "ヒラギノ角ゴProW3","HiraginoKakuGothicPro","メイリオ",Meiryo,Osaka,"ＭＳＰゴシック","MSPGothic",sans-serif;
margin: 0;
padding: 0 0 0 20px;
background-image: url('../img/ms3.gif');
background-repeat: no-repeat;
background-position: left center;
}

#submain hr {
margin: 0;
padding: 0;
}

/*-- # submain owari # --*/


/*-- footer -- */

#footmenu {
text-align: center;
margin-right: auto;
margin-left: auto;
padding: 20px 0 0;
clear: both;
width: 100%;
}

#footer{
text-align: center;
margin: 0;
padding: 10px 0;
border-top: 1px solid #996633;
width: 100%;
}