@charset "Shift_JIS";

/*---------------------------------------

[reset]

[base]
	font
	anchor
	add class
	
[common set-up] 
	bg 
	h
	breadCrumb
	pagetop link

[lower common]

[each page]

[common contents]
	all center
	container
	header
	main contents
	footer
	print

[clearfix]
			
---------------------------------------*/


/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: reset */
body,div,
dl,dt,dd,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,
th,td{margin:0;padding:0;}

table{border-spacing:0;} 

fieldset,img,a img,
abbr,acronym{border:0;}

li img,dt img{vertical-align:top;}

address,caption,cite,code,dfn,em,th,var,strong{ 
font-style:normal; 
font-weight:normal; 
} 

ol,ul{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-weight:normal;}

q:before,q:after{content:'';} 

hr{display:none;}

html{overflow-y:scroll;} 

/* form */ 
button, fieldset, form, input, label, legend, select, textarea {   
font-family:inherit;   
font-size:100%;   
font-style:inherit;   
font-weight:inherit;   
margin:0;   
padding:0;   
vertical-align:top;   
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: base */
/*--------------------------------------- font */

/* base */
body{
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
line-height:1.5;
color:#333333;
font-size: 13px;
/*Firefox、Safari、Opera等モダンブラウザやMac IE5に適用*/
*font-size: small;
/*Win IE7およびWin IE6標準準拠モードに適用*/
*font: x-small;
/*Win IE 5-5.5､6(後方互換モード)に適用*/
}


/*----------------------- color */
/* white */
.copy{color:#FFF;}

/* red */
.red{color:#FF0000;}

/* orange */
.ora{color:#FF6600;}

/*----------------------- size */
/* size10px */
.header li,
.date{font-size:77%;}

/* size11px */
.bf,
.comment-footer{font-size:85%;}

/* size12px */
table,
textarea,
.main{font-size:93%;}

/* size14px */
.pcwall dt,
.middle{font-size:108%;}

/* size16px */
.date,
.mobttl,
#song .single dd ul .singleTtl,
h2{font-size:123.1%;}


/*--------------------------------------- anchor */

a:link,
a:visited{
color:#606900;
text-decoration:none;
}
a:hover{
color:#606900;
text-decoration:underline;}

/* none anchor */
.header li a:link,
.header li a:visited{
color:#FFF;
text-decoration:none;
}
.header li a:hover{color:#A2AD00;}

/*--------------------------------------- add class */

/*float*/
.floatL{float:left;}
.floatR{float:right;}
.clearB{clear:both;}

.right{text-align:right;}
.center{text-align:center;}
.bold{font-weight:bold;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common set-up */
body{background-color:#333333;}

/* h */
h2{
margin:10px 0;
border-left:solid 5px #999999;
padding:2px 0 2px 12px;
}

/* pagetop link */
p.pgtp{
text-align:right;
clear:both;
padding:60px 0 22px;
background:url(http://www.hashiruotokof.jp/common/img/line_dotto.jpg) 0 100% repeat-x;
}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: main common */

/* 日付 */
.date{
border:solid 1px #333;
padding:5px 13px;
}

.entry{padding-bottom:20px;}
/* 段落 */
.entry p {margin: 15px 0;}

/* 順序なしリスト */
.entry ul,
.entry ol {padding-left: 16px;}
.entry ul li {list-style-type: circle;}

/* 定義リスト */
.entry dd {padding-left: 8px;}

/* テキストエリア */
.entry textarea {width: 97%;}


/* blog footer */
.bf {
background:url(http://www.hashiruotokof.jp/common/img/line_dotto.jpg) 0 0 repeat-x;
padding:10px 0 55px;
text-align:right;
}
.bf li{display:inline;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: lower */
/*--------------------------------------- schedule */
#schedule dl{
background:url(http://www.hashiruotokof.jp/common/img/line_dotto.jpg) 0 100% repeat-x;
padding:20px 0;
}
#schedule dt{
float:left;
width:187px;
}
#schedule dd{margin:25px 0 0 200px;}

/*--------------------------------------- song */
#song .pic{margin-top:20px;}
#song .aboutSinger dd{margin:15px 0 45px;}
#song .songTtl dd{margin:10px 0 30px;}
#song .txt p{margin-bottom:15px;}
#song .single dt{
	float:left;
	width: 209px;
	clear: both;
	padding-right: 15px;
}
#song .single dd ul{
	padding-top: 10px;
}
#song .single dd ul .pv{
	padding-top: 30px;
}
/*--------------------------------------- download */
/*--------------------------------------- dlwppg */
#download .esta dt{margin:50px 0 20px;}
#download .pcwall dt{margin:20px 0;}
#download .mobwall dt{margin:50px 0 20px;}
#download .mobwall dd li{
	float:left;
	}
#download .ff{padding-left:25px;}
#download .fff{padding-top:20px;}
#download .qr{padding:20px 20px 0 0;}
#download .mobttl{margin-bottom:10px;
padding-top:20px;}
#download .qrdiv{
	width:480px;
	margin-top:20px;}

/*--------------------------------------- index */
#download .enquete dt{margin:30px 0 20px;}

/*--------------------------------------- invitation */
#invitation h2{margin-bottom:30px;}
#invitation .con{margin-bottom:50px;}
#invitation .con h3{margin-bottom:20px;}
#invitation .con p{margin-bottom:10px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: common contents */
/*--------------------------------------- all center */
body{text-align:center;}

.header ul,
.main,
#footer{
width:900px;
margin:0 auto;
text-align:left;
}

/*--------------------------------------- container */
.container{background-color:#FFF;}


/*--------------------------------------- header */
.header{
background-color:#333333;
text-align:center;
width:100%;
position: fixed;
}

.header ul{
text-align:right;
padding:0 0 2px;
background-color:#333333;
}
.header li{
display:inline;
border-left:solid 1px #FFF;
padding:2px 8px 3px 10px;}
.header li.last{border-right:solid 1px #FFF;}


/*--------------------------------------- sideLeft */
.sideLeft{
float:left;
width:387px;
padding-right:30px;
}
.sideLeft span{display:block;}

/* blogMenu */
.sideLeft .blogMenu dd{padding:10px 0 40px;}

.sideLeft .bnr li{padding-bottom:10px;}
/*--------------------------------------- global navigation */
.gNavi{padding:40px 0 45px;}
.gNavi li{padding-bottom:30px;}

/*--------------------------------------- mainContaints */
.main{padding-top:50px;}
.mainContaints{
width:480px;
float:right;
}

/*--------------------------------------- footer */
.ftBnr{
text-align:center;
padding:20px 0;
}
.ftBnr img{vertical-align:middle;}
.ftBnr li{
display:inline;
padding-right:10px;
}
.ftBnr li.last{padding-right:0;}
#footer{padding:10px 0;}
p.copy{
text-align:center;
letter-spacing:0.1em;
padding-top:10px;
min-height:80px;}

	/* IE6 min-height */
	* html p.copy{height:80px;}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::: clear */

.header:after,
.container:after,
.main:after,
#footer ul:after,
.mobwall:after,
.qrdiv:after,
#schedule dl:after{
content:"."; 
display:block; 
clear:both; 
height:0;
line-height:0;
visibility:hidden;
font-size: 0;
}

	/* IE6 */
	* html .header,
	* html .container,
	* html .main,
	* html #footer ul,
	* html .mobwall,
	* html .qrdiv,
	* html .mainContaints dl{height:1%;}

	/* IE7 */
	*:first-child+html .header,
	*:first-child+html .container,
	*:first-child+html .main,
	*:first-child+html #footer ul,
	*:first-child+html .movwall,
	*:first-child+html .qrdiv,
	*:first-child+html .mainContaints dl{display:inline-block;}




/* フォーム */
#search-options,
input,
textarea {
    padding: 1px;
}
#search {
    width: 140px;
    height: 20px;
}
html > body #search {
    height: 15px;
}


/* ブログ記事日付・各タイトル */
.trackbacks-header,
.comments-header,
.comments-open-header,
.search-header {
    padding-left: 8px;
    color: #fff;
    background: #666;
    font-weight: bold;
    line-height: 2.0;
}



/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin-bottom: 5px;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
}

