@charset "UTF-8";

/***********************************

【hack覚書】
★Internet Explorer 6のみ適用
* html .hogehoge{}

★Internet Explorer 7のみ適用
*+html .hogehoge{}

★Internet Explorer 8のみ適用
head~/＊ ＊/body .hogehoge{}
（＊は小文字に直してから使用してください。）


***********************************/

/* Reset
*********************************************************************/

html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, table, label, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}
header, footer, nav, article, section, aside {
	display: block;
}

/* Link
*********************************************************************/

a{
	color: #0000FF;
}

a:hover img{
	filter: alpha(opacity=80);
  	-moz-opacity:0.8;
  	opacity:0.8;
}

a:visited{
	color: #660099;
}

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

a.bgimg{
	display:block;
	width:250px;
	height:80px;
}

/* General
*********************************************************************/
html{
	height:100%;
	
}

body{
	height:100%;
	font-size: 100%;
	text-align: center;
	background-color: #fff;
}

p{
	line-height:160%;
	font-size:95%;
	margin:0px 0px 2.5em 8px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

h1{
	text-indent:-9999px;
	height:115px;
	background-image:url("http://flower-prayer.com/image/logo.jpg");
	background-repeat:no-repeat;

}

h1 a.logolink{
	display:block;
	width:238px;
	height:115px;
}

h2{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:650px;
	padding:12px 0px 8px 15px;
	margin:0px 0px 10px 0px;
	border-color:#c66;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	font-size:120%;
	font-weight:normal;
}

h3{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:210px;
	padding:10px 0px 6px 10px;
	margin:5px 0px 8px 10px;
	border-color:#ddd;
	border-style:solid;
	border-width:0px 0px 0px 6px;
	font-size:120%;
	font-weight:normal;
}

h3.notice{
        width:430px;
}

.mgn-top{
	margin-top:8px;
}

/* Layout
*********************************************************************/

#twitter{
	position:absolute;
	top:65px;
	left:50%;
	margin-left:350px;
	width:100px;
}

#search-box{
	position:absolute;
	top:15px;
	left:50%;
	margin-left:200px;
	width:250px;
}

#social{
	position:absolute;
	top:540px;
	left:50%;
	margin-left:310px;
	width:200px;
	height:15px;
	z-index:5;
}

#notice{
	width:670px;
}

#notice .ntc-item{
	display:inline-block;
	width:210px;
	padding:4px;
	vertical-align:top;
}

#notice .ntc-item p{
	font-size:90%;
	margin-left:0px;
}

article img.profile{
	float:left;
	margin:0px 8px 2.5em 8px;
}

#music{
	border-color:#ccc;
	border-width:0px 0px 1px 0px;
	border-style:solid;
	margin-bottom:6px;
}

#music .thumb{
	float:left;
	width:210px;
	padding:0px 0px 15px 10px;
}

#music .detail{
	float:left;
	width:445px;
	overflow:hidden;
}

#music .detail p{
	margin-bottom:1.5em;
}

#music .detail p:nth-of-type(2){
	margin-bottom:0px;
}

#music .detail h4{
	width:300px;
	text-align:right;
	font-weight:bold;
	border-width:0px 0px 1px 0px;
	border-color:#ccc;
	border-style:solid;
	padding:0px 5px 5px 0px;
	font-size:85%;
	margin-left:142px;
}

#music .detail h4.order{
	width:300px;
	text-align:left;
	font-weight:bold;
	border-width:0px 0px 1px 0px;
	border-color:#ccc;
	border-style:solid;
	padding:0px 5px 5px 0px;
	font-size:95%;
	margin-left:7px;
}

p.ccate{
	margin-bottom:0.5em;
}

ul#color-cate{
	width:670px;
	margin:0px 0px 2em 5px;
}

ul#color-cate li{
	display:inline;
}

ul#color-cate li a{
	width:204px;
	margin:0px 5px 0px 0px;
	padding:3px;
	float:left;
	text-align:center;
	color:#333;
}

