/*==================================================
 * Base
 *==================================================*/

html{
    background: url("../image/bg.gif") repeat scroll 0 0 transparent;
    color: #333333;
}

body{
    -webkit-text-size-adjust: (100% | none | auto);
    -webkit-tap-highlight-color: #5380d6;
}

h1{
    font-size: 200%;
    font-weight: bold;
    text-shadow: #333 0px -1px 0px;
}

h2{
    font-size: 150%;
    font-weight: bold;
    text-shadow: #333 0px -1px 0px;
}

h3{
    text-shadow: #333 0px -1px 0px;
}

a:link, a:visited {
    text-decoration: none;
}

ul{
    list-style: none outside none;
    -webkit-border-radius: 10px;
}

div#wrap{
    margin-left: auto;
    margin-right: auto;
    /* max-width: 480px; */
    width: 320px;
}

div#wrap .pagelist{
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 115%;
    font-weight: bold;
}


/*==================================================
 * Navi
 *==================================================*/

div.navi{
    width: 100%;
    height: 51px; /* ナビゲーション確定時に変更 */
}

div.navi ul{
    width: 100%;
}

div.navi ul li{
    float: left;
    text-indent: -9999px;
}

div.navi ul li.navi1{
    width: 106px;
}

div.navi ul li.navi2{
    width: 107px;
}

div.navi ul li.navi3{
    width: 107px;
}

.navi ul li a{
    background-position: center top;
    background-repeat: no-repeat;
    display: block;
    height: 51px; /* ナビゲーション確定時に変更 */
    overflow: hidden;
}

.navi1 a{
    width: 100%;
    background-image: url("../image/navi1.gif");
}

.navi2 a{
    width: 100%;
    background-image: url("../image/navi2.gif");
}

.navi3 a{
    width: 100%;
    background-image: url("../image/navi3.gif");
}

.navi ul li a.current{
    background-position: bottom center;
}


/*==================================================
 * Header
 *==================================================*/

div#topheader{
    width: 100%;
}

/*
div#topheader h1.title{
    width: 100%;
    color: #ffffff;
    background-image: url("../image/h1bg.gif");
    background-position: center top;
    background-repeat: repeat-x;
    font-size: 120%;
    margin: 0 auto;
    padding: 12px 0;
    text-align: center;
}
*/

div#topheader .logo{
    width: 100%;
    height: 64px;
    background-image: url("../image/logo.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}

div#topheader .logo h1{
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 64px;
}

div#topheader .logo a{
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 64px; /* ロゴ確定時に変更 */
}

div#topheader .search{
    height: 65px;
    border-top: 1px solid #cccccc;
    background-image: url("../image/search_bg.jpg");
    background-position: center;
    background-repeat: repeat-x;
    padding-bottom: 3px;
}

div.search h2{
    text-align: center;
    color: #ffffff;
    font-size: 130%;
    padding-top: 5px;
    padding-bottom: 5px;
}

div.search .inputarea{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.inputarea ul{
    width: 100%;
}

.inputarea ul li{
    float: left;
    text-align: center;
}

.inputarea ul li.left{
    width: 75%;
}

.inputarea ul li.right{
    width: 25%;
}

.inputarea .left input{
    width: 88%;
    height: 25px;
    padding-left: 3px;
    font-size: 115%;
    font-weight: bold;
}

.inputarea .right input{
    width: 100%;
    text-align: center;
    height: 27px;
    font-size: 16px;
    font-weight: bold;
    background-color: #aaccff;
}

.search-btn {
	width:306px;
	padding:10px 0 10px;
	margin:0 auto
}

.search-btn .bt-left {
	float:left;
	width:150px;
}

.search-btn .bt-right {
	float:right;
	width:150px;
}
	

/*==================================================
 * footer
 *==================================================*/

div#footer{
    width: 100%;
}

div#footer .copywrite{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    text-align: center;
}

.copywrite td.left{
    width: 70%;
    vertical-align: middle;
    text-align: center;
    font-size: 75%;
}

.copywrite td.right{
    width: 30%;
    vertical-align: middle;
    text-align: center;
}

div#footer .copywrite a{
    color: #202020;
    display: block;
    font-weight: bold;
    font-size: 100%;
}

.footer-adv {
	text-align:center;
	margin-bottom:15px;
}