/* CSS Document */
/*
-------------------------------------------------------------
    Theme Name:YZ-handa.net TOP
	Website: Yz-HANDA.NET
	Website URL: http://www.yz-handa.net/ 
	Title: スキーヤー半田譲のホームページ
	File: style.css
	Description: 全体のスタイル
	Copyright: Yz-handa.net All Rights Reserved. 
-------------------------------------------------------------
*/

/*
	Index
	---------------------------------------------------------
	
	1. リセット
	2. 各ページ共通
	3. ナビメニュー
	4. index
	5. コンテンツ
	6. 投稿記事
	7. フッター
	8. サイドコンテンツ
	9. アコーディオンセッティング
	10.カレンダー
	11.search form
	12.search form button
	13.comments area
	14.favorite
	15.session
*/



/*  リセット
-------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,pre,p,blockquote,th,tr,td {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

ol, ul, dl {
	list-style: none;
}

img {
	border-style: none;

}

hr {
	border-style: none;
	display: block;
}

/*  各ページ共通
-------------------------------------------------------*/
body {
	background: #000000;
	height: 100%;
	font: 75%/1.3em "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", arial;
	letter-spacing: 0.1em;
	color: #FFFFFF;
	text-align: justify;
	text-justify: inter-ideograph;
}

html {
	height: 100%;
	scrollbar-track-color:#000000;
	scrollbar-face-color: #000000;
	scrollbar-arrow-color:#33FF00;
	scrollbar-shadow-color:#000000;
	scrollbar-highlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-3dlight-color:#000000;
}

a {
	color: #99FF33;
	text-decoration: none;
}

a:hover {
	color: #D9FFB3;
	text-decoration: underline;
}

h2#p-title {
	background: #000000;
	width: 225px;
	margin-bottom: 10px;
	padding-top: 17px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 20px;
	height: 30px;
}

h2#s-title {
	background: #000000;
	margin-bottom: 10px;
	padding-top: 17px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 20px;
	height: 30px;
	letter-spacing: 0.2em;
}

p {
	padding-bottom: 10px;
}

p.dropcap {
	padding-top: 10px;
}

p.dropcap:first-letter {
	float: left;
	display: block;
	font-size: 3em;
	line-hight: 0.9;
	margin: 0.1em 0.2em 0 0;
	background: url(images/bg_drop.png) no-repeat;
	height: 40px;
	width: 40px;
	padding: 2px;
	line-height: 1.1em;
}

p.pagetop {
	 text-align: right;
}

p.pagetopsingle {
	 text-align: right;
	 float: right;
	 padding-right: 30px;
}

p.rd-indent {
	float: right;
	display: block;
	margin-top: 10px;
	clear: both;
}

#logo {
	width: 280px;
	height:35px;
	padding-top: 200px;
	padding-left: 20px;
	position: relative;
	padding-bottom: 30px;
}

#page-logo {
	width: 280px;
	height:35px;
	padding-top: 30px;
	position: relative;
	padding-bottom: 30px;
	float: right;
	padding-right: 20px;
}

.right-img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.left-img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.stripe,
.stripe-noclear {
	background: url(images/bg_strip.png) repeat;
	font-size: 130%;
	line-height: 1.3;
	padding-left: 5px;
	color: #FF00CC;
	margin-bottom: 10px;
	margin-top: 10px;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	padding-top: 8px;
	height: 15px;
	clear: both;
}

.stripe-noclear {
	clear: none;
	overflow: hidden;
	zoom: 1;
}

.clear {
	clear: both;
}

/*  ナビメニュー
-------------------------------------------------------*/
ul#navi {
	margin-top: 30px;
}

ul#navi li {
	height: 35px;
	width: 180px;
	display: block;
}

ul#navi li a {
	outline: none;
	display: block;
	height: 35px;
	text-indent: -700em;
	text-decoration: none;
}

.menu1 a {
	background: url(images/menu.png) no-repeat left top;
}

.menu1 a:hover {
	background: url(images/menu.png) no-repeat right top;
}

