@charset "UTF-8";
/* ----------------------------------
	* FOR -//W3C//DTD XHTML 1.1//EN
	* Copyright (c) softpower Inc., All rights reserved.
	*
	* BUILD  2009-09-14
	* 
	* font size adjustment chart
	* 10px(77%) 11px(85%) 12px(92%) 13px(100%) 14px(107%) 15px(114%)
	* 16px(122%) 17px(129%) 18px(136%) 19px(144%) 20px(152%)
	* 21px(159%) 22px(167%) 23px(174%) 24px(182%) 25px(189%) 26px(197%)
	* 
	* ----------------------------------- */

body	{
	margin		:0;
	padding		:0;
	background	:#FCFAF6 url(images/parts/bg_body01.gif) top repeat-x;
	font-family	:メイリオ, Meiryo, 'Lucida Grande', 'Bitstream Vera Sans', 'Segoe UI', Calibri, Verdana, Arial, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3',  'ＭＳ Ｐゴシック', IPAPGothic, sans-serif ! important;
	font-size	:92%;
	text-align	:left;
	text-autospace	:ideograph-alpha;
	color		:#606060;
	}

h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
img		{ border-style:none; border-width:0px; margin:0px 0px; }
a:link		{ color:#2276BB; text-decoration:underline; }
a:visited	{ color:#2276BB; text-decoration:underline; }
a:hover		{ color:#da1f00; text-decoration:underline; }

p		{ margin:0 0 1em 0; line-height:1.4em; letter-spacing:0.1em; }
address		{ font-style:normal; font-size:85%; }


table {
	width		:100%;
	border-top	:1px solid #DACFB8;
	border-spacing	:0;
	}

th,td {
	margin		:0;
	padding		:10px;
	}

th {
	border-bottom	:1px solid #DACFB8;
	background	:#F9F8EE;
	white-space	:nowrap;
	font-size	:85%;
	color		:#4C4C4C;
	}

td {
	border-bottom	:1px solid #DACFB8;
	}

.layout-both	{ height:auto; clear:both; overflow:hidden; display:block; }
.layout-left	{ height:auto; float:left; overflow:hidden; display:block; }
.layout-right	{ height:auto; float:right; overflow:hidden; display:block; }


/*文字色*/
.red { color:#E44; }


#description {
	font-size	:1%;
	text-indent	:-7000em;
	}

#wrapper {
	width		:830px;
	margin		:0 auto;
	background	:#FFF url(images/parts/bg_wrapper01.gif) top repeat-x;
	}

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

/*ヘッダーー*/
#Header {
	width:760px;
	height:125px;
	margin:0 0 20px 0;
	clear:both;
	overflow:hidden;
	display:block;
	}

#Header-left {
	width		:288px;
	height		:85px;
	background	:url(images/parts/logo01.gif) no-repeat top left;
	float		:left;
	overflow	:hidden;
	display		:block;
	text-indent	:-7000em;
	font-size	:1em;
	}

#Header-left h1 a {
	width		:298px;
	height		:85px;
	display		:block;
	}

#Header-right {
	width		:472px;
	height		:85px;
	float		:left;
	overflow	:hidden;
	display		:block;
	}

#Header-right ul 	{ width:472px; margin:0; padding:0; list-style:none; }
#Header-right ul li	{ margin:0; padding:0; text-indent:-7000em; float:left; }
#Header-right ul li a	{ height:80px; display:block; }

#Header-right ul li.btn01 a		{ width:199px; background:url(images/parts/btn01.gif) bottom; }
#Header-right ul li.btn01 a:hover	{ background:url(images/parts/btn01.gif) top; }

#Header-right ul li.btn02 a		{ width:126px; background:url(images/parts/btn02.gif) bottom; }
#Header-right ul li.btn02 a:hover	{ background:url(images/parts/btn02.gif) top; }


#Header-right #contact01 {
	width		:100%;
	height		:35px;
	padding		:0 0 0 272px;
	font-size	:1px;
	text-indent	:-7000em;
	}

#Header-right #contact01 a {
	width		:200px;
	height		:35px;
	background	:url(images/parts/btn_contact01.gif) top;
	display		:block;
	}

#Header-right #contact01 a:hover {
	background	:url(images/parts/btn_contact01.gif) bottom;
	}

#Header-line {
	height		:40px;
	}

#Header-line ul 	{ margin:0; padding:0; list-style:none; }
#Header-line ul li	{ margin:0; padding:0; text-indent:-7000em; float:left; }
#Header-line ul li a	{ height:40px; display:block; }

#Header-line ul li.btn01 a		{ width:271px; background:url(images/parts/btn_header01.gif) top; }
#Header-line ul li.btn01 a:hover	{ background:url(images/parts/btn_header01.gif) bottom; }

