@charset "utf-8";

/* common/ */
html,body
{
    padding: 0px;margin: 0px;font-family: 'ＭＳ Ｐゴシック', 'Osaka', sans-serif;
}
body
{
    font:12px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table{margin-left:auto;margin-right:auto;}
hr{display: none;}
img{border:0;}
.hr_on,
.hr_on_marginbottom20
{
	display: block;	height: 1px;border-top-width: 1px;border-top-style: dashed;
	border-top-color: #666666;border-right-width: 0px;border-bottom-width: 0px;
	border-left-width: 0px;	border-right-style: none;border-bottom-style: none;
	border-left-style: none;
}
.hr_on{ margin-bottom:10px; margin-top:10px;}
* html .hr_on{ /* for ie6 */ margin-bottom:5px; margin-top:5px;}
*:first-child+html .hr_on{ /* for ie7 */ margin-bottom:5px; margin-top:5px;}
.hr_on_marginbottom20{ margin-bottom:20px;}

.position_absolute{position:absolute;}
.position_relative{position:relative;}

.text_align_center{text-align:center;}
.text_align_left{text-align:left;}
.text_align_right{text-align:right;}

.font_color_red{color:#FF0000;}
.font_color_FFF{color:#FFFFFF;}
.font_color_CCC{color:#CCCCCC;}
.font_color_BBB{color:#BBBBBB;}
.font_color_999{color:#999999;}
.font_color_969696{color:#969696;}
.font_color_349E2F{color:#349E2F;}
.font_color_336699{color:#336699;}
.font_bold{font-weight:bold;}
.font_size_larger{font-size:larger;}
.font_size_smaller{font-size:smaller;}
.font_pink_big{ color:#FF409F; font-size:larger; font-weight:bold;}
.error_message{color:#FF0000;}

.line_height_0{line-height: 0;}
.line_height_120{line-height: 120%;}
.line_height_150{line-height: 150%;}
.line_height_200{line-height: 200%;}
.line_height_300{line-height: 300%;}
.line_height_normal{line-height:normal;}

.right{float: right;}
.left{float: left;}
.center{margin-left:auto;margin-right:auto;}

.display_none{display:none;}
.display_inline{display:inline;}
.clear_both{clear:both;}
.clear_left{clear:left;}
.clear_right{clear:right;}

.margin_left_337{ margin-left:337px;}
.margin_top_10{ margin-top:10px;}
.margin_top_20{ margin-top:20px;}
.margin_bottom_5{ margin-bottom:5px;}
.margin_bottom_10{ margin-bottom:10px;}
.margin_bottom_20{ margin-bottom:20px;}
.padding_left_0_5em{ padding-left:0.5em;}
.padding_left_1em{ padding-left:1em;}
.padding_left_1_25em{ padding-left:1.25em;}
.padding_left_1_5em{ padding-left:1.5em;}
.padding_left_1_75em{ padding-left:1.75em;}
.padding_left_2em{ padding-left:2em;}
.padding_left_2_25em{ padding-left:2.25em;}
.padding_left_2_5em{ padding-left:2.5em;}
.padding_left_2_75em{ padding-left:2.75em;}
.padding_left_3em{ padding-left:3em;}
.padding_left_3_25em{ padding-left:3.25em;}
.padding_left_4em{ padding-left:4em;}
.padding_left_5em{ padding-left:5em;}
.padding_left_6em{ padding-left:6em;}
.padding_left_337{ padding-left:337px;}
.width_567{ width:567px;}

.bg_color_FFFFE1{ background-color:#FFFFE1;}


body{color: #454545;}
h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0; font-size:12px;}
p,dl,dt,dd,form,ul,ol{line-height:150%;}
a:link {color: #0099CC;	text-decoration: underline;}
a:visited {color: #003366;text-decoration: underline;}
a:hover,
a:active {color: #66CCFF;text-decoration: underline;}
strong{ font-weight:normal;}



#container{width:760px;margin-left:auto;margin-right:auto;}
#header{width:760px;margin-left:auto;margin-right:auto; position:relative; padding-top:15px;}
#menu {height:54px; margin-left:auto; margin-right:auto; margin:0px; padding:0px; padding-bottom:20px; padding-top:20px; clear:both;}
#menu li{ float:left; list-style:none; margin:0px; padding:0px; margin-left:7px; margin-right:3px;}
#menu li a
{
	background-image:url(../images/menu.png);background-repeat: no-repeat;
	text-indent: -9999px;display: block;height: 54px;width: 178px;outline: none;
}
#menu #menu1 a{ background-position:0px 0px;}
#menu #menu2 a{ background-position:-178px 0px;}
#menu #menu3 a{ background-position:-356px 0px;}
#menu #menu4 a{ background-position:-534px 0px;}
#menu #menu1 a:hover{ background-position:0px -54px;}
#menu #menu2 a:hover{ background-position:-178px -54px;}
#menu #menu3 a:hover{ background-position:-356px -54px;}
#menu #menu4 a:hover{ background-position:-534px -54px;}
#menu #menu1 a.on{ background-position:0px -54px;}
#menu #menu2 a.on{ background-position:-178px -54px;}
#menu #menu3 a.on{ background-position:-356px -54px;}
#menu #menu4 a.on{ background-position:-534px -54px;}

#contents{width:760px;margin-left:auto;margin-right:auto; margin-top:5px; margin-bottom:10px;}
#footer{width:760px;margin-left:auto;margin-right:auto; clear:both; text-align:center; position:relative;}
#footer h3,
#footer_menu {margin-top:20px;margin-bottom:20px;font-weight:bold;}
#toiawase { position:absolute;width:235px;top:50px;right:30px;font-weight:bold; text-align:left;}
#shikaku { position:absolute;width:235px;top:50px;left:50px;font-weight:bold; text-align:left;}
#oubo_shitene { position:absolute;bottom:40px;left:-90px;}


/* /common */



/* index/ */
.bg_top
{
    background-image:url(../images/bg_body.jpg);
    background-position:center top;
    background-repeat:repeat-y;
}
#index a.zoom{ outline:none;}
#index h1{ width:610px; margin-left:auto; margin-right:auto;}
#index #cm{ position:absolute; top:20px; right:-125px;}
#index #cm a{ outline:none;}
#index #kikan {width:77px;height:77px;position:absolute;top:50px;left:80px;z-index: -1;}
#index #container{ position:relative;}
#index h2{ width:725px; margin:0px; padding:0px; margin-left:auto; margin-right:auto;}
#index #contents{
	background-image: url(../images/bg_index_contents.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 710px;
}
#index #present { position:relative;}
#index #present ul{ margin:0px; padding:0px;}
#index #present li { list-style:none;position:absolute;}
#index #presentA {top:0px;left:50px;}
#index #presentB {top:0px;right:50px;}
#index #presentC {top:230px;left:20px;}
#index #presentD {top:250px;right:30px;}
#index #presentE {top:460px;left:30px;}
/* /index */


/* pages_common/ */
.bg_pages
{
    background-image:url(../images/bg_body_pages.jpg); background-position:center top; background-repeat:repeat-y;
}
#pages #container{ padding-top:0px;}
#pages #contents{ clear:both; padding-top:10px;}
#pages #header
{
	width:760px; height:220px;
	background-image: url(../images/head_pages.jpg);background-repeat: repeat-x;background-position: center top;
}
#pages #header h1{ width:324px; float:left; margin-left:10px;}
#pages #header p{ width:416px; float:right; margin-right:10px;}
#pages .etc {text-align:center;margin-bottom:10px;margin-left:auto;margin-right:auto;}
#pages .etc p {padding-bottom:10px;padding-top:10px;}
#goto_top{ width:600px; margin-left:auto; margin-right:auto; text-align:right;}
/* /pages_common */



/* gaiyo/ */
.gaiyo .item 
{
    width:483px;margin-bottom:20px;margin-top:10px;margin-left:auto;margin-right:auto;
	background-image: url(../images/gaiyo/bn_item_side.gif);background-repeat: repeat-y;
	background-position: right center;
}
.gaiyo .item p
{
	padding-bottom:10px;padding-left:25px;padding-right:10px;padding-top:0px;line-height:200%;
	background-image: url(../images/gaiyo/bn_item_footer.gif);background-repeat: no-repeat;background-position: right bottom;
}
.gaiyo .item h3
{
	width:483px;height:34px;display:block;text-indent: -9999px;
	background-image: url(../images/gaiyo/bn_item_head.gif);background-repeat: no-repeat;
}
.gaiyo .item .hoho {background-position: left 0px;}
.gaiyo .item .shikaku {background-position: left -34px;}
.gaiyo .item .shimekiri {background-position: left -68px;}
.gaiyo .item .saki {background-position: left -102px;}
.gaiyo .item .happyo {background-position: left -136px;}
.pdf_down {text-align:center;width:100%;}
.pdf_down a
{
	display: block;width: 280px;height: 35px;outline: none;text-indent: -9999px;cursor: pointer;
	background-image: url(../images/gaiyo/bn_oubo_pdf.gif);background-repeat: no-repeat;background-position: left 0px;
	margin-left:80px;
}
.pdf_down a:hover {background-position: 0 -35px;}
/* /gaiyo */



/* maker/ */
.maker h3 
{
	width:270px;height:50px;display:block;text-indent: -9999px;
	background-image: url(../images/maker/bn_item_head.gif);background-repeat: no-repeat;
}
.maker table {margin-top: 10px;margin-bottom: 10px;}
.maker td {padding-bottom:3px;padding-top:3px;padding-left:1em;padding-right:1em;}
.maker caption {text-align:center;}
/* /maker */



/* qaa/ */
.qaa {width:600px;margin-left:auto;margin-right:auto;}
.qaa h4
{
	width:202px;height:34px;display:block;text-indent: -9999px;background-image: url(../images/qaa/bn_item_head.gif);
	background-repeat: no-repeat;margin-top:15px;margin-bottom:15px;text-align:center;margin-left:auto;
	margin-right:auto;
}
.qaa #q1 {background-position: 0 0px;}
.qaa #q2 {background-position: 0 -34px;}
.qaa #q3 {background-position: 0 -68px;}
.qaa #q4 {background-position: 0 -102px;}
#links{width:640px;text-align:center;line-height:150%;}
#links li {display:inline;margin-left:15px;margin-right:15px;}
.qaa #q1 {background-position: 0 0px;}
.blue,
.orange{padding:10px;margin-bottom:15px;}
.blue{background:#F7FBFF;}
.orange{background:#FFF8F0;}
.q1_1
{
	background-image: url(../images/qaa/ico_q_blue.gif);background-repeat: no-repeat;
	line-height:25px;padding-left:30px;background-position: left top;color:#0066CC;border-bottom-width: 3px;
	border-bottom-style: dotted;border-bottom-color: #88C4FF;margin-bottom:10px;padding-bottom:10px;
}
.q1_2
{
	background-image: url(../images/qaa/ico_q_orange.gif);background-repeat: no-repeat;
	line-height:25px;padding-left:30px;background-position: left top;color:#0066CC;border-bottom-width: 3px;
	border-bottom-style: dotted;border-bottom-color: #FF9900;margin-bottom:10px;padding-bottom:10px;
}
.a1_1
{
	background-image: url(../images/qaa/ico_a_blue.gif);background-repeat: no-repeat;
	line-height:26px;padding-left:30px;background-position: left top;
}

.a1_2
{
	background-image: url(../images/qaa/ico_a_orange.gif);background-repeat: no-repeat;line-height:26px;
	padding-left:30px;background-position: left top;
}
/* /qaa */



/* recipe/ */
.recipe h3 
{
	width:478px;height:135px;display:block;text-indent: -9999px;
	background-image: url(../images/recipe/bn_item_head.jpg);background-repeat: no-repeat;
}
.recipe #link{ text-align:center; width:600px; margin-top:20px; margin-left:auto; margin-right:auto;}
.recipe #link ul{ margin:0px; padding:0px; list-style:none;}
.recipe #link li{}
.recipe #recipe_back{ background-color:#FFFAD0; width:600px; margin-left:auto; margin-right:auto; margin-bottom:10px;}
.recipe #recipe_back .recipe_item{ padding:20px; }
.recipe .ui-state-default a,
.recipe .ui-tabs-selected a
{
	width:58px;height:23px;display:block;background-image: url(../images/recipe/bn_recipe_tab.jpg);
	background-repeat: no-repeat;text-indent: -9999px;outline: none;
}
.recipe #link0 a{ background-position:0px 0px;}
.recipe #link1 a{ background-position:-58px 0px;}
.recipe #link2 a{ background-position:-116px 0px;}
.recipe #link3 a{ background-position:-174px 0px;}
.recipe #link4 a{ background-position:-232px 0px;}
.recipe #link5 a{ background-position:-290px 0px;}
.recipe #link6 a{ background-position:-348px 0px;}
.recipe #link7 a{ background-position:-406px 0px;}
.recipe #link8 a{ background-position:-464px 0px;}
.recipe #link9 a{ background-position:-522px 0px;}
.recipe #link0.ui-tabs-selected a{ background-position:0px -23px;}
.recipe #link1.ui-tabs-selected a{ background-position:-58px -23px;}
.recipe #link2.ui-tabs-selected a{ background-position:-116px -23px;}
.recipe #link3.ui-tabs-selected a{ background-position:-174px -23px;}
.recipe #link4.ui-tabs-selected a{ background-position:-232px -23px;}
.recipe #link5.ui-tabs-selected a{ background-position:-290px -23px;}
.recipe #link6.ui-tabs-selected a{ background-position:-348px -23px;}
.recipe #link7.ui-tabs-selected a{ background-position:-406px -23px;}
.recipe #link8.ui-tabs-selected a{ background-position:-464px -23px;}
.recipe #link9.ui-tabs-selected a{ background-position:-522px -23px;}
.recipe .image { text-align:center;}
.recipe .material 
{
	width:525px;margin-left:auto;margin-right:auto;color:#1E6BAF;border-top-width: 1px;border-bottom-width: 1px;
	border-top-style: dotted;border-bottom-style: dotted;border-top-color: #74D1DB;border-bottom-color: #74D1DB;
	padding-top: 5px;padding-bottom: 5px; margin-bottom:10px; margin-top:10px;
}
.recipe .detail ol
{ 
    margin:0px; padding:0px; width:500px; margin-left:auto; margin-right:auto;
}
.recipe .detail li{ margin-left:2em; line-height:150%; padding-bottom:5px; padding-top:5px;}
.recipe #recipe_etc
{
	width:580px;margin-left:auto;margin-right:auto; bold;background-color: #FFEEF2;border: 1px solid #FF3366;
	text-align:center; padding:10px; margin-top:10px; margin-bottom:20px; font-weight:bold; font-size:120%;
}
.recipe #recipe_etc a{ color:#FF3366; text-decoration:underline;}
.recipe #recipe_etc a:hover{color: #0099CC;text-decoration: underline;}
.recipe .point{ width:525px; margin-top:10px; margin-left:auto; margin-right:auto; border: 1px solid #FF3399;}
.recipe .point ul{ margin:0px; padding-bottom:5px; padding-top:5px; padding-right:1em; padding-left:2em;}
.recipe #recipe6 .material p span{ margin-left:3em;}
.recipe .detail div{ margin-left:3em; font-weight:bold;}
/* /recipe */