@charset "UTF-8";


/* ================================================
 *	 全体設定
 * ================================================ */
/* 全称セレクタでリセット           */
* {
font-style:normal;
font-weight:400;
font-size:100%;
margin:0;
padding:0;
}

/* 全体設定              */
body {
color:#333;
background:#FFF;
text-align:center;
line-height:1.5;
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',meiryoKe_PGothic,'メイリオ',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

select {
background:#fff;
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',meiryoKe_PGothic,'メイリオ',Osaka,'ＭＳ Ｐゴシック',sans-serif;
border:1px solid silver;
}

input,textarea,select,option {
background:#fff;
color:#2F4F4F;
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',meiryoKe_PGothic,'メイリオ',Osaka,'ＭＳ Ｐゴシック',sans-serif;
font-size:95%;
text-indent:2px;
border:1px solid silver;
}

/* ================================================
 *
 *	 ブロック要素設定
 *
 * ================================================ */

/* ------------------------------------------------ */
/* 見出し           */
h1,h2,h3 {
letter-spacing:.2em;
font-weight:700;
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',meiryoKe_PGothic,'メイリオ',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

/* ------------------------------------------------ */
/* 段落（テキスト）           */
p {
padding:.55em .75em .25em 1.5em;
}

/* ------------------------------------------------ */
/* リスト           */
ul li,ol li {
list-style-type:none;
}

/* ------------------------------------------------ */
/* 著作権表示       */
address {
text-align:center;
color:#999;
font-size:80%;
margin:0;
padding:3px 10px 5px 0;
}

/* ------------------------------------------------ */
/* 文字表示       */
p,ul,ol,dl,address {
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',meiryoKe_PGothic,'メイリオ',Osaka,'ＭＳ Ｐゴシック',sans-serif;
font-size:80%;
}

/* ================================================
 *
 *	 インライン要素設定
 *
 * ================================================ */


/* ------------------------------------------------ */
/* 文字強調             */
em {
font-weight:700;
color:red;
}
strong {
font-weight:700;
color:#33f;
}

/* ------------------------------------------------ */
/* 画像              */
img {
border-style:none;
border-width:0;
}

/* ------------------------------------------------ */
/* リンク       */
a {
text-decoration:underline;
}
a:link {
color:#00e;
}
a:visited {
color:purple;
}
a:hover,a:active {
color:#FFF;
text-decoration:none;
background:#33F;
}

/* ================================================
 *
 *	 ページレイアウト（各ページ共通）
 *
 * ================================================ */

/* ------------------------------------------------ */
/* ページの整形              */
#container {
text-align:left;
background:#FFF;
width:760px;
margin:0 auto;
padding:0;
}

/* ------------------------------------------------ */
/* ヘッダー              */
#header {
width:760px;
height:100px;
background:#FFF url(./image/header.jpg) no-repeat center left;
margin:0;
padding:0;
}

/* サイト名              */
#header h1 {
font-size:80%;
margin:0;
padding:5px 10px 5px 25px;
color:#FFF;
text-decoration:none;
background:transparent;
font-weight:700;
}
#header a {
background:transparent;
}
/* ------------------------------------------------ */
/* パンくずリスト              */
#navi {
float:left;
width:420px;
height:25px;
background:#FFF;
margin:0;
padding:0;
}
#navi ol {
font-size:80%;
margin:0;
padding:2px 0 2px 10px;
}
#navi ol li a {
text-decoration:none;
}

/* ヘッダ下パンくず右固定メニュー      */
#navimenu {
float:left;
width:340px;
height:25px;
background:#FFF;
margin:0;
padding:0;
}
#navimenu ol {
float:right;
font-size:70%;
margin:0 5px;
padding:4px 0 2px 10px;
}

/* ------------------------------------------------ */
/* メニュー              */
#menu {
float:left;
width:250px;
margin:0;
padding:0;
}

/* メニュータイトル              */
#menu dt {
background:#36f url(./image/menu.gif) no-repeat top left;
color:#FFF;
width:229px;
font-weight:700;
margin:0;
padding:2px 3px 2px 8px;
}
#menu dt.souba {
background:#36f url(./image/menu_red.gif) no-repeat top left;
color:#FFF;
width:229px;
font-weight:700;
margin:0;
padding:2px 3px 2px 8px;
}

