@charset "UTF-8";
/* CSS Document */



* {
margin:0;
padding:0;
font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size:12px;
line-height:1.8;
color: #666666;
}


.clear {
clear:both;
}

 .clearfix {
display: inline-block;
 }
 
 .alt {
text-indent:-9999px;
 }

/* -----font-size----- */

.f9 { font-size:77%; }
.f10 { font-size:85%; }
.f11 { font-size:93%; }
.f12 { font-size:100%; }
.f13 { font-size:108%; }
.f14 { font-size:116%; }
.f15 { font-size:123.1%; }
.f16 { font-size:131%; }
.f17 { font-size:138.5%; }
.f18 { font-size:146.5%; }
.f19 { font-size:153.9%; }
.f20 { font-size:161.6%; }
.f21 { font-size:167%; }
.f22 { font-size:174%; }
.f23 { font-size:182%; }
.f24 { font-size:189%; }
.f25 { font-size:197%; }

/* -----font-color----- */

.blue {color:#3a86a8;}
.white {color:#FFFFFF;}
.grey {color:#333333;}
.orange{color:#FF6600;}
.black {color:#333333;}
.boisen {color:#CC0066;}

/* -----encyclopedia-chapter-color----- */

.encyclopedia_chapter_01 {color:#E95076;}
.encyclopedia_chapter_02 {color:#EE7700;}
.encyclopedia_chapter_03 {color:#F6AB00;}
.encyclopedia_chapter_04 {color:#1E94D1;}
.encyclopedia_chapter_05 {color:#119F95;}
.encyclopedia_chapter_06 {color:#A54A98;}

.encyclopedia_chapter_01_background {color:#FFFFFF; background-color:#E95076;}
.encyclopedia_chapter_02_background {color:#FFFFFF; background-color:#EE7700;}
.encyclopedia_chapter_03_background {color:#FFFFFF; background-color:#F6AB00;}
.encyclopedia_chapter_04_background {color:#FFFFFF; background-color:#1E94D1;}
.encyclopedia_chapter_05_background {color:#FFFFFF; background-color:#119F95;}
.encyclopedia_chapter_06_background {color:#FFFFFF; background-color:#A54A98;}

/* -----IE7 ----- */
*:first-child+html dammy {

}
/* -----IE6 ----- */
*html dammy {

}

/* -----body----- */

body {
background:url(../img/bg.gif) repeat;
text-align:center;
}

/* ----- firefox ----- */
html  {
overflow-y:scroll;
}


.pb40{
padding-bottom:40px;
}

/* -----wrapper ----- */
div.wrapper {
margin-left: auto;
margin-right: auto;
text-align: left;
width: 806px;
background:url(../img/base.gif) center center repeat-y;
}

div.wrapper_inner {
width: 800px;
margin-left:3px;
}

/* -----contents_index ----- */
div.contents_index{
width:800px;
height:653px;
background:url(../img/index.jpg) top center no-repeat;
position:relative;
}


ul.index{
list-style:none;
}

ul.index li.index01{
position:absolute;
top:254px;
left:60px;
width:330px;
height:118px;
}

ul.index li.index02{
position:absolute;
top:254px;
left:415px;
width:330px;
height:118px;
}

ul.index li.index03{
position:absolute;
top:405px;
left:227px;
width:183px;
height:105px;
}

ul.index li.index04{
position:absolute;
top:405px;
left:410px;
width:183px;
height:105px;
}

ul.index li.index05{
position:absolute;
top:405px;
left:591px;
width:183px;
height:105px;
}



/* -----navi ----- */
div.navi{
width:800px;
height:87px;
background:#83cced;
position:relative;
}

div.navi h1{
position:absolute;
top:33px;
left:11px;
}

div.navi ul{
list-style:none;
position:absolute;
top:37px;
left:198px;
height:30px;
}

div.navi ul li{
display:inline;
padding-right:7px;
height:30px;
}

/* -----contents ----- */
/*div.contents{
width:800px;
background:#FFF;
}*/

/* -----contents_kihon_top ----- */
div.contents_kihon_top{
width:800px;
/*height:650px;*/
background:#FFF;
}

/* -----pankuzu ----- */

div.pankuzu_area{
padding-top:7px;
padding-left:20px;
}

p.pankuzu{
color:#999999;
letter-spacing:1px;
}

p.pankuzu a{
color:#999999;

text-decoration:none;
font-size:inherit;
}

p.pankuzu a:hover{
color:#999999;
text-decoration:underline;
}


/* -----kihon_top ----- */
div.kihon_top{
width:800px;
/*height:600px;*/
padding:0;
margin:0;
}


div.kihon_top h2{
padding-top:17px;
padding-left:25px;
}

div.kihon_top_img{
margin:0px 150px;
}

div.kihon_center{
width:700px;
margin:17px auto;
}

div.kihon_center_recipe_form{
width:641px;
margin:17px auto;
vertical-align:middle;
}

div.kihon_center_recipe_form_word{
margin-top:20px;
}

div.kihon_center_recipe_form_word input[type=text]{
float:left;
width:220px;
height:20px;
margin-left:3px;
color:#E60027;
border:solid 2px #B9E3F9;
}

div.kihon_center_recipe_form_word input[type=image]{
margin-left:5px;
}

div.kihon_center_recipe_form_select{
width:641px;
height:119px;
margin-top:20px;
background:url(../img/kihon_center_recipe_select.gif) no-repeat;
}

div.kihon_center_recipe_form_select{
width:641px;
height:69px; /* 119 - 50 */
padding-top:50px;
padding-left:25px;
background:url(../img/kihon_center_recipe_select.gif) no-repeat;
}

div.kihon_center_recipe_form_select select {
width:170px;
height:20px;
margin-bottom:10px;
margin-right:25px;
color:#E60027;
border:solid 2px #B9E3F9;
}

div.kihon_center_recipe_form_select input[type=text]{
width:166px;
height:16px;
line-height:16px;
margin-bottom:10px;
margin-right:25px;
color:#E60027;
border:solid 2px #B9E3F9;
}

div.kihon_center_recipe_form_select select option,
div.kihon_center_recipe_form_select select optgroup {
color:#E60027;
}

div.kihon_center_recipe_form_select select option {
margin-left:1em;
}

div.kihon_center_recipe_form_select select optgroup {
font-style: normal;
}

div.kihon_center_recipe_form_select_submit{
margin-top:15px;
text-align:center;
}

div.kihon_center_recipe_result{
width:700px;
margin:25px auto;
}

div.kihon_center_recipe_result_count{
width:684px;
margin:10px auto;
padding:0 8px;
color:#EB303F;
font-size:1.2em;
border-bottom:3px dotted #F7B053;
}

table.kihon_center_recipe_result_table{
max-width:684px;
margin:10px 8px;
}

table.kihon_center_recipe_result_table td{
vertical-align:middle;
padding-left:5px;
}

div.kihon_center_recipe_result_pager{
width:684px;
padding:0 8px;
text-align:center;
color:#F7B053;
font-size:1.2em;
border-top:3px dotted #F7B053;
}

div.kihon_center_recipe_result_pager span{
float:left;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}

div.kihon_center_recipe_result_pager_previous{
float:left;
width:200px;
}

div.kihon_center_recipe_result_pager_next{
float:right;
width:200px;
}

div.kihon_center_recipe_result_pager_next span{
width:200px;
text-align:right;
}

div.kihon_center_glossary_result{
width:700px;
margin:25px auto;
}

div.kihon_center_glossary_result_count{
width:684px;
margin:10px auto;
padding:0 8px;
color:#EB303F;
font-size:1.2em;
border-bottom:3px dotted #008FD4;
}

table.kihon_center_glossary_result_table{
max-width:684px;
margin:10px 8px;
}

table.kihon_center_glossary_result_table td{
vertical-align:top;
padding-left:5px;
}

table.kihon_center_glossary_result_table a{
font-size:1.2em;
font-weight:bold;
}

table.kihon_center_glossary_result_table img{
margin-top:8px;
}

div.kihon_center_glossary_result_pager{
width:684px;
text-align:center;
color:#008FD4;
font-size:1.2em;
border-top:3px dotted #008FD4;
}

div.kihon_center_glossary_result_pager span{
float:left;
font-weight:bold;
text-decoration:underline;
cursor:pointer;
}

div.kihon_center_glossary_result_pager_previous{
float:left;
width:200px;
}

div.kihon_center_glossary_result_pager_next{
float:right;
width:200px;
}

div.kihon_center_glossary_result_pager_next span{
width:200px;
text-align:right;
}

div.kihon_center_search_form{
width:641px;
margin:17px auto;
vertical-align:middle;
}

div.kihon_center_search_form_word{
margin-top:20px;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:3px dotted #008FD4;
}

div.kihon_center_search_form_word input[type=text]{
float:left;
width:220px;
height:20px;
margin-left:3px;
color:#E60027;
border:solid 2px #B9E3F9;
}

div.kihon_center_search_form_word input[type=image]{
margin-left:5px;
}

div.kihon_center_search_form_initial{
height:35px;
padding-left:20px;
padding-bottom:20px;
border-bottom:3px dotted #008FD4;
}

div.kihon_center_search_form_initial a{
display: block;
float: left;
margin-top:15px;
margin-right:5px;
width:56px;
height:25px;
}

div.kihon_left{
float:left;
width:200px;
margin-top:17px;
margin-left:25px;
}

div.kihon_left_list{
text-align:center;
margin-top:15px;
}

div.kihon_left_list div{
width:167px;
margin-top:2px;
margin-left:auto;
margin-right:auto;
padding-bottom:2px;
border-bottom:1px dotted gray;
}

div.kihon_left_search_word {
width:180px; /* 200 - 10x2 */
/* height:82px; */ /* 158 - 75 */
margin-bottom:20px;
padding:75px 10px 0 10px;
background:url(../img/kihon_left_search_word.gif) no-repeat #EFEFEF;
}

div.kihon_left_search_word_text {
height:30px;
padding-bottom:5px;
/* border-bottom:3px dotted #008FD4; */
}

div.kihon_left_search_word_text input[type=text]{
float:left;
width:110px;
height:18px;
margin-top:3px;
margin-left:5px;
color:#E60027;
border:solid 2px #B9E3F9;
}

div.kihon_left_search_word_text input[type=image]{
margin-left:5px;
}

div.kihon_left_search_word_select select {
width:170px;
height:20px;
margin-top:12px;
margin-bottom:3px;
margin-left:2px;
color:#E60027;
border:solid 1px #B9E3F9;
}

div.kihon_left_search_recipe_select {
width:200px;
padding-top:40px;
padding-bottom:10px;
margin-bottom:10px;
background:url(../img/kihon_left_search_select.gif) no-repeat #EFEFEF;
}

div.kihon_left_search_recipe_select select {
width:170px;
height:20px;
margin-bottom:3px;
margin-left:12px;
color:#E60027;
border:solid 1px #B9E3F9;
}

div.kihon_left_search_recipe_select select option {
color:#E60027;
}

div.kihon_left_search_recipe_select .kihon_left_search_recipe_text {
width:166px;
height:16px;
line-height:16px;
margin-bottom:3px;
margin-left:12px;
color:#E60027;
border:solid 1px #B9E3F9;
}

div.kihon_left_search_recipe_select input[type=image]{
margin-left:10px;
}

div.kihon_right{
float:left;
width:525px;
margin-top:17px;
margin-right:25px;
margin-left:25px;
}

/* IE6 marginバグ対策 スターハック */
* html div.kihon_right{
margin-right:0 !important;
margin-left:12px !important;
}

div.kihon_right h3{
margin-bottom:20px;
padding:3px 10px;
font-size:1.4em;
}

div.kihon_right h4{

margin-bottom:10px;
padding:3px 5px;
font-size:1.2em;
}

div.kihon_right h5{
margin-bottom:10px;
padding:3px 5px;
font-size:1.1em;
}

div.kihon_right h6{
margin-bottom:10px;
padding:3px 5px;
font-size:1.1em;
}

div.kihon_right div.kihon_right_recipe_title{
width:515px;
margin:0 5px 15px 5px;
color:#A40319;
font-size:1.6em;
font-weight:bold;
border-bottom:2px solid #A40319;
}

div.kihon_right_description{
padding:5px;
}

div.kihon_right_movie{
float:right;
width:200px;
}

div.kihon_right_movie div{
margin:3px auto;
text-align:center;
font-size:10px;
}

div.kihon_right_movie div a{
font-size:10px;
}

div.kihon_right_description_point{
width:174px; /*  186 - 5x2 - 1x2 */
padding:5px;
text-align:left !important;
border:1px solid #84B683;
}

div.kihon_right_description_point:first-line{
font-size:1.5em;
font-weight:bold;
color:#84B683;
}

div.kihon_right_list{
clear:both;
padding-top:17px;
padding-left:25px;
}

div.kihon_right_list li {
font-size:18px;
list-style:none;
}

div.kihon_right_list li a {
font-size:16px;
font-weight:bold;
}

/* -----footer ----- */
div.footer{
clear:both;
width:800px;
height:80px;
padding:0;
background:url(../img/illust.gif) bottom center no-repeat;
}