@charset "utf-8";

/* --------- 基本設定 --------- */

* {
 margin: 0;
 padding: 0;
}

body { 
 font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
 color: #333333;
 background: url(../image/background.jpg) repeat-x 0 0;
}

img {
 border: none;
}

p {
 line-height: 140%;
 margin-top: 10px;
 margin-bottom: 30px;
}
/* --------- 基本構成 --------- */

#container {
 width: 810px;
 margin: 0 auto 0;
 background: url(../image/container_back.jpg) no-repeat 0 0;
 border-left: solid 1px #e6e6e6;
 border-right: solid 1px #e6e6e6;
 font-size: 14px;
}

#header {
 width: 810px;
}

#navi {
 width: 806px;
 margin-left: 4px;
}

#main {
 width: 623px;
 float: right;
}

#sidenavi {
 width: 180px;
 float: left;
 position: relative;
 top: 0;
 left: 4px;
}

#footer{
 width: 810px;
 clear: both;
 margin: 50px 0 0 0;
}

/* --------- 基本リンク設定 --------- */


a:link {
 color: #333333;
} 

a:visited {
 color: #333333;
} 
a:hover {
 color: #666666;
} 

a:active {
 color: #333333;
} 



/* --------- ヘッダー --------- */
.headLeft {
 width: 184px;
 float: left;
}

.headRight {
 width: 626px;
 float: right;
}

.logo {
 width: 180px;
 margin-left: 4px;
}

.headLink {
 width: 615px;
 text-align: right;
 margin-top: 8px;
 font-size: 83%;
}



.fontSize {
 width: 609px;
 text-align: right;
 margin-top: 10px;
}

.fontSize img {
 margin-left: 1px;
}



/* --------- フッター --------- */


.footLink {
 width: 784px;
 text-align: right;
 font-size: 83%;
}

.copy {
 width: 784px;
 border-top: solid 2px #330000;
 text-align: right;
 margin: 3px 0 5px 12px;
 padding-top: 3px;
}




/* --------- 見出し --------- */

/* 基本ページ見出し */
h1 {
 margin-bottom: 15px;
}

h1, h2, h3, h4 {
 font-size: 100%;
 margin-bottom: 10px;

}

h1.title {
 width: 600px;
 height: 25px;
 font-size: 120%;
 background: url(../image/h1title.jpg) no-repeat 0 0 #ffffff;
 padding: 35px 0 0 10px;
 color: #ffffff;
}

h2.title, h3.title {
 width: 595px;
 height: 21px;
 font-weight: normal;
 font-size: 100%;
 margin-top: 15px;
 margin-bottom: 10px;
 padding: 9px 0 0 15px;
 clear: both;
}

h2.title {
 background: url(../image/h2title.jpg) no-repeat 0 0 #ffffff;
 color: #ffffff;
}

h2.title span {
 font-weight: bold;
}

h3.title {
 background: url(../image/h3title.jpg) no-repeat 0 0 #ffffff;
 font-weight: bold;
}

h4.title {
 width: 610px;
 height: 21px;
 font-weight: normal;
 font-size: 100%;
 margin-top: 15px;
 margin-bottom: 10px;
 padding: 9px 0 0 0;
 clear: both;
}

h4.title {
 background: url(../image/h4title.gif) no-repeat 0 bottom #ffffff;
 font-weight: bold;
}




/* --------- グローバルナビゲーション --------- */

#navi ul {
 list-style-type: none;
}

#navi li {
 float: left;
}

/* --------- サイドナビゲーション --------- */
#sidenavi {
 background: url(../image/sidenavi_back.jpg) repeat-y 0 0;
}

#sidenavi ul {
 list-style-type: none;
}

.sidenaviLocal {
 width: 180px;
 background: url(../image/sidenavilocal_back.gif) repeat-y 0 0;
}

.sidenaviLocal ul {
 margin: 0 0 9px 0;
}

.sidenaviLocal li {
 width: 180px;
 text-align: right;
 margin: 0 0 1px 0;
 padding: 0;
}


.sidenaviInfo {
 width: 178px;
 background: url(../image/sidenaviinfo_back.jpg) no-repeat 0 0;
 margin: 0 1px 0 1px;
}

.sidenaviInfo ul {
 width: 174px;
 padding: 2px 2px 7px 2px;
}

.sidenaviInfo li {
 width: 174px;
}

.sidenaviInfoBana {
 margin-top: 6px;
}

.sidenaviBanner {
 width: 180px;
 margin: 15px 0 60px 0;
}

.sidenaviBanner li {
 text-align: center;
 margin: 0 0 1px 0;

}


/* --------- パンくず --------- */
.bread{
 width: 616px;
 margin: 3px 0 3px 7px;
 font-size: 92%;
}

/* --------- コンテンツ内ナビ --------- */
.pagenavi {
 width: 614px;
 margin-top: 10px;
}

/* --------- コンテンツメイン部分 --------- */
.content {
 width: 614px;
 margin-left: 6px;
}

.contentFureai {
 width: 604px;
 margin-left: 5px;
}

/* --------- 画像レイアウト位置 --------- */
.left {
 float: left;
 margin: 0 10px 0 0;
}

.right {
 float: right;
 margin: 0 3px 0 10px;
}

.center {
 margin: 0 auto;
}

.info {
 width: 544px;
 background-color: #ffcccc;
 margin: 10px 0 15px 24px;
 padding: 10px 10px 5px;
 border: dashed 1px #ff3300;
}

.infoTitle {
 width: 400px;
 color: #ff0000;
 font-weight: bold;
 margin: 0 0 10px 0;
}

/* --------- 戻る、次へ、ページトップへ 設定 --------- */

.pageMove {
 width: 610px;
 margin-top: 15px;
 margin-right: 3px;
 border-top: dashed 1px #cccccc;
}

.pagePrev {
 width: 200px;
 margin-top: 8px;
 margin-left: 5px;
 float: left;
 text-align: left;
}

.pageNext {
 width: 200px;
 margin-top: 8px;
 margin-right: 5px;
 float: right;
 text-align: right;
}


.pageTop {
 width: 600px;
 margin-top: 15px;
 margin-left: 6px;
 text-align: right;
}