@charset "UTF-8";

/* default
---------------------------------------------*/

body {
margin:0px;
padding:0px;
background:#ffffff url("images/bg.gif") repeat-y fixed right;
text-align: left;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1,h2,h3,h4,h5,h6 {
margin: 0px;
padding: 0px;
}

hr{
display:none;
}

img {
border: 0;
}


/* layout
---------------------------------------------*/

#main{
width:800px;
_width:820px;
margin:0px;
padding:0px 0px 20px 0px;
}

#left{
width:570px;
margin:0px;
padding:0px;
float:left;
}

#right{
float:right;
width:230px;
margin-top:50px;
}

/* header
---------------------------------------------*/

div#banner h1,
p#head-logo{
width:342px;
background:url("http://www.onto.be/ta/mo/images/logo.gif") no-repeat 0px 0px;
margin-top:15px;
margin-left:20px;
}

div#banner h1 a,
div#banner p#head-logo a{
width:342px;
display:block;
padding:82px 0 0 0;
overflow:hidden;
height: 0px !important; /* for most browsers */
height /**/:82px; /* for IE5.5's bad box model */
background:url("http://www.onto.be/ta/mo/images/logo.gif") no-repeat 0px 0px;
}

div#banner h2,
p#description{
font-family:verdana, arial, sans-serif;
color:#d2b48c;
font-size:9px;
padding-left:3px;
font-weight:normal;
}
div#banner h2 a,
div#banner h2 a:link,
div#banner h2 a:visited,
div#banner h2 a:active,
div#banner p#description a,
div#banner p#description a:link,
div#banner p#description a:visited,
div#banner p#description a:active{
color:#d2b48c;
letter-spacing: .2em;
text-decoration:underline ;
font-weight:bold;
}

div#banner h2 a:hover,
div#banner p#description a:hover{
color:#d1974a;
text-decoration:underline ;
}


/* main
---------------------------------------------*/

#content {
padding:20px 15px 20px 30px;
}

#indu-content {
padding:20px 15px 20px 100px;
}


div#content:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html div#content { display: inline-block; }
/* no ie mac ¥*/
* html div#content { height: 1%; }
.pkg { display: block; }
/* */

/* photo
---------------------------------------------*/
div.photobody-wrap{
float:left;
width:175px;
height:280px;
}

div.photobody{
text-align:left;
}

div.photobody h3 {
padding: 5px 5px 1px 0px;
color: #cd853f;
font-size: 14px;
font-family:Copperplate,Courier New,sans-serif;
letter-spacing:.2em;
}

div.photobody h3 a,
div.photobody h3 a:link,
div.photobody h3 a:visited,
div.photobody h3 a:active {
color: #cd853f;
text-decoration: none;
}
div.photobody h3 a:hover {
text-decoration: underline;
}

div.photobody h4{
padding:5px;
}

div.photobody h4 img {
border: 0;
height:189px;
width:142px;
padding:2px;
background:#fff;
border:1px solid #ccc;
}

div.photobody h5{
margin:2px;
color: #dcc4c9;
padding: 1px 10px 1px 3px;
text-align: right;
font-size: 9px;
}


/* photo-indu
---------------------------------------------*/

div.indu-photobody{
text-align:left;
}

div.indu-photobody h1 {
padding: 5px 5px 1px 0px;
color: #cd853f;
font-size: 14px;
font-family:Copperplate,Courier New,sans-serif;
letter-spacing:.2em;
}

div.indu-photobody h1 a,
div.indu-photobody h1 a:link,
div.indu-photobody h1 a:visited,
div.indu-photobody h1 a:active {
color: #cd853f;
text-decoration: none;
}
div.indu-photobody h1 a:hover {
text-decoration: underline;
}

div.indu-photobody h2{
padding:5px;
}

div.indu-photobody h2 img {
padding:2px;
background:#fff;
border:1px solid #ccc;
}

div.indu-photobody h3{
margin:2px;
color: #dcc4c9;
padding: 1px 10px 1px 200px;
font-size: 9px;
}


/* menu
---------------------------------------------*/

#menu {
font-family:helvetica,arial, sans-serif,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
color:#8b0000;
font-size:11px;
padding-top:30px;
padding-left:30px;
text-align:left;
}		
#menu a,
#menu a:link,
#menu a:visited,
#menu a:active{
color: #8b0000;
text-decoration: none;
}
#menu a:hover {
color: #b22222;
text-decoration: underline;
}


