@charset "UTF-8";

*{
	margin:0;
	padding:0;
	}

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:0px;
	color:#333333;

	}

img{
	vertical-align:top;
	border:0;
	}

a {	
	color:#9ABE3D;
	text-decoration:underline;
	}
	
a:link {}
a:visited {}
a:hover {
	color:#525252;
	text-decoration:underline;
	}
a:active {}

p {
	font:12px normal "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333333;
	line-height:140%;
	letter-spacing:0.1em;
	}
	
.obj_left{
	float:left;
	}
	
.obj_right{
	float:right;
	}
	
.center{
	text-align:center;
	}
	
.clear {
	clear:both;
	}

	
table {
	border-collapse: collapse;
}

h2{
	padding-bottom:20px;
}


h2.type01{
	padding-bottom:0px;
}


h3{
	padding:20px 0;
}

h4{
	padding-bottom:12px;
}


/*--------------clearfix--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* 余白
----------------------------------------------- */
.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb30 {
	padding-bottom:30px;
}
.pb35 {
	padding-bottom:35px;
}
.pb40 {
	padding-bottom:40px;
}
.pb45 {
	padding-bottom:54px;
}
.pb50 {
	padding-bottom:50px;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.mb35 {
	margin-bottom:35px;
}
.mb40 {
	margin-bottom:40px;
}
.mb45 {
	margin-bottom:54px;
}
.mb50 {
	margin-bottom:50px;
}



/*--------------エリア--------------*/
#container{
	width:882px;
	margin:0 auto;
}

#header_area{
	background:url(../img/common/haeder_bg.jpg) 1px 0 no-repeat;
}

#header_area_index{
	width:876px;
	margin:0 auto;
	padding-left:6px;
	background:url(../img/common/bg.jpg) 0 0 repeat-y;
	}

#main_container{
	background:url(../img/common/bg.jpg) 0 0 no-repeat;
	font-size:12px;
}

#contents{
	clear:both;
	width:820px;
	margin:0 auto;
	padding-top:10px;
	}

#contents_index{
	clear:both;
	width:820px;
	margin:0 auto;
	padding-top:0px;
	}
	
#sub{
	float:left;
}

#main_area{
	padding:0 5px 0 0;
	_padding:0 0 0 0;
	width:625px;
	float:right;
}

#main_area_index{
	padding:0 5px 0 0;
	_padding:0 0 0 0;
	width:630px;
	float:right;
}


#main{
	float:left;
}

#footer_area{
	clear:both;
	width:882px;
	margin:0 auto;
	padding-top:30px;
	background:url(../img/common/footer_mainbg.jpg) 0 0 no-repeat;
	height:162px;

}

.work{
	height:400px;
	}


/*--------------そのほかパンクズなどの共通項目--------------*/
#pkz{
	float:left;
	padding:120px 0 0 18px;
	font-size:12px;
	}

#pkz a {	
	color:#525252;
	text-decoration:underline;
	}

#pkz a:hover {
	color:#9ABE3D;
	text-decoration:underline;
	}
	
/*---サイドナビ---*/
#sub ul {
	background:url(../img/common/s_navi/s_navi_bg_wh.jpg) 0 0 repeat-y;
	}
	
#sub li {
	list-style:none;
	}
	
#sub li a{
	color:#97BD38;
	text-decoration:none;
	}
	
#sub li a:link{
	color:#97BD38;
	text-decoration:none;
	}
	
#sub li a:hover{
	text-decoration:underline;
	}

#sub li.wharea a{
	padding-left:35px;
	background:url(../img/common/s_navi/s_navi_icon_green.gif) 24px center no-repeat;
	}

#sub li.wharea{
	padding:7px 0 7px;
	background:url(../img/common/s_navi/s_navi_line_dot.jpg) top right no-repeat;
	}

#sub li.wharea_top{
	padding:7px 0 7px 35px;	
	background:url(../img/common/s_navi/s_navi_icon_green.gif) 24px 10px no-repeat;
	}
	
#sub li.wharea_in{
	padding:7px 0 7px 35px;	
	background:url(../img/common/s_navi/s_navi_icon_green02.jpg) 22px 0px no-repeat;
	}
	
#sub li.wharea_active_top{
	padding:7px 0 7px 35px;	
	background:url(../img/common/s_navi/s_navi_icon_blue.jpg) 24px 10px no-repeat;
	color:#496A85;
	}

#sub li.wharea_active_in {
	padding:7px 0 7px 35px;	
	background:url(../img/common/s_navi/s_navi_icon_green02.jpg) 22px 0px no-repeat;
	color:#496A85;
	}


#sub .member_area{
	background:url(../img/common/s_navi/s_navi_mem_bg_main.jpg) 0 0 no-repeat;
	}

#sub .member_area02{
	background:url(../img/common/s_navi/s_navi_mem_bg_main.jpg) 0 bottom no-repeat;
	padding-bottom:10px;
	}
	

