@charset "euc-jp";

/*-------------------------
レイアウト
-------------------------*/
body{
margin:0;
padding:0;
background-color:#fff;
font-size:12px;
font-family:"Hiragino Kaku Gothic Pro", "Osaka","ＭＳ Ｐゴシック", sans-serif;
font-weight:normal;
font-style:normal;
text-decoration:none;
}

div.body{
position:relative;
top:10px;
left:0;
width:100%;
}

div.sidebar{
position:absolute;
top:0;
left:0;
width:200px;
margin-left:5%;
background:#ddd;
}

div.main{
margin-left:220px;
}

div.foot{
clear:both;
margin:20px;
text-align:right;
font-size:0.8em;
}

/*-------------------------
トップ
border:1px solid #afaf7c;
-------------------------*/
div.top{
border:solid 1px #996;
background-color:#996;
padding:1px;
font-size:10px;
color:#333;
height:50px;
}

div.pageTitle{
background-color:#afaf7c;
padding:1px 5px;
margin:0;
color:#ffc;
}

h1{
display:inline;
font-size:120%;
font-weight:bold;
margin-right:1em;
}

span.messageAlert{
color:#f00;
vertical-align:bottom;
}

span.messageAlert a{
color:#f00;
}

/*-------------------------
- フッタ
-------------------------*/
address{
text-decoration:none;
font-style:normal;
}

/*-------------------------
- その他ページ
-------------------------*/
div.narrow{
margin:1em auto;
padding:1em;
width:350px;
border:solid #996 1px;
}

div.doc{
margin:10px 30px;
}

/*-------------------------
- 見出し
-------------------------*/
h4, h5, h6{
font-weight:bold;
font-size:1em;
margin:0.5em 0;
}

/*-------------------------
- サイドバー
-------------------------*/
div.sidebar div.unit{
margin:0;
padding:0;
width:100%;
}

div.sidebar h3{
margin:0 0 5px;
font-size:12px;
font-weight:bold;
}

/*-------------------------
- メイン
-------------------------*/
div.main div.unit{
margin:0 5%;
padding:5px 5px 6px;
}

div.main h2,
div.narrow h2,
div.doc h2{
margin:0 0 6px 0;
padding:2px 4px;
font-size:12px;
font-weight:bold;
width: auto;
_width:100%;
}

div.main h3,
div.narrow h3,
div.doc h3{
margin:0.5em 0;
font-size:1em;
font-weight:bold;
padding:0px 1px;
width: auto;
_width:100%;
}

/*-------------------------
- アンカー
-------------------------*/
a{
text-decoration:none;
font-weight:bold;
}

a:hover{
background-color:#ccf;
}

/*-------------------------
- ボタン
-------------------------*/
.button{
border:1px outset #aa7;
background-color:#aa7;
padding:1px 2px;
font-weight:normal;
margin:1px;
color:#000;
}

.button:hover{
border-style:inset;
}

/*-------------------------
- フォーム
-------------------------*/
form{
margin-top:0.5em;
margin-bottom:0.5em;
}

input, textarea{
font-size:12px;
}

input.num, input.short, input.zipcode{
width:70px;
}

input.name, input.shortmid, input.midshort{
width:120px;
}

input.mail, input.mid, input.tel{
width:170px;
}

input.midlong{
width:250px;
}

input.url, input.long, textarea{
width:350px;
}

textarea{
height:100px;
font-family:"Osaka";
}

textarea.address, textarea.half{
height:50px;
}

/*-------------------------
- ブロック要素
-------------------------*/
p{
line-height:1.2em;
margin:0.5em 0;
}
li{
line-height:1.2em;
}
ul, ol, dl{
margin-top:0.4em;
margin-bottom:0.4em;
}
dt{
font-weight:bold;
}

/*-------------------------
ナビゲーション
-------------------------*/
div.toTop, div.return{
text-align:right;
font-size:x-small;
margin:0;
}

span.toTop{
font-size:smaller;
margin-left:1em;
}

div.pageNavi{
text-align:right;
font-size:smaller;
margin:0;
}

