/* 基本要素 */
body{
font-size:80%;
color:#000;
text-align:center;
background:#e2ebed url(images/backgroung.jpg) repeat-x;
margin:0;
padding:0;
font-family: verdana, san-serif
}

body *{
font-size:100%;
line-height:1.5;
margin:0;
padding:0;
}

a{
color:#317082;
}
a, a:link{
color:#000066;
text-decoration:none;
}
a:hover{
color:#FFD643;
}
img{
border:none;
}


/* 全体のセンタリング */
#container{
background: url(images/body.gif) repeat-y 50% 0%;
margin:auto;
padding;0;
width:760px;
text-align:left;
}

/* 左側メイン部分 */
.main{
float:left;
width:550px;
_width:530px;
text-align:center;
_margin-left:18px;
}

/* ヘッダー */
.header{
margin-left:14px;
._margin-left:3px;
}
.header p{
margin:0px 10px 0px 20px;
_margin:0px 20px 0px 20px;
text-align:right;
border-bottom:double 3px #72B3CC;
min-height:20px;
}

/* サブヘッダー（ページごとのタイトル） */
.subheader{
margin:20px 40px;
_margin:20px 10px
}
.subheader li{
list-style-type:none;
text-align:left;
padding-left:20px;
background: url(images/circle.jpg) no-repeat 0% 50%;
line-height:30px;
}

.subheader p{
margin:0px 20px 0px 20px;
_margin:0px 20px 0px 20px;
text-align:right;
min-height:20px;
}

/* 内容 */
.body{
_margin-left:0px;
}
.body p{
margin-left:40px;
_margin-left:0px;
width:470px;
text-align:left;
text-indent:1em;
}
.body img{
margin-bottom:10px;
}
.image{
border: 1px solid #999999;
width:470px;
margin-left:40px;
_margin-left:0px;
margin-top:20px;
padding:5px;
}
.body .image p{
text-align:center;
margin-left:0px;
color:#4082ad;
font-weight:bold;
}
.body li,.body table{
text-align:left;
margin-left:100px;
_margin-left:60px;
}
.body table, .body th, .body td{
border:1px solid #fff;
border-collapse:collapse;
padding:3px;
text-align:left;
clear:both;
}
.body th{
background:#72B3CC;
text-align:center;
color:#fff;
}
.body .name{
text-align:right;
}

.body .proccess,.body .library,.body .download{
margin-left:50px;
_margin-left:10px;
width:450px;
text-align:left;
border-left: 5px solid #e2ebed;
padding-left:10px;
}
.body .proccess p{
margin-left:0px;
_margin-left:0px;
text-indent:0;
}

/* 手順ページ用style */
.proccess dt{
clear:both;
font-weight:bold;
margin-top:20px;
border-bottom:dashed 1px;
margin-bottom:3px;
padding-left:20px;
background: url(images/circle.jpg) no-repeat 0% 50%;
line-height:25px;
}
.proccess dl dd dl dt{
clear:both;
background: none;
font-weight:normal;
text-align:right;
margin-top:0px;
margin-bottom:10px;
border-bottom:3px dotted #72B3CC;
padding-left:0px;
}
.proccess1{
margin-right:35px;
}
.proccess img{
float:right;
border: 1px solid;
margin-left:5px;
}
.proccess table, .proccess th, .proccess td{
border:1px solid #333;
border-collapse:collapse;
padding:3px;
text-align:center;
clear:both;
}
.proccess th{
background:#72B3CC;
width:50%;
}

/* ビデオページ用style */
.library dt{
clear:both;
font-weight:bold;
margin-top:20px;
border-bottom:dashed 1px;
margin-bottom:3px;
padding-left:20px;
background: url(images/circle.jpg) no-repeat 0% 50%;
line-height:25px;
}
.library dl dd dl dt{
float:left;
width:120px;
background: url(images/dot.gif) no-repeat 0% 50%;
text-align:left;
margin:5px 0px 0px 12px;
border-bottom:none;
padding-left:20px;
line-height:1.5;
font-weight:bold;
color:#999999;
}
.library dl dd dl .dtimg{
background:none;
width:160px;
}
.library img{
float:left;
border: 1px solid;
margin-right:5px;
clear:both;
}
.library dl dd dl dd{
margin:5px 0px 0px 5px;
}

/* ダウンロードページ用style */
.download dt{
clear:both;
font-weight:bold;
margin-top:20px;
border-bottom:dashed 1px;
margin-bottom:3px;
padding-left:20px;
background: url(images/circle.jpg) no-repeat 0% 50%;
line-height:25px;
}

.download ul{
list-style-type:square;
}

.download ul a{
text-decoration:underline;
}

/* 組織ページ用style */

.body .directry{
margin-left:50px;
_margin-left:10px;
width:300px;
text-align:left;
padding-left:10px;
}

.directry dt{
float:left;
width:80px;
background: none;
text-align:left;
margin:0px 0px 0px 12px;
border-bottom:none;
padding-left:0px;
line-height:1.5;
font-weight:bold;
color:#72B3CC;
clear:both;
}



/* アドレス */
address{
font-style:normal;
border:double 3px #72B3CC;
padding:5px;
margin:20px 0 0 30px;
_margin:10px auto;
width:90%;
}

/* コンテンツメニュー */
.side{
float:right;
width:190px;
_width:180px;
margin-right:5px;
_margin-right:-10px;
}

.side img{
margin-left:10px;
}

/* コンテンツメニュー・リスト */

.menu{
margin-bottom:30px;
}

.menu li{
list-style-type:none;
}

.menu li a{
border-bottom:1px dotted #cccccc;
color:#80BFC2;
margin:0px 2px;
padding:5px;
width:166px;
_width:176px;
font-weight:bold;
display: block;
text-decoration:none;
}
.menu li a:hover{
background:#FFD643;
color:#B3962E;
font-weight:bold;
width:166px;
_width:176px;
}

/* 実績・リスト */
.jisseki li{
border-bottom:1px dotted #cccccc;
color:#80BFC2;
margin:0px 3px;
padding:5px;
width:166px;
_width:176px;
font-weight:bold;
display: block;
text-decoration:none;
}
.jisseki li a{
color:#80BFC2;
font-weight:bold;
text-decoration:underline;
}

/* 更新 */
.update li{
font-size:80%;
text-align:right;
width:176px;
list-style-type:none;
}

.update {
margin-bottom:1em;
}
/* contactとhome */
.navigation{
margin:10px 20px;
text-align:right;
}

.navigation li{
display:inline;
line-height:20px;
margin-left:10px;
}

.contact a{
background:url(images/mail_off.jpg) no-repeat 0% 50%;
padding-left:20px;
}
.contact a:hover{
background:url(images/mail_on.jpg) no-repeat 0% 50%;
padding-left:20px;
}
.home a{
background:url(images/home_off.jpg) no-repeat 0% 50%;
padding-left:20px;
}
.home a:hover{
background:url(images/home_on.jpg) no-repeat 0% 50%;
padding-left:20px;
}

/* フッター */

#footer{
clear:both;
padding:20px 0px 0px 0px;
}
#footer p{
text-align:center;
font-weight:bold;
background:#72B3CC;
color:#F5FCFF;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
margin:0px 40px 0px 15px;
_margin:20px 40px 0px 40px;
padding:5px 0px;
width:730px;
}