@charset "utf-8";

/*大枠設定 （下記の箇所を検索置換） 2010.11.03
mainwidth  960px                   //#content、#header-inner、#footer-inner、.pagetop、.fnav、.copyright（コンテンツ～コピーライトの横幅）
mainvisualWidth 960px               //#mainvisual（メインイメージの横幅）
sidebarWidth 220px                  //#sidebar（サイドバーの横幅）
mainWidth 740px                     //#main（メインエリアの横幅）
EntryBodyWidth 700px                //.entry-body（MT各エントリーの横幅）
EntryBodyMargin 0 20px 10px 20px    //.entry-body（MT各エントリーのマージン）
------------------------------------------*/

/* reset
------------------------------------------*/
.clear{ clear: both; }
.clearfix:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{ min-height: 1px; }
* html .clearfix{ height: 1px; }

/* base
------------------------------------------*/
html{
	background:#000;
}
body,th,td,h1,h2,h3,h4,h5,h6,table,td,th{
    color: #f6f6f6;
    line-height: 1.6;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
}
a{ color: #444; text-decoration: none; }
a:hover{ color: #444; text-decoration: underline; }
a:hover.alpha img{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }
a, input{ outline: none; }
input:hover.alpha{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }

/*画像hover処理*/
/*.logo a:hover img, #sidebar a:hover img, #main a:hover img{ filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75; }*/

/* layout
------------------------------------------*/
body{
	text-align: center;
	background:#010101;
	background-image: url(/images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 169px;
}
body#home{
}
#container{
	margin: 0 auto;
}
#container-inner{
	
}
#content{
	width: 100%;
	background:#000;
}
#home #content-inner{
	margin: 0 auto;
	padding:22px 0 15px;
	width: 960px;
	text-align: center;
	background-color: #000;
}
#content-inner{
	background:#000;
	margin:0 auto;
	width:960px;
}

/* header
------------------------------------------*/
#header{
	margin: 0 0 2px 0;
	width: 100%;
	background: url(/images/header-bg.jpg) repeat-x 0 0;
}
#header-inner{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 139px;
}
.site-description{
	position: absolute;
	top: 32px;
	left: 290px;
	color: #aaa;
	font-size: 77%;
}
.logo{
	position: absolute;
	top: 20px;
	left: 0px;
}
.header-tel{
	position: absolute;
	top: 60px;
	right: 20px;
}
.gnav{
	position: absolute;
	top: 94px;
	left: 0;
}
.gnav li{
	display: inline;
}

/* mainvisual
------------------------------------------*/
#mainvisual{
	margin: 0 auto;
	width: 960px;
	height: 407px;
	line-height: 300px;
}
.page-mainvisual{
	margin: 0 auto 10px auto;
}

/* main
------------------------------------------*/
#main{
	float: right;
	width: 710px;
	margin:0;
	text-align: left;
}
#main a{
	color:#fff;
}
#home #main-inner{
	border:none;
	
}
#main-inner{
	border:solid 5px #333;
}
.main-news{
	background:#333;
	margin:0 0 10px 0;
	padding:5px;
}
.main-newblog{
	border:5px solid #333;
}
.bread{
	margin: 0 15px 10px 0;
	font-size: 77%;
	text-align: right;
}
.bread a{
	color:#fff;
}

/* sidebar
------------------------------------------*/
#sidebar{
	float: left;
	width: 230px;;
	text-align: left;
}

.snav{
	width:230px;
	background:#333;
	border-bottom:solid 10px #000;
}
.snav ul{
	margin:0 4px 4px;
	padding:0 0 12px;
	background:#000;
}
.snav li{
	zoom: 1;
	background-image: url(/images/list-bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px bottom;
}
.snav li a{
	padding: 5px 0 5px 22px;
	color: #f6f6f6;
	background: url(/images/snav-btn-bg.jpg) no-repeat 5px 50%;
	display:block;
}
.snav ul li ul {
	margin:8px 0;
	padding:0;
}
.snav ul li ul li{
	background:none;
}
.snav ul li ul li a{
	padding:5px 0 5px 25px;
	background:none;
	font-size:85%;
	border:none;
}
.simple-about{
	padding: 10px 15px;
	color: #aaa;
	background: #222;
}
.sidebana p{
	margin:0 0 10px;
}

/* footer
------------------------------------------*/
.pagetop{
	margin: 0 auto;
	width: 960px;
	text-align: right;
}
#footer{
	width: 100%;
	background: url(/images/footer-bg.jpg) repeat-x 0 0;
}
#footer-inner{
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 113px;
}
.fnav{
	position: absolute;
	top: 15px;
	left: 0;
	width: 480px;
	height: 55px;
	line-height: 20px;
	font-size:85%;
	color:#fff;
	padding:0 270px;
}
.fnav li{
	display: inline;
	/*padding: 0 5px;*/
}
.fnav li a{
	color: #fff;
	padding:0 5px;
}
.copyright{
	position: absolute;
	top: 80px;
	left: 0;
	width: 960px;
	height: 25px;
	color: #fff;
	font-size: 77%;
	line-height: 25px;
}

