@charset "utf-8";
/*
Theme Name: beadsori
Theme URI: http://beadsori.com/
Description: サコタカコ創作ビーズ織り のテーマ
Author: rabinet
*/


body,div,ul,ol,li,h1,h2,h3,p {
	margin:0;
	padding:0;
}

html {
    overflow-y:scroll;
    }

h1,h2,h3,strong,em,adress{
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}


html,body {
scrollbar-arrow-color: #ffffff;
scrollbar-face-color: #cccccc;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
}



a {
color:#009;
outline:none;

}

a:hover {
	color:#09F;
}

strong {
	font-weight:bold;
}
img {
	border:0;
	vertical-align:bottom;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


body {
	font:1.0em "MS Pゴシック",Osaka,
	"ヒラギノ角ゴ　Pro W3",sans-serif;
	color:#464646;
	background:url(images/back.jpg) repeat-x left top;
}



/*++++++ヘッダー部分++++++*/
#header {
	background:url(images/top-01.jpg);
	width:760px;
	height:50px;
	margin:0 auto;
	text-align:left;
}


#header h1 a{
	text-indent:-9999px;
	display:block;
	width:500px;
	height:40px;
	margin-left:5px;
	overflow:hidden;
}

#header h1 {
	float:left;
	text-indent:-9999px;
}

#header ul {
	float:right;
	margin-top:10px;
	margin-right:5px;
	list-style-type:none;
	font-size:0.8em;
	display:block;
	width:80px;
	}

#header li.hnavi1 {
float:right;
display:block;
width:80px;
height:20px;
list-style-type:none;
overflow: hidden;
}

#header li.hnavi1 a{
display:block;
width:80px;
height:20px;
text-indent:-9999px;
overflow: hidden;
}

#header li.hnavi2 {
float:right;
display:block;
width:80px;
height:20px;
list-style-type:none;
}

#header li.hnavi2 a{
display:block;
width:80px;
height:20px;
text-indent:-9999px;
overflow: hidden;
}


/*++++++Container++++++*/
#container {
	width:780px;
	margin:0 auto;
	background:url(images/back.gif);
	background-repeat: repeat-y;
}



/*++++++グローバルナビゲーション++++++*/

#gnavi {
	margin:0 auto;
	width:760px;
	height:30px;
}

#gnavi li{
	float:left;
	list-style-type:none;
}

#gnavi li.gnavi1 {
display:block;
width:128px;
height:30px;
background:url(images/gnavi01_on.gif) ;
overflow: hidden;
}

#gnavi li.gnavi1 a{
display:block;
width:128px;
height:30px;
background:url(images/gnavi01_off.gif) no-repeat;
text-indent:-9999px;
}

#gnavi li.gnavi1 a:hover{
	background:none;
}

#gnavi li.gnavi1_on a{
display:block;
width:128px;
height:30px;
background:url(images/gnavi01_on.gif) no-repeat;
text-indent:-9999px;
overflow: hidden;
}


#gnavi li.gnavi2 {
display:block;
width:126px;
height:30px;
background:url(images/gnavi02_on.gif) ;
overflow: hidden;
}


#gnavi li.gnavi2 a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi02_off.gif) ;
text-indent:-9999px;
}

#gnavi li.gnavi2 a:hover{
	background:none;
}

#gnavi li.gnavi2_on a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi02_on.gif) no-repeat;
text-indent:-9999px;
overflow: hidden;
}


#gnavi li.gnavi3 {
display:block;
width:126px;
height:30px;
background:url(images/gnavi03_on.gif) ;
overflow: hidden;
}


#gnavi li.gnavi3 a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi03_off.gif) ;
text-indent:-9999px;
}

#gnavi li.gnavi3 a:hover{
	background:none;
}

#gnavi li.gnavi3_on a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi03_on.gif) no-repeat;
text-indent:-9999px;
overflow: hidden;
}


#gnavi li.gnavi4 {
display:block;
width:126px;
height:30px;
background:url(images/gnavi04_on.gif) ;
overflow: hidden;
}


#gnavi li.gnavi4 a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi04_off.gif) ;
text-indent:-9999px;
}

#gnavi li.gnavi4 a:hover{
	background:none;
}

