@charset "utf-8";
/* CSS Document */
html,body{
margin:0;
padding:0;
font-size:16px;
font-family:"ＭＳ Ｐゴシック","メイリオ", Osaka, sans-serif;
}

h1,h2,h3,h4,h5,p,form{
margin:0;
padding:0;
}

p,address,ul,ol,dl,caption{
margin:0;
padding:0;
}

ul ul,
ol ul,
ul ol,
ol ol,
dl ul,
dl ol,
dl dl{
padding-left:20px;
font-size:100% !important;
}

ul dl,
ol dl{
display:inline;
font-size:100% !important;
}

ul dl dt,
ol dl dt,
ul dl dd,
ol dl dd{
font-size:100% !important;
}

p{
line-height:1.4;
}

a img{
border:none;
}

address,em{
font-style:normal;
}

/* BODY */
body{
background:#EEEEEE;
width:788px;
margin:0 auto;
}

/* H1 */
h1{
float:left;
background:url(../img/parts/h1_bg.gif) no-repeat;
width:380px;
height:20px;
padding:15px 0 10px 13px;
}

/* SUB MENU */
#sub_menu{
float:left;
background:url(../img/sub_menu/bg.gif) no-repeat;
width:197px;
height:20px;
padding:15px 15px 10px 183px;
}
#sub_menu li{
display:inline;
}
#sub_menu li a{
display:block;
float:left;
margin-right:15px;
}

#sub_menu br{
clear:left;
}

#sub_menu .policy a{
margin-right:0;
}

/* HEADER */
#header{
clear:left;
background:url(../img/parts/header_bg.gif) left bottom no-repeat;
width:760px;
margin-bottom:5px;
padding:0 15px 15px 13px;
}

#header .image{
margin-bottom:7px;
}

/* CONTENTS menu */
#contents{
background:url(../img/contents/bg.gif) no-repeat;
width:760px;
height:40px;
margin:0 -5px -5px -3px;
padding:3px 5px 5px 3px;
}
#contents li{
display:inline;
}
#contents a{
display:block;
float:left;
width:152px;
height:20px;
padding-top:20px;
text-align:center;
font-size:9px;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-weight:bold;
}

#contents br{
clear:left;
}

#contents a:link,
#contents a:visited,
#contents a:hover,
#contents a:active{
color:#FFFF00;
text-decoration:none;
}

#contents .shop a{
background:url(../img/contents/shop.gif);
}
#contents .pick_menu a{
background:url(../img/contents/pick_menu.gif);
}
#contents .menu a{
background:url(../img/contents/menu.gif);
}
#contents .sight a{
background:url(../img/contents/sight.gif);
}
#contents .access a{
background:url(../img/contents/access.gif);
}

#contents a:hover{
background-position:left center;
}
#contents a:active{
background-position:left bottom;
}
#pick_menu #contents .pick_menu a,
#menu #contents .menu a,
#sight #contents .sight a,
#access #contents .access a,
#shop #contents .shop a{
background-position:left bottom;
}

/* CONTENT */
#content{
background:#EEEEEE url(../img/parts/content_bg.gif) repeat-y;
width:788px;
}

/* LEFT */
#left{
float:left;
background:url(../img/parts/left_bg.gif) left bottom no-repeat;
width:193px;
margin-bottom:5px;
}

#left .title{
background:url(../img/parts/left_title_bg.gif) no-repeat;
width:160px;
height:40px;
padding:13px 0 0 33px;
}

#left ol{
width:170px;
padding:15px 0 15px 15px;
list-style:none;
line-height:0;
}
#left ol li{
margin-bottom:4px;
}
#left ol li img{
vertical-align:middle;
}
#left ol ul{
margin-top:4px;
line-height:1.6;
list-style:none;
}
#left ol ul li{
font-size:81.25%;
border:1px solid #DDDDDD;
}
#left ol ul li a{
display:block;
padding-left:7px;
font-weight:bold;
text-decoration:none;
}
#left ol ul li a:hover,
#left ol ul li a:active{
background-color:#FFFFFF;
text-decoration:underline;
}

/* RIGHT */
#right{
float:right;
width:595px;
}

#right .catch{
background:url(../img/parts/right_catch_bg.gif) no-repeat;
width:560px;
padding:20px 20px 20px 15px;
margin-right:-5px;
}