ul#color-cate li a:hover{
	opacity:0.8;
}
li.col2 a{ background-color:#8B008B;  color:#fff!important; }
li.col1 a{ background-color:#90EE90; }
li.col3 a{ background-color:#FF9933; }
li.col4 a{ background-color:#FFFF66; }
li.col6 a{ background-color:#000080; color:#fff!important; }
li.col5 a{ background-color:#DC143C; color:#fff!important; }
li.col7 a{ background-color:#228B22; }
li.col9 a{ background-color:#B0E0E6; }
li.col8 a{ background-color:#ddd; }
li.col10 a{ background-color:#FFB6C1; }


ul#other-cate{
	dispaly:inline;
	width:670px;
	margin:0px 0px 1.5em 5px;
}

ul#other-cate li{
	list-style-type:none;
	float:left;
}

ul#other-cate li a{
	width:108px;
	float:left;
	border-color:#ccc;
	border-width:0px 1px 0px 0px;
	border-style:dotted;
	text-align:center;
}


/* #header
*********************************************************************/

header{
	width:885px;
	margin:0px auto 0px auto;
	border-width:0px 1px 0px 1px;
	border-color:#ddd;
	border-style:solid;
	padding:6px 0px 0px 15px;
}

input#searchsubmit{
	width:56px;
	height:24px;
	background:url("http://flower-prayer.com/image/btn_search.png") no-repeat;
	background-color:#fff;
	border:0px;
	text-indent:-9999px;
	_text-indent:0px;
	cursor:pointer;
}

input#searchsubmit:hover{
	opacity:0.8;
}

nav{
	width:100%;
	background-color:#fff;
	border-width:3px 0px 1px 0px;
	border-style:solid;
	border-color:#c66 #fff #ddd #fff;
}

nav ul{
	width:900px;
	margin:0px auto 0px auto;
}

nav ul li{
	display:inline;
}

nav ul li a{
	float:left;
	width:112px;
	padding:10px 0px 10px 0px;
 	list-style: none;
 	font-family:'ＭＳ Ｐゴシック', sans-serif;
 	color:#333;
	font-size:95%;
}

nav ul li a:hover{
	color:#333;
	background-color:#eee;
}

nav ul li a:visited{
	color:#333;
}



/* #contents
*********************************************************************/
#main{
	width:900px;
	border-color:#ddd;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

article{
	width:675px;
	float:left;
	text-align:left;
}

article h3{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:650px;
	padding:5px 0px 4px 10px;
	margin:5px 0px 12px 5px;
	border-color:#c66;
	border-style:solid;
	border-width:0px 0px 0px 6px;
	font-size:110%;
	font-weight:normal;
}

article h4{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:650px;
	border-color:#ccc;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	font-size:110%;
	font-weight:bold;
	padding:5px 0px 4px 10px;
	margin:5px 0px 12px 5px;
	color:#454545;
}

article ul{
	line-height:170%;
	font-size:95%;
	margin:0px 0px 2.5em 25px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

article ul li{
	list-style-type:disc;
}

aside{
	width:225px;
	float:left;
	text-align:left;
	overflow:hidden;
}

aside p{
	font-size:90%;
	margin:0px 5px 2.5em 15px;
}

aside div.log{
	width:215px;
	height:25em;
	overflow:auto;
	margin:5px 0px 2em 5px;
}

aside div.log p{
	padding-bottom:10px;
	margin-bottom:5px;
	border-style:dotted;
	border-color:#ccc;
	border-width:0px 0px 1px 0px;
}

aside div.log small{
	font-weight:bold;
	text-decoration:underline;
}

aside iframe.soundcloud{
	margin:3px 0px 2em 10px;
}

aside ul{
	margin:0px 0px 2em 30px;
}

aside ul li{
	list-style-type:disc;
	line-height:150%;
}

aside ul#popular_music{
	width:90%;
	font-size:90%;
	padding-left:0px;
	margin-bottom:2.5em;
	margin-left:12px;
}

aside ul#popular_music li{
	border-style:dotted;
	border-width:0px 0px 1px 0px;
	border-color:#777;
	list-style:none;
	padding:4px 0px 6px 4px;
	line-height:150%;
}

/* wordpress関係
*********************************************************************/
.edit-link{
	margin:0px 0px 1em 15px;
}

.entry-utility{
	margin:0px 0px 1.5em 10px;
}

.post-ratings{
	margin:10px 0px 1em 30px;
}

.entry-footer{
	margin-bottom:2.5em;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:90%;
}

.content{
	margin-bottom:2.5em;
}

.entry-content p{
	width:660px;
}

.wp-pagenavi{
	width:650px;
	margin:0px auto 1.5em auto;
	text-align:center;
	font-size:110%;
}

#nav-above .wp-pagenavi{
	width:650px;
	margin:0px auto 0px auto;
	text-align:center;
	font-size:110%;
}

#in_twitter{
	width:120px;
	position:relative;
	top:-55px;
	left:50%;
	margin-left:130px;
}

.entry-meta{
	margin:0px 0px 15px 5px;
}

/* table
*********************************************************************/
article table.request{
	width:665px;
	border-width:1px 0px 0px 1px;
	border-color:#c66;
	border-style:solid;
	margin:5px 0px 2.5em 10px;
	border-collapse:collapse;
}

article table.request th{
	background-color:#c66;
	color:#fff;
	width:25%;
	border-width:0px 1px 1px 0px;
	border-color:#c66 #c66 #fff #c66;
	border-style:solid;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

article table.request td{
	width:75%;
	border-width:0px 1px 1px 0px;
	border-color:#c66;
	border-style:solid;
	padding:5px;
	vertical-align:middle;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height:150%;
	font-size:90%;
}

article table.history{
	width:655px;
	border-width:1px 0px 0px 1px;
	border-color:#c66;
	border-style:solid;
	margin:5px 0px 2.5em 10px;
	border-collapse:collapse;
}

article table.history th{
	background-color:#c66;
	color:#fff;
	border-width:0px 1px 1px 0px;
	border-color:#c66 #c66 #c66 #c66;
	border-style:solid;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

article table.history td{
	border-width:0px 1px 1px 0px;
	border-color:#c66;
	border-style:solid;
	padding:5px;
	vertical-align:middle;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	line-height:150%;
	font-size:90%;
}

table.request td b{
	font-size:100%!important;
	line-height:150%;
}

table.request td.price{
	font-weight:bold;
	color:#a00;
	font-size:120%;
	width:35%;
}

/* #footer
*********************************************************************/

footer{
	clear:both;
	background-color:#BAAFAB;
	width:100%;
}

footer ul{
	width:900px;
	margin:0px auto 0px auto;
	overflow:hidden;
}

footer ul li{
	display:inline;
}

footer ul li a{
	color:#fff;
	float:left;
	width:110px;
	font-size:85%;
	padding:10px 0px 10px 0px;
}

footer ul li a:visited{
	color:#fff;
}

footer ul li a:hover{
	color:#fcc;
}


footer hr{
	margin:0px 0px 20px 0px;
}

#pgtop{
	width:900px;
	margin:10px auto 10px auto;
	text-align:right;
}

address{
	clear:both;
	width:900px;
	margin:0px auto 0px auto;
	text-align:right;
	color:#fff;
	font-size:85%;
	padding:0px 5px 1em 0px;
}

/* ブラウザ互換
*********************************************************************/

* html table{
	font-size: 80%;
}

.clearfix {zoom:1;}
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}