/*
Theme Name: azalea_01
Theme URI: 
Author: あゆりりす
Author URI: 
Description: 
Version: 
License: 
License URI: 
*/

@charset "UTF-8";

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

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

img{
border:0px;
vertical-align:bottom;
}

table{
border-collapse:collapse;
border-spacing:0px;
width: 100%;
}

th, td {
padding: 5px 10px;
border: 1px solid #999999;
vertical-align: top;
}

th {
background-color: #eee;
}


/* common
------------------------------------*/

a:link { color: #522B00; }
a:visited { color: #522B00; }
a:hover { color: #FF583F; }
a:active { color: #FF583F; }

body{
background: url(common/img/bg01.gif) left top;
font-size: 95%;
text-align: center;
line-height: 1;
color: #522B00;
font-family: "メイリオ",Meiryo,Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
position: relative;
}

#header {
background: url(common/img/header_bg.png) no-repeat bottom center;
height: 280px;
}

#header #headerBg {
background-color: #FFFFFF;
}

#header #headerBg #headerIn {
width: 1010px;
margin: 0 auto;
position: relative;
}

#header #headerBg #headerIn p {
font-size: 13px;
}

#header #headerBg #headerIn h1 {
padding: 80px 0 10px;
}

#header #headerBg #headerIn #headerLeft {
position: absolute;
left: 50px;
top: 120px;
}

#header #headerBg #headerIn #headerLeft p {
display: inline;
margin: 0 30px 0 0;
}

#header #headerBg #headerIn #headerRight {
position: absolute;
left: 760px;
top: 120px;
}

#header #headerBg #headerIn #headerRight ul li {
display: inline;
margin: 0 30px 0 0;
}

.nav {
position: absolute;
top: -75px;
width: 100%;
}

.nav #headerBg {
background: url(common/img/header_bg02.png) repeat-x top left;
height: 75px;
padding: 10px 0 0;
}

.nav #headerBg #headerIn {
width: 1010px;
margin: 0 auto;
position: relative;
}

.nav #headerBg #headerIn #headerLeft {
position: absolute;
left: 130px;
top: 5px;
}

.nav #headerBg #headerIn #headerLeft p {
display: inline;
margin: 0 30px 0 0;
}

.nav #headerBg #headerIn #headerRight {
position: absolute;
left: 680px;
top: 5px;
}

.nav #headerBg #headerIn #headerRight ul li {
display: inline;
margin: 0 30px 0 0;
}

.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 100;
}

#container {
text-align: left;
padding: 30px 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}

#contents {
width: 1010px;
margin: 0 auto;
}

#main {
width: 680px;
float: left;
}

#main h2 {
border-bottom: 3px double #BCA46F;
font-size: 180%;
font-weight: 700;
color: #FF5840;
line-height: 1.3;
}

#main h2 span {
border-left: 5px solid #FF9B86;
padding: 0 0 0 7px;
margin: 0 0 15px;
display: inline-block;
}

#main h2 a {
color: #FF5840;
text-decoration: none;
}

#main h2 a:hover {
color: #FF9B86;
}

#main h2 a:active {
color: #FF9B86;
}

#main h3,
#main h4,
#main h5 {
margin: 0 0 20px;
}

#main .cassette {
background: url(common/img/bg02.gif) no-repeat right top #FFF;
border-radius: 9px;
padding: 20px;
position: relative;
margin: 0 0 30px;
}

#main .cassette p,
#main .cassette ul,
#main .cassette dl,
#main .cassette table {
margin: 0 0 20px;
line-height: 1.7;
}

#main .cassette .infobox {
padding: 5px 0 0;
}

#main .cassette .infobox ul {
margin: 0 0 15px;
}

#main .cassette .infobox .category,
#main .cassette .infobox .tag {
font-size: 13px;
float: left;
}

#main .cassette .infobox .category {
background: url(common/img/icon05.gif) no-repeat left 2px;
padding: 0 0 0 23px;
margin: 5px 15px 0 0;
}

#main .cassette .infobox .category ul {
margin: 0;
}

#main .cassette .infobox .tag {
background: url(common/img/icon06.gif) no-repeat left 2px;
padding: 0 0 0 23px;
margin: 5px 15px 0 0;
}

#main .cassette .infobox .time {
font-family: 'Molengo', sans-serif;
font-size: 18px;
float: right;
}

#main .cassette .cassetteIn ul {
border: #CBBFB2 double 3px;
padding: 10px;
width: auto;
display: inline-block;
}

#main .cassette .cassetteIn ul li {
list-style-type: disc;
margin: 0 0 0 20px;
}

