@charset "utf-8";

/*default*/

*{
margin:0;
padding:0;
color:#5b5b5b;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",verdana,arial,sans-serif;
line-height:1.0;
}

									/*body*/

body{
background:url(images/base/contents_bgw.gif) repeat-y;
}


									/*link text*/

a:link{
color:#5b5b5b;
text-decoration:none;
}
a:visited{
color:#000000;
text-decoration:none;
}
a:hover{
color:#5b5b5b;
text-decoration:underline;
}
a:active{
color:#5b5b5b;
text-decoration:underline;
}

									/*image*/

img{
border:0;
}



									/*container*/

div#container{
width:800px;
margin-left:0;
padding-top:0;
border:0;
}

									/*header*/

div#header{
width:800px;
background-color:#FFFFFF;
}

div#logo{
width:166px;
height:64px;
padding-bottom:1px;
background-color:#FFFFFF;
}

div#logo h2{
padding-left:14px;
}

div#headerR{
position:absolute;
top:0;
left:166px;
width:634px;
height:64px;
}

div#navigator{
float:right;
padding-bottom:1px;
height:25px;
}

div#navigator ul{
padding-left:469px;
}

div#mailto{
float:right;
height:38px;
}

div#mailto p{
padding-left:469px;
}

ul#navi{
    list-style:none;
    width:100%;
}

ul#navi li{
list-style:none;
float:left;
width:82px;
}

ul#navi li a{
display:block;
width:82px;
height:25px;
text-indent:-100px;
overflow:hidden;
}

a.sitemap{
background-image:url(http://www.yui-sekkei.co.jp/weblog/wp-content/themes/yui/images/menu/sitemaps.gif);
}

a.blog{
background-image:url(http://www.yui-sekkei.co.jp/weblog/wp-content/themes/yui/images/menu/blog.gif)
}

a.home{
background-image:url(http://www.yui-sekkei.co.jp/weblog/wp-content/themes/yui/images/menu/homes.gif)
}

a:hover.sitemap,
a:hover.home,
a:hover.blog{
background-position:0px -25px;
}

li#login a{
background-image:url(http://www.yui-sekkei.co.jp/weblog/wp-content/themes/yui/images/menu/login.gif)
}

li#login a:hover{
background-position:0px -25px;
}

div#headspace{
float:right;
width:799px;
height:1px;
overflow:hidden;
background-color:#FFFFFF;
color:#FFFFFF;
}

									/*menu*/

div#menu{
position:relative;
left:0;
width:800px;
background-color:#000000;
}

div#menuText{
float:left;
width:165px;
height:22px;
border-bottom:1px solid #000000;
border-top:1px solid #FFFFFF;
background:url("images/top/bmid_035.gif");
background-color:#000000;
}

div#menuText h3{
padding-left:18px;
padding-top:6px;
font-size:12px;
font-weight:bold;
color:#222222;
}

div#MainMenu{
width:635px;
height:22px;
background: url("images/top/bmid_035.gif");
float:right;
border-bottom:1px solid #000000;
border-top:1px solid #FFFFFF;
background-color:#000000;
}


div#tab{
	margin:0;
	top:0;
}
div#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	display:inline;
}
div#tab li 
{
display:inline;
	float:left;
	margin:0 0 0 0 ;
	padding:0;
	display:inline;
}
div#tab a 
{
	background:#000000 url("images/top/bright_035.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
div#tab a span 
{
	display:block;
	background:url("images/top/bleft_035.gif") no-repeat left top;
	padding:0 9px 0 8px;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3",verdana,arial,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:22px;
}
div#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#000000;
}
div#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #000000;
	background: url("images/top/bmid_035.gif");
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:300px;
	margin:0 0 0 0 ;
	padding:0;
	display:block;
	border:0 solid #000000;
	color:#FFFFFF;
	background:url("images/top/bleft_035.gif") no-repeat left top;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:22px;
	background:url("images/top/bright_035.gif") no-repeat right top;
	padding:0 18px 0 16px;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3",verdana,arial,sans-serif;
	font-size:11;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #000000;
	background-position:left bottom;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFFFFF;
	font-weight:normal;
}

									/*body*/