.menu2 a {
	background: url(images/menu.png) no-repeat left -35px;
}

.menu2 a:hover {
	background: url(images/menu.png) no-repeat -180px -35px;
}

.menu3 a {
	background: url(images/menu.png) no-repeat left -70px;
}

.menu3 a:hover {
	background: url(images/menu.png) no-repeat -180px -70px;
}

.menu4 a {
	background: url(images/menu.png) no-repeat left -105px;
}

.menu4 a:hover {
	background: url(images/menu.png) no-repeat -180px -105px;
}

.menu5 a {
	background: url(images/menu.png) no-repeat left -140px;
}

.menu5 a:hover {
	background: url(images/menu.png) no-repeat -180px -140px;
}

.menu6 a {
	background: url(images/menu.png) no-repeat left -175px;
}

.menu6 a:hover {
	background: url(images/menu.png) no-repeat -180px -175px;
}

#page-menu {
	margin-top: 30px;
	float: right;
	background: url(images/bg_page_menu.png) no-repeat;
	height: 43px;
	width: 680px;
}

ul#page-navi {
	float: right;
	padding-right: 20px;
	padding-top: 3px;
}

ul#page-navi li {
	height: 35px;
	width: 110px;
	display: block;
	float: left;
}

ul#page-navi li a {
	outline: none;
	display: block;
	height: 35px;
	text-indent: -700em;
	text-decoration: none;
}

.page-menu1 a {
	background: url(images/page_menu.png) no-repeat left top;
}

.page-menu2 a {
	background: url(images/page_menu.png) no-repeat left -35px;
}

.page-menu3 a {
	background: url(images/page_menu.png) no-repeat left -70px;
}

.page-menu4 a {
	background: url(images/page_menu.png) no-repeat left -105px;
}

.page-menu5 a {
	background: url(images/page_menu.png) no-repeat left -140px;
}

.page-menu6 a {
	background: url(images/page_menu.png) no-repeat left -175px;
}

.page-menu1 a:hover,
.page-menu2 a:hover,
.page-menu3 a:hover,
.page-menu4 a:hover,
.page-menu5 a:hover,
.page-menu6 a:hover,
.page-menu7 a:hover,
.page-menu8 a:hover,
.page-menu9 a:hover,
.page-menu10 a:hover,
.page-menu11 a:hover,
.page-menu12 a:hover {
	opacity: 0.7;/*Opera,Firefox,Safari・ｽp*/
	filter: alpha(opacity=60);/*IE・ｽp*/
}

/**** ドロップダウン ****/
.dropdown                         { position: relative; }
.dropdown li                      { zoom: 1; }
.dropdown li.hover,
.dropdown li:hover                { position: relative; }
.dropdown ul 						{ width: 114px; visibility: hidden; position: absolute; top: 100%; left: 0; }
.dropdown ul li 					{ float: none; }
.dropdown ul ul 					{ left: 100%; top: 0; }
.dropdown li:hover > ul 			{ visibility: visible; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
*html ul.dropdown ul li a		{ border-right: none; width: 100%; display: inline-block; } 
*html ul.dropdown ul li			{ display: inline; width: 100%; } 

.page-menu7 a {
	background: url(images/page_menu_child.png) no-repeat left top;
}

.page-menu8 a {
	background: url(images/page_menu_child.png) no-repeat left -35px;
}

.page-menu9 a {
	background: url(images/page_menu_child.png) no-repeat left -70px;
}

.page-menu10 a {
	background: url(images/page_menu_child.png) no-repeat left -105px;
}

.page-menu11 a {
	background: url(images/page_menu_child.png) no-repeat left -140px;
}

.page-menu12 a {
	background: url(images/page_menu_child.png) no-repeat left -175px;
}

/*  index
-------------------------------------------------------*/
#wrapper2 {position:relative;}

#wrapper {
	width: 940px;
	margin-right: auto;
	margin-left: -470px;
	height: 570px;
	background: url(../../../random/rotator.php) no-repeat;
	position: absolute;
	left: 50%;
	margin-top: 0px;
	z-index: 1;
}