/*-------------------------
- インライン
-------------------------*/
em{
font-weight:bold;
font-style:normal;
color:#f00;
}

span.sub{
font-size:0.8em;
color:#333;
}

span.today{
font-weight:bold;
color:#f00;
font-style:normal;
text-decoration:none;
}

/*-------------------------
- 画像
-------------------------*/
img{
border:none;
}

img.icon{
vertical-align:middle;
}

div.image{
text-align:center;
margin:2em 0;
}

div.image img{
border:outset 2px #666;
}

/*-------------------------
- テーブル
-------------------------*/
table, table td, table th{
font-size:12px;
}

table.blocData{
margin:1em 0;
border-width:1px 0 0 1px;
border-style:solid;
width:100%;
}

table.blocData tr{
border:none;
vertical-align:top;
}

table.blocData th, table.blocData td{
background-color:#fff;
border-width:0 1px 1px 0;
border-style:solid;
padding:3px 5px;
vertical-align:top;
}

table.blocData td p{
margin:0;
}

table.blocData th{
text-align:center;
font-weight:bold;
white-space:nowrap;
}

table.blocData td.num{
text-align:right;
white-space:nowrap;
}

div.operate{
clear:both;
text-align:right;
font-size:x-small;
vertical-align:bottom;
}
div.operate img.icon{
vertical-align:bottom;
}
div.operate a{
font-weight:normal;
}

div.operate img{
margin-left:4px;;
}

table.blocData td ul,table.blocData td ol{
margin:0;
}

/*-------------------------
- テーブル（normal）
-------------------------*/
table.normal{
margin:1em 0;
width:100%;
}

table.normal tr{
border:none;
vertical-align:top;
border:none;
}

table.normal th, table.normal td{
background-color:#fff;
padding:2px 5px;
vertical-align:top;
border:none;
}

table.normal td p{
margin:0;
}

table.normal th{
text-align:right;
font-weight:bold;
white-space:nowrap;
}

table.normal td.num{
text-align:right;
white-space:nowrap;
}

/*-------------------------
- データリスト
-------------------------*/
table.blocData td.cat{
font-size:x-small;
white-space:nowrap;
}

table.blocData td.date{
white-space:nowrap;
}

table.blocData td.title{
font-weight:bold;
width:180px;
}

div.urlList{
clear:both;
margin-top:0.5em;
padding:2px;
}

div.at, div.time{
display:inline;
}

div.atAndTime{
}

div.gCode{
text-align:right;
}

div.modTime{
font-style:oblique;
font-family:Arial, sans-serif;
font-size:smaller;
text-align:right;
}

/*-------------------------
- Ad
-------------------------*/
div.ad{
text-align:center;
margin-top:1em;
}

/*-------------------------
- データ内サムネイル画像（Amazon他）
-------------------------*/
img.thumb{
float:right;
margin:0 0 5px 12px;
}

/*-------------------------
- ナビ
-------------------------*/
div.navi{
text-align:center;
margin:1em 30px;
border:solid #663 1px;
padding:3px;
}

/*-------------------------
- データ詳細open/closeボタン
-------------------------*/
div.openCloseButton{
clear:both;
text-align:right;
font-size:x-small;
}

/*-------------------------
- alert/notice/memo
-------------------------*/
div.message, div.memo, div.alert, div.notice{
clear:both;
border:1px solid #996;
padding:0.5em 1em;
background-color:#ffc;
margin:10px 30px;
color:#333;
}

div.alert{
border:1px solid #f66;
background-color:#fcc;
}

div.notice{
border:1px solid #f66;
background-color:#ffc;
}

strong.notice{
background-color:#ffc;
padding:2px;
}

/*-------------------------
- その他
-------------------------*/
.c{
text-align:center;
}

.r{
text-align:right;
}

.nowrap{
white-space:nowrap;
}

/*-------------------------
インフォメーション（2006-04-26）
-------------------------*/
div.info th p, div.info td p
{
margin:0.5em 0 1em 0;
}

div.info th ul, div.info td ul,
div.info th ol, div.info td ol
{
margin:0.5em 0;
}