/*======================================
　CSS: shichi_c_orange
=======================================*/

/*=====■Common specification■=====*/

*{margin:0;padding:0;line-height:160%;}
html,body{margin:0; padding:0}

img{border:none;}
ul,ol{margin:0;padding:0;}
ul li{list-style:none;list-style-postion:inline}
ul li a{text-decoration:none;border:none;}
h1,h2,h3,h4,h5{margin:0;padding:0;}

.clearfix{
clear:both;
font-size:1px;
}

/*=====■Layout■=====*/
body{
font-family:arial, sans-serif, Osaka, verdana;
color:#333;
background-image:url(img/back.jpg);
}

/*LINK*/
a{
color:#facc2e;
}

a:hover{ 
color:#fff;
}

/*container*/
#container {
    width: 100%;
    height: 81px;
	margin: 0 auto;
	background: url(img/head.jpg) repeat-x;
}

/*■header*/
#header {
	width: 800px;
	height: 81px;
	margin: 0 auto;
}
/* logo */

#logo h1 {
    padding-top: 23px;
    }
#logo  a {　
    width: 374px; 
    height: 70px; 
    display: block;
    margin: 0;
    background: url(img/logo.png) no-repeat;

}

#logo span  {
    display: none;
} 

/*MENU*/
#menu { width:800px; margin: 30px auto; }
#menu ul li{ float:left;}
#menu ul li a{display:block;padding:0; line-height:100%;}
#menu ul li a span{ display:none;}

#menu ul li#page1 a {width:80px; height:68px; background:url(img/list.jpg) no-repeat; background-position: 0 0;}
#menu ul li#page2 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -80px 0;}
#menu ul li#page3 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -159px 0;}
#menu ul li#page4 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -238px 0;}
#menu ul li#page5 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -317px 0;}
#menu ul li#page6 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -396px 0;}
#menu ul li#page7 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -475px 0;}
#menu ul li#page8 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -554px 0;}
#menu ul li#page9 a {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -633px 0;}
#menu ul li#page10 a {width:83px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -712px 0;}

#menu ul li#page1 a:hover {width:80px; height:68px; background:url(img/list.jpg) no-repeat; background-position: 0 -68px;}
#menu ul li#page2 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -80px -68px;}
#menu ul li#page3 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -159px -68px;}
#menu ul li#page4 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -238px -68px;}
#menu ul li#page5 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -317px -68px;}
#menu ul li#page6 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -396px -68px;}
#menu ul li#page7 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -475px -68px;}
#menu ul li#page8 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -554px -68px;}
#menu ul li#page9 a:hover {width:79px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -633px -68px;}
#menu ul li#page10 a:hover {width:83px; height:68px; background:url(img/list.jpg) no-repeat; background-position: -712px -68px;}

/*■CONTENTS*/
#content{ 
margin: 0 auto;
width:800px;
}
#content .right{
float: right;
width: 240px;
}

/*TITLE*/
#pagetitle {
width:553px;
height:185px;
margin-bottom: 20px;
background:url(img/pgtitle.jpg);
background-repeat:no-repeat;
}
#pagetitle h2 { 
text-align: center;
padding-top: 76px;
font-size: 26px;
}

#category {
width:553px;
height:185px;
margin-bottom: 20px;
background:url(img/cattitle.jpg);
background-repeat:no-repeat;
}
#category h2 { 
text-align: center;
padding-top: 76px;
font-size: 26px;
}

#block {
width: 553px;
background: url(img/content_mdl.jpg) repeat-y;
}

#block span#blockin { 
display: block; 
background: url(img/content_top.jpg) no-repeat top left; 
margin: 0; 
padding: 20px 20px 20px 20px; 
font-size: 14px;
line-height: 300%;
}

#block span#blockin ul li { margin: 0 0 5px 0; padding: 0 0 0 1.5em; font-size: 14px; line-height: 300%; background-color: #ffe589;}
#block span#blockin ul li:hover {background-color: #fff7db;}
#block span#blockin ul li a {color: #333;}
#block span#blockin ul li a:hover {color: #FCC81A;}
.totop { text-align: right; background: url(img/content_btm.jpg) no-repeat left top; height: 45px; padding: 0px 20px 0 0; line-height: 400%; font-size: 11px;}
.totop a {text-decoration: none; color: #333;}
.totop a:hover {color: #FCC81A;}
/*navigation*/
#navigation{
margin:0;
}

#home a {
display: block;
width: 223px;
height: 47px;
background: url(img/menu.jpg) no-repeat;
list-style: none;
margin: 0;
}
#home a:hover {
background-position: 0 -93px;
}

#home a span {
display: none;
}
#pagelist a {
display: block;
width: 223px;
height: 46px;
background: url(img/menu.jpg) no-repeat;
background-position: 0 -48px;
list-style: none;
}
#pagelist a:hover {
background-position: 0 -141px;
}

#pagelist a span {
display: none;
}

#contentAd{
width:553px;
}
#contentAd ul{border-top:#fff dashed 1px; border-bottom:#fff dashed 1px; margin:10px 0;}
#contentAd ul li{
color:#666;
font-size:13px;
line-height:270%;
}

#naviAd ul{
width:223px;
color:#666;
font-size:13px;
margin-bottom:10px;
}
#naviAd ul li{
line-height:180%;
padding:7px;
border-bottom:#fff dashed 1px;
}
/*■footer*/
#footerwrapper{
clear: both;
width:100%;
min-width:781px;
height:56px;
padding:0;
margin-top:20px;
background: url(img/foot.jpg) repeat-x;
}

#footerwrapper ul{
font-size:13px;
margin:10px auto;
width:800px;
color:#fff;
text-align:right;
padding-top: 16px;
}

/*COPYRIGHT*/
#copy {
width: 800px;
margin: 0 auto;
padding-top: 16px;
text-align:right; 
font-size:11px;
color:#fff;
}