@charset "UTF-8"
/* 全般 */
* {margin:0px;padding:0px;}

BODY {
SCROLLBAR-FACE-COLOR:#f3f4f5;
SCROLLBAR-HIGHLIGHT-COLOR:#adb6bc;
SCROLLBAR-SHADOW-COLOR:#adb6bc;
SCROLLBAR-3DLIGHT-COLOR:#f3f4f5;
SCROLLBAR-ARROW-COLOR:#6666ff;
SCROLLBAR-TRACK-COLOR:#f3f4f5;
SCROLLBAR-DARKSHADOW-COLOR:#f3f4f5;
font-family:"Verdana","Arial","Helvetica","sans-serif","ＭＳ Ｐゴシック","MS UI Gothic","Osaka";
padding:0px;
margin:0px;
right:0px;left:0px;bottom:0px;top:0px;
background-image:url(bg.gif);
text-align:center;
vertical-align:middle;
font-size:12px;
color:silver;
}

/*センタリングしたときのIE対策*/
body div{text-align: left;margin: 0 auto;}

/*リンク*/
A{text-decoration:none;}

A:LINK{color:aqua;text-decoration:none;font-weight:bold;} 
A:VISITED{color:aqua;text-decoration:none;font-weight:bold;}
A:HOVER{color:lime;text-decoration:none;font-weight:bold;}

a:link.limeaqua{color:lime;text-decoration:none;font-weight:bold;}
a:visited.limeaqua{color:lime;text-decoration:none;font-weight:bold;}
a:hover.limeaqua{color:aqua;text-decoration:none;font-weight:bold;}

a:link.nochange{color:silver;text-decoration:none;font-weight:lighter;}
a:visited.nochange{color:silver;text-decoration:none;font-weight:lighter;}
a:hover.nochange{color:silver;text-decoration:none;font-weight:lighter;}

a:link.nolime{color:lime;text-decoration:none;font-weight:bold;}
a:visited.nolime{color:lime;text-decoration:none;font-weight:bold;}
a:hover.nolime{color:lime;text-decoration:none;font-weight:bold;}

a:link.noaqua{color:aqua;text-decoration:none;font-weight:bold;}
a:visited.noaqua{color:aqua;text-decoration:none;font-weight:bold;}
a:hover.noaqua{color:aqua;text-decoration:none;font-weight:bold;}

a:link.noblack{color:black;text-decoration:none;font-weight:lighter;}
a:visited.noblack{color:black;text-decoration:none;font-weight:lighter;}
a:hover.noblack{color:black;text-decoration:none;font-weight:lighter;}

/*外枠*/
#sotowaku{
width:900px;
border-width:1px;
border-style:solid;
border-color:silver;
background-color:black;
}

/*内枠*/
#uchiwaku{
width:840px;
margin:0px 30px 5px 30px;
text-align:left;
}

/*ヘッダー*/
#hdr{
height:100px;
width:840px;
border:hidden;
}

/*コンテンツ*/
#main_box{
width:840px;
background-color:black;
border:hidden;
}

/*フッター*/
#ftr{
clear:both;
height:100px;
width:840px;
border:hidden;
}

/*iframe内のスタイル*/
#header_menu{
height:100px;
width:840px;
background-image:url(bg_header_menu.gif);
background-repeat:no-repeat;
background-color:black;
border:hidden;
}
#footer_menu{
width:840px;
height:100px;
background-image:url(bg_footer_menu.gif);
background-repeat:no-repeat;
text-align:center;
background-color:black;
border:hidden;
}
#hdr_frame{
height:100px;
width:840px;
border:hidden;
}
#ftr_frame{
clear:both;
height:100px;
width:840px;
border:hidden;
}

/*色*/
.limebold{color:lime;font-weight:bold;}
.aquabold{color:aqua;font-weight:bold;}
.aqua{color:aqua;}
.black{color:black;}
.blue{color:blue;}
.cyan{color:cyan;}
.fuchsia{color:fuchsia}
.green{color:green}
.honeydew{color:honeydew}
.ivory{color:ivory}
.lime{color:lime;}
.magenta{color:magenta}
.red{color:red}
.silver{color:silver}
.white{color:white}
.yellow{color:yellow}
.greenyellow{color:greenyellow}
.violet{color:violet}
.darkmagenta{color:darkmagenta}