/* メニュー文字              */
#menu ul li {
line-height:2em;
font-size:12px;
padding:0 0 0 15px;
}

/* メニュー枠              */
#menu dl {
width:238px;
background:#f4f4f4;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
margin:0 0 8px;
}

/* ------------------------------------------------ */
/* メイン              */
#main {
float:left;
width:510px;
font-size:100%;
margin:0;
padding:0;
}

/* 見出し・タイトル              */
#main h2 {
font-size:80%;
color:#FFF;
background:#f3f3f3 url(./image/h2.gif) no-repeat;
clear:both;
margin:0 0 5px;
padding:5px 3px 5px 8px;
}
#main h3 {
font-size:90%;
color:#30f;
background:#f3f3f3 url(./image/h3.gif) no-repeat left center;
clear:both;
margin:5px 0 5px -1px;
padding:5px 3px 3px 25px;
}

/* メイン部分のテーブル              */
#main th {
font-size:80%;
background:#0cf;
padding:1px 5px;
}
#main td {
font-size:80%;
background:#fff;
padding:1px 20px;
}

/* メイン部分のリスト              */
#main ul,#main ol,#main dl {
margin:.5em .75em;
padding:0;
}

/* メイン部分タイトル              */
#main ul li {
list-style-type:square;
list-style-position:inside;
}
#main dt {
font-weight:700;
margin:0;
padding:.55em .25em .25em 1em;
}
#main dd {
padding:.25em .25em .25em 1em;
}

/* 記事ごとのブロック設定
------------------------------------------------------------ */
#main div.section {
border:1px solid #e5e5e5;
background:#f3f3f3;
margin:0 0 15px;
padding:0 0 5px;
}

/* センタリング */
#main p.center {
clear:both;
text-align:center;
}
/* ページの上へ戻る */
#main p.reverse {
clear:both;
text-align:right;
font-size:70%;
}
/* 強調75％ */
#main p.border {
clear:both;
font-size:75%;
font-weight:700;
}
/* リンク70％ */
#main p.links {
font-size:70%;
}

/* ------------------------------------------------ */
/* フッター              */
#footer {
clear:both;
width:760px;
text-align:center;
border-top:1px dotted #e5e5e5;
padding:0;
}
#footer p.links {
font-size:80%;
}
#footer div.section {
border:1px solid #e5e5e5;
background:#f3f3f3;
font-size:75%;
color:#333;
margin:0;
padding:0;
}
#footer h3 {
width:760px;
height:25px;
text-align:center;
background:#f3f3f3 url(./image/footer.gif) no-repeat;
font-size:75%;
color:#FFF;
clear:both;
margin:0;
padding:5px 0 0;
}
#footer h3 a,#footer p a {
color:#333;
}
#footer h3 a:hover,#footer p a:hover {
color:#FFF;
text-decoration:none;
}



/*レイアウト枠：ご案内*/
#navi ol li,#navimenu ol li {
display:inline;
margin:0;
padding:0;
}

#mainlink,#mainlink2,#mainlink3 {
list-style:url(none) none outside;
border:1px solid #DDD;
margin:0;
padding:3px;
}
#mainlink li,#mainlink2 li,#mainlink3 li {
background:#f3f3f3 url(../image/arrow_blue_s.gif) no-repeat center left;
border-bottom:1px solid #CCC;
margin:0;
}

/*リンク*/
#mainlink a:link,#mainlink a:visited,#mainlink2 a:link,#mainlink2 a:visited,#mainlink3 a:link,#mainlink3 a:visited {
display:block;
color:#00F;
padding:1px;
}
#mainlink a:hover,#mainlink a:active,#mainlink2 a:hover,#mainlink2 a:active,#mainlink3 a:hover,#mainlink3 a:active {
background:#33f;
display:block;
color:#FFF;
padding:2px;
}



#main dd p,#main dd ul,#main ul ul,#footer p {
font-size:100%;
}