@charset "utf-8";
/* CSS Document */

* {
line-height:25px;
}

body {
background-image: url(../img/bg_blue.gif);
font-size: 105%;
margin:0px;
padding:0;
}

strong {
font-weight:normal;
}

h1 {
margin: 2px 0px;
padding:0;
font-size: 12px;
font-weight:normal;
color:#000000;
}

#all {
width: 760px;
line-height: 20px;
background-color: #ffffff;
border-top: 1px solid #eeeeee;
border-left: 10px solid #eeeeee;
border-right: 10px solid #eeeeee;
margin:0;
padding:0;
}

/* ヘッダー */
#hed {
margin:0;
padding:0;
height:110px;
text-align: left;
border-bottom: 1px solid #999999;
background-image:url(../img/bg_header.jpg);
}
#hed img {
margin:10px 10px 0;
}
#hed p {
margin:0 10px 10px;
padding:0;
font-size:90%;
}


/* メイン */
#main {
width: 515px;
text-align: left;
border-right: 1px solid #eeeeee;
padding: 10px 0px 20px 10px;
float: left;
}

/* パンくずリスト */
#sitenavi {
border-bottom: 1px solid #eeeeee;
margin:0 0 0 10px;
font-size:75%;
}

#chapter {
width: 460px;
border: 1px dotted #999999;
margin: 10px 0;
padding: 10px 10px;
}
#explain {
width: 460px;
border: 1px dotted #999999;
margin: 10px 0;
padding: 10px 10px;
}
#explain h2 {
margin: 3px 0px 5px;
padding:0 0 0 25px;
font-size:105%;
background-image:url(../img/lis1.gif);
background-position:left;
background-repeat:no-repeat;
}
#explain p {
margin: 10px 0;
padding:0 15px;
font-size:90%;
}

/* メニュー部分 */
/* sitemenu1　今は使ってないが#mainの中 */
#top_tbl_mainmenu {
border:1px solid #999999;
margin:10px 0;
}
#top_td_mainmenutitle {background-color: #FFFFCC;}
.h2_tbl_sitemenu {
margin:0;
padding:4px 0 4px 20px;
font-size:100%;
background-color:#FFFFCC;
background-image:url(../img/lis4.gif);
background-position:left;
background-repeat:no-repeat;
}
#top_td_mainmenuleft {
width:60px;
height:60px;
border-bottom:1px dotted #999999;
padding:5px 0;
}
#top_td_mainmenuright {
width:175px;
vertical-align:top;
border-bottom:1px dotted #999999;
padding:0;
}

.h3_tbl_sitemnu {
margin:1px 0 0;
padding:0 0 0 12px;
font-size:75%;
background-image:url(../img/lis3.gif);
background-position:left;
background-repeat:no-repeat;
}
.p_tbl_sitemenu {
font-size:60%;
line-height:13px;
margin:0 3px 0px;
padding:0;
}
.img_tbl_sitemunu {
width:60px;
height:60px;
}

/* sitemenu2　トップページ */
.sitemenu {
margin:0;
padding:5px;
width: 470px;
border:1px solid #999999;
}
.sitemenu h2 {
margin:0;
padding:4px 0 4px 20px;
font-size:100%;
background-color:#FFFFCC;
background-image:url(../img/lis4.gif);
background-position:left;
background-repeat:no-repeat;
}
.sitemenu img.img_menu {
margin:0 10px 0 0;
width:70px;
height:70px; 
float:left;
}
.sitemenu h3 {
margin:3px 0;
padding:0 0 0 95px;
font-size:93%;
background-image:url(../img/lis3.gif);
background-position:17% 50%;
background-repeat:no-repeat;
}
.sitemenu p {
margin:0 0 0 90px;
padding:0;
font-size:85%;
line-height:17px;
}
hr {
margin:20px 0 5px;
clear:both;
}

/* sitemenu3　ボトム */
#btm_tbl_sitemenu {
border:1px solid #999999;
margin:10px 0;
}
#btm_td_sitemenutitle {background-color: #FFFFCC;}
.btm_h2_tbl_sitemenu {
margin:0;
padding:4px 0 4px 20px;
font-size:100%;
background-color:#FFFFCC;
background-image:url(../img/lis4.gif);
background-position:left;
background-repeat:no-repeat;
}
#btm_td_sitemenuleft {
width:60px;
height:60px;
border-bottom:1px dotted #999999;
padding:5px 0;
}
#btm_td_sitemenuright {
width:310px;
vertical-align:top;
border-bottom:1px dotted #999999;
padding:0;
}
.btm_h3_tbl_sitemnu {
margin:1px 0 0 5px;
padding:0 0 0 15px;
font-size:93%;
background-image:url(../img/lis3.gif);
background-position:left;
background-repeat:no-repeat;
}
.btm_p_tbl_sitemenu {
margin:0 10px 0px 10px;
padding:0;
font-size:82%;
line-height:18px;
}
.btm_img_tbl_sitemunu {
width:60px;
height:60px;
}

/* サイドバー */
#sidebar {
margin:20px 0 0 0;
padding: 0px 2px 0 3px;
width: 220px;
text-align: left;