#main .cassette .cassetteIn blockquote {
background: url(common/img/blockquote.gif) no-repeat left top #F3F0ED;
padding: 15px 50px;
margin: 0 0 20px;
}

#main .cassette .cassetteIn blockquote p {
margin: 0;
}

#main .cassette .cassetteIn pre {
	background-color: #F3F0ED;
	font-size: 120%;
	padding: 15px 50px;
	margin: 0 0 20px;
}

.pager {
text-align: center;
margin: 0 0 30px;
}

.pager .page-numbers {
font-family: 'Molengo', sans-serif;
font-size: 24px;
background-color: #FF9B86;
color: #FFF;
width: 27px;
height: 27px;
display: inline-block;
}

.pager a {
text-decoration: none;
}

.pager a:link { color: #FFF; }
.pager a:visited { color: #FFF; }
.pager a:hover { color: #522B00; }
.pager a:active { color: #522B00; }

.pager .current {
color: #522B00;
}

.pager .next {
text-indent: -9999px;
width: 65px;
height: 27px;
background: url(common/img/icon03_off.gif) no-repeat left top;
}

.pager .next:hover {
background: url(common/img/icon03_on.gif) no-repeat left top;
}

.pager .prev {
text-indent: -9999px;
width: 65px;
height: 27px;
background: url(common/img/icon04_off.gif) no-repeat left top;
}

.pager .prev:hover {
background: url(common/img/icon04_on.gif) no-repeat left top;
}

.pagerS {
margin: 0 0 20px;
}

.pagerS .prev {
float: left;
width: 320px;
}

.pagerS .prev a {
padding: 0px 0 0 70px;
min-height: 27px;
display: inline-block;
background: url(common/img/icon04_off.gif) no-repeat left top;
font-size: 85%;
line-height: 1.3;
text-align: left;
}

.pagerS .prev a:hover {
background: url(common/img/icon04_on.gif) no-repeat left top;
}

.pagerS .next {
float: right;
width: 320px;
text-align: right;
}

.pagerS .next a {
padding: 0px 70px 0 0;
min-height: 27px;
display: inline-block;
background: url(common/img/icon03_off.gif) no-repeat right top;
font-size: 85%;
line-height: 1.3;
text-align: left;
}

.pagerS .next a:hover {
background: url(common/img/icon03_on.gif) no-repeat right top;
}

#menu {
width: 300px;
float: right;
}

#menu .widget {
background-color: rgba(255,255,255,0.5);
border-radius: 9px;
padding: 15px 20px 20px;
margin: 0 0 20px;
line-height: 1.5;
}

#menu .widget h2 {
font-family: 'Molengo', sans-serif;
background: url(common/img/icon01.gif) no-repeat left 5px;
padding: 0 0 13px 30px;
margin: 0 0 10px;
font-size: 28px;
border-bottom: 1px dotted #B89F67;
line-height: 1;
}

#menu .widget ul li {
background: url(common/img/icon02.gif) no-repeat left 4px;
padding: 0 0 0 17px;
margin: 0 0 5px;
}

#menu .widget_copy h2 {
font-size: 100%;
padding: 9px 0 13px 30px;
}

#menu .widget_copy p {
font-size: 80%;
margin: 0 0 10px;
}

#menu #s {
width: 260px;
height: 27px;
vertical-align: top;
margin: 0 0 20px;
font-size: 15px;
}

#menu .googlead {
margin: 0 0 20px;
}

#menu #google_translate_element {
margin: 0 0 5px;
}

#side {
position: absolute;
top: 30px;
right: 0px;
width: 60px;
background-color: #FFFFFF;
}

#footer {
text-align: left;
background-color: #FFC8BC;
overflow: hidden;
}

#footer #footerIn {
width: 1010px;
margin: 0 auto;
padding: 30px 0 20px;
}

#footer #footerIn h2 {
font-family: 'Molengo', sans-serif;
background: url(common/img/footer_icon01.gif) no-repeat left 2px;
padding: 0 0 7px 30px;
border-bottom: 1px dotted #522B00;
margin: 0 0 20px;
font-size: 28px;
}

#footer #footerIn #footerInBox {
padding: 0 0 10px;
border-bottom: 1px dotted #522B00;
margin: 0 0 20px;
}

#footer #footerIn #footerInBox p,
#footer #footerIn #footerInBox ul {
line-height: 1.5;
margin: 0 0 10px;
}

#footer #footerIn #footerInBox .columnLeft {
font-size: 85%;
}

#footer #footerIn #footerInBox .columnLeft,
#footer #footerIn #footerInBox .columnRight {
width: 495px;
}

#footer #footerIn #footerInBox .columnLeft .columnRight h3 {
font-weight: normal;
font-size: 110%;
margin: 0 0 7px;
}

