@charset "Shift_JIS";
@import "tag.css";
/* CSS Document */

*{margin:0px;padding:0px;}

body{
background:url(../img/bg-body.jpg) repeat-x #fff;
margin:0px;
padding:0px;
line-height:130%;
font-family:"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
font-size:110%;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,dd,dt,dl,form,p{
margin:0px;
padding:0px;
}

ul,ol,li{
list-style:none;
}

img{border:none;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clr{clear:both;}

a{
color:#3a6699;
text-decoration:none;
}

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

.vanish{text-indent:-9999px;}

.mgn-none{margin:0px 0px 0px 0px;}
.mgn-r10{margin-right:10px;}

.inline-block{
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}

/**********************************基本構造**********************************/

#wrapper{
background:url(../img/bg-wrapper.jpg) no-repeat top left;
margin:0px;
padding:0px;
width:1000px;
min-height:1250px;
}

#contents{
width:900px;
margin:0px;
}

#header{
width:900px;
height:150px;
}

#header h1 a{
background:url(../img/logo.gif) no-repeat;
width:900px;
height:150px;
display:block;}


#contents ul.global{
background:url(../img/bg-ul-global.jpg) no-repeat;
width:800px;
height:40px;
margin:0px 0px 0px 100px;
}

#contents ul.global li{
float:left;
}

#contents ul.global li.gm001 a{
background:url(../img/bg-global.jpg) no-repeat 0 0;
width:81px;
height:40px;
display:block;
}
#contents ul.global li.gm001 a:hover{
background:url(../img/bg-global.jpg) no-repeat 0 -40px;
}

#contents ul.global li.gm002 a{
background:url(../img/bg-global.jpg) no-repeat -81px 0;
width:230px;
height:40px;
display:block;
}
#contents ul.global li.gm002 a:hover{
background:url(../img/bg-global.jpg) no-repeat -81px -40px;
}

#contents ul.global li.gm003 a{
background:url(../img/bg-global.jpg) no-repeat -311px 0;
width:159px;
height:40px;
display:block;
}
#contents ul.global li.gm003 a:hover{
background:url(../img/bg-global.jpg) no-repeat -311px -40px;
}

#contents ul.global li.gm004 a{
background:url(../img/bg-global.jpg) no-repeat -470px 0;
width:168px;
height:40px;
display:block;
}
#contents ul.global li.gm004 a:hover{
background:url(../img/bg-global.jpg) no-repeat -470px -40px;
}

#contents ul.global li.gm005 a{
background:url(../img/bg-global.jpg) no-repeat -638px 0;
width:122px;
height:40px;
display:block;
}
#contents ul.global li.gm005 a:hover{
background:url(../img/bg-global.jpg) no-repeat -638px -40px;
}

#main-contents{
width:800px;
margin:0px 0px 0px 100px;
padding:20px 0px 0px;
}

.flash{
margin:0px 0px 0px 100px;
}

#main-contents .main{
width:550px;
margin:0px 0px 50px 0px;
float:left;
}

#main-contents .local{
width:250px;
float:left;
margin:0px 0px 50px;
}

#main-contents ul.banner{
width:750px;
margin:0px 15px 0px 35px;
}

#main-contents ul.banner li{
width:230px;
height:30px;
margin:0px 20px 0px 0px;
display:block;
float:left;
}

#main-contents .footer{
text-align:right;
margin:60px 10px 0px;
font-size:60%;
}
/**********************************main**********************************/

#main-contents .main ul .kise{
width:550px;
margin:0px 0px 10px 0px;
}

#main-contents .main ul.kise li{
background:url(../img/bg-list.gif) no-repeat;
width:163px;
height:230px;
padding:0px 20px 20px 0px;
text-align:center;
display:block;
float:left;
}

#main-contents .main ul.kise li h3{
height:45px;
text-align:center;
vertical-align:middle;
font-size:14px;
font-weight:bold;
line-height:120%;
padding:10px 0px 0px;
display:block;
}


/**********************************local**********************************/

#main-contents .local h4{
width:250px;
text-align:center;
font-size:12px;
}
#main-contents .local ul{
width:250px;
}

#main-contents .local ul li{
margin:0px 0px 10px;
}

#main-contents .local form{
margin:0 0 10px;
}
#main-contents .local ul li.sweets a{
background:url(../img/local-sweets.gif) no-repeat;
height:60px;
width:250px;
display:block;
}
#main-contents .local ul li.miurajun a{
background:url(../img/local-miura.gif) no-repeat;
height:60px;
width:250px;
display:block;
}
#main-contents .local ul li.kisekise a{
background:url(../img/local-kise.gif) no-repeat;
height:60px;
width:250px;
display:block;
}

#main-contents .local .news{
width:250px;
margin:0px;
}

#main-contents .local .news h3{
background:url(../img/h-news.gif) no-repeat;
width:250px;
height:50px;
margin:0px;
display:block;
}

#main-contents .local .news ul{
background:url(../img/bg-index-news.gif) no-repeat bottom;
width:250px;
margin:0px;
padding:10px 0px 5px;
}

#main-contents .local .news ul li{
background:none;
width:auto;
height:auto;
margin:0px 5px 3px 10px;
font-size:80%;
}

#main-contents .local .pickup{
width:250px;
margin:0px;
}

#main-contents .local .pickup h3{
background:url(../img/h-news.gif) no-repeat;
width:250px;
height:50px;
margin:0px;
display:block;
}

#main-contents .local .pickup ul{
background:url(../img/bg-index-news.gif) no-repeat bottom;
width:250px;
margin:0px;
padding:10px 0px 5px;
}

#main-contents .local .pickup ul li{
background:none;
width:auto;
height:auto;
margin:0px 5px 3px 10px;
font-size:80%;
}

/**********************************Search**********************************/
h1.search-results-header{
background:url(../img/h-search.gif) no-repeat;
width:500px;
height:30px;
margin:0px;
padding:10px 15px;
font-size:16px;
color:#fff;
text-align:left;
display:block;

}
span.hidden{
display:none;
}

/**********************************PageBute**********************************/
div.pager{margin:10px 0 10px;}
div.pager a{
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}
span.current_page{
background-color:#3a6699;
color:#fff;
padding:1px 6px;
display: -moz-inline-box;
display: inline-block;
*display: inline;
*zoom: 1;
}
a.link_page{
background-color:#fff;
color:#3a6699;
border:1px #3a6699 solid;
padding:0 5px;
}
a.link_page:hover{
background-color:#3a6699;
border:1px #3a6699 solid;
color:#fff;
}
span.pageview{

}
span.pageview a{
background-color:#3a6699;
color:#fff;
border:1px #3a6699 solid;
padding:0 5px;
}
span.pageview a:hover{
background-color:#fff;
border:1px #3a6699 solid;
color:#3a6699;
}

