@charset "utf-8";
@import url("parts.css");
/* CSS Document */
html,body{margin:0;padding:0}
body{font: 12px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{color: #0F238C; text-decoration:none;}
a:visited{color: #0F238C;}
a:hover,a:active{color: #f90;}
img {border:0;}
/**************************
1.レイアウトスタイル
**************************/
/*h1*/
div#container h1 {height:15px;line-height:15px;text-indent:8px;background:#16347A;color:#fff;font-size:12px;margin:0;padding:3px;}
/*ヘッダー*/
div#header{position:relative; width:780px;}
div#header img{margin:10px;width:358px;background: #fff;}
div#header strong{font-weight:normal;position:absolute;left:100px;top:30px;}
div#header ul{margin:0;position:absolute;right:0;top:5px;font-size:10px;}
div#header li{float:left;margin:0 5px 0 10px;list-style:none;background:url(imgdir/common/cursor.gif) no-repeat left; text-indent:10px;}
/*メインナビゲーション*/
ul#mainnav {width:780px;list-style: none;float: right;margin:0;padding:0;}
ul#mainnav li {display: inline;font-size:10px;background: #FFFFFF ;}
ul#mainnav li a {border-right:1px solid #ccc;width:155px;_width:156px;display: block;float:left;margin:0;padding:0;color: #444;text-decoration: none;font-size: 12px;font-weight:normal;text-align:center;background:#FFF url(imgdir/common/navi_bg.gif) top repeat-x;line-height:27px;}
ul#mainnav li a:hover {background: #fff url(imgdir/common/navi_bg2.gif) top repeat-x;color: #444;}
ul#mainnav li#mainnavmini a{font-size: 10px;}
/*全体の枠*/  
div#container{background:#fff;text-align:left;border-left:1px solid #666;border-right:1px solid #666;border-bottom:1px solid #666;}
/*コンテンツ部分の余白、行間*/
div#content p{line-height:1.4}
div.child_content{margin:0 5px}
div.grandc_content{margin:0 10px}
/*第2階層イメージタイトル*/
h2#mainimage{margin:0 0 5px 1px;border-bottom:3px solid #1A83B6;}
/*左メニュー*/
div#navigation dl{margin:0 0 8px;}
div#navigation dt{line-height:25px;background:#fff;}
div#navigation dd{text-indent:15px;line-height:23px;margin:0;color:#000;}
div#navigation dd a{display:block;width:100%;color:#000;text-decoration:none;}
div#navigation dd a:hover{text-decoration:underline;}
div#keyword_spc_2nd {margin:6px 0;font-size:12px;line-height:140%;background:#FFFFCC;padding:5px;border:1px solid #FFFF33;}
/*パンくずリスト*/
div#pankuzu {margin:20px 1px;border-bottom:3px solid #0F238C;padding:2px 5px;}
div#pankuzu2 {margin:6px 6px 0 6px;}
/*下部リンク*/
div#underlink{border-top:1px solid #efefef;background:#cfcfcf;padding:10px 0;text-align:center;color:#666666;}
div#underlink a{color:#666666;}
div#underlink a:hover{color:#FFFFFF;text-decoration:underline;}
/*フッター*/
div#footer{background: #cfcfcf;color: #FFF}
div#footer p{margin:0;padding:5px 10px;text-align:center;}
/*ボックスレイアウト*/
div#container{width:780px;margin:0 auto;padding:0;}
div#wrapper{float:left;width:100%;padding:0;}
div#content{margin:0 0 0 160px;width:620px;background:#fff;}
div#navigation{float:left;width:160px;margin-left:-780px;text-align:left;}
div#extra{float:left;margin-left:-780px;margin-top:420px;width:150px;text-align:left;padding-left:5px; margin-bottom: 20px;}
div#extra p {line-height:140%;margin:5px 0;}
div#extra p b {color:#0F238C;}
div#underlink{clear:both;width:780px;}
div#footer{clear:both;width:780px}
/*トップページレイアウト用*/
.left { float:left;}
.right { float:right;}
div#recommend1, div#recommend2 {width:295px;line-height:120%;color:#666; margin:1em 0; padding:0 7px;}
div#recommend1 ul , div#recommend2 ul{ margin:0; padding:0; list-style:none; } 
div#recommend1 li a,  div#recommend2 li a { display:block; width:290px; height:35px; text-indent:-9999px;} 
div#recommend1 li#m1 a { background: url(imgdir/top/recm_food_hover.gif) 0 0 no-repeat; } 
div#recommend1 li#m2 a { background: url(imgdir/top/recm_amus_hover.gif) 0 0 no-repeat; } 
div#recommend1 li#m3 a { background: url(imgdir/top/recm_camp_hover.gif) 0 0 no-repeat; } 
div#recommend1 li#m4 a { background: url(imgdir/top/recm_educ_hover.gif) 0 0 no-repeat; } 
div#recommend1 li#m5 a { background: url(imgdir/top/recm_deli_hover.gif) 0 0 no-repeat; } 
div#recommend1 li#m6 a { background: url(imgdir/top/recm_fash_hover.gif) 0 0 no-repeat; } 
div#recommend1 li#m7 a { background: url(imgdir/top/recm_serv_hover.gif) 0 0 no-repeat; } 
div#recommend1 li#m1 a:hover { background:url(imgdir/top/recm_food_hover.gif) 0 -35px no-repeat; } 
div#recommend1 li#m2 a:hover { background:url(imgdir/top/recm_amus_hover.gif) 0 -35px no-repeat; } 
div#recommend1 li#m3 a:hover { background:url(imgdir/top/recm_camp_hover.gif) 0 -35px no-repeat; } 
div#recommend1 li#m4 a:hover { background:url(imgdir/top/recm_educ_hover.gif) 0 -35px no-repeat; } 
div#recommend1 li#m5 a:hover { background:url(imgdir/top/recm_deli_hover.gif) 0 -35px no-repeat; } 
div#recommend1 li#m6 a:hover { background:url(imgdir/top/recm_fash_hover.gif) 0 -35px no-repeat; } 
div#recommend1 li#m7 a:hover { background:url(imgdir/top/recm_serv_hover.gif) 0 -35px no-repeat; } 
div#recommend2 li#m1 a { background: url(imgdir/top/recm_it_hover.gif) 0 0 no-repeat; } 
div#recommend2 li#m2 a { background: url(imgdir/top/recm_offi_hover.gif) 0 0 no-repeat; } 
div#recommend2 li#m3 a { background: url(imgdir/top/recm_busi_hover.gif) 0 0 no-repeat; } 
div#recommend2 li#m4 a { background: url(imgdir/top/recm_powe_hover.gif) 0 0 no-repeat; } 
div#recommend2 li#m5 a { background: url(imgdir/top/recm_night_hover.gif) 0 0 no-repeat; } 
div#recommend2 li#m6 a { background: url(imgdir/top/recm_hotel_hover.gif) 0 0 no-repeat; } 
div#recommend2 li#m7 a { background: url(imgdir/top/recm_other_hover.gif) 0 0 no-repeat; } 
div#recommend2 li#m1 a:hover { background: url(imgdir/top/recm_it_hover.gif) 0 -35px no-repeat; } 
div#recommend2 li#m2 a:hover { background: url(imgdir/top/recm_offi_hover.gif) 0 -35px no-repeat; } 
div#recommend2 li#m3 a:hover { background: url(imgdir/top/recm_busi_hover.gif) 0 -35px no-repeat; } 
div#recommend2 li#m4 a:hover { background: url(imgdir/top/recm_powe_hover.gif) 0 -35px no-repeat; } 
div#recommend2 li#m5 a:hover { background: url(imgdir/top/recm_night_hover.gif) 0 -35px no-repeat; } 
div#recommend2 li#m6 a:hover { background: url(imgdir/top/recm_hotel_hover.gif) 0 -35px no-repeat; } 
div#recommend2 li#m7 a:hover { background: url(imgdir/top/recm_other_hover.gif) 0 -35px no-repeat; } 
/*トップページレイアウト用*/
div#indexwrapper{float:left;width:620px;padding:0;}
div#greeting{width:620px;padding:0;margin:0;}
div#news_area {width:380px;text-align:left;margin:0 5px 5px 6px;border:1px solid #ccc;line-height:0;height:158px;}
div#news_area img {line-height:0;}
div#news_area div {padding:5px;line-height:140%;}
div##right_titles {margin:6px 0 0;text-align:left;}
div#photo{text-align:left; margin:7px;}
div#keyword_spc {margin:0 6px 6px 6px;font-size:12px;line-height:140%;background:#FFFFCC;padding:5px;border:1px solid #FFFF33;}
div#indexcontent{float:left;background:#fff;width:460px;}
div#indexcontent p {line-height:140%;}
div#indexnavigation{clear:both;float:left;width:160px;text-align:left;}
div#indexnavigation dl{margin:0 0 8px;}
div#indexnavigation dt{line-height:25px;background:#fff;}
div#indexnavigation dd{text-indent:15px;line-height:23px;margin:0;color:#000;}
div#indexnavigation dd a{display:block;width:100%;color:#000;text-decoration:none;}
div#indexnavigation dd a:hover{text-decoration:underline;}
div#indexextra{_clear:both;float:right;margin-top:5px;width:155px;}
div#indexextra p {line-height:140%;margin:5px 0;}
div#indexextra p b {color:#0F238C;}
div#search_box form{margin:0 0 10px 0;} 
div#search_box p {font-size:10px;margin:0 0 3px 0;}
br.clear{clear:both;}