#gnavi li.gnavi4_on a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi04_on.gif) no-repeat;
text-indent:-9999px;
overflow: hidden;
}

#gnavi li.gnavi5 {
display:block;
width:126px;
height:30px;
background:url(images/gnavi05_on.gif) ;
overflow: hidden;
}

#gnavi li.gnavi5 a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi05_off.gif) no-repeat;
text-indent:-9999px;
}

#gnavi li.gnavi5 a:hover{
	background:none;
}

#gnavi li.gnavi5_on a{
display:block;
width:126px;
height:30px;
background:url(images/gnavi05_on.gif) no-repeat;
text-indent:-9999px;
overflow: hidden;
}


#gnavi li.gnavi6 {
display:block;
width:128px;
height:30px;
background:url(images/gnavi06_on.gif) ;
overflow: hidden;
}

#gnavi li.gnavi6 a{
display:block;
width:128px;
height:30px;
background:url(images/gnavi06_off.gif) no-repeat;
text-indent:-9999px;
}

#gnavi li.gnavi6 a:hover{
	background:none;
}

#gnavi li.gnavi6_on a{
display:block;
width:128px;
height:30px;
background:url(images/gnavi06_on.gif) no-repeat;
text-indent:-9999px;
overflow: hidden;
}


/*++++++パンくずリストのデザイン++++++*/

#bread {
	margin-top:5px;
	margin-bottom:10px;	
	margin-left:20px;	
	font-size:0.75em;
	font-weight:bold;
}

#bread a {
	text-decoration:none;
}

#bread a:hover {
	text-decoration:underline;
}



/*++++++フッター部分のデザイン++++++*/

#footer {
	width:760px;
	height:25px;
	background-color:#CCC;
	margin:0 auto;
	padding-top:5px;
}
	

#footer address {
	text-align:center;
	font-size:0.8em;
	font-style:normal;
	vertical-align:middle;
}

/*++++++トップページ++++++*/


#top{
	width:760px;
	margin:0 auto;
}


#topnews {
	width:510px;
	height:275px;
	float:left;
	margin-left:20px;
	margin-top:5px;
	background-image:url(images/hotnews.jpg);
	background-repeat:no-repeat;
}

#topnews h2 {
	font-weight:bold;
	font-size:0.9em;
	padding:18px 20px 10px 20px;
}

#topnews div{
	width:505px;
	height:270px;
    overflow:auto;
}

#topnews ul{
	font-size:0.8em;
	margin:5px 30px;
	list-style-type:disc;
	}

#topnews ul li{
	padding-bottom:3px;

		}

#topnews ul a{
	color:#009;
		}


#topnews ul a:hover{
	color:#F60;
		}


#massage {
	font-size:0.9em;
	margin:10px 10px 5px 25px;
}

#weblesson {
	background-image:url(images/weblesson_back.jpg);
	background-repeat:no-repeat;
	float:right;
	width:192px;
	height:190px;
	margin-right:5px;
	margin-top:5px;
	padding-top:30px;
	padding-left:20px;
	}


#weblesson p{
	font-size:0.55em;
}

#weblesson li{
	list-style-type:none;
	font-size:0.6em;
	margin-bottom:5px;
	margin-top:3px;
}

#weblesson li a {
	color:#09F;
	text-decoration:none;

}

#weblesson li a:hover {
	color:#03C;
	text-decoration:none;
}

	


/*++++++カテゴリーページ++++++*/

/*++++++cat=ID 3・4・5・6・7：メインコンテンツ+++++*/
#mainContents {
	width:760px;
	margin:0 auto;
	padding:5px;
	min-height:570px;
}


#mainContents h2{
	margin-left:10px;
	margin-top:5px;
}



/*++++++ご挨拶（cat=3)　ビーズ織り（cat=4) 教室案内（cat=6) ++++++*/

#sidenavi {
	float:left;
	font-size:0.8em;
	width:140px;
	line-height:0.9em;
	margin-top:10px;
	}

#sidenavi ul{
	text-align:left;
	list-style-type:none;
	}

#sidenavi li {
	padding:6px 5px 5px 20px;
	line-height:1.4em;
	vertical-align:middle;
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	}
	
#sidenavi li a {
	color:#333;
	text-decoration:none;
	}

