@charset "utf-8";

/*------------------------------------------------------------------------------------ 共通 ----*/

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

body{
font-family:Tahoma,Verdana,Segoe,sans-serif;
font-weight:normal;
font-size:small;
line-height:1.5em;
}

a{
color:#4c94ff;
text-decoration:none;
}

a:hover{
color:#4c94ff;
text-decoration:underline;
}

a:active{
color:#4c94ff;
text-decoration:underline;
}

img,img a{
border:0;
}

.indent{
text-indent:1em;
}

p{
padding:0.5em 0px;
}

.clear{
clear:both;
}

/*------------------------------------------------------------------------------------ header ----*/

#header{
width:100%;
background-image:url("../images/bg_header.jpg");
background-repeat:repeat-x;
}

#header h1{
margin:0px auto;
width:760px;
height:100px;
background-image:url("../images/sitetitle.jpg");
text-indent:-9999px;
}

/*------------------------------------------------------------------------------------ pagebody ----*/

#pagebody{
margin:0px auto;
width:760px;
}

/*------------------------------------------------ 【全般の2カラム】 ----*/

#contents{
width:530px;
float:left;
display:inline;
}

#menu{
/*padding-left:15px;*/
width:215px;
float:right;
display:inline;
position:relative;
}

/*------------------------------------------------ 【detail.htmlのみの2カラム】 ----*/

#space_image{
width:425px;
float:left;
display:inline;
}

#space_detail{
/*padding-left:15px;*/
width:320px;
float:right;
display:inline;
position:relative;
}

/*------------------------------------------------ 【ぱんくず530幅】 ----*/

#pankuzu{
margin-top:10px;
width:530px;
height:28px;
list-style-type:none;
background:url("../images/bg_pankuzu.gif") left top no-repeat;
}

#pankuzu li{
padding:8px 15px 8px 10px;
height:12px;
font-size:12px;
line-height:1em;
float:left;
display:block;
background:url("../images/pankuzu_hr.gif") right center no-repeat;
}

/*------------------------------------------------ 【ぱんくず760幅】 ----*/

ul#pankuzu_w{
margin-top:10px;
width:760px;
height:28px;
list-style-type:none;
background:url("../images/bg_pankuzu_detail.gif") left top no-repeat;
}

#pankuzu_w li{
padding:8px 15px 8px 10px;
height:12px;
font-size:12px;
line-height:1em;
float:left;
display:block;
background:url("../images/pankuzu_hr.gif") right center no-repeat;
}

/*------------------------------------------------------------------------------------ footer ----*/

#footer{
margin:0px auto;
width:100%;
height:140px;
font-size:12px;
text-align:center;
background:url("../images/bg_footer.jpg") repeat-x top;
clear:both;
}

#backto{
margin:0px auto;
padding:34px 0px;
width:760px;
height:1em;
text-align:right;
}

#footnav{
padding:10px 0px 10px 0px;
height:1em;
border-bottom:1px solid #CCCCCC;

}

#footnav li{
margin:0px 0px 0px 5px;
padding:0px 5px 0px 0px;
line-height:1em;
display:inline;
border-right:1px solid #CCCCCC;
}

#copyright{
margin:0px auto;
padding:3px 0px 12px 0px;
width:760px;
height:12px;
}

/*------------------------------------------------------------------------------------ title ----*/

#title_image{/*【TEXT無し(動的) detail.phpとdetail_lg.phpに表示の画像タイトル】*/
margin-bottom:10px;
padding:55px 0px 0px 123px;
background:url("../images/bg_title_image.jpg") left bottom no-repeat;
border-bottom:1px solid #DDDDDD;
clear:both;
}

#title_image h2{
padding-bottom:7px;
font-size:18px;
}

/*【TEXT有り(静的)】*/

#title_new,/*最近登録された画像*/
#title_registration,/*新規会員登録*/
#title_user,/*ユーザー情報のご変更*/
#title_howto,/*ご利用方法*/
#title_license,/*ライセンスについて*/
#title_privacypolicy,/*プライバシーポリシー*/
#title_sitemap,/*サイトマップ*/
#title_inquiry,/*お問い合わせ*/
#title_my_route,/*マイルート*/

/*【TEXT無し(動的)】*/
#title_category,/*カテゴリータイトル用*/
#title_comment,/*コメント用*/
#title_others,/*同じカテゴリのその他の画像用*/
#title_detail,/*画像情報用*/
#title_search/*検索結果用*/
{
padding:55px 0px 0px 123px;
height:25px;
font-size:18px;
border-bottom:1px solid #DDDDDD;
clear:both;
}

#title_new{
text-indent:-9999px;
background:url("../images/bg_title_new.jpg") left bottom no-repeat;
}

#title_registration{
text-indent:-9999px;
background:url("../images/bg_title_registration.jpg") left bottom no-repeat;
}

#title_user{
text-indent:-9999px;
background:url("../images/bg_title_user.jpg") left bottom no-repeat;
}

#title_howto{
text-indent:-9999px;
background:url("../images/bg_title_howto.jpg") left bottom no-repeat;
}

#title_license{
text-indent:-9999px;
background:url("../images/bg_title_agreement.jpg") left bottom no-repeat;
}