#right h3{
background:url(../img/parts/right_h3_bg.gif) no-repeat;
width:505px;
height:45px;
padding:8px 5px 5px 48px;
margin-left:20px;
}
#menu #right h3{
background:url(../img/parts/right_h3_menu_bg.gif) no-repeat;
}

#pick_menu #right h3{
background:url(../img/parts/right_h3_pick_bg.gif) no-repeat;
}
#sight #right h3{
background:url(../img/parts/right_h3_sight_bg.gif) no-repeat;
}
#shop #right h3{
background:url(../img/parts/right_h3_shop_bg.gif) no-repeat;
}
#right h3{
background:url(../img/parts/right_h3_other_bg.gif) no-repeat;
}

#right p{
padding:10px 15px;
}

#right .pagetop{
text-align:right;
padding:10px 25px;
font-size:8px;
margin-top:-30px;
}

#right .page_move{
line-height:30px;
margin-left:25px;
list-style:none;
font-size:68.75%;
}
#right .page_move li{
display:inline;
}

/* PANKUZU */
#pan{
background:url(../img/parts/pan_bg.gif) left bottom no-repeat;
width:560px;
padding:10px 23px 20px 15px;
line-height:14px;
margin:0 -5px 0 -3px;
font-size:12px;
color:#666666;
}
#pan li{
display:inline;
font-family:Arial, Helvetica, sans-serif;
}
#pan li a{
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
}
#pan .home a{
background:url(../img/parts/pan_home_bg.gif) left center no-repeat;
padding-left:17px;
}
#pan a:link,
#pan a:visited{
color:#333333;
}
#pan a:hover,
#pan a:active{
color:#112211;
}
#pan .home a:link,
#pan .home a:visited{
color:#669900;
}
#pan .home a:hover,
#pan .home a:active{
color:#336600;
}

hr.pan{
color:#DDDDDD;
background:#DDDDDD;
border:none;
width:560px;
height:1px;
}

/* BLOG RSS */
#left2{
float:left;
background:url(../img/parts/left2_bg2.gif) left bottom no-repeat;
width:180px;
padding:0 5px 15px 3px;
margin-top:-5px;
}
#left2 h2{
text-align:center;
}
#left2 h3{
width:160px;
height:30px;
margin:0 auto 5px auto;
font-size:75%;
}

#left2 h3.blog{
background:url(../img/parts/blog_bg.gif) left no-repeat;
margin:0 -5px -10px -3px;
width:187px;
height:90px;
}

#left2 p{
margin:0 10px 5px;
padding:4px;
font-size:68.75%;
line-height:1.4;
}

#left2 ul{
padding:0 14px 0 24px;
margin:0 -5px 5px -3px;
list-style:none;
}

#left2 address{
background:#F4F4F4;
border:1px solid #DDDDDD;
margin:0 10px;
padding:4px;
font-size:68.75%;
line-height:1.4;
}
#left2 address a img{
margin:5px 0 0 0;
}

#left2 li{
background:url(../img/parts/left2_arrow.gif) left center no-repeat;
line-height:2;
padding:0 0 0 19px;
font-size:75%;
}

/* COPYRIGHT */
#copyright{
color:#669966;
padding:10px 10px 30px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:68.75%;
font-weight:bold;
text-align:right;
}

/* COMMON CLASS */
.hidden{
display:none;
}

.bold{
font-weight:bold;
}

.cred{
color:#FF0033;
}

.mrgb0{
margin-bottom:0 !important;
}

.pad0{
padding:0 !important;
}

.brd0,
.brd0 td,
.brd0 th{
border:none !important
}

.txal{
text-align:left;
}

.txar{
text-align:right;
}
.txac{
text-align:center;
}

.clrl{
clear:left;
}
.clrr{
clear:right;
}

.clrb{
clear:both;
}

.fs10{
font-size:62.5%;
}

.fs12{
font-size:75%;
}

.fs14{
font-size:87.5%;
}
.fs16{
font-size:100%;
}

.fs10px{
font-size:10px !important;
}

.fs12px{
font-size:12px !important;
}

.fs14px{
font-size:14px !important;
}

.fs16px{
font-size:16px !important;
}