@charset "utf-8";
/*body*/
* {
	margin: 0px;
	padding: 0px;
	}
body { color: #333; font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 18px; background-color: white; background-image: url(../images/back.gif); background-repeat: repeat-x; text-align: center; }
ul li {
	   list-style: none;
	   }
/*link*/
a:link { 
		color: gray ;
		}
a:visited { color: #7878c8 ; }
a:hover { color: #e77000; text-decoration: underline ; }
a:active { color: gray ; }
/*font*/
.font_s { font-size: 10px; line-height: 12px; }
.font_s2 { font-size: 10px; line-height: 14px; }
.font_m { font-size: 12px; line-height: 14px; }
.font_l { font-size: 14px; line-height: 16px; }
/*高さ自動調節*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/
/*contents*/
#container { width: 968px; height: auto; margin-right: auto; margin-left: auto; }
#head { width: 968px; height: 84px; }
#bt { text-align: left; width: 968px; height: 36px; z-index: 100; }
#tanita_logo { float: left; margin-top: 23px; margin-left: 10px; }
#calorism_logo { width: 477px; height: 44px; float: right; margin-top: 16px; margin-right: 6px; }
#flash_image { width: 948px; height: 300px; z-index: 1; margin: 10px; }
#contents_image { width: 948px; height: 182px; z-index: 1; margin: 10px; }
/*address*/
#under { background-color: black; width: 100%; height: 95px; }
#under_link { color: white; font-size: 1em; text-align: left; float: left; margin-top: 12px; margin-left: 10px; }
#under_link a { color: white; }
#copy { font-size: 1em; float: right; margin-top: 12px; margin-right: 10px; }
address { color: white; font-style: normal; }
/****全体位置の決定****/
DIV#menu{
    position:absolute;/*△*/
    width:968px;/*○*/
    z-index:100;/*△*/
    font-size:10px;/*△*/
}
/****メインメニュー用スタイル****/
ul.main{
    margin:0px;/*△*/
    padding:0px;/*△*/
    width:100%;/*○*/
    position:relative;/*×*/
    list-style:none;/*△*/
    text-align:center;/*○*/
}
/*通常時*/
.main li.off{ position:relative;/*×*/
    float:left;/*×*/
    height:36px;/*○*/
    width:auto;/*○*/
    overflow:hidden;/*○*/
}
/*展開時*/
.main li.on{ float:left;/*×*/
    overflow:hidden;/*×*/
    width:auto;/*○*/
    background-color:#ffffd5;/*○*/
    height: auto;/*○*/
}
.main>li.on{ /*×*/
}
/*リンクスタイル*/
.main a{
    display:block;/*△*/
    text-decoration:underline;/*○*/
}
.main a:hover{
    background-color:orange;/*○*/
}
/****サブメニュー用スタイル****/
ol.sub{ margin:0;/*△*/
    padding:0;/*△*/
    width:auto;/*○*/
    background-color:white;/*○*/
    list-style:none;/*△*/
    text-align:left; border-color: #ed6700; border-width: 1px 1px 0;/*○*/
}
.sub li{
/*必要に応じて追加*/
}
.sub a{ display:block;/*△*/
    width:auto;/*○*/
    padding-top: 8px; padding-bottom: 8px; padding-left: 4px; border-bottom:1px solid #e77000;/*○*/
}
.sub a:hover{ background-color:#ffffec; margin: 0; padding: 8px 0 8px 4px;/*○*/
}
/*main_contents*/
#main_contents { background-image: url(../images/c_back.gif); background-repeat: repeat-y; width: 948px; height: auto; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; }
#main_contents_top { width: 948px; height: auto; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; overflow:hidden; }
#main_contents_left_side { width: 680px; height: auto; float: left; }
#main_contents_right_side { width: 256px; float: right; }
#left_waku { width: 680px; height: auto; float: left; margin-bottom: 2px; }
#pickup01 { width: 221px; height: 137px; float: left; }
#pickup02 { width: 221px; height: 137px; float: left; margin-left: 9px; }
#pickup03 { width: 221px; height: 137px; float: right; }
#pickup_text001 { text-align: left; width: 221px; height: 50px; float: left; }
#pickup_text002 { text-align: left; width: 221px; height: 50px; float: left; margin-left: 9px; }
#pickup_text003 { text-align: left; width: 221px; height: 50px; float: right; }
#news { font-size: 12px; text-align: left; width: 660px; margin: 10px; }
.news_day { color: gray; font-size: 12px; background-image: url(../images/news_sankaku.gif); background-repeat: no-repeat; background-position: 6px 4px; padding-bottom: 2px; padding-left: 20px; }
#right_waku { width: 256px; margin-bottom: 9px; }
#right_waku2 { width: 256px; height: 42px; margin-bottom: 2px; border-bottom: 1px solid silver; }
#top_photo { width: 39px; height: 39px; float: left; }
#top_name { color: orange; font-weight: bolder; text-align: left; width: 214px; float: right; margin-top: 22px; }
#top_name a { color: #e46300; font-weight: bolder; }
#right_text { text-align: left; width: 256px; margin-bottom: 10px; }
.news_text { color: gray; font-size: 12px; padding-bottom: 2px; }
#contents_left_side { background-position: 0 0; width: 732px; height: auto; float: left; margin-right: 5px; margin-left: 5px; }
#contents_right_side { background-color: #f0f0f0; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 192px; height: 100%; float: right; margin-right: 0; }
.contents_waku { text-align: left; width: 732px; margin-bottom: 12px; }
.contents_waku_left { text-align: left; width: 240px; float: left; margin-bottom: 6px; }
.contents_waku_center { text-align: left; width: 240px; float: left; margin-bottom: 6px; margin-left: 6px; }
.contents_waku_right { text-align: left; width: 240px; float: right; margin-bottom: 6px; margin-left: 4px; }
#pieces_l { width: 232px; float: left; margin-bottom: 4px; }
#pieces_c { width: 232px; float: left; margin-bottom: 4px; margin-left: 18px; }
#pieces_r { width: 232px; float: right; margin-bottom: 4px; }
#map01 { background-image: url(../product/images/map01.gif); width: 722px; height: 759px; }
#map_text01 { margin-left: 500px; padding-top: 42px; }
#map_text02 { margin-top: 8px; margin-left: 500px; }
#map_text03 { margin-top: 16px; margin-left: 500px; }
#map_text04 { margin-top: 8px; margin-left: 380px; }
#map02 { background-image: url(../product/images/map02.gif); background-repeat: no-repeat; width: 732px; height: 200px; }
#map03 { background-image: url(../product/images/map03.gif); width: 732px; height: 137px; }
.table01 { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; padding: 4px; border-top: 1px solid gray; border-left: 1px solid gray; }
.table02 { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; padding: 4px; border-top: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray; }
.table03 { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; padding: 4px; border-top: 1px solid gray; border-bottom: 1px solid gray; border-left: 1px solid gray; }
.table04 { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; padding: 4px; border: solid 1px gray; }
.table05 { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; padding: 4px; }
.table06 { font-size: 12px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; margin-top: 4px; margin-bottom: 4px; margin-left: 4px; padding: 4px; border-top: 1px solid gray; border-right: 1px solid gray; border-left: 1px solid gray; }
.q_a_list { color: #720000; font-size: 12px; background-image: url(../faq/images/sankaku.gif); background-repeat: no-repeat; text-indent: 12px; }
.q_a_title { color: #720000; font-size: 12px; font-weight: bold; }
.sp01 { font-size: 12px; padding: 4px; }
/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */
#lightbox{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:670px;
	height:540px;
	margin:-270px 0 0 -320px;
	border:solid 1px #fff;
	background:white;
	text-align:left;
}
#lightbox[id]{ position:fixed; overflow: auto; }
#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#overlay[id]{
	position:fixed;
}
#lightbox.done #lbLoadMessage{
	display:none;
}
#lightbox.done #lbContent{
	display:block;
}
#lightbox.loading #lbContent{
	display:none;
}
#lightbox.loading #lbLoadMessage{
	display:block;
}
#lightbox.done img{
	width:100%;
	height:100%;
}
#content {
	position: relative;    /*通常どおりの位置に配置*/
	z-index: 1;
}
#flash { z-index: 0; top: 130px; left: 0; width: 948px; height: 300px; clear: both; }
.arrow { background-image: url(../images/arrow01.gif); background-repeat: no-repeat; background-position: 4px 5px; text-indent: 12px; }
.under_line { border-bottom: 1px dashed black; }