@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体 */
/*
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:active { color: #ff0000; }
*/
a:hover { background-color: #eef; }
hr {
height: 1px;
background-color: #c0c0c0;
border: 0px;
color: #c0c0c0;
}

/* --- コンテナ --- */
#container {
width: 820px; /* ページの幅 */
width:max(820px, calc(100%));
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
}

/* --- ヘッダ --- */
#header {
padding: 7px 7px 0px 7px; 
}

/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
}

/* --- メインカラム --- */
#content {
float: left;
padding: 10px;
}

#content h2{
border-top:3px solid #87c3f3;
border-bottom:3px solid #87c3f3;
background:#e1f0f3;
font-size:22px;
margin:5px 0px 15px;
padding:3px 10px;
text-align:center;
}

#content h3{
border-left:6px solid #87c3f3;
background:#e1f0f3 url('http://nikomat.org/priv/camera/framework/main.png') repeat-y right top;
/*color:#666;*/
font-size:18px;
margin:20px 0px 10px;
padding:3px 10px;
text-align:left;
}

#content h4{
font-size:18px;
}

/* --- 伸縮メニュー --- */
input[type="checkbox"].on-off{
    display: none;
}
input[type="checkbox"].on-off + ul{
    height: 0px;
    overflow: hidden;
}
input[type="checkbox"].on-off:checked + ul{
    height: auto;
}

/* --- ナビゲーション --- */
#nav {
float: left;
width: 204px; /* サイドバーの幅 */
border-right: 0px;
}

#nav a:visited{
color: #0000ff;
}

#nav hr{
color:#666;
}
#nav h2{
border:1px solid #bbb;
background:#e1f0f3 url('http://nikomat.org/priv/camera/framework/down.png') no-repeat 2px 2px;
font-size:12px;
padding:3px 0px 3px 17px;
margin:4px 4px 0 4px;
color:#666;
}
#nav h2 a{
/*color:#666;*/
text-decoration:none;
display: block;
width:100%;
}
#nav h2 a:hover{
color:#00f;
text-decoration:none;
width:100%;
}
#nav ul{
list-style-type:none;
margin:0;
padding:0;
}
#nav li{
font-weight:normal;
/* border-bottom:1px dashed #999; */
background:url('http://nikomat.org/priv/camera/framework/l1.png') no-repeat 5px 6px;
padding:3px 0px 0px 16px;
margin:0 0 0 0px;
font-size:12px;
}
#nav li li{
font-weight:normal;
border-bottom:0px #000;
background:url('http://nikomat.org/priv/camera/framework/l2.png') no-repeat 0px 0px;
padding:0px 0px 0px 10px;
margin:0 0 0 0px;
font-size:12px;
}
#nav li a{
/* color:#666; */
text-decoration:none;
display: block;
width:100%;
}
#nav li a:hover{
color:#00f;
background:#eef;
}
#copy{
clear:both;
color:#888;
font-size:13px;
text-align:center;
}