@charset "utf-8";

body {
color: #6d6d6d;
margin: 0px;
padding: 0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.4;
background: url(../img/common/img/bg_img/bodyBG.png) repeat-x;
}

/* ~~ エレメント / タグセレクター ~~ */

ul, ol, dl {
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
margin-top: 10;
padding-right: 3px;
padding-left: 10px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom: 0px;
}

a img { 
border: none;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
#container {
width: 960px;
background: #FFF;
margin: 0 auto;
border-left: 1px solid #999;
border-right: 1px solid #999;
clear: both;
}

/*  #headerに関して  */

#header {
background: #FFFFFF;
width: 960px;
height: 82px;
border-width: 0px;
}

#header h1 {
font-size: 20px;
font-weight: bold;
line-height: 1;
margin-top: 0;
margin-bottom: 0;
}

/*  #sidebar1に関して  */

#sidebar1 {
float: right;
width: 192px;
background: #FFFFFF;
padding-bottom: 10px;
text-align: center;
}

/*  #contentに関して　*/

#content {
padding: 10px 5 10px 10;
width: 767px;
float: left;
line-height: 1.8;
margin-top: 10px;
}

#content h1 {
font-size: 0.95em;
padding-left: 30px;
background: url(../img/common/img/bg_img/bg_h1.png) no-repeat;
vertical-align: middle;
margin-top: 10px;
margin-bottom: 2px;
padding-top: 8px;
margin-left: 5px;
line-height: 1;
height: 35px;
}

#content h2 {
margin: 10px 0px 8px 12px;
padding-left: 30px;
font-size: 0.9em;
background: url(../img/common/img/bg_img/bg_h2.png) no-repeat;
vertical-align: middle;
height: 35px;
padding-top: 8px;
line-height: 100%;
}

#content h3 {
font-size: 0.9em;
background: url(../img/common/img/bg_img/bg_h3.png) no-repeat;
height: 30px;
padding-left: 30px;
margin-bottom: 0px;
margin-left: 19px;
line-height: 100%;
vertical-align: middle;
padding-top: 7px;
}

#content p {
margin: 0px;
font-size: 0.85em;
line-height: 1.5;
padding-left: 20px;
}

/*--- #content tableに関して ---*/
#content table{ 
border: 2px solid #999; 
}

#content tr td ul {
font-size: 0.85em;
list-style: circle outside;
}

#content tr td span { font-size: 0.8em; 
}

/*--- #content Listに関して ---*/

#content ul, #content ol {
padding: 0;
list-style: disc inside;
font: 0.95em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0px 0px 0px 30px;
}

#content ul li {
list-style: disc outside;
font-size: 0.85em;
line-height: 1.5;
margin-left: 15px;
}

/*--- #content frameに関して ---*/

#content iframe {
clear: both;
float: right;
height: 350px;
width: 425px;
border: 2px inset #CCC;
}

/* ==================== top div#info ==================== */

#top div#info{
background:none;
border-right: 1px solid #dadada;
border-bottom: 1px solid #dadada;
border-left: 1px solid #dadada;
}

#top div#info h2{
background:url(../img/common/img/bg_img/st_info.gif) no-repeat;
font-size:14px;
vertical-align:top;
height:40px;
line-height:30px;
margin:0 0 0px;
text-align: right;
color: #999;
}

#top div#info div#info_inner{
margin:0;
overflow:auto;
height:200px;
border: 1px solid #dadada;
}

#top div#info div#info_inner h3{
border-width:0;
margin: 5px 5px 10px 5px;
text-indent: 0;
background:none;
font-size:0.85em;
color:#0033CC;
font-weight: normal;
height: auto;
line-height: 1em;
}

#top div#info div#info_inner p{
line-height:150%;
margin:0;
}

#top div#info div#info_inner a{
	color:#ff8530;
	}

#top div#info div#info_inner a:hover{
	color:#ff8530;
	text-decoration: none;
	}


/*--- #content linkに関して ---*/

#content a:link {
color: #6d6d6d;
text-decoration: underline;
}

#content a:visited {
color: #6d6d6d;
text-decoration: underline;
}

#content a:hover, a:active, a:focus {
text-decoration: none; 
}

