@charset "UTF-8";

/* 余白をリセット 
------------------------------------------------------------------*/
* {
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin:0 10px;
	font-size: 12px;
	color: #000000;
}
li, dd {
	margin-left:0
}
fieldset {padding:6px}
tr, td, th {
	margin: 0;
	padding: 0;
	border: 0;
}
/*ＨＰ枠の設定
------------------------------------------------------------------*/
body {
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 120%;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: url(images/main_bg.gif);
	background-repeat: repeat;
	line-height: 15px;
}

img {
	border: none;
}

/* リンク関係 
------------------------------------------------------------------*/
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:underline}
a:active {text-decoration:none}


/*ＨＰ枠の設定
------------------------------------------------------------------*/
#container {
	background-color: #FFFFFF;
	width: 980px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/*ヘッダー設定
------------------------------------------------------------------*/
#header h1 {
	
}
#header {
	height: 132px;
	background-image: url(images/header/header_bg.gif);
}
#logo {
	width: 350px;
	float: left;
	padding-top: 18px;
}

#sitemap {
	float: right;
	margin-bottom: 20px;
}
#chideji_banner {
	float: right;
	clear: both;
}
#headbanner {
	float: right;
	margin-top: 175px;
	margin-right: 20px;
}

/*メインメニューの設定
------------------------------------------------------------------*/
#menu {
}
#contents_header {
	background-image: url(images/contents_header_bg.gif);
	height: 15px;
}


/*メイン写真
------------------------------------------------------------------*/
#mainimg1 {
	clear: both;
	height: 458px;
	width: 980px;
	background-image: url(images/main_img.jpg);
	background-repeat: no-repeat;
}

#mainimg2 {
	clear: both;
	height: 370px;
	width: 980px;
	background-image: url(images/main_img2.jpg);
	background-repeat: no-repeat;
}

#mainimg3 {
	clear: both;
	height: 370px;
	width: 980px;
	background-image: url(images/main_img3.jpg);
	background-repeat: no-repeat;
}

#mainimg4 {
	clear: both;
	height: 370px;
	width: 980px;
	background-image: url(images/main_img4.jpg);
	background-repeat: no-repeat;
}

#mainimg5 {
	clear: both;
	height: 370px;
	width: 980px;
	background-image: url(images/main_img5.jpg);
	background-repeat: no-repeat;
}



/*メイン写真内のメニュー
------------------------------------------------------------------*/

#sub-menu {
	padding-left: 3px;
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	border-collapse : collapse;
	background-image: url(images/submenu_bg.jpg);
}

/*セカンドページメイン写真内のメニュー
------------------------------------------------------------------*/

#second-sub-menu {
	padding-left: 3px;
	float: right;
	margin-top: 50px;
	margin-right: 20px;
	border-collapse : collapse;
}

/*セカンドページコーナータイトル
------------------------------------------------------------------*/

#corner_title {
	padding-left: 50px;
	font-family: "ＭＳ Ｐ明朝",細明朝体,serif;
	background-image: url(images/corner_titel_bg.gif);
	background-repeat: repeat-x;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}



/*トップページのバナー用
------------------------------------------------------------------*/
#top_banner {
	width: 940px;
	padding-left: 35px;
	font-size: 15px;
}



/*新着情報関係
------------------------------------------------------------------*/
#new {
	width: 930px;
	background-image: url(images/new/new_bg2.gif);
	margin-left: 20px;
	padding-top: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	text-align: left;
}

#new table{
	text-align: left;
	font-size: 12px;
}


#new td{
	padding-left: 10px;
	vertical-align: top;
	width: 300px;
}

.new-title {
	font-size: 16px;
	color: #996633;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}
.new-etitle {
	font-size: 100%;
	width: 100px;
}

#new02 {
	width: 930px;
	background-image: url(images/new/new_bg2.gif);
	margin-left: 20px;
	margin-right: 20px;
	text-align: left;
}

#new02 table{
	text-align: left;
	font-size: 12px;
	width: 930px;
}

#new02 th{
	height: 30px;
	padding-left: 10px;
	text-align: left;
	font-size: 15px;
	border-bottom: 3px groove #ff7b00;
}

#new02 td{
	height: 20px;
	padding-left: 20px;
	border-bottom: 1px dotted #999999;
}

#new02 .new_end {
	height: 20px;
	padding-left: 20px;
	border-bottom: 0px;
}




/*テーブル設定
------------------------------------------------------------------*/
.table01 {
	width: 930px;
	background-image: url(images/new/new_bg2.gif);
	margin-left: 20px;
	padding-top: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	text-align: center;
}

.table01 table{
	text-align: left;
	font-size: 12px;
}


.table01 td{
	width: auto;
}

.table01 th{
	vertical-align: top;
	width: auto;
}