#newsbox {
	height: 240px;
	width: 460px;
	float: right;
	margin-top: -240px;
	background: url(images/bg_news.png) no-repeat;
	padding: 10px;
}

.newsbox-inner {
	height: 190px;
	overflow: auto;
	width: 440px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#newsbox h3 a {
	color: #99FF33;
	display: inline;
}

h2.topnews {
	border-bottom: 2px solid #CCCCCC;
	width: 440px;
}

ul#news li {
	padding-top: 10px;
	border-bottom: 1px dotted #666666;
	width: 420px;
	padding-bottom: 5px;
}

#index-copyright {
	font-size: 0.9em;
	line-height: 2em;
	text-decoration: none;
	margin-top: 80px;
	text-align: right;
	margin-right: 10px;
}

/*  コンテンツ
-------------------------------------------------------*/
#con-wrapper {
	width: 940px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background: url(../../../random/rotator.php) no-repeat;
}

#contentbox {
	width: 640px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	display: inline;
	padding: 10px;
	background: url(images/bg_content.png) no-repeat;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

#contentbox-single {
	width: 900px;
	padding: 10px;
	background: url(images/bg_content_single.png) no-repeat;
	float: right;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin-top: 20px;
}

#contentbox-single h4 {
	font-size: 150%;
	color: #FF0099;
}

#singlebox {
	clear: both;
}

#contentbox-single img,
#singlebox img,
.post-content img {
	border: 2px solid #333333;
}

/* 投稿記事
-------------------------------------------------------*/
div.post {
	padding-bottom: 20px;
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px dotted #999999;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

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

.post-date {
	width: 45px;
	height: 49px;
	float:left;
	background: url(images/date-bg.png) no-repeat;
	margin-right: 10px;
}

.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #CCCCCC;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 2px;
	margin-left: -3px;
}

.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #666666;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 9px;
	margin-left: -3px;
}

.entry {
	padding-bottom: 25px;
	margin-left: 50px;
}

.entry h2,
.entry h3 {
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #666666;
	letter-spacing: -1px;
	padding-bottom: 3px;
}

.entry h3 {
	font-size: 150%;
}

.post-content {
	clear: both;
	padding-top: 10px;
	padding-bottom: 20px;
}

.post-cat {
	float:left;
	font-size: 95%;
}

.single-cat {
	padding-top: 15px;
	padding-bottom: 15px;
	clear: both;
	display: block;
	font-size: 95%;
}

.post-author {
	margin-left: 10px;
	float: left;
	font-size: 95%;
}

.post-comments {
	padding-left: 20px;
	float: right;
	font-size: 95%;
}

dl.kiji-dl dt {
	font-size: 120%;
}

dl.kiji-dl dd {
	padding-bottom: 10px;
}

/*  フッター
-------------------------------------------------------*/
#copyright {
	font-size: 0.9em;
	line-height: 2em;
	text-decoration: none;
	clear: both;
	background: url(../../../random2/rotator.php) no-repeat;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	height: 270px;
}

#copyright address {
	font-style: normal;
	text-align: center;
	vertical-align: bottom;
	padding-top: 250px;
}

/*  サイドコンテンツ
-------------------------------------------------------*/
#sidebox {
	clear: both;
	float: left;
	width: 220px;
	background: url(images/bg_sidecontent.png) no-repeat;
	margin-left: 20px;
	display: inline;
	margin-top: 20px;
	padding: 10px;
}

#sidebox h3 {
	background: url(images/bg_strip.png) repeat;
	font-size: 120%;
	line-height: 1.3;
	padding-left: 5px;
	color: #FF00CC;
	margin-bottom: 10px;
	margin-top: 10px;
	padding-top: 3px;
	border: 1px solid #333333;
	height: 20px;
	width: 193px;
}

.list-feeds li {
	background: url(images/feed-icon-16x16-orange.png) no-repeat;
	text-indent: 20px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding-top: 2px;
}

.recent-comments li {
	width: 200px;
}

.sidelink li {
	height: 40px;
	margin-bottom: 10px;
	width: 200px;
}