#Header-line ul li.btn02 a		{ width:156px; background:url(images/parts/btn_header02.gif) top; }
#Header-line ul li.btn02 a:hover	{ background:url(images/parts/btn_header02.gif) bottom; }

#Header-line ul li.btn03 a		{ width:172px; background:url(images/parts/btn_header03.gif) top; }
#Header-line ul li.btn03 a:hover	{ background:url(images/parts/btn_header03.gif) bottom; }

#Header-line ul li.btn04 a		{ width:161px; background:url(images/parts/btn_header04.gif) top; }
#Header-line ul li.btn04 a:hover	{ background:url(images/parts/btn_header04.gif) bottom; }





/*フッター*/
#Footer {
	margin		:10px 0 0 0;
	padding		:0 0 15px 0;
	font-size	:77%;
	clear		:both;
	overflow	:hidden;
	display		:block;
	}

.PageTop {
	width		:100%;
	margin		:0 0 10px 0;
	background	:url(images/parts/bg_line01.gif) bottom repeat-x;
	text-align	:right;
	}



/****************/
/*** 胴体部分 ***/
/****************/
#box_Main {
	width		:520px;
	height		:auto;
	float		:left;
	overflow	:hidden;
	display		:block;
}

.box_Side01 {
	width		:220px;
	height		:auto;
	margin		:0 0 15px 20px;
	background	:url(images/parts/bg_side01_body.gif) repeat-y;
	float		:right;
	overflow	:hidden;
	display		:block;
}

.box_Side01 div.head {
	width		:220px;
	height		:15px;
	background	:url(images/parts/bg_side01_head.gif) no-repeat;
	overflow	:hidden;
	display		:block;
}

.box_Side01 div.bottom {
	width		:220px;
	height		:85px;
	overflow	:hidden;
	display		:block;
}

.box_Side01 div.bottom a {
	width		:220px;
	height		:85px;
	background	:url(images/parts/bg_side01_bottom.gif) top no-repeat;
	text-indent	:-7000em;
	display		:block;
	}

.box_Side01 div.bottom a:hover {
	background	:url(images/parts/bg_side01_bottom.gif) bottom no-repeat;
	}

.box_Side02 {
	width		:220px;
	height		:auto;
	margin		:0 0 0 20px;
	text-align	:center;
	float		:right;
	overflow	:hidden;
	display		:block;
}


/*エントリー01*/
xdiv.Entry01 {
	margin		:0 0 20px 0;
	overflow	:hidden;
}

xdiv.Entry01 .xxtitle {
	width		:520px;
	padding		:0 0 0 15px;
	margin		:0 0 10px 0;
	background	:url(images/parts/bg_title01.gif) repeat-y;
	text-align	:justify;
	text-justify	:distribute;
	color		:#7E1E1F;
	position	:relative;
	}

xdiv.Entry01 .title {
	margin		:0 0 10px 0;
	}

xdiv.Entry01 h3 {
	margin		:1.5em 0 0.7em 0;
	font-size	:114%;
	color		:#008000;
	}

xdiv.Banner01 {
	width		:520px;
	height		:auto;
	margin		:0 0 10px 0;
	overflow	:hidden;
	display		:block;
	}

xdiv.Banner01 div.left {
	width		:255px;
	margin		:0 5px 0 0;
	float:left;
	}

xdiv.Banner01 div.right {
	width		:255px;
	margin		:0 0 0 5px;
	float:right;
	}


/*サイド*/
.box01 {
	margin		:0 10px 25px 10px;
	}

.box01 p {
	font-size	:85%;
	}

.side_title01 {
	background	:#9ACD32;
	margin		:0 0 10px 0;
	padding		:0 5px;
	line-height	:22px;
	color:		#FFF;
	}

.side_title01 h4 {
	font-size	:85%;
	}


/********************/
/*** トップページ ***/
/********************/
#title-top01 {
	width		:520px;
	height		:40px;
	background	:url(images/parts/title_top01.gif) no-repeat;
	text-indent	:-7000em;
	}

#title-top02 {
	width		:520px;
	height		:40px;
	background	:url(images/parts/title_top02.gif) no-repeat;
	text-indent	:-7000em;
	}


/*************/
.waku_w520_01 {
	padding		:10px 0 0 0;
	background	:url(images/parts/bg_waku_w520_01a.gif) top;
	}

.waku_w520_01 .body {
	padding		:0 20px 10px 20px;
	background	:url(images/parts/bg_waku_w520_01b.gif) bottom;
	}

.waku_w520_01 .body .title {
	margin		:0 0 10px 0;
	border-bottom	:1px solid #F2EDDE;
	}

/*************/
#top_3box {
	width		:760px;
	margin		:0 0 10px 0;
	clear		:both;
	overflow	:hidden;
	display		:block;
	text-indent	:-7000em;
	}

