@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 *================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

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

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}

/*=================================================
 * サイト全体の基本スタイル
 *================================================= */

/* body設定 */
body {
 background-color: #F4FFFF;
 font-family: Helvetica;
 font-size: 14px;
 color: #ffffff;
 line-height: 1.6;
}

/* トップページ用headタイトル枠設定 */
header {
 margin: 0px 0px;
 background-color: #666666;
}

/* <A>設定 */
a {
 color: #0000ff;
}

/* <marquee>設定 */
marquee {
 margin: 5px 0;
 height: 20px;
 background-color: #B3FFFF;
 font-size: 12px;
 color: #000000;
}

/* <hr>設定 */
hr {
 margin: 1em 2em;
 border: #666666 1px dotted;
}


/*=================================================
 * 文字関連のスタイル
 *================================================= */

/* <P>設定 */
p {
 margin: 5px 10px;
 color: #000000;
 font-size: 12px;
 text-decoration: none;
 line-height: 1.6;
}

/* テキスト<P>設定 */
.catch {
 margin: 0 10px;
 font-size: 20px;
 color: #000000;
 font-weight: bold;
}


/*=================================================
 * 見出し関連のスタイル
 *================================================= */

/* タイトル<H1>設定 */
h1 {
 margin: 0px;
 padding: 5px 10px;
 font-size:14px;
 background-color:#B3FFFF;
 color:#000000;
 text-align: center;
 text-shadow:1px 1px 1px #333333;
 border-top:solid 1px #333333;
 border-bottom:solid 1px #333333;
}

/* 見出し<H2>設定 */
h2 {
 margin-top:20px;
 margin-bottom:10px;
 font-size:14px;
 color:#ff9900;
 text-shadow:1px 1px 1px #333333;
 border:dotted 1px;
 border-color:#666666;
 padding-left:5px;
 padding-bottom:1px;
}

/* 見出し<H3>設定 */
h3 {
 margin: 10px 0 5px 0;
 padding-left:5px;
 border: solid 1px;
 border-color: #666666;
 border-width: 0px 0px 1px 0px;
 font-size: 14px;
}

/*=================================================
 * 囲み文字関連のスタイル
 *================================================= */

/* サイト更新情報<P>設定 */
.news {
 margin: 10px 5px 20px 5px;
 padding: 5px 10px;
 font-size: 10px;
 color: #666666;
 border: solid 1px;
 background-color: #ffffff;
 border-color: #666666;
 border-radius: 8px;
 -webkit-border-radius: 8px;
}

/* サイト概要説明<P>設定 */
.summary {
 margin: 5px;
 padding: 5px 10px;
 font-size: 12px;
 color: #000000;
 border: solid 1px;
 border-color: #000000;
 border-radius: 8px;
 -webkit-border-radius: 8px;
}

/*=================================================
 * 文字表示関連のスタイル
 *================================================= */

/* 右側表示（小文字） */
.right {
 margin: 0px 5px 0px 5px;
 font-size: 10px;
 text-align: right;
}

/*=================================================
 * フッター関連のスタイル
 *================================================= */

/* サイトマップ表示（小文字） */
.sitemap {
 margin: 20px 20px 20px 20px;
 font-size: 12px;
 text-align: right;
}

/* footer枠設定 */
.footer {
 margin: 20px 0px 60px 0px;
 padding: 10px 0;
 background-color: #B3FFFF;
 border-top:solid 1px #333333;
 border-bottom:solid 1px #333333;
}

/* footer枠内著作権設定 */
.copyright {
 margin: 0;
 color:  #000000;
 font-size: 12px;
 text-align: center;
}


/*=================================================
 * リスト関連のスタイル
 *================================================= */

/* パンくずリスト設定 */
.pan {
 margin: 0;
 padding: 2px 5px 2px 5px;
 background-color: #ffffff;
 color:  #666666;
 font-size: 10px;
 text-align: left;
}


/* サムネイルつき矢印リスト */

.thumbnail_list ul{
 border-bottom: 1px solid #cccccc;
 font-size: 10px;
 }

 .thumbnail_list ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f0f0f0));
 background: linear-gradient(#ffffff, #f0f0f0);
 border-top: 1px solid #cccccc;
 height: 70px;
 margin: 0px;
 }

 .thumbnail_list ul li a{
 background: url(../img/list_mark1.png) no-repeat 100% 50%;
 color: #666666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }

 .thumbnail_list ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 }

 .thumbnail_list ul li a strong{
 color: #000000;
 display: block;
 font-weight: bold;
 padding-top: 14px;
 font-size: 14px;
 }


/* ナビリスト（通常用） */

nav ul {
 width: 100%;
}

nav li a {
 margin:5px;
 padding: 5px 10px;
 display: block;
 background-color: #ffffff;
 font-weight: bold;
 font-size: 12px;
 border: solid 1px;
 border-color: #666666;
 border-radius: 8px;
 -webkit-border-radius: 8px;
}