/**** list ****/
.list-page li,
.list-sarch li,
.list-cat li {
	width: 180px;
	padding-left: 20px;
	margin-bottom: 5px;
	margin-left: 1px;
	padding-top: 2px;
}

.list-page li a,
.list-sarch li a,
.list-cat li a {
	padding-left:20px;
	margin-left: -20px;
	background: url(images/bg_toko-list.png) no-repeat;
	zoom: 1;
}

.list-sarch li {
	width: 620px;
	border-bottom: 1px dotted #333333;
}

.list-cat li {
	width: 500px;
}

.maru li {
	margin-bottom: 5px;
	margin-left: 15px;
	padding-top: 2px;
	list-style: disc;
}

/* アコーディオンセティング
-------------------------------------------------------*/
#myAccordion{
	width: 880px;
}

.myAccordion-declencheur h3,
.myAccordion-declencheur h3.first {
	border-bottom: 1px solid #99FF33;
	border-left: 5px solid #99FF33;
	text-indent: 0.5em;
	height: 20px;
	padding-top: 6px;
	margin-bottom: 10px;
	margin-top: 10px;
	clear: both;
	font-size: 130%;
}

.myAccordion-declencheur h3.first {
	margin-top: 0px;
}

#accordion h3 a {
	text-decoration:none;
}

.myAccordion-content {
	margin-bottom: 10px;
}

/* カレンダー
-------------------------------------------------------*/
li.calendar table,
li.widget_calendar table {
	font-size: 95%;
	width: 200px;
	border: 1px solid #333333;
}

li.calendar table td,
li.widget_calendar table td {
	width: auto;
	text-align: center;
	border: 1px solid #333333;
}

li.calendar table th,
li.widget_calendar table th {
	width: auto;
	text-align: center;
	background: url(images/bg_strip.png) repeat;
}

li.calendar table td a,
li.widget_calendar table td a {
    display:block;
	background: #333333;
}

li.calendar table td a:hover,
li.widget_calendar table td a:hover {
    display:block;
	background: #666666;
}

/*search form
-------------------------------------------------------*/
#searchform {
	margin: 0px;
}

#searchform br {
	display: none;
}

#searchform #s {
	width: 100px;
	height: 20px;
	padding: 4px 19px 0px 4px;
	border: 1px solid #8D8D8D;
	background: #FEFEFE url(images/search-icon.gif) right center no-repeat;
	margin-right: 2px;
	color: #333333;
	font-weight: normal;
}

/* search form button - to specify button only use input[type="submit"]
-------------------------------------------------------*/
#searchform input {
	background: url(images/search-btn-bg.gif) no-repeat;
	border: none;
	width: 67px;
	height: 26px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FEFEFE;
	vertical-align: middle;
}

/**** entrymeta ****/
.entrymeta {
	width: 640px;
	display: inline;
	border: 1px solid #8d8d8d;
	background-color: #333333;
	font-size: 90%;
	clear: both;
}

.entrymeta ul {
    margin: 10px;
}

.entrymeta ul li {
  	list-style-type: none;
}

/* comments area
-------------------------------------------------------*/
#comments, #respond {
	border-bottom: 1px dotted #8D8D8D;
	padding: 10px 0 5px 0;
	clear: both;
}

/*** commentlist ***/
.commentlist {
	width: 640px;
	display: inline;
    list-style: none;
	margin: 10px 0px;
	padding-left: 0px;
	line-height: 130%;
}

.commentlist li{
    margin-bottom: 6px;
	padding: 10px;
	background: #333333;
	border: 1px dotted #8D8D8D;
}

.commentlist .alt {
	background: none;
	border: none;
}

.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
}

.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}

.commentname{
	color: #FF00CC;
}

.gravatar {
    border: 1px solid #AAAAAA;
	padding: 5px;
    float: left;
	height: 32px;
	width: 32px;
	background: url(images/gravatar.png) no-repeat 5px 2px;
	display: inline;
}

.commentcount {
    font: bold 2.2em Georgia,sans-serif;
	color: #DEDEDE;
	float: right;
}