#top_3box .left,
#top_3box .right {
	width		:170px;
	height		:170px;
	background	:url(images/parts/test.gif);
	float		:left;
	overflow	:hidden;
	display		:block;
	}

#top_3box .center {
	width		:170px;
	height		:170px;
	margin		:0 5px;
	background	:url(images/parts/test.gif);
	float		:left;
	overflow	:hidden;
	display		:block;
	}

#top_3box a {
	width		:170px;
	height		:170px;
	display		:block;
	}

#top_3box .left a		{ background:url(images/parts/top_3box_btn01.gif) top; }
#top_3box .left a:hover		{ background:url(images/parts/top_3box_btn01.gif) bottom; }

#top_3box .center a		{ background:url(images/parts/top_3box_btn02.gif) top; }
#top_3box .center a:hover	{ background:url(images/parts/top_3box_btn02.gif) bottom; }

#top_3box .right a		{ background:url(images/parts/top_3box_btn03.gif) top; }
#top_3box .right a:hover	{ background:url(images/parts/top_3box_btn03.gif) bottom; }

/*************/
.box_Left01 {
	width:360px;
	height:auto;
	margin:0 20px 0 0;
	float:left;
	overflow:hidden;
	display:block;
	}

.box_Right01 {
	width:360px;
	margin:0 0 0 20px;
	float:left;
	overflow:hidden;
	display:block;
	}

.box_Left01 .mass01,
.box_Right01 .mass01 {
	margin:0 0 35px 0;
	}


.box_Left01 .mass01 h3,
.box_Right01 .mass01 h3 {
	height		:39px;
	margin		:0 0 15px 0;
	padding		:0 0 0 15px;
	background	:url(images/parts/bg_title_h3.gif) no-repeat;
	font-size	:122%;
}

/****************/
/*** タイトル ***/
/****************/

.title01 {
	margin		:0 0 10px 0;
	}

.title02 {
	margin		:0 0 5px 0;
	}



/******************************/
/*** コロッケ屋さんについて ***/
/******************************/

.box_Contents01 {
	width		:760px;
	margin		:0 0 20px 0;
	background	:url(images/parts/bg_img01.gif);
	clear		:both;
	overflow	:hidden;
	display		:block;
	}

.box_Contents01 .body {
	margin		:5px 5px 5px 5px;
	padding		:25px 18px 15px 18px;
	background	:url(images/parts/bg_img02.gif) repeat-y;
	clear		:both;
	overflow	:hidden;
	display		:block;
	}

.box_Contents01 .left {
	width		:335px;
	height		:auto;
	margin		:0 44px 0 0;
	float		:left;
	overflow	:hidden;
	display		:block;
	}

.box_Contents01 .right {
	width		:335px;
	height		:auto;
	float		:right;
	overflow	:hidden;
	display		:block;
	}


.box_Contents01 .photos {
	margin		:0 0 5px 5px;
	clear		:both;
	overflow	:hidden;
	display		:block;
	}

.box_Contents01 .photos img {
	margin		:0 5px 0 0;
	float		:left;
	}



/****************/
/*** 商品紹介 ***/
/****************/

.box_items01 {
	height		:auto;
	margin		:0 0 20px 0;
	border		:1px solid #ECE7DB;
	clear		:both;
	overflow	:hidden;
	display		:block;
	}

.box_items01 .left {
	width		:320px;
	height		:auto;
	float		:left;
	overflow	:hidden;
	display:block;
	}

.box_items01 .right {
	width		:408px;
	height		:auto;
	padding		:15px;
	float		:left;
	overflow	:hidden;
	display:block;
	}



/******************/
/*** お客様の声 ***/
/******************/

.box_opinion01 {
	width		:235px;
	height		:230px;
	margin		:0 9px 15px 9px;
	background	:url(images/parts/bg_box_opinion01.gif) no-repeat;
	float		:left;
	overflow	:hidden;
	display		:block;
	}

.box_opinion01 div {
	padding		:1em;
	}

.box_opinion01 div h4 {
	margin		:0 0 10px 0;
	padding		:0 0 0 10px;
	background	:url(images/parts/bg_title_h3.gif) no-repeat;
	}

.box_opinion01 div p {
	margin		:0 0 5px 0;
	font-size	:92%;
	}

.box_opinion01 div span {
	font-size	:77%;
	color		:#999;
	}



/********************/
/*** お問い合わせ ***/
/********************/
.form01 {
	margin		:0 0 20px 0;
	}

.form01 table {
	margin		:0 0 20px 0;
	}

.form01 th {
	padding		:0 0 0 43px;
}

.need {
	background	:#F9F8EE url(images/parts/icon_need.gif) no-repeat 8px center;
	}

	



/******************/
/*** 枠のサイズ ***/
/******************/
.w450 {
	width		:450px;
	margin		:0 0 20px 0;
	padding		:0 10px 0 0;
	}