#footer #footerIn #footerInBox .columnLeft ul li {
list-style-type: disc;
margin: 0 0 0 20px;
}

#footer #footerIn #footerInBox .columnLeft .columnLeft {
width: 100px;
}

#footer #footerIn #footerInBox .columnLeft .columnLeft img {
border-radius: 9px;
}

#footer #footerIn #footerInBox .columnLeft .columnRight {
width: 385px;
}

#footer #footerIn #footerInBox .columnRight h4 {
font-family: 'Molengo', sans-serif;
background: url(common/img/footer_icon02.gif) no-repeat left 4px;
padding: 0 0 5px 20px;
font-size: 20px;
}

#footer #footerIn #footerInBox .columnRight p {
font-size: 85%;
}

#footer #copy {
text-align: center;
font-size: 80%;
}

#pankuzu {
padding: 0 0 20px;
}

.pageTopLink {
text-align: right;
position: fixed;
bottom: 20px;
right: 20px;
padding: 10px;
background-color: #FFFFFF;
border-radius: 3px;
}

.columnRight {
display: block;
float: right;
}

.columnLeft {
display: block;
float: left;
}

.textRed {
color: #ff0000;
}


/* indexLayout
------------------------------------*/

#main .cassette .columnLeft {
width: 180px;
margin: 0;
}

#main .cassette img {
border-radius: 9px;
}

#main .cassette .columnRight {
width: 440px;
}

#main .cassette .more {
position: absolute;
right: -5px;
bottom: 20px;
margin: 0;
}

#main .cassette .more .readmore {
width: 65px;
height: 27px;
text-indent: -9999px;
background: url(common/img/icon03_off.gif) no-repeat left top;
display: inline-block;
}

#main .cassette .more .readmore:hover {
background: url(common/img/icon03_on.gif) no-repeat left top;
}


/* singleLayout
------------------------------------*/

#main .cassette .eye img {
border-radius: 9px;
}

#main .cassette h3 {
background: #FF9B86;
color: #FFF;
padding: 7px 5px 5px 7px;
margin: 60px 0 20px;
font-size: 130%;
font-weight: bold;
}

#main .cassette h4 {
background: url(common/img/icon07.gif) no-repeat left top;
padding: 0 0 0 20px;
margin: 40px 0 20px;
font-size: 110%;
font-weight: bold;
border-bottom: 3px solid #FF9B86;
}

#main .cassette h5 {
background: url(common/img/icon08.gif) no-repeat left top;
padding: 0 0 0 17px;
margin: 30px 0 10px;
font-size: 100%;
font-weight: bold;
}

#main .cassette .cassetteIn a:link { color: #FF583F; }
#main .cassette .cassetteIn a:visited { color: #FF583F; }
#main .cassette .cassetteIn a:hover { color: #FF583F; }
#main .cassette .cassetteIn a:active { color: #FF583F; }

#main .cassette .cassetteBtm {
border-top: 1px dotted #B89F67;
padding: 15px 0 0;
}

#main .cassette .cassetteBtm div {
float: left;
width: 490px;
}

#main .cassette .cassetteBtm div h5 {
font-family: 'Molengo', sans-serif;
font-size: 16px;
float: left;
margin: 2px 15px 0 0;
padding: 0;
color: #522B00;
background: none;
}

#main .cassette .cassetteBtm div ul {
margin: 0;
}

#main .cassette .cassetteBtm div ul li {
float: left;
margin: 0 10px 0 0;
}

#main .cassette .cassetteBtm p {
float: right;
width: 145px;
text-align: right;
font-size: 80%;
margin: 0;
}

#main .cassette .cassetteBtm .fb-like {
width: 120px;
}

#main .cassette .cassetteBtm .fb-like span {
vertical-align: top !important;
}

#main .cassette .cassetteBtm iframe.twitter-share-button {
width: 95px !important;
}


/* contactLayout
------------------------------------*/

.page-id-23 #container #contents #main .cassette h2 {
margin: 0 0 15px;
}

/* clearfix
------------------------------------*/

#header:after,
#container:after,
#contents:after,
#footer:after,
#footer div:after,
#main .cassette div:after,
#main .cassette ul:after,
#main .cassette p:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#header,
#container,
#contents,
#footer,
#footer div,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #header,
* html #container,
* html #contents,
* html #footer,
* html #footer div,
* html #main .cassette div,
* html #main .cassette ul,
* html #main .cassette p,
* html .clearfix {
height: 1%
}

#header,
#container,
#contents,
#footer,
#footer div,
#main .cassette div,
#main .cassette ul,
#main .cassette p,
.clearfix {
display:block;
}
/* end MacIE5 */