#sub .member_area .sub_mail{
	background:url(../img/common/s_navi/s_navi_icon_mail.jpg) 0 center no-repeat;
	padding-left:18px;
	margin:8px 0 3px 10px;
	font-weight:bold;
	font-size:10px;
	}
	
#sub .member_area .sub_pass{
	background:url(../img/common/s_navi/s_navi_icon_key.jpg) 0 center no-repeat;
	padding-left:18px;
	margin:3px 0 3px 10px;
	font-weight:bold;
	font-size:10px;
	}

#sub .member_area .sub_inputbox{
	margin-left:10px;
	width:145px;
	}

#sub .login_btn{
	text-align:right;
	padding:7px 13px 4px 0;
	}

#sub .infobtn{
	text-align:center;
	padding-top:15px;
	padding-bottom:0px;
	background:url(../img/common/s_navi/s_navi_line.gif) 0 5px no-repeat;
	}
	
#sub p span a {
	font-size:10px;
	letter-spacing:0.1em;
	line-height:140%;
	padding-left:7px;
	margin-left:12px;
	background:url(../img/common/s_navi/s_navi_icon_blue02.gif) 0 center no-repeat;
	color:#525252;
	text-decoration:none;
	}
	
#sub p span a:hover {
	text-decoration:underline;
	}

/*---フッター---*/

#footer_area a{
	color:#666666;
	}
	
#footer_area a:hover {	
	color:#9ABE3D;
	text-decoration:underline;
}

#footer_area ul{
	padding-top:35px;
	float:right;
	}

#footer_area li{
	float:left;
	font-size:10px;
	list-style:none;
	}
	
#footer_area .copy{
	color:#336699;
	letter-spacing:0.1em;
	font-size:10px;
	text-align:right;
	padding-right:15px;
	padding-top:10px;
	}
	
#footer_area .link{
	padding:0 10px;
	background:url(../img/common/footer_li_line.gif) right center no-repeat;
	}
	
#footer_area .link_end{
	padding:0 18px 0 10px;
	}
	
#footer_area .pagetop{
	padding:0 35px 0 0;
	color:#666666;
	font-size:12px;
	text-align:right;
	text-decoration:underline;
	background:url(../img/common/footer_arrow_pagetop.gif) 735px center no-repeat;
	}

/*--------------pagetop--------------*/


.inner_pagetop a{
	padding:0 0 0 10px;
	color:#666666;
	font-size:12px;
	text-align:right;
	text-decoration:underline;
	background:url(../img/common/footer_arrow_pagetop.gif) 0 center no-repeat;
}


ul.inner_pagetop {
	width:625px;
	margin:30px 0 0  0;
	padding:20px 0 20px 0 ;
	background:url(../img/about/main_btm_line_dot.gif) 0 0 no-repeat;
	}

.inner_pagetop li{
	float:right;
	list-style:none;
	}

.inner_pagetop02 a{
	padding:0 0 0 10px;
	color:#666666;
	font-size:12px;
	text-align:right;
	text-decoration:underline;
	background:url(../img/common/footer_arrow_pagetop.gif) 0 center no-repeat;
}


ul.inner_pagetop02 {
	width:625px;
	margin:0 0 20px 0;
	padding:20px 0 35px 0 ;
	_padding:20px 0 20px 0 ;
	background:url(../img/about/main_btm_line_dot.gif) 0 bottom no-repeat;
	}

*:first-child+html ul.inner_pagetop02 {
	padding:20px 0 20px 0 ;
	}


.inner_pagetop02 li{
	float:right;
	list-style:none;
	}

/*--------------TXT余白系--------------*/

#main_area p.txt {
	padding-bottom:20px;
	}

#main_area p.txt02 {
	padding-top:20px;
	}

#main_area p.txt03 {
	padding-bottom:10px;
	}
	
#main_area p.txt04 {
	padding:20px 0;
	}

#main_area p.txt05 {
	padding:7px 0 10px 0 ;
	}

#main_area p.txt06 {
	padding:0 0 10px 0 ;
	float:left;
	width:460px;
	}

#main_area p.txt07 {
	padding:5px 0 0 0 ;
	margin:0 0 10px 0;
	_margin:0 0 5px 0;
	float:right;
	width:360px;
	}

.txt_cate_top01 {
	padding-bottom:5px;
	width:330px;
	}

.txt_cate_top02 {
	padding-bottom:5px;
	width:360px;
	}

.txt_cate_top03 {
	padding:15px 0 20px 20px;
	color:#FFFFFF;
	}
	
.txt_cate_top03_01 {
	padding:15px 0 0 20px;
	color:#FFFFFF;
	}

.txt_cate_top04 {
	padding-bottom:5px;
	width:400px;
	}

.txt_cate_top05 {
	padding:6px 20px 5px;
	letter-spacing:0;
	}

