/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
body{font:13px/1.5 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}

#wrap:after, #entryBody:after, #entryMore:after, .items:after, .floatDl:after, .clearfix:after{content:" ";display:block;height:0px;line-height:0;clear:both;visibility:hidden;}
#wrap, #entryBody, #entryMore, .items, .floatDl, .clearfix{min-height:1%;}

.content{position:relative; float:left; clear:both; width:100%; overflow:hidden; margin-bottom:1px;}
.content-inner, .cols, .col1-wrap{position:relative; float:left; width:100%;}
.col1, .col2, .col3{position:relative; float:left; padding:1.5em 0; overflow:hidden;}

.layout-tw{border:1px solid #393;}
.layout-tw .content-inner{right:75%;}
.layout-tw .cols{}
.layout-tw .col1{width:71%; left:102%;}
.layout-tw .col2{width:21%; left:6%; margin-top:100px;}

h1{font-size:300%; border:1px solid; border-width:0 0 2px 0; padding:0; margin-top:0; text-align:right; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;}
table{margin-left:1px;}
th{white-space:nowrap; vertical-align:top; text-align:left;}
a{color:#393; text-decoration:none;}
body{margin:0; text-align:center; background:#060 url(img/bg.png) top left repeat-x;}
#wrap{width:90%; max-width:960px; padding:10px; margin:auto; text-align:left; background:#fff; position:relative; border-top:5px solid #090;}
#header{position:absolute; padding-top:20px; z-index:1; width:21%; margin-left:2%; top:20px; left:2%;}
#description{display:none;}
#footer{font-size:85%; padding:10px 10px 0; clear:both; position:relative; text-align:center;}
#navi{margin:0; padding:0;}
#logo{font-size:1em; text-align:left; border:none;margin:0;}
#logo a,#navi h3,#navi a,#textsize a{display:block; background-image:url(img/parts.png); text-indent:-99999px;}
#logo a{width:150px; height:68px; line-height:68px; background-position:0 0;}
#logo a:hover{background-position:-150px 0;}

#navi{width:150px; margin:0 0 30px 0; padding:0; clear:left;}
#navi li{list-style:none;}
#navi ul{margin:15px 0 15px 10px;}
#navi ul li{border-bottom:1px dotted #ccc;}
#navi h3{height:28px; margin:0;}
#navi a,#cat a{height:28px; line-height:28px;}
#navi a:hover{background-color:#eee;}
h3#cat01{background-position:0 -68px;}
h3#cat02{background-position:0 -96px;}
h3#cat03{background-image:none;}

#m01 a  {background-position:0 -152px;}
#m02 a  {background-position:0 -180px;}
#m03 a  {background-position:0 -208px;}
#m05 a  {background-position:0 -236px;}
#m04 a  {background-position:0 -264px;}
#cat03 a{background-position:0 -124px;}
#m01 a:hover  {background-position:-150px -152px;}
#m02 a:hover  {background-position:-150px -180px;}
#m03 a:hover  {background-position:-150px -208px;}
#m05 a:hover  {background-position:-150px -236px;}
#m04 a:hover  {background-position:-150px -264px;}
#cat03 a:hover{background-position:-150px -124px;}

#important{border:5px solid #900; color:#900; background:#caa; text-align:center;}
#important a{display:block; padding:10px; color:#900;}
#important a:hover{background:#900; color:#fff;}

.content-nav{text-align:center; clear:both;}
.content-nav a{display:inline-block; padding:2px 1em;}

.pageTop{position:absolute; top:0; right:-2px;}
.pageTop a{background:#090; color:#fff; text-decoration:none; padding:2px 1em;}
.pageTop a:hover{background:#0f0;}

#recent{margin:0;}
#recent li{list-style:none; position:relative; float:left; width:48%; margin:5px; border:1px solid #393;}
#recent a.a-title{display:block; padding:10px 60px; min-height:40px; padding-top:14px; line-height:1; background-color:#eee; background-position:250px center; background-repeat:no-repeat;}
#recent a.a-title:hover{background-color:#161; color:#fff;}
#recent a.date{position:absolute; padding:5px; left:10px; top:10px; background-color:#060; color:#fff; line-height:1; width:30px; display:block;}
.date span{display:block; font-size:8px; text-align:center;}
.date span.day{font-size:24px;font-weight:bold;}

.clear{clear:both;}

#topimage{height:332px;}
#topimage h2,
#topimage p{margin:0; padding:0; text-indent:-9999px; display:none;}

.tipcase{text-align:center; font-size:10px; background:#eee; border:3px double #ccc; color:#666; padding:2px 10px;}
.tip-top{}
.tip{}
.tip-title{}
.tip-text{display:none;}
.tip-bottom{}

#entryBody,#entryMore,
#pageNextPrev,
#trackbacks,#comments{clear:both; padding:20px 0;}

#pageNextPrev{padding:0 0 30px 0; float:right; position:relative; width:100%; text-align:center;}
#pageNextPrev li{display:inline;}
#pageNextPrev a{
 dipslay:inline-block;
 background:#eee;
 padding:.2em 1em;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}
#pageNextPrev a:hover{color:#fff; background:#900;}
#prev{float:left;}
#next{float:right;}

.floatDl{clear:both; position:relative; width:100%;}
.floatDl dt,
.floatDl dd{
	float:left;
	display:inline-block;
	height:2.2em;
	line-height:2.2em;
	padding:0;
	font-size:9px;
	text-decoration:none;
	margin:0 1em 0 0;
	background:#eee;
	letter-spacing:.2em;
	text-transform:uppercase;
}
.floatDl dt{padding:0 1.5em;}
.floatDl dd a,
.floatDl dd span{
	display:inline-block;
	height:2.2em;
	line-height:2.2em;
	padding:0 1.5em;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}
.floatDl dd a:hover{background:#c00; color:#fff;}
.entryData{
	margin:0;
	padding:0;
	font-size:80%;
	line-height:1.33em;
	height:3em;
}
.entryData li{
	list-style:none;
	float:left;
	padding:0 0 0 1em;
 margin:0 1em 0 0;
	background:#ccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.entryData span,
.entryData a{
	display:inline-block;
	padding:.2em 1em;
	margin:0 0 0 1em;
	background:#eee;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
.entryData .sepalate{display:none;}

#entryCategories,
#entryTags{margin:0 0 15px 0;}
#entryCategories dt,
#entryTags dt{
	width:60px;background:#333; color:#fff; text-transform:uppercase; text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	}
#entryCategories dd,
#entryTags dd{-moz-border-radius:3px;-webkit-border-radius:3px;}

#trackbacks,#comments{border-top:1px solid #eee;}
#comments-form{}
#comments-form input,
#comments-form textarea{
	width:95%;
	border:3px solid #ccc;
	padding:3px;
	background:#eee;
 -moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#comments-form input[type="checkbox"]{width:auto;}
#comments-form input[type="submit"]{width:100px;}
#comments-form textarea{height:300px;}
#comments-form .commentL{float:left; width:49%;}
#comments-form .commentR{float:right; width:49%;}
#comments-form dl dt{padding:5px 0;}
#comments-form dl dd{padding:0;}
#comments-form #form_btn{width:50%; text-align:center;}
.comment{margin-bottom:20px;}

#contact #comments-form #form_btn{width:100%;}

.comments-open-content blockquote{background:#eee; border:1px solid #900; color:#900; padding:10px; font-weight:bold;}

.pagenavi{margin:0; padding:20px 0; clear:both;}
.pagenavi li{float:left; list-style:none; margin:1px;}
.pagenavi span,
.pagenavi a{display:block; padding:.3em .5em;}
.pagenavi a{background:#999; color:#fff;}
.pagenavi a:hover{background:#eee; color:#666;}

.breadcrumbs{padding:0 15px 30px 15px;}

.items{float:left; width:100%; position:relative; margin-bottom:20px;}
.items h2{clear:both;}


.pagenavi{margin:0; padding:20px 0; clear:both;}
.pagenavi li{float:left; list-style:none; margin:1px;}
.pagenavi span,
.pagenavi a{display:block; padding:.3em .5em;}
.pagenavi a{background:#999; color:#fff;}
.pagenavi a:hover{background:#eee; color:#666;}

#textsize{overflow:auto; margin:0; padding:3px; position:absolute; top:0; right:0; background:#063;}
#textsize li{float:left; list-style:none;}
#textsize a{width:23px; height:23px; line-height:23px; margin:0 1px;}
#txt-l a{background-position:0 -338px;}
#txt-m a{background-position:-23px -338px;}
#txt-s a{background-position:-46px -338px;}
#txt-l a:hover{background-position:0 -315px;}
#txt-m a:hover{background-position:-23px -315px;}
#txt-s a:hover{background-position:-46px -315px;}
#txt-l a.active{background-position:0 -292px;}
#txt-m a.active{background-position:-23px -292px;}
#txt-s a.active{background-position:-46px -292px;}