@charset "shift_jis";

body {
	font-family: "???C???I", "?l?r ?o?S?V?b?N", Osaka, "?q???M?m?p?S Pro W3";
	font-size: 75%;
	line-height: 2;
	color: #333333;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #FFFFFF url(images/bg.gif);
}

strong {
	color: #FF0000;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
	vertical-align: bottom;
}

.look {
	background: #FFFFCC;
}


/*?R???e?i?[
-------------------------------------------------------------------------------------
???w?i?摜???ς??????ꍇ?A?w?i?摜??iamges?t?H???_?ɓ????ĉ??́ucontainer_bg.gif?v??
???̉摜???ɕύX?????B
-------------------------------------------------------------------------------------*/
#container {
	background: #FFFFFF url(images/container_bg.gif) repeat-y;
	width: 800px;
	text-align: left;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 4px;
	padding-left: 4px;
}


/*?w?b?_?[
-------------------------------------------------------------------------------------
???u#header p?v?Ƃ??????ڂ́A???S?摜???g?킸?e?L?X?g?ŃT?C?g???????????l?̂??߂̐ݒ??ł??B
?????T?C?Y?̕ύX?́u30px?v?ōs???܂??B
-------------------------------------------------------------------------------------*/
#header {
	background: url(images/header_bg.gif) no-repeat;
	height: 100px;
	width: 800px;
	line-height: 1;
	color: #FFFFFF;
}
#header p {
	font-size: 30px;
	padding-top: 10px;
	padding-left: 20px;
}

#header h1 {
	font-size: 8px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 10px;
	font-weight: normal;
}

/*?T?C?h?i???j???[?j
-------------------------------------------------------------------------------------
?????j???[?̊e???o??(???C?????j???[?Ƃ??????Ă??鏊)???ύX???????ꍇ?A?u#side h3?v???ҏW?????B
?g???̐F???ς??????ꍇ?u#FFFFFF?v?????]?F?ɕύX?????B?w?i?F???ς??????ꍇ?u#000000?v???ύX?B
?????j???[?̃????N???ύX???????ꍇ?A?u#side .menu a?v???ҏW?????B
?uborder-left: 5px solid #999999?v?Ƃ????͍̂????̗ΐF?̃A?N?Z???g?p?̃??C???̎??B
5px?̕??Œ???(solid)??#999999(?D?F)?œ??BĂ??܂??A?Ƃ????Ӗ??ł??B
?܂??A???̃A???_?[???C???͂??̉??́uborder-bottom: 1px dotted #999999?v?????Bdotted?͓_???Ƃ??????B
???ƁA?????F?́ucolor: #FFFFFF?v?????ł??B
?????j???[?̃????N(?J?[?\???I?[?o?[??)???ύX?????ꍇ?A?u#side .menu a:hover?v???ҏW?????B
?????ł́A?w?i?F???u#0074BE?v?̐??F?ɂ??āA???̐??̐F???u#FF0000?v?̐Ԃɂ??Ă??܂??B
???u#side a?v?̓??j???[???̃e?L?X?g?Ƀ????N???\?B??ꍇ?̐ݒ??ł??B
-------------------------------------------------------------------------------------*/
#side {
	float: left;
	background: #313131;
	color: #FFFFFF;
	padding: 0px 10px 50px;
	width: 180px;
}

#side h3 { font-size: 120%; font-weight: bolder; text-indent: 12pt; border: double 3px #ffffff; margin-top: 20px; margin-bottom: 5px; }

#side p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 90%;
}

#side a {
	width: 160px;
	color: #FFFFFF;
}

#side li {
	margin-bottom: 5px;
}

#side .menu a {
	width: 160px;
	color: #FFFFFF;
	text-decoration: none;
	border-left: 5px solid #999999;
	border-bottom: 1px dotted #999999;
	padding-left: 10px;
	display: block;
}

#side .menu a:hover {
	background: #993333;
	border-left: 5px solid #ffffff;

}


/*?w?b?_?[?̉??̓d?b?ԍ??\??????
-------------------------------------------------------------------------------------
???E?Ǜ˞łȂ????Ǜ˞ɂ??????ꍇ?A???́uright?v???uleft?v?ɂ??邩?A?ہX?폜??????OK?B
-------------------------------------------------------------------------------------*/
#tel {
	background: #f5f5f5 url(images/tel_bg.gif) repeat-x;
	height: 40px;
	text-align: right;
	padding-top: 15px;
    padding-right: 15px;

}


/*???C???R???e???c
-------------------------------------------------------------------------------------
???u#main?v?͓BɕҏW?̕K?v?Ȃ??B
?????C???R???e???c?̌??o??(h2?^?O????)?̕????T?C?Y???ύX???????ꍇ?A???́u#main h2?v???ɂ???
?ufont-size: 14px?v??14px???ύX?????B?܂??A?F???t???????ꍇ?͈ȉ??̂P?s???ljB????΂????B
color: #FF0000;
?i??#FF0000?????͍D???ȐF?ɂ??ĉ??????B???Ȃ݂?#FF0000?͐ԐF?B?j
-------------------------------------------------------------------------------------*/
#main {
	float: right;
	width: 587px;
	padding: 20px 0px 50px 13px;
}

#main h1 {
	background: url(images/midashi_base_red.gif) no-repeat;
	font-size: 14px;
	line-height: 34px;
	padding-left: 10px;
}

#main h2 {
	background: url(images/midashi_base.gif) no-repeat;
	font-size: 14px;
	line-height: 34px;
	padding-left: 10px;
}

#main h3 { font-size: 14px;
          line-height: 8px; 
          text-decoration: none;
          margin-top: 12pt; margin-left: 12pt; padding-left: 10px; }

#main p {
	padding: 30px 20px 20px;
}

#main ul {
    list-style-type: decimal;
	padding: 30px 80px;
}

  /* 活動スケジュール作成時に使用 */ 
table#table-01{
    margin-left: 20px;
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table#table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}


  /* 沿革(history)作成時に使用 */ 
table#table-02{
    margin-left: 10px;
    width: 540px;
    border-collapse: collapse;
    border-spacing: 1px;
    
    }

table#table-02 th {
    padding: 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    
}
table#table-02 td {
    padding: 1px;
    text-align: left;
    vertical-align: top;

}


/* 活動方針(policy.html)に使用 */ 
#list-1 ol  { margin-right: 30px; margin-left: 30pt; padding: 2pt; list-style-type: decimal; white-space: normal; }
#list-1 li  { margin-right: 30px; margin-left: 30pt; padding: 2pt; list-style-type: decimal; white-space: normal; }
#list-1 p  { font-size: 10pt; font-weight: bold; text-align: left; text-indent: 5pt; margin-right: 15pt; margin-left: 10pt; white-space: normal; }


/*?t?b?^?[
-------------------------------------------------------------------------------------*/
#footer {
	clear: both;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px solid #CCCCCC;
	margin-bottom: 50px;
}



/*clearfix
-------------------------------------------------------------------------------------*/
#container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#container { display: inline-block; }

/* Hides from IE-mac \*/
*html #container { height: 1%; }
#container { display: block; }
/* End hide from IE-mac */