/* 基本的なレイアウトの設定 */

* {
margin: 0;
padding: 0;
background: transparent;
}

html {
height: 100%;
overflow-y: scroll;
}

ul,li,dl,dt,dd{
list-style:none;
}

img{
vertical-align: text-bottom;

        margin: 5px;
}


p      {

        margin: 5px;
        
        }

h2{

color: #ffffff;

background-color: #232918;

font-size: 1.2em;

        margin: 20px 0 5px;

padding: 3px;

}

h3{

font-size: 1.1em;

border-bottom: solid 3px #c3d731;

margin: 10px 5px 3px;

padding-bottom: 3px;

}


h4      {
        border-left: solid 5px #c3d731;
        padding-left: 5px;
        margin: 20px 5px 3px;
        }

h5 {

color: #ffffff;

background:url(../images/090828【HP】CatLogo_bg.gif) top left no-repeat;

font-size: 1.2em;

        margin: 10px 0 5px;

padding: 3px 3px 3px 20px;

}


ul{

margin: 10px 0 20px 16px;

padding: 0;

}



li{

margin-bottom: 10px;

list-style-image: url(mark.gif);

}






/* リンクの設定 */
a{

color: #333300;

text-decoration: none;

        font-size: 1em;

font-weight: bold;

}


#rightsidebar a     {

        font-size: 1em;

        }


a img{
border: none;
}


a:hover{
color: #01349d;
text-decoration: none;
}




#container{

width: 900px;

margin: auto;

}



#contents{
width: 650px;
float: left;
margin: 0 5px;
        font-size:0.9em;
        line-height: 1.5em;
}



#rightsidebar{
width: 220px;
float: left;
        margin: 0 5px;
        font-size: 0.9em;
}

#panlist {
        width: 890px;
        height: 30px;
        margin: 0 5px;
        font-size: 0.8em;
        clear: both;
        }

#panlist li {
        float: left;
        margin: 0 5px;
        }

#information_sub {
        width: 300px;
        margin: 5px;
        padding: 5px;
        font-size: 0.9em;
　　　　border: solid 1px #c3d731;
        float: left;
        }

#feature {
        width: 300px;
        margin: 5px;
        padding: 5px;
        font-size: 0.9em;
　　　　border: solid 1px #c3d731;
        float: left;
        }


#NaviLogo a hover{
        border: 1px solid #c3d731;
        }

/* ヘッダーの設定 */

#header{

        width: 900px;

font-size: 0.9em;

border-top: solid 4px #232918;

　　　　border-bottom: solid 4px #232918;

margin: auto;

}

#header #header_logo {
        width: 490px;
        height: 80px;
        float: left;
        }

#header #searchBox {
        width: 390px;
        height: 80px;
        float: left;
        }


#header img{

border-bottom: solid 4px #232918;

}



#header p{

padding: 2px;

        line-height: 1em

}



#header p#link{

background-color: #ffffff;

border-top: solid 8px #c3d731;

text-align: right;

padding: 2px 5px;

}



#header p#link a{

color: #ffffff;

}


/* ナヴィゲーションの設定 */

div#accNav,
h2#bannar {
position: absolute;
left: -9999px;
}

div#nav {
width: 900px;
background: #ffffff;
        margin: auto;
}

div#nav ul {
margin: 0;
width: 900px;
}

div#nav ul li {
float: left;
height: 40px;
}

div#nav ul li a {
display: block;
height: 40px;
text-indent: -9999px;
}

li#nav_001,
li#nav_001 a {
width: 180px;
}

li#nav_001 a {
background: url(images/090901[HP]HeadNavi-01.gif) no-repeat;
}

li#nav_001 a:hover {
background: url(images/090901[HP]HeadNavi-01hover.gif) no-repeat;
}

li#nav_002,
li#nav_002 a {
width: 180px;
}

li#nav_002 a {
background: url(images/090901[HP]HeadNavi-02.gif) no-repeat;
}

li#nav_002 a:hover {
background: url(images/090901[HP]HeadNavi-02hover.gif) no-repeat;
}

li#nav_003,
li#nav_003 a {
width: 180px;
}

li#nav_003 a {
background: url(images/090901[HP]HeadNavi-03.gif) no-repeat;
}

li#nav_003 a:hover {
background: url(images/090901[HP]HeadNavi-03hover.gif) no-repeat;
}

li#nav_004,
li#nav_004 a {
width: 180px;
}

li#nav_004 a {
background: url(images/090901[HP]HeadNavi-04.gif) no-repeat;
}

li#nav_004 a:hover {
background: url(images/090901[HP]HeadNavi-04hover.gif) no-repeat;
}

li#nav_005,
li#nav_005 a {
width: 180px;
}