.commentext { /* That's the div of the text... */ 
}

/***** comment form *****/
#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 2px 0px;
	margin: 0px;
}

#commentform label{
	color: #787878;
	font-size: 87%;
}

#commentform input{
	width: 200px;
	background:#F9F9F9;
	border: 1px dotted #8D8D8D;
	padding: 3px;
	margin-top: 3px;
}

#commentform textarea{
	width: 635px;
/** height: 115px; **/
	background:#F9F9F9;
	border: 1px solid #8D8D8D;
	padding: 2px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}

#commentform #submit{
	background: url(images/btn-bg.gif) no-repeat;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border: none;
	float:right;
	width: 144px;
	height: 28px;
	cursor: pointer;
}

/* session
-------------------------------------------------------*/
ul.session {
	clear: both;
	height: 40px;
	padding-top: 10px;
}

ul.session li{
	float: left;
	padding-bottom: 8px;
	border-style: none;
	padding-right: 8px;
	display: inline;
}

ul.session li.end{
	padding-right: 0px;
}

/* Favorite
-------------------------------------------------------*/
div.musicbox {
	clear: both;
}

table.music th{
	font-size: 14px;
	color: #FF00CC;
	background: url(images/bg_strip.png) repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #333;
	text-align: center;
}

table.music td{
	padding: 5px;
	font-size: 12px;
	border: 1px solid #333;
}

table.music td.icon {
	width: 32px;
}

table.music td.info {
	width: 290px;
}

ul.icon li {
	float: left;
	height: 30px;
	width: 30px;
	padding-right: 10px;
	padding-bottom: 10px;
}

div.box1 {
	background: url(images/bg_music.png) no-repeat;
	padding-left: 240px;
}

div.box2 {
	background: url(images/bg_ski.png) no-repeat right;
	margin-right: 20px;
}

p.box2-l {
	display: block;
	padding-right: 220px;
}

div.box3 {
	background: url(images/bg_food.png) no-repeat;
	padding-left: 240px;
}

div.box1,
div.box2,
div.box3 {
	padding-right: 20px;
	min-height: 230px;
	height: auto !important;
	height: 230px;
	margin-bottom: 10px;
}

/*  ハック(IE7)
-------------------------------------------------------*/
*:first-child+html hr {
	border-style: none;
	display: none;
}

*:first-child+html #newsbox h3 a {
	font-size: 80%;
}

*:first-child+html #sidebox {
	margin-top: 92px;

}

*:first-child+html p.pagetopsingle {
	font-size: 80%;
	padding-right: 30px;
}

*:first-child+html p.pagetop {
	font-size: 80%;
}

*:first-child+html .entry h3,
*:first-child+html .post h2 {
	font-size: 130%;
	line-height: 1.4;
}

*:first-child+html .commentlist cite,*:first-child+html .commentlist cite a,*:first-child+html .commentlist cite a:visited {
	margin-left: -8px;
}

/*  pagebar
-------------------------------------------------------*/
#navigation .pagebar {
  margin: 0 0 30px;
}

#navigation .pagebar .this-page {
  padding: 4px 10px;
	color: #FF00CC;
  font-weight: bold;
  border: solid 1px #d5d5d5;
	border: 1px solid #333333;
}

#navigation .pagebar a {
  padding: 5px 10px;
	border: 1px solid #333333;
	background: url(images/bg_strip.png) repeat;
}

#navigation .pagebar a:hover {
  padding: 5px 10px;
	border: 1px solid #333333;
}

/* ----- Style for Ktai Entry ----- */
.photo {
	padding-right:6px;
	float:left;
	line-height:110%;
	font-size:0.85em;
	text-indent:0;
}
.photo img {
	background:white;
	margin:0 4px 4px 0;
	padding:3px;
	border:1px solid #999;
}
.photo-end {
	clear:left;
}

/* ----- clerfix ----- */
.clearfix:after,
div.post:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix,
div.post {
  min-height: 1px;
}

* html .clearfix,
* html div.post {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}