/*--- #content .imgcaptionR .caption { clear: both; } ---*/
#content tr td ul li { font-size: 1.1em; }

/*-- #nav(ナビ)のスタイル ---*/

#nav ul {
list-style: none;
border-top: 1px solid #666; 
font-size: 15px;
font-weight: bold;
}

#nav ul li {
border-bottom: 1px solid #666; 
float: left;
list-style:none;
}

#nav a, #nav a:visited {
padding: 0px;
display: block;
width: 190px;
text-decoration: none;
background: url(../img/common/img/bg_img/NAVa01.png) no-repeat;
height: 30px;
line-height: 30px;
font-size: 15px;
font-weight: bold;
vertical-align: middle;
text-align: center;
color: #FFF;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
}

#nav a:hover, #nav a:active, #nav a:focus {
color: #FFF;
background: #CCC url(../img/common/img/bg_img/NAVa02.png) no-repeat;
}

/*--- fotterに関して ---*/

#footer {
padding: 5px 0;
background: #CDC9B6;
position: relative; /* IE6対策 */
clear: both; 
font-size: 12px;
line-height: 100%;
text-align: center;
}

/*--- その他 classについて ---*/

.right {
float: right;
margin-left: 8px;
clear: right;
}

.left {
float: left;
margin: 0px 7px 0px 5px;
}

.small{ 
font-size: 0.8em; 
}

.clearfloat {
clear:both;
height:auto;
font-size: 14px;
line-height: 1.2;
}

/*--- caption付きimg(イメージ)のスタイル ---*/

.imgcaptionL{
text-align: center;
font-size: 0.8em;
float: left;
width: auto;
margin:0px 10px 2px 20px;
clear:left;
}

.imgcaptionR{
text-align:center;
font-size:0.8em;
float: right;
width: auto;
margin:2px 0px 2px 10px;
line-height: 1;
}

.caption{
clear:both;
font-size: 0.5em;
}

#header h2 {
font-size: 0.8em;
font-weight: bold;
line-height: 1;
margin-top: 0px;
}
#header .left {
margin-left: 1px;
margin-right: 20px;
}
#header #logo3 {
clear: both;
float: left;
border: 1px solid #FFF;
}
#sidebar1 p {
font-size: 0.85em;
text-align: left;
line-height: 1.5;
}
#sidebar1 .center {
font-size: 0.85em;
line-height: 1.5;
text-align: center;
}
#content .ContentInner img { margin-left: 20px; }
#content .ContentInner table { font-size: 0.8em; }
#content .ContentInner {
margin: 0px;
padding: 0px;
}
#content .ContentInner img {
border-width: 0px;
border-style: 0;
}
#content .ContentInner .center { text-align: center; }
#content .ContentInner .left { margin-left: 0px; }
#content .imgcaptionR .caption { font-size: 0.4em; }
#contHead {
font-size: 18px;
margin: 0px;
padding: 0px;
clear: both;
height: 95px;
width: 767px;
}

/* Javascriptで折り畳み効果を演出するためのCSS */
/* triggerはtargetをhide,showに切り替える要素に当てるもの */

.trigger { 
color: #666 ; /* trigerの文字色 */
cursor:pointer ;/* 手のひらpointerに変更 */
}

.trigger:hover { 
color: #F93; 
}

.trigger:after { 
content: url(../img/common/img/hide.png) ; 
padding-left:0.3em ;
}

.hide .trigger:after { 
content: url(../img/common/img/show.png) ;
}

.target {
color:#6d6d6d; /* targetの文字色 */

}

.hide .target { 
display:none; 
/*color:#999;
*/}
#content .show .target { margin-left: 30px; }
#content #top #info #info_inner h3 {
color: #66C;
margin-bottom: 0px;
}

p.title {
	margin: 0;
	padding-bottom: 3px;
	color: #36c;
	line-height: normal;
}
p.edit {
margin: 0;
font-size:9px;
color:#CCCCCC;
}

#as-info {
width: 750px;
height: 200px;
overflow: auto;
padding: 5px;
border: 1px solid #999;
}
#as-info dl {
	margin: 0;
}

#as-info dt {
	font-weight: bold;
}

#as-info dd {
	margin: 0;
	padding-bottom: 15px;
}

#as-info dd em {
	color: #0033CC;
	font-style: normal;
}