.txt_logo {
	padding:10px 0 0 20px;
	float:left;
	line-height:170%;
	}
	
/*--------------BOX系--------------*/
.category_box{
	background:url(../img/common/cate_bg.jpg) 0 0 no-repeat;
	padding:10px 20px 20px 0px;
	margin-top:20px;
	width:605px;
	}

.cate_box_in_01{
	background:url(../img/common/cate_box_bg01.gif) 0 bottom no-repeat;
	padding:10px 20px 15px;
	margin-bottom:10px;
	margin-left:20px;
	}

.cate_box_in_01_huck{
	background:url(../img/common/cate_box_bg01.gif) 0 bottom no-repeat;
	padding:15px 20px 15px;
	_padding:10px 20px 15px;
	margin-left:20px;
	}

*:first-child+html .cate_box_in_01_huck{
	padding:10px 20px 15px;
	}

.cate_box_in_02{
	background:url(../img/common/cate_box_bg02.gif) 0 bottom no-repeat;
	}

.cate_box_in_03{
	background:url(../img/common/cate_box_bg03.jpg) 0 bottom no-repeat;
	padding:0 10px 10px;
	margin-bottom:10px;
	_margin-bottom:5px;
	}

*:first-child+html .cate_box_in_03{
	margin-bottom:5px;
	}

.category_box02{
	width:585px;
	margin:20px 0 0 20px;
	}

.cate_leftbox{
	background:url(../img/common/cate_box_bg02.gif) 0 bottom no-repeat;
	float:left;
	padding:0 0 15px;
	width:285px;
	}
	
.cate_rightbox{
	background:url(../img/common/cate_box_bg02.gif) 0 bottom no-repeat;
	float:right;
	padding:0 0 15px;
	width:285px;
	}

.cate_recipe_box{
	float:right;
	padding:0 12px 15px 13px;
	background:#FFFFFF 0 0 repeat-y;
	}

.box_style00{
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	}
	
.box_style01{
	padding:40px;
	border:1px solid #CCCCCC;
	border-top:none;
	}
	
.box_style02{
	padding:20px;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	}
	
.box_style03{
	padding:10px;
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	}
	
	
.boxttl{
	padding-bottom:20px;
	}
	
#main_area p.boxttl_style01{
	padding:0 0 5px 0;
	margin:0 0 0 0;
	font-weight:bold;
	font-size:14px;
	}

.box_s_txt01{
	padding-top:20px;
	font-size:10px;
	color:#333333;
	line-height:140%;
	text-align:right;
	}

ul.box_subtxt {
	margin-bottom:20px;
	margin-top:3px;
	}
	

.box_subtxt li{
	list-style-position:outside;
	font-size:10px;
	color:#333333;
	line-height:140%;
	list-style:none;
	}

.box_style04{
	background-color:#F4F4F4;
	padding:10px 10px ;
	margin:0 0 10px 0;
	}

.box_style05{
	padding:10px;
	margin:10px 0 0 0;
	background-color:#FFFFFF;
	}

.box_style06{
	margin:0 0 20px 0;
	}
	
.box_style07{
	padding:20px;
	border:1px solid #CCCCCC;
	margin-bottom:10px;
	}
	
.box_style08{
	border:1px solid #CCCCCC;
	margin-bottom:20px;
	}
	
/*--------------img余白--------------*/
.img_margin02{
	padding:10px 0 30px 0;
	}

.img_margin03{
	padding:0 0 20px 0;
	}

.img_margin04{
	padding:10px;
	}
	
.catebtn_right{
	padding:0 20px 0 0;
	text-align:right;
	}

.img_style01{
	float:left;
	padding:0 15px 11px 0;
	}
	
.img_style02{
	float:left;
	padding:0 9px 0 0;
	}


/*--------------文字の太さや色--------------*/
.txt_red{
	line-height:130%;
	color:#FF0000;
	}

p.txt a{	
	color:#9ABE3D;
	text-decoration:underline;
}

#main_area p.txt_green a{
	color:#9ABE3D;
	text-decoration:underline;
	}

span.font_bold{
	font-weight:bold;
	font-size:14px;
	}
	
p span.font_green02{
	font-weight:bold;
	color:#9ABE3D;
	font-size:12px;
	}

#main_area span.box_subtxt_mini{
	font-size:10px;
	color:#333333;
	line-height:140%;
	font-weight:normal;
	}

	
/*--------------アイコン付きリンク--------------*/

p.pdf_link01{
	margin-top:5px;
	}
	
.pdf_link01 a{
	background:url(../img/common/icon_pdf.jpg) 0 center no-repeat;
	padding:10px 0 10px 25px ;
	color:#9ABE3D;
	}

p.other_link01{
	margin-top:5px;
	}
	
.other_link01 a{
	background:url(../img/common/icon_otherpage.gif) 5px center no-repeat;
	padding:10px 0 10px 25px ;
	color:#9ABE3D;
	}