/* side
---------------------------------------------*/
.sidetitle {
font-family:helvetica,arial, sans-serif,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
color:#8b0000;
font-size:11px;
font-weight:bold;
letter-spacing: .4em;
text-transform:uppercase;
line-height:150%;
}

.side {
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",verdana, arial, sans-serif;
color:#000;
font-size:10px;
font-weight:normal;
line-height:150%;
padding-bottom:40px;
}

.side a,
.side a:link,
.side a:visited,
.side a:active{
color: #708090;
text-decoration: none;
}
.side a:hover {
color: #696969;
text-decoration: underline;
}


form {
}

select {
width:200px;
font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック", sans-serif;
font-size:12px;
color:#333;
}


.syndicate {
font-family:verdana, arial, sans-serif;
font-size:9px;
line-height:140%;
padding:2px;
margin-top:15px;
}

.powered {
font-family:arial, sans-serif,verdana;
color:#696969;
font-size:9px;
letter-spacing: .1em;
padding:20px 100px 20px 5px;
}
.powered a,
.powered a:link,
.powered a:visited,
.powered a:active,
.powered a:hover {
color: #696969;
text-decoration: none;
}


/* tagcloud
---------------------------------------------*/

.side .module-list {
text-align:left;
margin:0;
padding:0px 20px 0px 0px;
}
.side .module-list { list-style: none; }
.side .module-list .module-list-item { display: inline; }
.side .module-list li.taglevel1 { font-size: 20px; }
.side .module-list li.taglevel2 { font-size: 16px; }
.side .module-list li.taglevel3 { font-size: 14px; }
.side .module-list li.taglevel4 { font-size: 12px; }
.side .module-list li.taglevel5 { font-size: 10px; }
.side .module-list li.taglevel6 { font-size: 9px; }

.module-list li a{
word-break:break-all;
word-wrap:break-word;
}

.module-list li{
padding-right:10px;
}

li.taglevel1 a:link,
li.taglevel1 a:active,
li.taglevel1 a:visited{
color:#00a1ff;
text-decoration:none;
}

li.taglevel2 a:link,
li.taglevel2 a:active,
li.taglevel2 a:visited{

color:#2589c4;
text-decoration:none;
}

li.taglevel3 a:link,
li.taglevel3 a:active,
li.taglevel3 a:visited{
color:#82b4e7;
text-decoration:none;
}

li.taglevel4 a:link,
li.taglevel4 a:active,
li.taglevel4 a:visited{
color:#ffa500;
text-decoration:none;
}

li.taglevel5 a:link,
li.taglevel5 a:active,
li.taglevel5 a:visited{
color:#708090;
text-decoration:none;
}


li.taglevel6 a:link,
li.taglevel6 a:active,
li.taglevel6 a:visited{
color:#acbbca;
text-decoration:none;
}

li.taglevel1 a:hover,
li.taglevel2 a:hover,
li.taglevel3 a:hover,
li.taglevel4 a:hover,
li.taglevel5 a:hover,
li.taglevel6 a:hover{
color:#FFCC00;
color:#fff;
background:#00a1ff;
text-decoration:underline;
text-decoration:none;
}


/* comments
---------------------------------------------*/

.comments-body {
font-family:helvetica,arial, sans-serif,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
color:#666;
font-size:10px;
font-weight:normal;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
}

.comments-post {
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",verdana, arial, sans-serif;
color:#666;
font-size:10px;
font-weight:normal;
}


.trackback-url {
font-family:helvetica,arial, sans-serif,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
color:#666;
font-size:10px;
font-weight:normal;
line-height:140%;
padding:5px;
}


.trackback-body {
font-family:helvetica,arial, sans-serif,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
color:#666;
font-size:10px;
font-weight:normal;
line-height:140%;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px dotted #999; 
}

.trackback-post {
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",verdana, arial, sans-serif;
color:#666;
font-size:10px;
font-weight:normal;
background:#FFF;
}


.comments-head{ 
font-family:helvetica,arial, sans-serif,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size:10px; 
color: #666; 
margin-top:20px;
font-weight:bold;
}

#banner-commentspop {
font-family:helvetica,arial, sans-serif,"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
font-size:large;
font-weight:bold;
border-left:1px solid #FFF;
border-right:1px solid #FFF;  
border-top:1px solid #FFF;  
background:#003366;
padding-left:15px;
padding-right:15px;
padding-top:5px;
padding-bottom:5px;       
}

textarea {
font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", verdana, arial, sans-serif;
}



.thumbcaption {
color: 000;
margin: 0.1em;
text-align: center;
float: left;
padding: 1em;
}



.posted {
text-align: right;
margin-right:3em;
}