@charset "EUC-JP";

* {
font-size:100%;
}

body,td,input,textarea,dd,dt,li,p{
font-size:12px;
}

body{
 background-image: url(http://www.s-ht.com/~uta/template/gear/back.jpg);
 background-repeat:y-repeat;
 background-position: left top; 
 background-attachment: scroll;
}

#box {
width: 912px;
margin: 0px;
}

p{
line-height: 1.5em;
margin: 0px;
padding: 0px;
}

a{
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

a img.pict{
border:solid 1px #3A56A0;
}

input,textarea{
font-size:100%;
}


/* Entry Typography
-------------------------*/
span.strong{
font-weight:bold;
font-size:1.5em;
line-height:1.5em;
}

span.small{
font-size:0.8em;
}

p.copyright{
font-size: 0.8em;
border:1px dotted #ccc;
padding: 5px;
}

blockquote{
border:1px dotted #999;
padding:5px;
background-color:#ccc;
}


/*------------------------------
TOPPAGE
---------------------------------------------------------------*/
div.topmemo{
padding: 5px;
border:1px dotted #ccc;
line-height:1.2em;
background-color:#F1D8C7;
margin-bottom:15px;
}

div.topmemo img.pict{
float:left;
border:0px;
margin-right: 5px;
}

div.topmemo img.pict:after/*float clear*/{
content:"";
display:block;
clear:left;
}

/*------------------------------
Profile
---------------------------------------------------------------*/
ul.profile{
width:450px;
clear:both;
margin: 10px 0px 20px 0px;
padding: 0px;
}

ul.profile li{
float:left;
width:50px;
margin:0 10px 0px 0;
line-height:2em;
}

ul.profile li img.pict{
margin:0 10px 0 0;
padding: 0px;
}


ul.profile:after/*float clear*/{
content:"";
display:block;
clear:left;
}

/*MailForm
-----------------*/
div.mailform label{
font-weight:bold;
}

div.mailform label.essential{
color: #790202;
}

div.mailform input{
margin:10px 0px 0px 10px;
}

div.mailform textarea{
width:300px;
}

/*------------------------------
BoxSide-style
---------------------------------------------------------------*/
#boxside {
margin-left: 10px;
width: 371px;
float:left;
}


/*boxside Layout Common
-----------------*/

div#boxtitle h1{
width:auto;
margin-bottom:30px;
}

div#boxtitle h1 img{
border:0px;
}

div#boxcategory, div#boxcontact{
font-size:0.9em;
vertical-align: top;
width: 371px;
padding: 0px;
margin: 0px;
}

div#boxcategory h2, div#boxcontact h2{
width: 371px;
height: 41px;
margin: 0px;
padding: 0px;
}

div#boxcatContents , div#boxcontactcontents{
width: 370px;
border-width: 0px 1px 1px 1px;
border-top-style: none;
border-left-style: solid;
border-bottom-style: solid;
border-right-style: solid;
padding: 0px;
margin: -4px 0 14px 0px;
background-color:#F5F0E5;
overflow: auto;
}

div#boxcatContents{
border-color: #242F42;
}

div#boxcontactcontents{
border-color: #242F42;
}

/*For FloatLayout
-------------*/
div#boxcatContents:after , div#boxcontactcontents:after{
 content:"";
 display:block;
 clear:left;
}


/*boxSide sideBlock Common
----------------------------*/
div#boxcategoryleft , div#boxcontactleft{
width: 172px;
margin-left: 3px;
padding: 3px;
border-right: 1px dotted #999;
float:left;
}

div#boxcategoryright , div#boxcontactright{
width: 178px;
margin:0 0 0 0;
float:right;
}

div.sidetitle{
width: 178px;
height: 29px;
margin: 15px 0px 5px 0px;
color: #fff;
padding: 0px 0px 0px 0px;
}

div.sidetitle p{
font-size:1em;
font-weight: bold;
margin:0 0 0 45px;
padding:5px 0 0 0px;
}

div.side p{
font-size:1em;
margin:10px 10px;
}

div.side ul{
margin:5px 0 0 0;
padding:0 10px 0 16px;
}