/*ユーザースタイル*/
img.top{margin-top: 40px;}
.u_pagetop{background-image:url(icon_pagetop.gif);font-size:10px;padding-left:25px;font-family:Verdana;padding-right:9px;padding-bottom:4px;padding-top:3px;text-decoration:none;margin-right:6px;background-repeat:no-repeat;color:silver;}
.d_pagelast{background-image:url(icon_pagelast.gif);font-size:10px;padding-left:25px;font-family:Verdana;padding-right:9px;padding-bottom:4px;padding-top:3px;test-decoration:none;margin-right:6px;background-repeat:no-repeat;color:silver;}
.left {float: left;}
.left2 {float: left;margin-left: 20px;}
.left150 {float: left;margin-left: 150px;}
.right {float: right;}
.clear {clear:both;}
.center {text-align: center;}
.leftside {width: 400px;float: left;}
.rightside {width: 400px;float: right;}

/*見出し*/
.h1{font-size:15px;font-weight:bold;}

/*水平線*/
hr{color:silver;}

/*下線*/
U{border-bottom-width:2px;border-bottom-style:dotted;border-bottom-color:gray;text-decoration:none;}

/*斜体*/
I{background-color:#ffff80;font-style:normal;padding-left:3px;padding-right:3px;}

/*テーブル*/
table.sample{width:813px;table-layout:auto;padding:1px 1px;}
table.sample th{color:aqua;text-align:left;padding:1px 1px;}

/***透明***/
table.sample1{width:813px;table-layout:auto;padding:5px 5px;}
table.sample1 th{color:aqua;text-align:center;padding:5px 5px;font-size:20px;font-weight:bold;}
table.sample1 td{text-align:left;padding:5px 20px;}

/**テーブルの中用**/
table.sample2{table-layout:auto;padding:1px 1px;}
table.sample2 th{color:aqua;text-align:center;padding:1px 1px;}

table.sample3{
width:813px;
border-top:1px solid aqua;
border-left:1px solid aqua;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
table-layout:auto;
}
table.sample3 th{
color:lime;
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:left;
}
table.sample3 td{
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:left;
}
table.anime{
width:auto;
border-top:1px solid aqua;
border-left:1px solid aqua;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
table.anime th{
color:lime;
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:left;
}
table.anime td{
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:left;
}
table.ctf{
width:auto;
border-top:1px solid aqua;
border-left:1px solid aqua;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
table.ctf th{
width:250px;
color:lime;
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:center;
}
table.ctf td{
width:250px;
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:center;
}
table.list{
width:auto;
border-top:1px solid aqua;
border-left:1px solid aqua;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}
table.list th{
color:lime;
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:left;
}
table.list td{
border-right:1px solid aqua;
border-bottom:1px solid aqua;
padding:0.3em 1em;
text-align:left;
}

/*リスト*/
ul, ol{
    padding: 0 0 0 20px;
}

/*引用文*/
BLOCKQUOTE{border-left-width : 3px;border-left-style : solid;border-left-color : silver;padding-left : 4px;}

/*フォーム*/
.form1{
border-style:none;
background-color:black;
color:aqua;
font-weight:bold;
}

/*段落のスタイルz_box*/
.z_box-title{
padding:3px 0px 3px 10px;
margin:8px 0px 0px 0px;
line-height:16px;
border-width:1px 1px 0px 1px;
border-style:solid solid none solid;
border-color:silver silber transparent silver;
background-repeat:repeat-x;
color:silver;
font-weight:bold;
font-size:16px;
text-align:left;
}
.z_box {
padding:3px 10px 3px 12px;
border-width:1px 1px 1px 1px;
border-style:solid solid solid solid;
border-color:silver silver silver silver;
margin:0px;
line-height:20px;
font-size:15px;
text-align:left;
}

/*ビデオ*/
video {
display:block;
margin:30px auto;
}

/*ボタン*/
button{
background:#4BAB27;
border:none;
border-radius:25px;
box-shadow:0px 0px 3px 1px rgba(0,0,0,0.4);
color:#FFFFFF;
display:block;
font-size:20px;
font-weight:700;
height:50px;
letter-spacing:-3px;
line-height:50px;
margin:auto;
outline:none;
text-align:center;
text-decoration:none;
transition-duration:0.3s;
width:50px;
}
button:active{
box-shadow:none;
border-radius:20px;
font-size:15px;
font-weight:100;
height:40px;
line-height:40px;
transform:rotate(360deg);
width:40px;
}

/*コメント*/
.comment{
text-align:center;
}

/*Webtool*/
input#height1,input#height2,input#weight1,input#BMI2{
    width:180px;
}

input#passlength{
    width:180px;
}

p#passarea{
    word-break: break-all;
}