#sidenavi li a:hover {
	color:#09F;
	text-decoration:underline;
}

	
	
#post {
	width:570px;
	float:left;
	min-height:560px;
	border-left:#999 solid 1px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:10px;
    font-size:0.9em;
	line-height:1.5em;
		}
#post p{
	padding-right:3px;
	padding-left:3px;
	padding-bottom:20px;
}

#post h3 {
	border-bottom:solid 4px #999;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	margin-bottom:20px;

	}
	
a.link {
	text-decoration:none;
}

#nextpage {
	padding:10px;
	font-size:0.8em;
	line-height:1.4;
	margin:0 auto;
	text-align:center;
}

.school {
	font-size:0.9em;
}



/*++++++通信販売・注文・お問い合わせフォーム（cat=7・11・13)++++++*/

#post07 {
	width:680px;
	min-height:560px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:20px;
    font-size:0.9em;
	line-height:1.5em;
		}
#post07 p{
	padding-right:3px;
	padding-left:10px;
	padding-bottom:20px;
}

#post07 h3 {
	border-bottom:solid 4px #999;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4;
	padding-left:0px;
	padding-right:0px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:20px;
	}

#post07 form{
	padding-right:3px;
	padding-left:10px;
	padding-bottom:20px;
}

/*++++++ホットニュースのデザイン++++++*/


#news_sidebar {
	float:left;
	font-size:0.8em;
	width:140px;
	line-height:0.9em;
	margin-top:10px;
	}

#news_sidebar ul{
	text-align:left;
	list-style-type:none;
	}

#news_sidebar ul a{
	color:#00C;
		}


#news_sidebar ul a:hover{
	color:#F60;
		}

#news_sidebar li.arc {
	padding-left:15px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:5px;
	font-weight:bold;
	}
	
#news_sidebar li {
	padding-left:15px;
	padding-right:10px;
	padding-top:10px;
	line-height:1.2em;
	vertical-align:middle;
	padding-bottom:5px;
	}



#news_sidebar li a {
	color:#00C;
	text-decoration:underline;

	}

#news_sidebarli a:hovor {
	color:#F60;
}

	
	
#news_post {
	width:570px;
	float:left;
	min-height:560px;
	border-left:#999 solid 1px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:10px;
    font-size:0.9em;
	line-height:1.5em;
		}

#news_post h3 {
	border-bottom:solid 4px #999;
	color:#333;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4;
	padding-left:0px;
	padding-right:0px;
	margin-right:0px;
	margin-bottom:20px;
	}
	
#news_post h3 span {
	color:#888888;
	font-size:smaller;
	font-family:Veranda,Helvetica,sans-serif;
	}

#news_post p {
	padding-right:3px;
	padding-left:3px;
	padding-bottom:20px;
	}

#news_list	{
	width:570px;
	float:left;
	min-height:560px;
	border-left:#999 solid 1px;
	padding-top:5px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-bottom:10px;
    font-size:0.9em;
	line-height:1.5em;

}


#news_list h3 {
	border-bottom:solid 4px #999;
	color:#333;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.4;
	padding-left:3px;
　　margin-bottom:5px;
}

#news_list h3 a {
	text-decoration:none;
	color:#00657d;
	}
	
#news_list h3 span {
	color:#888888;
	font-size:smaller;
	font-family:Veranda,Helvetica,sans-serif;
	}

#news_list h3 a:hover {
	color:#00a0c6;
	}
	
#news_list a.more-link{
	font-size:0.8em;
	padding-left:20px;
}
	
#news_list div {
	margin-bottom:20px;
	margin-top:10px;
	padding-left:5px;
	padding-right:5px;
}

#nextpage {
	padding:10px;
	font-size:0.8em;
	line-height:1.4;
	margin:0 auto;
	text-align:center;
}

/*++++++Facebookリンクバナー（2016.08.08追記：藤田）++++++*/

#fb_banner {
	float:right;
	margin-right:40px;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
}

#fb_banner img {
	border:none;
	margin:0 auto 0;
	width:57px;
}

#fb_banner a {
	text-decoration:none;
	font-size:14px;
	color:#3d5a92;
	font-weight:bolder;
}

#fb_banner a:hover {
opacity:0.8;
}