div.side ul li{
font-size:0.9em;
list-style-type: none;
margin:0px 0 0 0;
padding: 0px 0px 0px 10px;
background-image: url(http://www.s-ht.com/~uta/template/gear/ico-list_entry.gif);
background-position: 0 0;
background-repeat: no-repeat;
position:relative;
}

div.side ul li.flag{
margin: 0px 0 0 0px;
padding:0px 0 0 15px;
background-image: url(http://www.s-ht.com/~uta/template/gear/ico-list.gif);
background-position: 0px 0px;
background-repeat: no-repeat;
list-style-type: none;
}

/*categoryTree
--------------*/
div#categories ul.tree{
font-size:1.2em;
}

ul.tree {
    margin: 0px 0px 5px 0px!important;
    padding: 0px 0px!important;
    list-style: none!important;
}
ul.tree ul {
    margin: 0px!important;
    padding: 0px!important;
}
ul.tree li {
    font-size: 1em;
    margin: 0px!important;
    padding: 2px 0px 0px 16px!important;
    background-image: url(http://www.s-ht.com/~uta/template/gear/ico-tree_lst.gif);
    background-position: 0 0;
    background-repeat: no-repeat!important;
    list-style: none!important;
}
ul.tree li.end {
    background-image: url(http://www.s-ht.com/~uta/template/gear/ico-tree_end.gif);
    list-style: none;
}

/* Com &TB Mixed List
---------------------*/
#mixedlist ul{
    margin: 0px 0px 5px 5px!important;
    padding: 0px 0px!important;
    list-style: none!important;
}
#mixedlist ul li{
    margin: 0px!important;
    padding: 0px!important;
font-size:1em;
}
#mixedlist ul li ul li {
    font-size: 1em;
    margin: 0px!important;
    padding: 2px 0px 0px 16px!important;
    background-image: url(http://www.s-ht.com/~uta/template/gear/ico-tree_lst.gif);
    background-position: 0 0;
    background-repeat: no-repeat!important;
    list-style: none!important;
}
#mixedlist ul li ul li.branch_end {
    background-image: url(http://www.s-ht.com/~uta/template/gear/ico-tree_end.gif);
    list-style: none;
}


/*SearchForm
----------------------*/
div#boxside form dl#search{
padding:0;
margin:0px;
}

/*CategoryCommon
--------------------------------*/
div#boxcategoryleft div.sidetitle , div#boxcategoryright div.sidetitle {
background-image:url(http://www.s-ht.com/~uta/template/gear/ttl2-category.gif);
}

div.blkcategory{
display: block;
clear:none;
}


/*ContactCommon
-------------------------*/
div#boxcontactleft div.sidetitle , div#boxcontactright div.sidetitle{
background-image:url(http://www.s-ht.com/~uta/template/gear/ttl2-contact.gif);
}


/*Contact Linklist(BlogPeople)
----------------------------*/
div.blogpeople-main{
font-size:0.9em;
}

div.blogpeople-main ul li{
list-style-image:none;
background-image: url(http://www.s-ht.com/~uta/template/gear/ico-tree_end.gif);
font-size:1em;
margin: 3px 0px 0px -20px;
padding: 0 0 0 15px;
}

div.side h4 , span.blogpeople-linklist{
font-weight: bold;
font-size:1.2em;
margin: 5px 0px 0px 0px;
}


div.side div.blogpeople-main p{
margin:10px 0 0 0;
}

/* ListMe
-----------------------*/

/* ListMe��˥� */
select.listme {
font-size:10px; /* ʸ���� */
color:#666666; /* ʸ��顼 */
background:#fff; /* �طʿ� */
font-family: "�ҥ饮���ѥ� Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","�ͣ� �������å�","sans-serif"; /* �ե���Ȼ��� */
}
��
/* ListMe��Ͽ�ܥ��� */
input.listme_sub {
font-size:10px; /* ʸ���� */
color:#fff; /* ʸ��顼 */
background:#A66742; /* �طʿ� */
border:none; /* �ܡ�������� */
font-family:Verdana,Arial,sans-serif; /* �ե���Ȼ��� */
}



/**---------------------------------
Entry Style
---------------------------------------------------------------------*/
#boxentry {
width: 468px;
float:right;
margin: 0 0 0 30px;
padding: 0px;
}

