@charset "utf-8";
/* -------------------------------------
　　スタイルシート初期化
------------------------------------- */

*{margin: 0;padding: 0;}
body {
	font-size: 80%;
	background: #fbfbfb;
	color: #333333;
        line-height: 1.8;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
"Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
Verdana,Arial, Helvetica, sans-serif;
}

img {border: 0;}
h1,h2,h3,h4,p,ul,ol,dl,img,address,table,input,textarea {line-height: 1.4;}

h2{ font-size: 120%;}
h3{ font-size: 120%;}


/* -------------------------------------
　　属性
------------------------------------- */

.clear {
	clear:both;
}

img{border:none;
    }
	
.ue{margin-top:10px;}

.uesita{margin:10px 0 20px 0; }

.sita{margin-bottom:10px;}

ol {margin:10px 0 10px 0; padding:0px;}



/* -------------------------------------
　　ブログタイトルをとばす
------------------------------------- */

#hiddennavi h1{display: none;}

/* -------------------------------------
　　全体のレイアウト
------------------------------------- */

#all{width:100%;
     background:#ffffff url(../image/bg-grade.jpg) repeat-x center top;}

#allcontent{
width:880px;
height:auto;
background:url(../image/bgshadow-trans.png) repeat-y center top;
margin-left:auto;
margin-right:auto;
}

#maincontent{
width:859px;
height:auto;
margin:0px;
padding:0 10px 0 10px;}


.turn{clear:both;}

	
.sita{margin:0px;
      padding-bottom:6px;
			padding-top:6px;}


/* -------------------------------------
　　ヘッダー
------------------------------------- */

#header {
width:859px;
position:relative;
/*height:451px;*/
}

.nasi{margin:0px;
      padding:0px;}
/*mainimage　500pxより大きい*/
.nasi img.pc {display: block!important;}
.nasi img.mobile {display: none!important;} 
/*mainimage　500px以下*/
@media only screen and (max-width:500px){
.nasi img.pc {display: none!important;}
.nasi img.mobile {display: block!important;}}
.header-telbutton{display:none;}

.header-fukidashi {
    position: absolute;
    top: 0;
    right: -240px;
}
@media only screen and (max-width:1300px){
.header-fukidashi{display:none;}
}
	  
/* -------------------------------------
　　ヘッダーメニュー
------------------------------------- */
#headermenu{width:859px;
height:43px;
background:url(../image/navi-bg.jpg) repeat-x ;
text-align:center;
}


#headermenu ul { 
margin:0px;
height:43px;
padding:0px;
margin-left:10px;
}

#headermenu li { 
list-style-type: none;
float: left;
margin:0px;
line-height:0px;
 }

/* -------------------------------------
　　コンテンツ
------------------------------------- */

#content-in{
width:859px;
height:auto;
padding-top:10px;
}

#main{
width:549px;
float: left;
padding-left:10px;
}

#right{
width:260px;
float: left;
padding-left:20px;
}


/* -------------------------------------
　　サイドバー
------------------------------------- */
.address{width:260px;
         height:120px; 
         font-size:85%; 
		 color:#333333;
		 margin:0;
		 padding:0;}
		 
/* -------------------------------------
　　自己紹介
------------------------------------- */
.noduma{
background:#ffffff url(../image/photo-body.jpg) repeat-y;
height:300px;
width:260px;
margin:0 0 20px 0;
}

.noduma-left{width:60px;
float: left;
padding:5px;}

.noduma-right{width:150px;
float: left;
padding:5px;
font-size:100%;
font-weight:bold;}

.list-entry-noduma{
width:230px;
height:230px;
float: left;
padding:0 0px 5px 15px;
font-size:90%;
color:#666666;}

/* -------------------------------------
　　サイドバーエリア
------------------------------------- */
.muryouarea{border:2px solid #a2c352;
padding:5px 10px 5px 10px;
width:240px;
font-size:90%;
line-height:1.3;
margin-bottom:15px;
}

.area-title {color:#ffffff; 
background-color:#8db946; 
width:240px; 
height:25px;
font-size:120%;
font-weight:bold;
text-align:center;
line-height:1.8;
margin:0 0 10px 0;} 

.midori{color:#729138;}

.side-voice{border:1px solid #cccccc;padding:10px;}

/* -------------------------------------
　　ショップメニュー
------------------------------------- */
.shopmenu{width:549px;margin-top:10px; height:auto;}

.shopmenu-left{width:269px;
float: left;
margin-right:10px;
color:#60462b;
margin-bottom:10px;
height:150px;
}

.shopmenu-right{width:269px;
float: left;
padding:0px;
font-size:100%;
color:#60462b;
margin-bottom:10px;
height:150px;}

.haikei{background:#ececec;
font-size:87%;
color:#333333;
text-align:left;
padding:5px;
width:258px;
height:75px;}

.nedan2 {
font-size:12px;
color:#910500;
width:258px;
font-weight:bold;
text-align:right;
}


/* -------------------------------------
　　パンくず
------------------------------------- */

.pankuzu {font-size: 12px;}

/* -------------------------------------
　　ページ送り
------------------------------------- */
#pagebute{
	margin:20px 0;
	font-size:10px;
}

#pagebute a{
	text-decoration:none;
}

#pagebute .current_page{
	font-weight:bold;
}

#pagebute .link_page{
	padding:2px 5px;
	border:1px solid #666;
}

#pagebute .link_next{
	padding:2px 10px;
	border:1px solid #666;
}

#pagebute .link_before{
	padding:2px 10px;
	border:1px solid #666;
}
/* -------------------------------------
　　フッター
------------------------------------- */

#fotter{
clear:both;
width:859px;
height:50px;
font-size:13px;
padding-top:30px;
background:#ffffff;

}

.fotter-entry{
width:859px;
height:auto;
border: 0px #ffffff solid;
border-width: 0px;
text-align:center;
background:url(../image/bgshadow-trans.png) repeat-y center top;
padding-top:10px;
}

/* ブックマーク */

.bookmark{width:400px; height:30px; margin:10px 0 0 0; padding-left:140px;}

.book
{
float:left;
height:auto;
width:auto;
padding-left:5px;
}

/*トップページ　重要なお知らせ*/
.topics {
	width: 100%;
	border: 1px solid #ccc;
    background: #cc0000;
    text-align: center;
    color: #fff;
    font-size: 180%;
    font-weight: bold;
}
.topics a{
	margin: 5px 10px;
    display: inline-block;
    text-align: center;
    color: #cc0000;
    text-decoration: underline;
    background: #fff;
    padding: 3px 5px;
}