li#nav_005 a {
background: url(images/090901[HP]HeadNavi-05.gif) no-repeat;
}

li#nav_005 a:hover {
background: url(images/090901[HP]HeadNavi-05hover.gif) no-repeat;
}


/* ページリンクの設定 */

div#PagesLink {
width: 650px;
background: #ffffff;
        margin: auto;
        padding: 0px 0px 10px;
}

div#PagesLink ul {
margin: auto;
width: 650px;
        float: center;
}


div#PagesLink ul li {
float: left;
height: 20px;
        margin: 0 2px;
}

div#PagesLink ul li a {
display: block;
height: 40px;
text-indent: -9999px;
}

li#pglink01,
li#pglink01 a {
width: 20px;
}

li#pglink01 a {
background: url(images/090910[HP]no1.gif) no-repeat;
}

li#pglink01 a:hover {
background: url(images/090910[HP]no1-2.gif) no-repeat;
}

li#pgact01 a {
        width: 20px;
background: url(images/090910[HP]no1-2.gif) no-repeat;
}



li#pglink02,
li#pglink02 a {
width: 20px;
}

li#pglink02 a {
background: url(images/090910[HP]no2.gif) no-repeat;
}

li#pglink02 a:hover {
background: url(images/090910[HP]no2-2.gif) no-repeat;
}

li#pgact02 a {
        width: 20px;
background: url(images/090910[HP]no2-2.gif) no-repeat;
}


li#pglink03,
li#pglink03 a {
width: 20px;
}

li#pglink03 a {
background: url(images/090910[HP]no3.gif) no-repeat;
}

li#pglink03 a:hover {
background: url(images/090910[HP]no3-2.gif) no-repeat;
}

li#pgact03 a {
        width: 20px;
background: url(images/090910[HP]no3-2.gif) no-repeat;
}


li#pglink04,
li#pglink04 a {
width: 20px;
}

li#pglink04 a {
background: url(images/090910[HP]no4.gif) no-repeat;
}

li#pglink04 a:hover {
background: url(images/090910[HP]no4-2.gif) no-repeat;
}

li#pgact04 a {
        width: 20px;
background: url(images/090910[HP]no4-2.gif) no-repeat;
}


li#pglink05,
li#pglink05 a {
width: 20px;
}

li#pglink05 a {
background: url(images/090910[HP]no5.gif) no-repeat;
}

li#pglink05 a:hover {
background: url(images/090910[HP]no5-2.gif) no-repeat;
}

li#pgact05 a {
        width: 20px;
background: url(images/090910[HP]no5-2.gif) no-repeat;
}


li#pglink06,
li#pglink06 a {
width: 20px;
}

li#pglink06 a {
background: url(images/090910[HP]no6.gif) no-repeat;
}

li#pglink06 a:hover {
background: url(images/090910[HP]no6-2.gif) no-repeat;
}

li#pgact06 a {
        width: 20px;
background: url(images/090910[HP]no6-2.gif) no-repeat;
}


li#pglink07,
li#pglink07 a {
width: 20px;
}

li#pglink07 a {
background: url(images/090910[HP]no7.gif) no-repeat;
}

li#pglink07 a:hover {
background: url(images/090910[HP]no7-2.gif) no-repeat;
}

li#pgact07 a {
        width: 20px;
background: url(images/090910[HP]no7-2.gif) no-repeat;
}


li#pglink08,
li#pglink08 a {
width: 20px;
}

li#pglink08 a {
background: url(images/090910[HP]no8.gif) no-repeat;
}

li#pglink08 a:hover {
background: url(images/090910[HP]no8-2.gif) no-repeat;
}

li#pgact08 a {
        width: 20px;
background: url(images/090910[HP]no8-2.gif) no-repeat;
}



li#pglink09,
li#pglink09 a {
width: 20px;
}

li#pglink09 a {
background: url(images/090910[HP]no9.gif) no-repeat;
}

li#pglink09 a:hover {
background: url(images/090910[HP]no9-2.gif) no-repeat;
}

li#pgact09 a {
        width: 20px;
background: url(images/090910[HP]no9-2.gif) no-repeat;
}


/* サイドバーの設定 */



/* コンテンツの設定 */

.postcate{

text-align: right;

        font-size: 0.9em;

margin: 3px 0 0;

}



.postcate a{

background-color: #c3d731;

padding: 2px 5px;

}



.post{

margin-top: 25px;

clear: both;

}

BLOCKQUOTE  {

        background-color: #F7F7F7;

        padding: 10px;

        margin: 10px 15px;

        }


/* フッターの設定 */

#footer{
        width: 900px;
font-size: 0.75em;
border-top: solid 14px #232918;
        clear: both;
}



#footer address{

font-style: normal;

padding: 3px 0;

}