div.pagetop{
margin: 0 0 0 auto;
text-align:right;
}



/*Entry Head
----------------*/

div.bloghead{
width: 390px;
height: 54px;
background-image: url(http://www.s-ht.com/~uta/template/gear/ttl-head.gif);
background-repeat: no-repeat;
background-position: 0 0;
vertical-align: middle;
margin: 0 0 0 0;
padding:0px;
}

div.bloghead h3{
font-size: 1.4em;
color: #dc7c16;
font-weight: 900;
margin: 5px 0 5px 60px;
}

div.bloghead div.entryinfo{
color: #767676;
width:410px;
margin-left: 60px;
border-top: 1px dotted #666666;
padding-top: 5px;
}

div.bloghead div.entryinfo span.category{
font-weight:bold;
}

div.bloghead div.entryinfo span.date{
padding-left:10px;
}

/*BlogEntryBODY
----------------------*/
div.blogbody {
margin-top: 20px;
color: #000;
line-height: 1.5em;
}

div.blogbody img{
margin:10px 0px;
}

div.blogbody .entrydescription a{
text-decoration: underline;
}

div.blogbody div.entrydescription{
line-height:1.5em;
margin:20px 0px;
}

div.blogbody p{
padding: 0px;
margin: 15px 0px;
}

div#boxentry div.blogbody div.entrydescription h4.entryttl{
font-weight:bold;
font-size:1.2em;
margin:10px 0px 5px 0px;
padding:5px 0px 5px 3px;
border-left:none;
border-top: 1px solid #5C7B44;
border-bottom: 1px solid #5C7B44;
}


div#boxentry div.blogbody h4{
font-weight:bold;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 10px;
border-left: 5px solid #ccc;
}

/* Entry list*/
div#boxentry div.blogbody ul{
margin:5px 15px 0px 0px;
padding:0px;
}

div#boxentry div.blogbody ul li{
margin: 0px 0 0 0px;
padding: 0px 0 0px 10px;
line-height1.5em;
list-style-type: none;
}

div#boxentry div.blogbody ul li img{
margin:0px;
padding:0px;
}


div.blogbody div.posted{
font-size: 0.8em;
color: #767676;
text-align: right;
width: 100%;
margin-bottom: 20px;
}

div.blogbody div.blogentrynavi{
font-size: 0.9em;
text-align: center;
border: 1px dotted #999999;
padding: 3px;
margin-bottom:15px;
}


/*comment
---------------------*/

div.comments-head {
background-image: url(http://www.s-ht.com/~uta/template/gear/ttl2-comment.gif);
width: 468px;
height: 29px;
color: #fff;
margin: 20px 0 5px 0;
padding: 0 0 0 0;
font-size: 0.8em;
} 

div.comments-head p{
font-size:1em;
font-weight:bold;
margin:0 0 0 50px;
padding-top:5px;
}

.blogcomment div.commentbody{
margin: 10px 0px;
}

div.comments-post{
width: 100%;
text-align: right;
font-size: 0.8em;
}

/*Comment-body
-----------------------*/

div.blogcomment dl.comment_body{
margin-bottom:10px;
}

div.blogcomment  dl.comment_body dt{
font-size:1em;
border-bottom:1px dotted #ccc;
margin-bottom:5px
}

div.blogcomment dl.comment_body dd{
font-size:0.9em;
line-height:1.2em;
}

/*Comment Form
----------------------------*/
dl#comment_form{
margin:0px;
}

dl#comment_form dt{
font-size: 1em;
margin-left:15px;
}

dl#comment_form dd{
margin:0px 0px 10px 15px;
}

dl#comment_form textarea#description{
width:350px;
height:100px;
}

/*Trackback
-------------------*/
div.blogbody p.tb_link{
background-color:#ccc;
padding:3px;
}

dl.tb_body dt{
font-size:0.9em;
border-bottom:1px dotted #ccc;
margin-bottom:5px
}

dl.tb_body dd{
font-size:0.9em;
line-height:1.4em;
}