@charset "utf-8"; /* CSS Document */

/*---------main-images-------------*/
#main_img{ clear:both; height:230px;}
#main_img #noflash01 { float:left;}
ul#gNavi { top: 365px;}


/*--------mainArea---------*/
#main{ width:500px; float:left; padding:0 20px 0;}
#main #event{ margin-bottom:30px; clear:both;}

#event #eve_title{ margin-bottom:10px;}

#event #list{clear:both;}
#event #list li{ background:url(/img/index/icon01.jpg) left no-repeat; padding-left:15px; margin-bottom:10px;}
#event #eve_bnr li{ width:246px; height:80px; float:left;}
#event #eve_bnr li.left {margin-right:8px;}

#main #news{ margin-bottom:30px; clear:both;}
#news #news_title { margin-bottom:10px;}
#news #news_title a img { margin-bottom:12px;}
#news dl{ clear:both;}
#news dt{ float:left; width:80px; height:100%; padding:5px 0;}
#news dd{ float:left; padding:5px 10px; display:block; width:400px;}

#main #camp{ margin-bottom:30px; clear:both;}
#camp #camp_title{ margin-bottom:10px;}

#camp #list{ clear:both;}
#camp #list li{ margin-bottom:10px; padding-left:15px; background:url(/img/index/icon01.jpg) left no-repeat;}
#camp #camp_btn li{ float:left; width:170px; height:40px;}
#camp #camp_btn .btn1{ background-position:0 0; margin-right:5px;}

#main #pick{ margin-bottom:30px; clear:both;}


/* === PICK UP === */
#pick h2{ margin-bottom:10px;}
#pick .catch { margin:10px 0; font-size:13px; color:#4d3925;}
#pick table { width:500px; table-layout: fixed;}
#pick .box { width:243px; vertical-align:top; border:#999999 1px solid;}
#pick .space_row,
#pick .space_col { font-size:5px; padding:0;}
#pick .space_row { width:10px;}
#pick .space_col { font-size:10px; line-height:1; height:10px;}
#pick .box a { display:block; min-height:82px; padding:3px 0 3px 94px; text-decoration:none; letter-spacing:0; line-height:1.05; background: 1px 1px no-repeat;}
*html #pick .box a { height:82px;}
#pick .box:hover { background-color:#eee;}
#pick #p_ex a { line-height: 1;}

#pick table td#p1 a { background-image:url(../img/index/img_pick1.jpg);}
#pick table td#p2 a { background-image:url(../img/index/img_pick2.jpg);}
#pick table td#p3 a { background-image:url(../img/index/img_pick3.jpg);}
#pick table td#p4 a { background-image:url(../img/index/img_pick4.jpg);}
#pick table td#p5 a { background-image:url(../img/index/img_pick5.jpg);}
#pick table td#p6 a { background-image:url(../img/index/img_pick6.jpg);}
#pick table td#p7 a { background-image:url(../img/index/img_pick7.jpg);}
#pick table td#p8 a { background-image:url(../img/index/img_pick8.jpg);}
#pick table td#p9 a { background-image:url(../img/index/img_pick9.jpg);}

#pick .box a:hover { background-color:#eee;}
#pick .box a strong { font-size:12px; font-weight:bold; line-height:16px; vertical-align:bottom;}
#pick .box a span { font-size:12px; color:#473e37;}

#pick table td#p_ex { width: 149px; padding:3px 0 3px 94px; background: url(../img/index/img_pick_ex.gif) 1px 1px no-repeat;}
#pick #p_ex a { display: inline; min-height: auto; padding: 0;}
#pick #p_ex a:hover { background: none;}
#pick #p_ex p { font-size: 10px;}
#pick #p_ex p a:link { color: #473e37; text-decoration: underline;}
#pick #p_ex p a:hover { color: #23b3b3; text-decoration: none;}
/*
#pick #p_ex { width:494px; margin-top:10px; border:#999999 1px solid; padding:2px; background-image:url(../img/index/img_pick_ex.gif); background-repeat:no-repeat; background-position:2px 2px;}
#pick #p_ex a.images { float:left; display:block; width:86px; min-height:86px; margin-right:8px; text-indent:-9999px;}

*html #pick #p_ex a.images { height:86px;}
#pick #p_ex div { min-height:86px;}
#pick #p_ex div a.large { padding:3px 0 3px; letter-spacing:0; text-decoration:none; background-position:1px 1px; background-repeat:no-repeat;}
#pick #p_ex div a.large span { color:#333;}
#pick #p_ex ul { font-size:10px;}
#pick #p_ex li { float:left; white-space: nowrap;}
#pick #p_ex li a { color:#473e37;}
*/

#main #coun{ margin-bottom:30px; clear:both;}
#coun h2{ margin-bottom:10px;}
#coun p{ margin:10px 0; font-size:13px; color:#4d3925;}
#coun #coun_left{ float:left; width:191px; background:url(/img/index/title05_bg1.jpg) 0 0 repeat-y;}

#coun_left #coun_left_bottom{ padding:10px 12px 15px 19px; background:url(/img/index/title05_bg2.jpg) bottom no-repeat;}
#coun_left #coun_btn li{ float:left; margin:0 4px 7px 0;}

