@charset "utf-8";
/*body*/
* {
	margin: 0px;
	padding: 0px;
	}
body { color: #333; font-size: 14px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; line-height: 22px; background-color: white; background-image: url(../images/top_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: #9a0000; text-decoration: underline ; }
a:active { color: gray ; }
/*高さ自動調節*/
.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;}
/*address*/
#under { width: 950px; height: auto; margin: 10px 0 0; padding: 0; border-top: 2px solid #b40000; }
address { font-size: 10px; font-style: normal; text-align: right; padding-top: 10px; padding-right: 12px; padding-bottom: 10px; }
/*contents*/
#container { width: 950px; height: auto; margin-right: auto; margin-left: auto; }
#head { width: 950px; height: 80px; }
.logo { width: 141px; height: 56px; float: left; padding-top: 12px; }
.site_map { color: #fff; background-image: url(../images/arrow01.gif); background-repeat: no-repeat; background-position: 0 0.3em; text-align: left; text-indent: 16px; width: 130px; float: right; margin-top: 50px; }
.site_map a { color: #fff; font-style: normal; text-align: left; text-indent: 16px; width: 130px; float: right; }
.site_map li { color: #fff; font-style: normal; text-align: left; text-indent: 16px; width: 130px; float: right; }
#button { width: 950px; height: 36px; margin: 0; padding: 0; }
.button001 { width: auto; height: 51px; float: left; margin: 0; padding: 0; }
#contents { width: 950px; margin-top: 20px; }
.top_image { width: 950px; height: auto; }
.top_contents { width: 600px; margin-top: 6px; padding-top: 6px; }
.update { text-align: left; width: 600px; margin: 20px 25px 20px 20px; padding-left: 2px; border-bottom: 1px solid #d6bda7; }
.in_contents { width: 900px; margin-top: 10px; margin-bottom: 10px; padding: 10px 25px 20px; }
.sp01 { text-align: left; padding-top: 6px; padding-bottom: 2px; padding-left: 14px; }
.sp02 { margin: 10px; border: solid 1px gray; outline-style: solid; }
.sp03 { margin: 10px; padding: 10px; }
.sp04 { font-size: 80%; padding-top: 1px; padding-bottom: 1px; padding-left: 6px; border-bottom: 1px solid black; }
/*font*/
.font_l { color: #b40000; font-size: 14px; font-weight: bold; }
.font_xxl { color: maroon; font-size: 32px; font-family: "ＭＳ 明朝", "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", 細明朝体, 平成明朝; }
.font_xxxl { color: maroon; font-size: 34px; font-family: "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka−等幅, Osaka, 平成角ゴシック; }
.font_s { font-size: 11px; }
.font_xs { font-size: 6px; }
.update2 { text-align: left; width: 900px; margin: 20px 25px 0; }
.font_l_black { font-size: 16px; font-weight: bold; }
.top_line01 { border-top: 1px solid #a92429; }
.update_title { text-align: left; width: 100px; margin: 20px 25px; }
.update_bt { text-align: left; width: 100px; margin-top: 20px; }
.assistance01 { font-size: 90%; line-height: 130%; background-image: url(../images/assistance01.jpg); background-repeat: no-repeat; background-position: 0 3px; text-align: left; width: 800px; margin-top: 16px; margin-right: 25px; margin-left: 25px; padding-bottom: 6px; padding-left: 90px; }
.assistance02 { font-size: 90%; line-height: 130%; background-image: url(../images/assistance02.jpg); background-repeat: no-repeat; background-position: 0 3px; text-align: left; width: 800px; margin-top: 20px; margin-right: 25px; margin-left: 25px; padding-bottom: 6px; padding-left: 90px; border-bottom: 1px solid gray; }
.update3 { background-image: url(../images/update3.gif); background-repeat: no-repeat; text-align: right; width: 900px; height: 500px; margin-top: 20px; margin-bottom: 0; }
.font_red { color: #aa1f16; font-weight: bold; }
.update3_01 { text-align: left; width: 600px; margin-left: 270px; padding-top: 100px; }
.font_s2 { font-size: 10px; }
.update_bt2 { font-size: 80%; text-align: left; width: 280px; margin-top: 6px; }
.assistance03 { font-size: 90%; line-height: 130%; text-align: right; width: 510px; margin-top: 16px; margin-right: 25px; margin-left: 25px; padding-bottom: 6px; padding-left: 90px; }
.list_01 { text-align: left; width: 760px; float: left; margin-top: 6px; margin-bottom: 6px; padding-left: 2px; border-bottom: 1px solid #d6bda7; }
.update_bt3 { font-size: 100%; font-weight: bold; text-align: left; width: 280px; margin-top: 6px; border-bottom: 1px dashed #e40000; }
/* - - - - - - - - - - - - - - - - - - - - -

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:200px;
	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(../../../タニタ/091006/images/arrow01.gif); background-repeat: no-repeat; background-position: 4px 5px; text-indent: 12px; }
.under_line { border-bottom: 1px dashed black; }
/*高さ自動調節*/
.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*/
/****全体位置の決定****/
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;/*○*/
}
.column_bt { font-size: 90%; line-height: 120%; background-image: url(../column/images/bt02.gif); background-repeat: no-repeat; width: 170px; height: 39px; padding-left: 32px; }
.column_bt2 { width: 202px; height: 39px; margin-top: 4px; }
.class { border-bottom: 1px solid #8e8350; }
.fomt_m { font-size: 13px; padding-top: 6px; }