/* トップページ */
.main-message-body{
	margin: 0 0 10px 0;
	padding: 10px 15px;
	background: #eaeaea;
}
.main-newblog-bg{
	padding: 0 0 20px 0;
	background:url(/images/main-newblog-bg.jpg) no-repeat 0 bottom;
}
.shops-blog{
	margin: 0 0 30px 0;
}
.main-news dl{
	padding: 10px 13px 13px;
	background: #000;
}
.main-news dl dt{
	float: left;
	background:url(/images/list-bg.jpg) repeat-x bottom;
	padding:5px 20px;
	font-size:93%;
	color:#ccc;
}
.main-news dl dd{
	overflow: hidden;
	background:url(/images/list-bg.jpg) repeat-x bottom;
	padding:5px 0;
	font-size:93%;
}
.main-news dl dd a{
	color:#ccc;
}
.main-newblog dl{
	color:#ccc;
	padding: 0 13px;
	height: 200px;
	overflow: auto;
}
.main-newblog dl dt{
	float: left;
	clear:both;
	font-size:93%;
	padding:5px 10px;
	background:url(/images/list-bg.jpg) repeat-x bottom;
}
.main-newblog dl dd.blogname{
	overflow: hidden;
	font-size:93%;
	padding:5px 0;
	background:url(/images/list-bg.jpg) repeat-x bottom;
	width:155px;
	float:left;
}
.main-newblog dl dd.blog-contents{
	overflow: hidden;
	font-size:93%;
	padding:5px 0;
	background:url(/images/list-bg.jpg) repeat-x bottom;
}
.main-newblog dl dd a{
	color:#ccc;
}

/* ブログ記事、ブログ記事リスト */
.page-title{
	margin: 0 0 15px 0;
	height: 35px;
	font-size: 100%;
	font-weight: bold;
	line-height: 35px;
	text-indent: 20px;
	color:#f2f2f2;
	background: url(/images/category-title-bg.jpg) no-repeat 0 0;
}
.entry-once{
	margin: 0 0 30px 0;
}
.entry-title{
	margin: 0 5px 20px;
	height: 32px;
	font-size: 93%;
	line-height: 32px;
	text-indent: 32px;
	background: url(/images/entry-title-bg.jpg) no-repeat 0 8px ;
}
.entry-meta{
	margin: 0 0 10px 0;
	padding: 10px 12px;
	font-size: 77%;
	text-align: right;
	/*background: #ddd;*/
}
.entry-body{
	width: 660px;
	margin: 0 20px 10px 20px;
	
}
.entry-body h3{
	margin: 1.8em 0 0.8em 0;
	padding: 5px 8px;
	background:url(/images/entry-h3-bg.jpg);
	font-size: 138.5%;
	font-weight: bold;
	color:#f2f2f2;
	/*background: #eaeaea;
	border-left: #ccc 10px solid;*/
}
.entry-body h4{
	margin: 1.2em 0 0.8em 0;
	padding: 0 0 5px 0;
	font-size: 123.1%;
	border-bottom: #fe9900 3px double;
}
.entry-body h5{
	margin: 0 0 0.8em 0;
	padding: 5px 8px;
	font-weight: bold;
	border: #fe9900 3px solid;
}
.entry-body h6{
	margin: 0 0 0.8em 0;
	border-bottom: #444 1px dotted;
}
.entry-body p{
	margin: 0 0 0.8em 0;
}
.entry-body strong{
	font-weight: bold;
}
.entry-body ol{
	margin: 0 0 20px 0;
}
.entry-body ol li{
	margin: 0 0 0 25px;
	list-style: outside decimal;
}
.entry-body ul{
	margin: 0 0 20px 0;
}
.entry-body ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}
.entry-body ul li ul{
	margin: 0 0 15px 0;
}
.entry-body ul li ul li{
	margin: 0 0 0 20px;
	list-style: outside circle;
}
.entry-body table.table01{
	margin: 0 0 0.8em 0;
	padding: 0;
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
.entry-body table.table01 th{
	padding: 10px 12px;
	width: 100px;
	border: #333 1px solid;
}
.entry-body table.table01 td{
	padding: 10px 12px;
	border: #333 1px solid;
}
.entry-body table.table01 td ul li{
	margin: 0 0 0 20px;
	list-style: outside disc;
}

/* blog
------------------------------------------*/
.blog-nav{
	margin: 0 0 10px 0;
	border-bottom: #ccc 1px dashed;
}
.blog-sideparts{
	margin: 0 0 10px 0;
	padding: 10px 15px;
	background: #222;
}
.blog-sideparts-title{
	color: #fff;
	font-size: 116%;
}
.blog-sideparts ul li{
	border-bottom: #444 1px dotted;
}
.blog-sideparts ul li a{
	color: #fff;
	display:block;
}

/* カレンダー */
#calendar{
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 11px;
	text-align: center;
	/*background: #eaeaea url(/images/common/parts/bg01.gif) repeat 0 0;*/
	border: #333 5px solid;
}
.calendarhead{
	padding: 0 0 5px 0;
	text-align: center;
	letter-spacing: 0.2em;
}
.calendarhead a{
	font-size: 15px;
}
#calendar table{
	margin: 0 auto;
}
#calendar th{
	padding: 0 3px;
	font-weight: bold;
	text-align: center;
}
#calendar td{
	padding: 0 3px;
}
#calendar th.sunday{
    color: red;
}
#calendar th.saturday{
    color: blue;
}
span.holiday{
    color: red;
}
span.saturday{
    color: blue;
}
td.today{
    display: block;
    /*background: #ccc;*/
}