#coun_left #coun_ul{ margin-top:10px; clear:both;}
#coun_left #coun_ul li{ line-height:16px; margin-bottom:10px; background:url(/img/index/icon02.jpg) left 3px no-repeat; padding-left:13px;}
#coun_left #coun_ul a:hover { border-bottom:solid 1px #23b3b3;}
#coun #coun_right{ float:right; width:294px; padding-left:15px;}
#coun #coun_right li{ margin-bottom:10px; background:url(/img/index/icon03.jpg) left no-repeat; padding-left:13px;}

#main #conset{ margin-bottom:20px;}
#conset h2{ padding:21px 13px 19px; border:1px dashed #a9a9a9; border-bottom:none;}
#conset #con_bg { margin-bottom:20px; padding:0 19px 20px; border:1px dashed #a9a9a9; border-top:none;}
#con_bg #center_btn { float:left; margin-right:10px;}
#con_bg #center_btn ul { padding-top:6px;}
#con_bg #center_btn li { float:left; margin-right:2px;}
#con_bg #center_tel { margin-top:19px;}
#conset #contact_btn{ margin:8px 0 10px;}
#conset #contact_btn li{ float:left;}
#conset #contact_btn .btn1{ padding-right:10px;}

#conset p#contact_icon{ background:url(/img/index/icon04.jpg) left 2px no-repeat; padding-left:15px; clear:both;}
#conset p#con_txt{ background:url(/img/index/conset_bg06.jpg) bottom no-repeat; padding:3px 15px 9px;}


/*---------right_area-------------*/
#right{ width:220px; float:right;}
#right .btn_entry .btn1{ margin-bottom:8px;}
#right .btn_entry .btn2 { margin-bottom:0;}

#right .btn_entry2 .btn1 { margin-bottom:15px;}
#right .btn_entry2 .btn1 a { display: block; height: 126px; overflow: hidden;}
#right .btn_entry2 .btn1 a:hover img { margin: -126px 0 0;}
#right .btn_entry2 .btn2 { margin-bottom:15px;}
#right .btn_entry2 .btn2 a { display: block; height: 86px; overflow: hidden;}
#right .btn_entry2 .btn2 a:hover img { margin: -86px 0 0;}
#right .line_smart{ margin-bottom:10px;}

#right #movie{ margin-bottom:10px;}
#movie #movie_bg{ background:url(/img/index/right01_bg.gif); background-repeat:repeat-y; padding:0 10px 5px; background-color:#eee;}
#movie #movie_bg #move{ width:200px; height:150px; background-color:#eee;}
#movie #movie_bg p{ background:url(/img/index/right01_line.gif) center bottom no-repeat;}
#movie #movie_bg p a{ padding-bottom:20px; display:block; background:url(/img/index/icon05.jpg) left 2px no-repeat; padding-left:12px;}

#right #sreach{ background:url(/img/index/right02_bg1.jpg) 0 0 repeat-y; margin-bottom:10px;}
#sreach table{ margin-bottom:10px;}
#sreach th,
#sreach td{ text-align: right; padding: 0 0px 7px 7px; letter-spacing: 0; font-weight: normal;}
#sreach .txt_area01{ width:133px;}
#sreach .txt_area02{ width:120px; padding:2px 5px;}

#sreach .search{ margin-top:7px;}
#sreach #sreach_btn{ background:url(/img/index/right02_bg2.jpg) bottom no-repeat; height:40px; padding:0 10px 10px;}
#sreach #sreach_btn li{ float:left; display:block; width:90px; height:15px; margin-bottom:7px;}

#right #book { position: relative; height: 80px; margin: 0 0 10px; padding: 10px; border: 1px solid #CDCDCD; background: url(../img/index/img_book_newly.jpg) 150px 10px no-repeat #EEEEEE;}
#right #book:after { position: absolute; content: " "; top: 0 ; bottom: 0; left: 0; right: 0; border: 1px solid #FEFEFE;}
#right #book * { position: relative; z-index: 2;}
#right #book img { margin: 0 0 5px;}

#right #btn_area{ background:url(/img/index/right_line.jpg) bottom no-repeat; padding-bottom:15px; clear:both; margin-bottom:15px;}
#btn_area li{ margin-bottom:5px;}

#right #bnr_area{ clear:both;}
#bnr_area li{ width:220px; margin-bottom:5px;}


/*---------footer_bnr-------------*/
#footer_bnr { clear:both; margin: 0 0 30px; padding: 120px 0 0; text-align:center;}
#footer_bnr ul { display:block; height:60px; margin:0 0 5px;}
#footer_bnr li { display:inline;}
#footer_bnr li img { margin:0 5px 0 0;}
#footer_bnr li img.last { margin-right:0;}


/*---------TOPページ　footer-------------*/
div#footer { width:950px; clear:both;}

div#footer #contact { margin-bottom:10px; padding-bottom:11px; border-bottom:solid 1px #cccccc;}
#contact p { margin-bottom:10px;}
#contact li { float:left; display:block;}
#contact li.dotted_line { background:url(../img/footer/foot_line.jpg) left no-repeat; padding-left:13px; margin-left:10px;}

div#footer dl#foot_link { margin-bottom:10px;}
div#footer dl#foot_link dt { float:left; width:100px;}
div#footer dl#foot_link dd { float:left; width:850px; margin-bottom:10px;}
div#footer p#foot_bg_gray { margin:5px 0 15px; padding:5px 20px; text-align:center; font-size:0.9em; background:#eee;}
div#footer p.addr,div#footer p.copy { margin-bottom:10px;}


/*---------追加バナー------------- 2012.04.26 ushio */
#main #ban_spot { width:auto; text-align:center;}