.table01-title {
	font-size: 16px;
	color: #996633;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}

.table-com {
	background-image: url(images/new/new_bg2.gif);
	margin-left: 20px;
	padding-top: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	text-align: center;
	width: 550px;
}

.table-com table{
	text-align: left;
	font-size: 12px;
}


.table-com td{
	padding-left: 20px;
}

.table-com th{
	width: 142px;
	background-image: url(images/table01_th_bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	color: #663300;
	text-align: center;
}

.table-calorie {
	margin-left: 20px;
	padding-top: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	text-align: center;
	background-image: url(images/calorie/table_bg.gif);
}

.table-calorie table{
	text-align: left;
	font-size: 12px;
}


.table-calorie td{
	padding-left: 20px;
}

.table-calorie th{
	width: 142px;
	background-image: url(images/calorie/tablecalorie_th_bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	color: #669933;
	text-align: center;
}


.table-com-title {
	font-size: 16px;
	color: #996633;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}

.table-faq {
	background-image: url(images/new/new_bg2.gif);
	margin-left: 20px;
	padding-top: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	text-align: center;
	width: 900px;
}


.table-faq td{
	padding-left: 20px;
}

.table-faq th{
	background-image: url(images/faq_th_bg.gif);
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	color: #333333;
	text-align: left;
	padding-left: 20px;
	width: 370px;
}

.table-faq ul{
	margin-left: 20px;
	padding: 0;
	color: #333333;
	text-align: left;
	line-height: 18px;
}

.table-faq-title {
	font-size: 14px;
	color: #996633;
	border-bottom: 1px solid #999999;
	padding-bottom: 10px;
	text-align: left;
}


.table02 {
	width: 930px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
}



.table02 td{
	width: auto;
	padding: 5px 2px 5px 2px;
}

.table02 th{
	vertical-align: top;
	width: 142px;
}

.table03 {
	background-image: url(images/new/new_bg2.gif);
	margin-left: 20px;
	padding-top: 5px;
	margin-right: 20px;
	padding-bottom: 5px;
	text-align: center;
	width: 900px;
}



.table03 td{
	padding-left: 20px;
}

.table03 th{
	width: 142px;
	background-image: url(images/table01_th_bg.gif);
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
	font-style: normal;
	color: #663300;
	text-align: center;
}


.table04 {
	width: 250px;
	margin-top: 10px;
	margin-left: 20px;
	text-align: left;
	font-size: 12px;
	line-height: 15px;
	background: #cdcdcd;
}


#whatsnew {
	float: left;
	width: 590px;
	display: inline;
	margin-left: 10px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#whatsnew li {
	border-bottom: 1px dotted #CCCCCC;
	margin-top: 15px;
	list-style-type: none;
	background-image: url(images/new/arrow_red.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 10px;
	color: #CC3300;
}
#new-product {
	float: right;
	width: 320px;
	display: inline;
	margin-bottom: 30px;
	margin-top: 20px;
	margin-right: 10px;
	line-height: 20px;
}

.table-about {
	width: 455px;
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
}

.table-about td{
	vertical-align: top;
	width: auto;
	padding: 5px 2px 5px 2px;
}

.table-about th{
	vertical-align: top;
	width: 142px;
}


/*カスカベラスクとは？
------------------------------------------------------------------*/
.about_style {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-bottom: 10px;
}

.about_style1 {
	margin: 0;
	padding: 0;
	width: 700px;
}

.about_style2 {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 180px;
}

.about_style3 {
	margin: 0;
	padding: 0;
	width: 700px;
}

.about_style4 {
	margin: 0;
	padding: 0;
	width: 700px;
	height: auto;
}

.about_style5 {
	margin: 0;
	padding: 0;
	width: 700px;
	height: 180px;
}

.about_style p{
	text-align: left;
	font-size: 14px;
	line-height: 32px;
	color: #666666;
}

.about_style p span{
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
	color: #ff9900;
}

/*サブコンテンツ（右側のスペース）
------------------------------------------------------------------*/
#sub {
	float: right;
	width: 250px;
	display: inline;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-top: 60px;
}

.sub-table {
}
.sub td {
	vertical-align: bottom;
}
.sub th {
	vertical-align: bottom;
}

.subtable {
	float: right;
	margin-top: 50px;
}
.subtable h3 {
	background: #999999 url(images/sub_midashi_bg.gif) repeat-x bottom;
	margin: 1px;
	text-align: center;
	font-size: 100%;
	padding-bottom: 20px;
	padding-top: 5px;
}
.subtable p {
	padding: 5px;
	color: #999999;
	font-size: 85%;
}

/*下詳細説明部分（3分割）
------------------------------------------------------------------*/






/*フッター（コピーライト部分）
------------------------------------------------------------------*/
#footer-banner {
	background-color: #FFFFFF;
	text-align: center;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #a4c0ba;
}
#footer {
	color: #000000;
	text-align: center;
	clear: both;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}
#footer a {
	color: #000000;
}

#copylight {
	color: #FFFFFF;
	text-align: center;
	margin-top: 10px;
	font-size: 10px;
}


/*clearfix
------------------------------------------------------------------*/
#menu:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#menu {
	display: inline-block;
	background-image: url(images/menu/main_menu_bg.gif);
	padding-left: 20px;
	padding-right: 30px;
}

/* Hides from IE-mac \*/
*html #menu { height: 1%; }
/* End hide from IE-mac */

/*その他
------------------------------------------------------------------*/
.clear {clear: both;}
.leflo {float:left}
.riflo {float:right}
.centerflo {float:none}
.style1 {
	font-size: 12px;
	color: #666666;
}
.style2 {
	font-size: 14px;
	color: #CC6600;
	font-weight: bold;
	padding-top: 10px;
}
.style3 {color: #666666}

.style6 {
	font-size: 14px;
	line-height: 24px;
}


.style4 {color: #ff6600
         font-size: 14px;}



.style9 {color: #CC3300;
	font-size: 20px;}



.style11 {
	font-size: 12px;
	color: #999999;
}


.style12 {
	font-weight: bold;
	border-bottom: 2px solid #ffffff;
	
}

.style13 {
	padding-left: 30px;
}