div#body{
width:800px;
}

div#body hr{
height:1px;
color:#FFFFFF;
}

									/*sidebar*/

div#sidebar{
width:166px;
float:left;
margin:0;
padding:10px 0 0 0; 
display:inline;
}

/*カテゴリー*/
#sidebar ul.main_cats li{
text-decoration:none;
font-weight:bold;
line-height:20px;
padding-top:10px;
border-bottom:solid 1px #5b5b5b;
}

#sidebar ul li{
background-image:url(<?php bloginfo('stylesheet_directory'); ?>/images/base/white_bg.gif) repeat-y;/*ポップアップ時のマウスオーバー用*/
color:#5b5b5b;
position: relative;
width: 144px;
font-size:12px;
padding-left:2px;
margin:2px 0 3px 13px;
list-style-type:none;
}

#sidebar ul.recent,
#sidebar ul.sub_cats{
margin-top:10px;
padding-bottom:10px;
}

#sidebar ul.sub_cats li{
line-height:20px;
}

#sidebar ul.recent li{
padding:3px 0;
}


#sidebar ul.children li{/*サブカテゴリー*/
width:100px;
}



/*検索ボックス*/
#sidebar li.serchTltle{
text-decoration:none;
font-weight:bold;
height:20px;
line-height:20px;
}

#sidebar li.serch{
height:20px;
background-color:#CCCCCC
}

#sidebar li input#serchbox{
position: absolute;
top: 2px;
left: 2px;
padding: 0;
border: 0;
width: 100px;
height: 16px;
}

#sidebar li input#serchsubmit{
position: absolute;
top: 1px;
right: 1px;
width: 40px;
height: 18px;
padding: 0;
border: 0;
background-color: #5b5b5b;
color: #fff;
}

#sidebar li input#serchsubmit:hover{
background-color:#000000;
cursor:pointer;
}

/*カレンダー*/
div#calendar{
padding:7px;
}

#wp-calendar{
empty-cells: show;
width: 155px;
font-size:10px;
}

#wp-calendar a{
display: block;
}

#wp-calendar caption{
text-align: center;
width: 100%;
}

#wp-calendar th,
#wp-calendar td{
color:#5b5b5b;
padding:3px 0;
text-align: center;
}

#wp-calendar td a{
background:#5b5b5b;
color:#FFFFFF;
}

#wp-calendar td#next a,
#wp-calendar td#prev a{
background:#FFFFFF;
color:#5b5b5b;
}

#wp-calendar td#next a{
padding-right: 5px;
text-align: right;
}

#wp-calendar td#prev a{
padding-left: 5px;
text-align: left;
}

									/*contents*/

div#contents{
background-color:#FFFFFF;
width:620px;
float:right;
padding-left:10px;
}

div#contents a{
color:#000000
}

div#contents h2{
font-size:16px;
height:22px;
font-weight:normal;
color:#5b5b5b;
}

div#contents p{
font-size:12px;
line-height:18px;
color:#5b5b5b;
border-bottom:solid 8pix #FFFFFF;
}

div#notfoundimg{
width:400;
height:300;
border:0;
margin-bottom:5px;
margin-top:10px;
float:left;
}

div#notfound{
float:right;
width:200px;
margin-top:10px;
padding-left:10px;
}

div#notfound p.center a,
div#notfound p.center{
line-height:22px;
font-size:14px;
}



/*indexループ内*/


ul#headTitle{
list-style:none;
width:600px;
}

ul#headTitle li{
list-style:none;
width:600px;
}

ul#headTitle li a{
display:block;
width:600px;
height:100px;
border:0;
margin:0;
padding:0;
text-indent:-1000px;
overflow:hidden;
}

	a.head_title{
	background:url("images/top/title.gif") no-repeat left top;
	}