/* カレンダー */
.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #333;
    font-size: 9px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 8px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}
span.day {
    text-align: center;
    font-size: 9px;
}
span.saturday {
    color: blue;
}
span.sunday {
    color: #e50003;
}
td.today {
    display: block;
    border: 1px solid #333;
}

#links-left-box dl,
#links-right-box dl {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 75%;
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 125%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 125%;
}
ul#tags li.taglevel3 {
    font-size: 116.6%;
}
ul#tags li.taglevel4 {
    font-size: 108.3%;
}
ul#tags li.taglevel5 {
    font-size: 100%;
}
ul#tags li.taglevel6 {
    font-size: 91.6%;
}


/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.syndicate img {
    border: none;
}

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}
.module-powered {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
}

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    line-height: 1.5;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding: 3px 0 10px;
    border-top: 1px dotted #36414d;
    text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 220px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 400px;
    height: 150px;
}
#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: center;
}
.comments-open label {
    display: block;
}
#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(http://www.hashiruotokof.jp/mt/mt-static/images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}

/* 検索結果画面 */
#search-form {font-size: 83.3%;}
.search{margin-bottom:15px;}

.search-results-header {
    margin: 8px 0 15px;
    font-size: 120%;
}


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

.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




/* フォーム */
#search-options,
input,
textarea {
    padding: 1px;
}
#search {
    width: 140px;
    height: 20px;
}
html > body #search {
    height: 15px;
}