/* コメント＆トラックバック */
.comments-area{
	padding: 10px 15px;
}
.comments-area h3{
	margin: 0 0 5px 0;
	font-size: 116%;
	font-weight: bold;
}
.comments-area .asset-meta{
	margin: 0 0 5px 0;
	font-size: 85%;
	border-bottom: #bbb 1px dotted;
}
.comments-area p{
	margin: 0 0 0.8em 0;
}
.trackbacks{
	margin: 0 0 15px 0;
}
.comments-area label{
	display: block;
}
.comments-area #comment-form-remember-me label, .comments-area #comment-reply-label{
	display: inline;
}
.comments-area input#comment-author, .comments-area input#comment-email, .comments-area input#comment-url{
	margin: 0 0 5px 0;
	width: 80%;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.comments-area textarea{
	margin: 0 0 10px 0;
	width: 80%;
	height: 150px;
	padding: 2px 3px;
	border: #ccc 1px solid;
}

/* コメントプレビュー */
body#comments-preview-body{
	/*background: #fff;*/
	color: #444;
}
.comments-preview{
	margin: 50px auto;
	width: 550px;
	/*background: #fff;*/
}
.comments-preview-inner{
	padding: 30px 40px;
	text-align: left;
	border: #ccc 10px solid;
}
.comments-preview h1{
	margin: 0 0 5px 0;
	font-size: 167%;
	font-weight: bold;
}
.comments-preview .asset-meta{
	margin: 0 0 5px 0;
	font-size: 85%;
	border-bottom: #ccc 1px dotted;
}
.comments-preview h3{
	margin: 0 0 5px 0;
	font-size: 116%;
	font-weight: bold;
}
.comments-preview label{
	display: block;
}
.comments-preview input#comment-author, .comments-preview input#comment-email, .comments-preview input#comment-url{
	margin: 0 0 5px 0;
	width: 80%;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.comments-preview p{
	margin: 0 0 0.8em 0;
}
.comments-preview textarea{
	margin: 0 0 10px 0;
	width: 80%;
	height: 150px;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.comments-preview-back{
	margin: 30px 0 0 0;
	padding: 10px 12px;
	text-align: center;
	background: #eaeaea;
}

/* pagebute */
.pagebute{
	text-align: center;
}

/* cf_form
------------------------------------------*/
.cf_title_head_comment{
	margin: 0 0 15px 0;
}
.cf_title_footer_comment{
	margin: 0 0 15px 0;
}
#cf-form table{
	margin: 0 0 15px 0;
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}
#cf-form table table{
	margin: 0;
	width: 80%;
}
#cf-form table th{
	margin: 0;
	padding: 10px 12px;
	width: 120px;
	border: #666 1px solid;
}
#cf-form table td{
	margin: 0;
	padding: 10px 12px;
	border: #666 1px solid;
}
#cf-form table td table td{
	padding: 2px 5px 2px 0;
	border: none;
}
input.cf_text_input, input.cf_email_input, input#f_2_zip, input#f_2_city, .cf_kennbutu_value input{
	width: 80%;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
.cf_textarea_td textarea{
	width: 80%;
	height: 150px;
	padding: 2px 3px;
	border: #ccc 1px solid;
}
#cf-form .btn{
	text-align: center;
}
#cf-form .btn input{
	margin: 0 10px;
}

/* gallery
------------------------------------------*/
.gallery-archive-mainimg{
	float: left;
	display: inline;
	margin: 0 20px;
}
.gallery-archive-body{
}
.gallery-entry-image-area{
	margin: 0 0 30px 0;
	padding: 0 20px;
}
.gallery-entry-mainimg{
	float: left;
	width: 300px;
}
.gallery-entry-subimg-area{
	float: right;
	width: 380px;
}
.gallery-entry-subimg-area ul{
	margin: 0 -20px 0 0;
	overflow: hidden;
	zoom: 1;
}
.gallery-entry-subimg-area ul li{
	float: left;
	display: inline;
	margin: 0 20px 20px 0;
}

/** メインバナー **/

.main-banner img {
	margin-bottom:10px;
}