@charset "utf-8";

/*------------------------------------------------
	base styles
--------------------------------------------------*/
body {
	color: #754c0b;
	text-align: center;
	font-size: 75%;
	width: 100%;
	font-family: "メイリオ", "ＭＳ Ｐゴシック";
}
td {
	color: #754c0b;
	font-family: "メイリオ", "ＭＳ Ｐゴシック";
}
body,p,dl,ul,h1,h2,h3,h4,h5,h6,form,table,td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
p {
	font-size: 100%;
	line-height: 150%;
}
ol {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2.5em;
}
ul {
	list-style-type: none;
}
ol li,
ul li {
	font-size: 100%;
	line-height: 150%;
}
ol li img,
ul li img {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
img {
	border: none;
}
select,input,textarea {
	color: #754c0b;
	font-size: 100%;
}
strong {
	font-weight: bold;
}
a,
a:link,
a:visited {
	color: #754c0b;
	text-decoration: underline;
}
a:hover,
a:active {
	color: #e72121;
	text-decoration: none;
}



/*------------------------------------------------
	common styles
--------------------------------------------------*/
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
.clearfix {
	display: block;
}



/*------------------------------------------------
	header styles
--------------------------------------------------*/
#header {
	width: 100%;
	height: 334px;
	text-align: center;
	background: url(../images/bg_header.jpg) repeat-x center bottom;
}
#header_inner {
	width: 950px;
	height: 334px;
	margin: 0px auto 0px auto;
	text-align: left;
	overflow: hidden;
}
#header #header_contents01 {
	padding-top: 15px;
	width: 950px;
	height: 44px;
	overflow: hidden;
}
#header #header_contents01 h1 {
	width: 156px;
	height: 30px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat left top;
}
#header #header_contents01 p.subtitle {
	text-indent: -999em;
}
#header #header_contents02 {
	width: 950px;
	height: 275px;
	overflow: hidden;
}
#header #header_contents02 p.description {
	width: 950px;
	height: 275px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/bg_header_contents02.jpg) no-repeat left bottom;
}



/*------------------------------------------------
	contents area styles
--------------------------------------------------*/
#contents_area {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
}
#contents_area_inner {
	margin: 0px auto 0px auto;
	padding: 30px 0px 0px 0px;
	width: 950px;
	text-align: left;
	position: relative;
}
#contents_area_inner:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#idx_main_contents {
	width: 720px;
	float: left;
	margin: 0px 0px 0px 0px;
}
#idx_right_contents {
	width: 226px;
	float: right;
	margin: 0px 0px 0px 0px;
}



/*------------------------------------------------
	main contents styles
--------------------------------------------------*/
/*----------------------------
	overview
------------------------------*/
#idx_overview {
	padding: 0px 0px 30px 0px;
	width: 721px;
}
#idx_overview:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
#idx_overview .article {
	padding: 0px 40px 0px 0px;
	width: 320px;
	float: left;
}
#idx_overview .article p {
	font-size: 100%;
	line-height: 170%;
}
#idx_overview .asset .asset-header {
	margin: 0px 0px 16px 0px;
	width: 320px;
	height: 32px;
	overflow: hidden;
}
#idx_overview #idx_menu_planning.asset .asset-header .asset-name {
	width: 320px;
	height: 32px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/h2_idx_menu_planning.gif) no-repeat left top;
}
#idx_overview #idx_menu_planning.asset .asset-body {
	padding: 0px 0px 0px 157px;
	min-height: 130px;
	background: url(../images/photo_idx_menu_planning.jpg) no-repeat left top;
}
#idx_overview #idx_product_development.asset .asset-header .asset-name {
	width: 320px;
	height: 32px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/h2_idx_product_development.gif) no-repeat left top;
}
#idx_overview #idx_product_development.asset .asset-body {
	padding: 0px 0px 0px 147px;
	min-height: 130px;
	background: url(../images/photo_idx_product_development.jpg) no-repeat left top;
}