#title_privacypolicy{
text-indent:-9999px;
background:url("../images/bg_title_privacypolicy.jpg") left bottom no-repeat;
}

#title_sitemap{
text-indent:-9999px;
background:url("../images/bg_title_sitemap.jpg") left bottom no-repeat;
}

#title_inquiry{
text-indent:-9999px;
background:url("../images/bg_title_inquiry.jpg") left bottom no-repeat;
}

#title_my_route{
text-indent:-9999px;
background:url("../images/bg_title_my_route.jpg") left bottom no-repeat;
}

#title_category{
margin-bottom:5px;
background:url("../images/bg_title_category.jpg") left bottom no-repeat;
}

#title_comment{
margin-bottom:5px;
background:url("../images/bg_title_comment.jpg") left bottom no-repeat;
}

#title_others{
background:url("../images/bg_title_others.jpg") left bottom no-repeat;
}

#title_detail{
background:url("../images/bg_title_detail.jpg") left bottom no-repeat;
}

#title_search{
background:url("../images/bg_title_search.jpg") left bottom no-repeat;
}

/*------------------------------------------------------------------------------------ ←BACK/NEXT/LAST→ ----*/

.pagenavi{
clear:both;
text-align:center;
}

.pagenavi li{
margin:0px 0px 0px 5px;
padding:0px 5px 0px 0px;
color:#CCCCCC;
display:inline;
}

.pagenavi li a{
font-size:12px;
}

/*------------------------------------------------------------------------------------ サイドメニュー ----*/

#menu h2{
margin-top:10px;
width:215px;
text-indent:-9999px;
}

/*------------------------------------------------ 【検索】 ----*/

#title_menu_search{
height:28px;
background:url("../images/menu_search.gif") no-repeat;
}

#menu_search{
padding:10px;
width:193px;
border-left:1px solid #5b9d25;
border-right:1px solid #5b9d25;
border-bottom:1px solid #5b9d25;
}

#search{
padding:2px;
width:150px;
float:left;
display:inline;
border:1px solid #DDDDDD;
}

#btn_search{
padding:2px 2px;
width:31px;
font-size:0.9em;
float:right;
display:inline;
position:relative;
border:1px solid #DDDDDD;
background:#EEEEEE;
}

/*------------------------------------------------ 【ログイン】 ----*/

#id,
#pass{
margin-bottom:5px;
padding:2px;
width:187px;
float:left;
display:inline;
border:1px solid #DDDDDD;
}

#btn_login{
margin-bottom:5px;
padding:2px 2px;
font-size:0.9em;
float:right;
border:1px solid #DDDDDD;
background:#EEEEEE;
}

#check_auto{
margin:0.5em 0px;
font-size:0.9em;
}

#login_auto{
margin-right:0.2em;
}

/*------------------------------------------------ 【カテゴリー】 ----*/

#title_menu_categories{
height:28px;
background:url("../images/menu_categories.gif") no-repeat;
}

#menu_categories{
padding:10px;
width:193px;
border-left:1px solid #1188f0;
border-right:1px solid #1188f0;
border-bottom:1px solid #1188f0;
}

#menu_categories h3{
margin:0.5em 0px 0.2em 0px;
padding:0px 3px 0.2em 0px;
color:#1188f0;
font-size:105%;
border-bottom:1px dotted #DDDDDD;
}

#menu_categories ul{
list-style-type:none;
}

#menu_categories li{
padding:2px 0px 0px 18px;
height:1.5em;
font-size:12px;
line-height:1em;
background:url("../images/arrow_categories.gif") no-repeat;
}

/*------------------------------------------------ 【メニューの開閉】 ----*/

.trigger{
cursor:pointer;
display:block;
}

.hide .target{
display:none;
}

/*------------------------------------------------ 【メンバー】 ----*/

#title_menu_user{
height:28px;
background:url("../images/menu_user.gif") no-repeat;
}

#menu_user{
padding:10px;
width:193px;
border-left:1px solid #ffd735;
border-right:1px solid #ffd735;
border-bottom:1px solid #ffd735;
}

#menu_user h3{
margin:0.5em 0px 0.2em 0px;
padding:0px 3px 0.2em 0px;
color:#FFCC00;
font-size:105%;
}

#menu_user ul{
list-style-type:none;
}

#menu_user li{
padding:2px 0px 0px 18px;
height:1.5em;
font-size:12px;
line-height:1em;
background:url("../images/arrow_user.gif") no-repeat;
}

#menu_user a,
#menu_user a:hover{
}

/*------------------------------------------------ 【ボタン_マイルートを見る】 ----*/

#btn_my_route a{
margin:0px auto;
width:215px;
height:45px;
text-indent:-9999px;
display:block;
background:url("../images/btn_my_route_lg.gif") no-repeat;
}

#btn_my_route a:hover{
background:url("../images/btn_my_route_lg_hv.gif") no-repeat;
}

/*------------------------------------------------ 【ボタン_マイルートを見る】 ----*/

#btn_howto a{
margin:0px auto;
width:215px;
height:45px;
text-indent:-9999px;
display:block;
background:url("../images/btn_howto.gif") no-repeat;
}

#btn_howto a:hover{
background:url("../images/btn_howto_hv.gif") no-repeat;
}