float: left;
}
#sidebar h2 {
margin: 5px 0px 3px;
padding: 3px 0px 3px 20px;
font-size:90%;
border-top: 3px solid #999999;
border-bottom: 3px solid #999999;
background-image: url(../img/37p_221.gif);
background-repeat:no-repeat;
background-position:left;
}
#sidebar h3 {
margin: 5px 0px 3px;
padding: 3px 0px 3px 18px;
font-size:85%;
text-align: left;
border-top: 1px solid #999999;
background-image:url(../img/24p_222.gif);
background-repeat:no-repeat;
background-position:left;
}
#sidebar ul {
margin:0;
padding:0;
list-style: url(../img/lis3.gif) inside;
}
#sidebar ul li {
margin:0 0 0 9px;
font-size:82%;
}

/*ブックマーク*/
#sidebar ul.listnone {list-style:none;}


/* フッター */
#footer { clear:both;}
.fut {
padding:0px 3px;
font-size:90%;
text-align:center;
clear:left;
border-top:3px solid #eeeeee;
border-bottom:3px solid #eeeeee;
}

/* フッター　掲載サイトリスト */
.top_site_list {
margin:0 0 10px;
}
.top_site_list h3 {
margin:5px 0 5x 10px;
padding:0;
font-size:100%;
}
.top_site_list h4 {
margin:0 0 0 10px;
padding:0;
font-size:100%;
font-weight:bold;
clear:both;
}
.top_site_list ul {
margin:0;
padding:0;
font-size:100%;
list-style:none inside;
}
.top_site_list li {
margin:0 1px 0 1px;
padding:0;
font-size:100%;
float:left;
}
.top_site_list ul.tlink {
margin:0;
padding:0;
font-size:70%;
list-style:none inside;
}

#footer h3 {
margin:5px 0;
font-size:90%;
}
#footer ul {
margin:0 0 0 15px;
padding:0;
font-size:70%;
}
#footer ul li a:link {
color:#0000FF;
text-decoration:underline;
}
#footer ul li a:hover {
color:#0000FF;
text-decoration:none;
}
#footer ul li a:visited {
color:#0000FF;
text-decoration:none;
}
#footer li {
margin:0 5px;
float:left;
list-style:none inside;
}
#footer hr {
margin:20px 0;
clear:both;
}
#footer p {font-size:90%;}
.copyright {font-size:80%;}
.copyright p {
margin:10px 0 0;
padding:0;
line-height:15px;
}


/* その他のページ Document */

/* クライアントサイトリスト情報 */
.site_list {
width:460px;
border:1px solid #CCCCCC;
padding:10px 10px;
}
.site_list h2 {
margin:0;
padding:4px 0 4px 20px;
font-size:100%;
background-color:#FFFFCC;
background-image:url(../img/lis4.gif);
background-position:left;
background-repeat:no-repeat;
}
.site_list h3 {
margin:3px 0 3px 15px;
padding:0 0 0 15px;
font-size:95%;
background-image:url(../img/lis3.gif);
background-position:left;
background-repeat:no-repeat;
}
.site_list ul {
margin:0;
font-size:93%;
list-style:url(../img/lis3.gif) inside;
}
.site_list hr {
margin:15px 0;
}

/* クライアントサイト情報 */
.site_info {
margin:15px 0;
padding:3px 5px;
width:470px;
border:1px solid #CCCCCC;
}
.site_info h3 {
margin:3px 0;
padding:4px 0 4px 20px;
font-size:100%;
background-color:#ddeeff;
background-image:url(../img/lis3.gif);
background-position:1% 50%;
background-repeat:no-repeat;
}
.site_info p {
margin:0 20px;
padding:0;
font-size:93%;
}

/* クライアントdetailサイト情報 */
#main_detail {
margin:0 0 100px;
}
#main_detail h2 {
margin:15px 20px 15px;
padding:4px 0 4px 20px;
font-size:105%;
background-color:#ddeeff;
background-image:url(../img/lis4.gif);
background-position:left;
background-repeat:no-repeat;
}
#main_detail p.p_detail {
margin:0 30px 0 50px;
padding:0;
font-size:93%;
}

.detail_info {}
.detail_tbl_siteinfo {
margin:0 30px 0 50px;
}
.detail_info .detail_info_left {
width:140px;
padding:3px;
float:left;
border-bottom:1px dotted #999999;
}
.detail_info .detail_info_right {
width:520px;
padding:3px;
float:left;
border-bottom:1px dotted #999999;
}

/* 相互リンク */
#main .sogolink {
margin:5px 0;
padding:0 20px 0 0;
line-height:18px;
}
#main .sogolink_ul {
font-size:80%;
list-style:none inside;
background-image:url(../img/lis3.gif);
background-position:right;
background-repeat:no-repeat;
}
#main .sogolink_li {
margin:5px 0;
padding:0 20px 0 0;
}
#main h3.sogolink {
margin:0 0 0 10px;
padding:4px 0 4px 20px;
font-size:100%;
background-image:url(../img/lis3.gif);
background-position:left;
background-repeat:no-repeat;
}
 
/* 共通 */
/* 画像 */
img {border:0;}

/* リンク */
a:link {
color:#0000FF;
text-decoration:none;
}
a:hover {
color:#FF0000;
text-decoration:underline;
}
a:visited {text-decoration:none;}

/* テキスト */
.tcenter {text-align:center;}
.tleft {text-align:left;}
.tright {text-align:right;}

.fleft {float:left;}
.fright {float:right;}
.cboth {clear:both;}

/* フォント */
.fbold {font-weight:bold;}
.font100p {font-size:100%;}