/* ブログ記事日付・各タイトル */
.trackbacks-header,
.comments-header,
.comments-open-header,
.search-header {
    padding-left: 8px;
    color: #fff;
    background: #666;
    font-weight: bold;
    line-height: 2.0;
}



/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin-bottom: 5px;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
}

/* カレンダー */
.calendarhead {
    padding-bottom: 5px;
    text-align: center;
    color: #333;
    font-size: 9px;
    background: none;
    letter-spacing: 0.2em;
}
#calendar table {
    text-align: center;
    padding: 0px;
    border-collapse: collapse;
}
#calendar th {
    padding-bottom: 3px;
    font-size: 8px;
    width: 23px;
}
#calendar td {
    padding: 2px 0;
    font-size: 9px;
    line-height: 120%;
}
span.day {
    text-align: center;
    font-size: 9px;
}
span.saturday {
    color: blue;
}
span.sunday {
    color: #e50003;
}
td.today {
    display: block;
    border: 1px solid #333;
}

#links-left-box dl,
#links-right-box dl {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 75%;
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 125%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 125%;
}
ul#tags li.taglevel3 {
    font-size: 116.6%;
}
ul#tags li.taglevel4 {
    font-size: 108.3%;
}
ul#tags li.taglevel5 {
    font-size: 100%;
}
ul#tags li.taglevel6 {
    font-size: 91.6%;
}


/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.syndicate img {
    border: none;
}

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}
.module-powered {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
}

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    line-height: 1.5;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding: 3px 0 10px;
    border-top: 1px dotted #36414d;
    text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 220px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 400px;
    height: 150px;
}
#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: center;
}
.comments-open label {
    display: block;
}
#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(http://www.hashiruotokof.jp/mt/mt-static/images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}

/* 検索結果画面 */
#search-form {font-size: 83.3%;}
.search{margin-bottom:15px;}

.search-results-header {
    margin: 8px 0 15px;
    font-size: 120%;
}


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

.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.marTB30{margin:30px 0;}