@charset "UTF-8";

/*  
Theme Name: FrisheGran
Theme URI: http://www.studiobrain.net/
Description: FrisheGranオリジナルテーマファイル
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
*/


/***** Reset (ここは編集しないこと) *****/
html, body, div, span, applet, object, iframe, 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;background: transparent;}
body {line-height: 1;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
caption {width: 100%;}



/***** 共通のタグ CommonTag *****/
body{font: 95%/155% "Helvetica Neue", Arial, Helvetica, Geneva, "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;}
h1,h2,h3,h4,h5,h6,p{margin: 15px 0;padding: 0;}
a{ outline:none;color: #555;text-decoration: underline;}
a:hover{color: #888;text-decoration: none;}
p{}
h1{font-size: 180%;line-height: 100%;color: #f28f15;}
h2{font-size: 150%;line-height: 100%;color: #f19922;}
h3{font-size: 130%;line-height: 100%;color: #f0a623;}
h4{font-size: 105%;line-height: 100%;color: #f7b11d;}
h5{font-size: 100%;line-height: 100%;color: #fab300;}
h6{font-size: 75%;line-height: 100%;color: #fbbe00;}
a.more-link {} 
ul{list-style-position: outside;padding: 0 0 0 25px;line-height: 140%;margin: 15px 0;}
ol{list-style-position: outside;margin: 15px 0;padding: 0 0 0 30px;line-height: 140%;}
ul ul,ol ol,ul ol,ol ul{padding-left: 3%;}
blockquote {margin: 15px 0;background-color: #f4faf0;border: 1px solid #a1c365;clear: both;padding: 10px 10px 0;color: #333;font-size: 85%;}
blockquote p{margin: 0;padding: 0px 0px 10px;}
blockquote ol,blockquote ul{margin: 0;padding: 0px 0px 10px 25px;}
hr{margin: 40px auto;border-style: none;height: 1px;background-color: #999;clear: both;}




/***** スペース領域 AreaSpace *****/
#body{text-align: center;}
#header,#footer,#topimage{clear:both;margin: auto;width: 950px;}
#container{margin: auto;text-align: left;padding-top: 20px;width: 950px;padding: 0;clear: both;}
#second {background: url(img/second_image.jpg) no-repeat center 10px;border-top: 1px solid #999;width: 950px;margin: auto;height: 98px;clear: both;}
#main{text-align: left;overflow: hidden;width: 710px;float: right;padding: 20px 0 0;}
#sidebar{float: left;width: 230px;overflow: hidden;margin: 20px 0;}
#topimage{height: 255px;background: url(img/top_image.jpg) no-repeat;width: 950px;}
#wrap{}
#pagewrap{clear: both;float: left;overflow: hidden;width: 100%;}
#left{float: left;width: 230px;text-align: left;padding-bottom: 30px;}
#center{float: right;width: 700px;text-align: left;}



/***** ヘッダー Header *****/
#header #header-left{padding: 10px 0 0;float: left;width: 402px;height: 100px;}
#header .header_ttl a{margin:0;padding: 0;float: left;text-indent: -9999px;background: url(img/logo.gif) no-repeat;width: 400px;height: 94px;font-size: 100%;line-height: 100%;}
#header .header_ttl{float: right;margin: 0;width: 400px;}
#header .header_description{color: #6b6b6b;font-weight: normal;font-style: normal;margin: 0;padding: 0;font-size: 70%;float: left;line-height: 200%;width: 710px;overflow: hidden;text-align: left;height: 26px;}
#header #header-right{text-align:right;float:right;margin-top:80px;font-size:90%;line-height:100%;}
#header #header-right a{color:#666;text-decoration:none;}
#header #header-right a:hover{color:#666;text-decoration:underline;}


/***** パンくずリスト *****/
#breadcrumb{clear: both;text-align: left;margin: 5px 0 0;float: left;width: 950px;overflow: hidden;padding: 0 0 3px;}
#breadcrumb div{float: left;height: 20px;overflow: hidden;width: 9999px;}
#breadcrumb a{padding: 0 9px 0 25px;font-size: 80%;line-height: 180%;color: #fff;float: left;text-decoration: none;height: 20px;background: #c7c7c7 url(img/breadcrumb1.gif) no-repeat left top;width: auto;}
#breadcrumb span.home a {background-image: none;background-color: #c7c7c7;padding-left: 17px;}
#breadcrumb span.current a{text-decoration: none;background: #a9c473 url(img/breadcrumb2.gif) no-repeat left top;}
#breadcrumb span.current {background: url(img/breadcrumb3.gif) no-repeat right top;float: left;padding-right: 11px;width: auto;}



/*** トップページ ***/
#aisatsu{height: 450px;background-image: url(img/aisatsu.gif);}
#topics{padding: 0 0 20px;margin: 5px auto;width: 650px;}
#topicsttl {height: 38px;overflow: hidden;background: url(img/topics-ttl.gif) no-repeat;}
#topicsttl b.topics-ttl {text-indent: -9999px;float: left;width: auto;}
#topicsttl ul{float: right;margin: 0;padding: 0;width: auto;}
#topicsttl ul li{display: inline;padding: 0 0 3px 3px;float: left;width: auto;}
#topicsttl ul li a{padding: 5px 8px;color: #fff;font-size: 80%;float: left;background-color: #9dc639;line-height: 100%;text-decoration: none;width: auto;}
#topicslist {clear: both;list-style-type: none;margin: 0;padding: 6px 0 0;font-size: 100%;line-height: 160%;width: 100%;border-top: 1px dotted #a9c473;}
#topicslist li{padding: 7px 0;border-bottom: 1px dotted #a9c473;}
#topicslist li .date {color: #a9c473;}
#topicslist li a{color: #777;text-decoration: none;}
#topicslist li a:hover{color: #555;text-decoration: underline;}
.topics-btn {display: block;height: 30px;padding: 10px 0 0;text-align: right;font-size: 85%;}




/***** フッター Footer *****/
#footer{padding-bottom: 30px;}
#footer .copyright {color: #d1f3a2;padding: 0;text-align: center;background-color: #accb67;font: bold 80%/100% "Lucida Grande", Lucida, Verdana, sans-serif;}
#footer .copyright span{padding: 10px;display: block;}
#footer #footnavi {padding: 0;margin: 0;float: right;line-height: 100%;font-size: 80%;width: auto;}
#footer #footnavi li{display: inline;float: left;padding: 10px 15px 10px 0;width: auto;}
#footer #footnavi li a{text-decoration: underline;color: #999;}
#footer #footnavi li a:hover{text-decoration: none;color: #666;}



/***** コンテンツ Content *****/
.pagename{font-size: 120%;font-weight: bold;clear: both;margin: 0 0 10px;color: #fff;overflow: hidden;line-height: 120%;width: 710px;background-color: #b4d56b;}
.pagename .pagename_inner{float: left;width: 710px;}
.pagename .pagename_txt{padding: 30px 0 10px 10px;display: block;}
.pagename a{color: #fff;text-decoration: underline;}
.pagename a:hover{color: #fff;text-decoration: none;}
.content {clear: both;font-size: 95%;line-height: 160%;color: #333;}
.content_inner {padding: 20px;}
.title{border-style: none;font-size: 140%;line-height: 100%;color: #f3b453;}
.title a{color: #f3b453;font-size: 100%;line-height: 100%;text-decoration: none;}
.title a:hover{color: #f69f14;text-decoration: underline;} 
.postmetadata {margin: 50px 0 0;color: #555;clear: both;border-top: 1px solid #bbb;padding: 8px 0 0;font-size: 80%;line-height: 160%;}
.postmetadata a {background-color: #666;color: #fff;text-decoration: none;padding: 2px 15px;}
.postmetadata a:hover {background-color: #999;color: #fff;}
.postmetadata .date {background-color: #a9c473;color: #fff;padding: 2px 10px;}



/***** 子ページ *****/
#subbar{clear: both;overflow: hidden;margin: 0 0 10px;text-align: left;width: 710px;background-color: #accb67;}
#subbar ul {margin: 0;font-size: 80%;line-height: 150%;padding: 8px 10px 6px;}
#subbar div {display: block;height: 3px;}
#subbar ul li{display: inline;padding: 0 7px 0 0;}
#subbar ul li a{color: #fff;text-decoration: none;}
#subbar ul li a:hover{color: #fff;text-decoration: underline;}



/***** PAGENAVI *****/
#pagenavi{width: 220px;float: left;padding-bottom: 10px;}
#pagenavi ul{list-style-type: none;padding: 0;line-height: 120%;font-size: 100%;margin: 0;float: left;width: 220px;}
#pagenavi li.page_item {float: left;clear: both;width: auto;}
#pagenavi li.page_item a{color: #fff;display: block;text-decoration: none;border-bottom: 1px solid #fff;width: 220px;float: left;background-color: #accb67;}
#pagenavi li.page_item a span{padding: 10px 15px 11px;display: block;}
#pagenavi li.page_item a:hover{background-color: #b5d66c;}



/***** カテゴリー *****/
#linknavi {list-style-type: none;padding: 0;float: left;margin: 0;clear: both;width: 220px;}
#linknavi .linkcat span {display: none;}
ul.blogroll {list-style-type: none;padding: 0;margin: 0;display: block;width: 220px;}
ul.blogroll li {padding: 0 0 10px;float: left;clear: both;width: auto;}
ul.blogroll li a{float: left;width: auto;}

#shopinfo a{height: 513px;clear: both;background: url(img/shopinfo.jpg) no-repeat;width: 220px;display: block;float:left;text-indent:-9999px;}
#shopinfo_btm{height:70px;clear: both;background: url(img/shopinfo_btm.gif) no-repeat;width: 220px;display: block;float:left;text-indent:-9999px;margin:15px 0 0;}


/*ナビゲーション Navi*/
.navigation{clear: both;text-align: center;font-size: 80%;white-space: nowrap;float: left;width: 100%;padding: 0;margin-top: 20px;}
.navigation div.wp-pagenavi span.pages {padding: 2px;font-weight: normal;font-style: normal;}
.navigation div.wp-pagenavi span.current {font-weight: normal;font-style: normal;background-color: #a9c473;color: #fff;padding: 2px 10px;}
.navigation div.wp-pagenavi a {padding: 2px 10px;color: #a9c473;}
.navigation div.wp-pagenavi a:hover {padding: 2px 10px;background-color: #f2fde3;}
.navigation div.alignright a {float: left;padding: 0;background: #1c70c7 url(img/next.gif) no-repeat;text-indent: -9999px;width: 124px;height: 21px;font-size: 1px;line-height: 1px;}
.navigation div.alignleft a {float: left;padding: 0;background: #3a8bdf url(img/back.gif) no-repeat;text-indent: -9999px;width: 124px;height: 21px;font-size: 1px;line-height: 1px;}



/***** ページのトップへ *****/
.totop {text-align: right;padding: 30px 0 20px;clear: both;}
.totop a{color: #a9c473;font-size: 80%;text-decoration: underline;}
.totop a:hover{text-decoration: none;}



/***** その他 Others *****/
.edit{text-align: center;font-style: italic;padding: 0;float: right;width: 49px;height: 15px;margin: 0;position: absolute;right: 0;top: 0;}
#topics .edit{position: relative;top: -30px;}
.edit a{position: absolute;top: 0;right: 0;background-color: #f3a720;color: #fff;padding: 2px 20px;text-decoration: none;font-size: 90%;line-height: 120%;}
.edit a:hover{background-color: #ffb522;}


/******画像の配置*****/
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignleft{float:left;padding: 5px;border: 1px solid #ccc;background-color: #fff;margin: 0 10px 10px 0;}
img.alignright{float:right;padding: 5px;border: 1px solid #ccc;background-color: #fff;margin: 0 0 10px 10px;width: auto;}
.alignright {float: right;width: auto;}
.alignleft {float: left;width: auto;}
div.wp-caption.alignleft,
dl.wp-caption.alignleft {margin-right: 10px;}
div.wp-caption.alignright,
dl.wp-caption.alignright {margin-left: 10px;margin-right: 0;}
div.wp-caption.alignnone,
dl.wp-caption.alignnone {margin-bottom: 0;margin-top: 0;}
.aligncenter {margin: 10px auto;display: block;clear: both;}
div.mceTemp.mceIEcenter {}
.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin-bottom: 10px;margin-top: 10px;}
.wp-caption img {margin: 0;padding: 0;border: 0 none;}
.wp-caption p.wp-caption-text,.wp-caption dd {padding: 5px 4px;margin: 0;line-height:20px;font-size:13px;font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;color: #666;}