div#infoHead{
font-size:12px;
line-height:16px;
border-bottom:dotted 1px #5b5b5b;
padding-top:20px;
padding-bottom:4px;
font-weight:bold;
color:#5b5b5b;
letter-spacing:0.05em;
}

div#infoHead a{
color:#5b5b5b;
font-weight:normal;
}

div#blogTitle{
padding-top:5px;
letter-spacing:0.05em;
}

div#blogTitle h2,
div#blogTitle h2 a{
font-size:12px;
line-height:20px;
font-weight:bold;
color:#5b5b5b;
}

div#blogCont{
border-bottom:solid 1px #5b5b5b;
margin-bottom:5px;
letter-spacing:2px;
}

div#blogCont p,
div#blogCont p a{
font-size:12px;
line-height:20px;
color:#5b5b5b;
padding-bottom:1em;
}

div#blogCont p a{
text-decoration:underline;
}

div#blogCont p a img{
border-bottom:solid #FFFFFF 1px;
}

div#blogFoot{
padding-bottom:20px;
text-align:right;
letter-spacing:1px;
}

div#blogFoot p,
div#blogFoot p a{
font-size:12px;
line-height:20px;
color:#5b5b5b;
}

.ajax-entry-more-link {
font-size:12px;
line-height:24px;
}

/*single*/
div#single {
margin: 20px 0px 0px 10px;
list-style: none;
}

div#single p{
margin: 0px 10px 7px 0px;
display: inline;
}

div#single p a img{
margin-right:10px;
margin-bottom:10px;
}

/*Footer*/
#contentFooter{
width:620px;
height:120px;
clear:both;
}

#contentFooter p{
text-align:right;
}

#footerAq{
width:620px;
height:41px;
}

ul#aq{
    list-style:none;
    width:100%;
	padding-top:8px;
	padding-bottom:8px;
}

ul#aq li{
float:left;
width:88px;
position:relative;
left:535px;
}

ul#aq a{
text-align:left;
display:block;
width:88px;
height:25px;
text-indent:-100px;
overflow:hidden;
}

a.aq{
background-image:url(images/menu/toiawase.gif)
}

a:hover.aq{
background-position:0px -25px;
}



									/*comment*/
div#comments{
font-size:12px;
line-height:20px;
letter-spacing:1px;
color:#5b5b5b;
}

div#comments h3 a,
div#comments h3{
font-size:12px;
font-weight:bold;
margin-bottom:1em;
}

div#comments h3.name a{
color:#5b5b5b;
text-decoration:none;
}

div#comments h3.name{
margin-bottom:5px;
}

div#comments p a,
div#comments p,
div#comments h4{
font-size:12px;
font-weight:normal;
margin-bottom:1em;
}

input#trackbackurl{
width:410px;
border:0;
padding:0 0 1px 5px;
background-color:#eeeeee;
}

ol#commentlist{
font-size:12px;
font-weight:normal;
margin-bottom:1em;
padding-left:20px;
}

div#date{
text-align:right;
}

div#input{
background-color:#5b5b5b;
}

input#author,
input#email,
input#url{
position:absolute;
left:350px;
width:300px;
padding:3px 0 5px 0;
border:0;
background-color:#eeeeee;
}

textarea{
width:600px;
padding:3px 0 10px 0;
border:0;
scrollbar-base-color:#eeeeee;
scrollbar-face-color:#eeeeee;
scrollbar-arrow-color:#eeeeee;
scrollbar-shadow-color:#5b5b5b;
scrollbar-darkshadow-color:#eeeeee;
scrollbar-highlight-color:#5b5b5b;
scrollbar-3dlight-color:#eeeeee;
scrollbar-track-color:#eeeeee;
background-color:#eeeeee;
}

input#submit{
background-color:#5b5b5b;
border:0px;
color:#FFFFFF;
line-height:30px;
}

input#submit:hover{
background-color:#000000;
cursor:pointer;
}