@charset "shift_jis";
/* =========================================

nasuluckitchen > useful_second > glossary.css

============================================ */	

/*料理の用語集※デザインの修正*/

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

#useful_main{
margin:0 auto 10px auto;
padding:0;
}

#useful_main h3{
clear:both;
width:698px;
height:85px;
margin:10px 0 0 0;
padding:0;
background:url(/useful/01/glossary/image_cmn/img_title_s.gif) no-repeat 0 0;
text-indent:-9999px;
}

/* h4 */

#useful_main h4{
float:none;
clear:both;
width:698px;
height:40px;
margin:10px 0;
text-indent:-9999px;
}

#useful_main h4.type_01{background:url(/useful/01/glossary/image_cmn/ttl_01.gif) no-repeat 0 0;}
#useful_main h4.type_02{background:url(/useful/01/glossary/image_cmn/ttl_02.gif) no-repeat 0 0;}

#useful_main h4 span.stl_text{
display:block;
padding:0 0 0 170px;
text-align:left;
font-size:140%;
color:#630;
text-indent:0;
}

/* h5 */

#useful_main div.block h5{
clear:both;
width:460px;
height:46px;
margin:15px auto 0 auto;
padding:0 0 0 20px;
line-height:46px;
font-size:130%;
color:#666;
background:url(../image_cmn/bg_wordtitle.gif) no-repeat 0 0;
}

/* ワードリスト */

#useful_main ul.list_word{
clear:both;
width:410px;
margin:0 auto 20px auto;
padding:0;
overflow:hidden;
list-style:none;
}

#useful_main ul.list_word li{
float:left;
margin:0;
padding:0;
}

#useful_main ul.list_word li span{
display:block;
width:25px;
height:25px;
margin:8px;
line-height:25px;
font-size:120%;
text-align:center;
background:url(/useful/01/glossary/image_cmn/bg_normal.gif) no-repeat 0 0;
}

#useful_main ul.list_word li span.no_word{
background:url(/useful/01/glossary/image_cmn/bg_none.gif) no-repeat 0 0;
}

#useful_main ul.list_word li span a:hover{
font-size:130%;
font-weight:bold;
}

/* カテゴリリスト */

#useful_main div.section_cate{
clear:both;
width:570px;
margin:10px auto;
padding:10px 0;
overflow:hidden;
}

#useful_main ul.list_cate{
float:left;
width:190px;
list-style:none;
}

#useful_main ul.list_cate li{
clear:both;
width:134px;
margin:0 10px;
padding:4px 8px 3px 28px;
background:url(/useful/01/glossary/image_cmn/icon_normal.gif) repeat-y 0 0 ;
}

#useful_main ul.list_cate li.stl{
width:170px;
padding:0;
text-align:left;
}

#useful_main ul.list_cate li.last{
background:url(/useful/01/glossary/image_cmn/icon_last.gif) no-repeat 0 0 ;
}

/* ナビボタン */

#useful_main div.navi_area{
width:698px;
margin:0;
padding:0;
}

#useful_main div.navi_area ul.navi{
float:right;
list-style:none;
margin:0 10px 0 0;
}

#useful_main div.navi_area ul.navi li{
float:left;
width:145px;
height:28px;
margin:0 5px;
padding:0;
}

#useful_main div.navi_area ul.navi li.btn_01{ background:url(/useful/01/glossary/image_cmn/btn_genre.gif) no-repeat 0 -28px;}
#useful_main div.navi_area ul.navi li.btn_02{ background:url(/useful/01/glossary/image_cmn/btn_genre.gif) no-repeat -145px -28px;}

#useful_main div.navi_area ul.navi li a{
display:block;
overflow:hidden;
width:145px;
height:28px;
margin:0;
padding:0;
text-indent:-9999px;
}

#useful_main div.navi_area ul.navi li.btn_01 a{ background:url(/useful/01/glossary/image_cmn/btn_genre.gif) no-repeat 0 0;}
#useful_main div.navi_area ul.navi li.btn_02 a{ background:url(/useful/01/glossary/image_cmn/btn_genre.gif) no-repeat -145px 0;}
#useful_main div.navi_area ul.navi li a:hover{ background:none!important; }

/* 用語集トップへ */

#contents_main a.glossary_top{
display:block;
width:700px;
margin:0 auto;
text-align:right;
}

#contents_main a.glossary_top img{
vertical-align:middle;
}

/* 一覧表示設定 */

#useful_main div.block{
clear:both;
width:620px;
margin:10px auto;
padding:0 10px;
}

#useful_main div.block ul{
width:600px;
margin:0 auto;
padding:0;
overflow:hidden;
list-style:none;
}

#useful_main div.block ul li{
display:block;
float:left;
width:600px;
}

#useful_main div.block ul li span{
display:block;
float:left;
width:250px;
margin:0 0 5px 0;
padding:7px 10px 0 40px;
text-align:left;
background:url(../image_cmn/bg_list.gif) no-repeat 0 0;
}

/* 個別ページ設定 */

#useful_main div.block p{
width:458px;
margin:10px auto 0 auto;
padding:10px;
border-top:1px solid #E8E7DB;
border-bottom:1px solid #E8E7DB;
}

#useful_main div.block div.keepcenter{
margin:0 auto;
padding:0 0 20px 0;
text-align:center;
border-bottom:1px solid #c7c7c7;
}

#useful_main div.block div.keepcenter2{
margin:0 auto;
padding:0 0 20px 0;
text-align:center;
}

/* NEXT・BACK */

#useful_main .box_b_n{
clear: both;
height:30px;
margin:0 25px 10px 25px;
padding:10px 0;
border-top: 1px dotted #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
}

#useful_main ul#n_b{
list-style:none;
width:650px;
margin:0px;
padding: 3px 0 0 0;
text-align:center;
position: relative;
}

#useful_main ul#n_b li.page{
font-size: 130%;
font-weight: bold;
display: inline;
}

#useful_main ul#n_b li.page a{
font-weight: normal;
}

#useful_main ul#n_b li.btn_b{
position: absolute;
top: 0;
left: 0;
}

#useful_main ul#n_b li.btn_n{
position: absolute;
top: 0;
right: 0;
}	
	
#useful_main ul#n_b a.back{
display:block;
width:58px;
height:28px;
text-indent:-9999px;
overflow:hidden;
background:url(/search/image_cmn/btn_n_b.gif);
background-position:0px 0px;	
}
 
#useful_main ul#n_b a:hover.back{
background-position:0px -28px;
}

#useful_main ul#n_b a.next{
display:block;
width:58px;
height:28px;
text-indent:-9999px;
overflow:hidden;
background:url(/search/image_cmn/btn_n_b.gif);
background-position:-58px 0px;
}
 	
#useful_main ul#n_b a:hover.next{
background-position:-58px -28px;
}

/* 一覧へ戻る */
 
#useful_main div.to_pagetop{
width:670px;
margin:10px 0 0 0;
text-align:right;
font-size:90%;
}