/*----------------------------
	profile
------------------------------*/
#idx_profile {
	width: 682px;
}
#idx_profile.asset .asset-header {
	margin: 0px 0px 7px 0px;
	width: 682px;
	height: 32px;
	overflow: hidden;
}
#idx_profile.asset .asset-header .asset-name {
	width: 682px;
	height: 32px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/h2_idx_profile.gif) no-repeat left top;
}
#idx_profile.asset .asset-content .asset-body {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 45px 5px;
	width: 672px;
}
#idx_profile table.profile-table {
	padding: 0px 0px 0px 0px;
	width: 672px;
	border: 0px none;
	border-collapse: collapse;
}
#idx_profile table.profile-table tr {
	background: url(../images/l_gray.gif) repeat-x left top;
}
#idx_profile table.profile-table tr:first-child {
	background: none;
}
#idx_profile table.profile-table tr th,
#idx_profile table.profile-table tr td {
	padding: 9px 0px 3px 0px;
	font-size: 100%;
	line-height: 150%;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
#idx_profile table.profile-table tr th {
	width: 141px;
}
#idx_profile table.profile-table tr td {
	width: 531px;
}



/*------------------------------------------------
	right contents styles
--------------------------------------------------*/
#idx_right_contents .rcontent {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	width: 226px;
	background: url(../images/bg_rcontent_body.gif) repeat-y left top;
}
#idx_right_contents .rcontent p {
	font-size: 100%;
	line-height: 140%;
}
#idx_right_contents .rcontent .rcontent-header {
	padding: 13px 13px 10px 13px;
	width: 200px;
	background: url(../images/bg_rcontent_head.gif) no-repeat left top;
}
#idx_right_contents .rcontent .rcontent-body {
	padding: 0px 13px 8px 13px;
	width: 200px;
	background: url(../images/bg_rcontent_foot.gif) no-repeat left bottom;
}
#idx_right_contents .rcontent .rcontent-body .rcontent-block {
	padding: 9px 0px 7px 0px;
	width: 200px;
	overflow: hidden;
	background: url(../images/l_rcontent.gif) repeat-x left top;
}


/*----------------------------
	onlineshop
------------------------------*/
#idx_onlineshop img.qr_code {
	padding-right: 15px;
	float: left;
}


/*----------------------------
	shokubun
------------------------------*/
#idx_shokubun p {
	padding-left: 2px;
}
#idx_shokubun p.link_a {
	margin: 0px 0px 5px 0px;
	padding-top: 1px;
	padding-left: 0px;
	font-size: 120%;
	line-height: 120%;
	font-weight: bold;
}
/*----------------------------
	shokubun_kondate
------------------------------*/
#idx_shokubun_kondate .rcontent-inner {
	padding-left: 75px;
	min-height: 74px;
	background: url(../images/bg_rcontent_kondate.gif) no-repeat left top;
}
/*----------------------------
	shokubun_advice
------------------------------*/
#idx_shokubun_advice .rcontent-inner {
	padding-left: 75px;
	min-height: 90px;
	background: url(../images/bg_rcontent_advice.gif) no-repeat left top;
}



/*------------------------------------------------
	footer styles
--------------------------------------------------*/
#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 100%;
	clear: both;
}
#footer_inner {
	margin: 0px auto 0px auto;
	border-top: 2px solid #ff9000;
	padding: 11px 0px 0px 0px;
	width: 950px;
	text-align: left;
	overflow: hidden;
}
#footer_link {
	float: left;
	width: 500px;
	overflow: hidden;
}
#footer_link p {
	display: none;
}
#footer_link ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 86px;
	width: 414px;
	float: left;
	background: url(../images/t_group.gif) no-repeat left top;
}
#footer_link ul li {
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 9px;
	font-size: 100%;
	line-height: 160%;
}
#footer_contents {
	float: right;
	width: 450px;
	text-align: right;
}
#copyright {
	width: 450px;
	font-family: "Verdana", "sans-serif";
	font-size: 80%;
	line-height: 200%;
	text-align: right;
}