@charset "utf-8";
/* CSS Document */
body {
	MARGIN: 0px;
	PADDING: 0px;
	FONT-FAMILY: Verdana, Arial, sans-serif;
	font-size: 12px;
	background-image: url(main-img/background.png);
	background-repeat: repeat-x;
}
img {
	border: 0;
	vertical-align:bottom;
}
ul {
	padding:0px;
	margin:0px;
}
li {
	margin: 0;
}
#box {
	width: 860px;
	margin:0 auto;
}

/* MENU */
#menu {
	background-image: url(main-img/menu/backgorund.png);
	background-repeat: no-repeat;
	height: 75px;
	width: 849px;
	padding-top: 15px;
	padding-left: 11px;
	margin: 0 auto 15px auto;
}
#menu li {
	display: inline;
	list-style-type: none;
	float:left;
	margin-right: 9px;
}
#menu li a {  
	height:55px;  
	display:block;  
	float:left;  
	text-indent:-200px;  
	text-decoration:none;  
	overflow:hidden;  
}
/*\*//*/

 overflow:auto;

/**/  

/*------off*/  
#menu li.logo a {
	background:url(main-img/menu/logo.png) no-repeat;
	width:142px;
}
#menu li.menu1 a {
	background:url(main-img/menu/whats.png) no-repeat;
	width:175px;
}
#menu li.menu2 a {
	background:url(main-img/menu/search.png) no-repeat;
	width:160px;
}
#menu li.menu3 a {
	background:url(main-img/menu/archive.png) no-repeat;
	width:160px;
}
#menu li.menu4 a {
	background:url(main-img/menu/contact.png) no-repeat;
	width:160px;
}
/*------hover*/  
#menu li.menu1 a:hover {  
	background:url(main-img/menu/whats-r.png) no-repeat;  
}
#menu li.menu2 a:hover {  
	background:url(main-img/menu/search-r.png) no-repeat;  
}
#menu li.menu3 a:hover {  
	background:url(main-img/menu/archive-r.png) no-repeat;  
}
#menu li.menu4 a:hover {  
	background:url(main-img/menu/contact-r.png) no-repeat;  
}

/* フッター */
#footer {
	clear: both;
	width: 850px;
	margin: 30px auto 10px;
	font-size: 12px;
	color: #45240A;
}
#footer #footer-menu {
	border-bottom: 3px solid #D9D9D9;
	padding-bottom: 3px;
	text-align: center;
	margin-top: 20px;
}
#footer-menu li {
	display: inline;
	list-style-type: none;
}
#footer-menu li a {
	text-decoration:none;
	color: #45240A;
}
#footer-menu li a:hover {
	text-decoration:underline;
	color: #45240A;
}
#footer #address {
	line-height: 120%;
	text-align: center;
	padding-top: 3px;
	height: 40px;
}
#copyright {
	background-color: #FAA71D;
	color: #FFFFFF;
	text-align: center;
	padding: 12px;
	width: 100%;
	clear: both;
}

#search-workshop li {
	display: inline;
	list-style-type: none;
}
#search-workshop .list {
	float: left;
	width: 155px;
}

#topflash {
	width: 850px;
	margin: 0 auto 10px;
}
#new-workshop {
	background-image: url(main-img/new-workshop-background.png);
	background-repeat: no-repeat;
	width: 850px;
	margin: 0 auto;
}
#whats {
	background-image: url(main-img/whats-background.png);
	background-repeat: no-repeat;
	height: 301px;
	width: 850px;
	text-align: center;
	margin: 0 auto;
}
.contents-title {
	text-align: center;
}
#search-workshop,
#workshop-archive {
	background-image: url(main-img/sarch-background.png);
	background-repeat: no-repeat;
	width: 850px;
	margin: 0 auto;
}
.search-workshop-footer {
	margin: 0 auto 20px;
	clear: both;
	width: 850px;

}
#cateogry {
	text-align: center;
}
#flash-menu {
	margin-left: 10px;
}

/* カテゴリーボタン */
#button {
	margin-left: 10px;
	margin-top: 10px;
}
#button li {
	display: inline;
	list-style-type: none;
}
#button li a {  
	display:block;  
	float:left;  
	text-decoration:none;  
	overflow:hidden;
	margin-right: 7px;  
}
.bj a,
.bo a,
.bp a,
.biw a,
.bic a {
	background-image: url(main-img/button/background.gif);
	background-repeat: no-repeat;
	height: 227px;
	width: 142px;
	padding: 9px;
}
.bj a:hover {  
	background:url(main-img/button/background-jr.gif) no-repeat;  
}
.bo a:hover {  
	background:url(main-img/button/background-or.gif) no-repeat;  
}
.bp a:hover {  
	background:url(main-img/button/background-pr.gif) no-repeat;  
}
.biw a:hover {  
	background:url(main-img/button/background-iwr.gif) no-repeat;  
}
.bic a:hover {  
	background:url(main-img/button/background-icr.gif) no-repeat;  
}

.b-subtitle {

	font-size: 10px;
	font-weight: normal;
	margin-bottom: 3px;
	line-height: 120%;
}
.b-photo {
	margin-top: 5px;
	margin-bottom: 5px;
}

.bj .b-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #F86C10;
	/*　height: 60px;　*/
	margin-top: 5px;
	margin-bottom: 5px;
	width: 140px;
	line-break: strict;
}
.bj .b-date {
	font-size: 11px;
	font-weight: bold;
	color: #F86C10;
	background-image: url(main-img/button/date-j.png);
	text-align: center;
	padding: 5px 0;
}
.bo .b-title {
	font-size: 14px;
	font-weight: bold;
	color: #FD2F2F;
	text-align: center;
	/*　height: 60px;　*/
	margin-top: 5px;
	margin-bottom: 5px;
	width: 140px;
	line-break: strict;
}
.bo .b-date {
	font-size: 11px;
	font-weight: bold;
	color: #FD2F2F;
	background-image: url(main-img/button/date-o.png);
	text-align: center;
	padding: 5px 0;
}
.bp .b-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #1B8DD2;
	/*　height: 60px;　*/
	margin-top: 5px;
	margin-bottom: 5px;
	width: 140px;
	line-break: strict;
}
.bp .b-date {
	font-size: 11px;
	font-weight: bold;
	color: #1B8DD2;
	background-image: url(main-img/button/date-p.png);
	text-align: center;
	padding: 5px 0;
}
.biw .b-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #019809;
	/*　height: 60px;　*/
	margin-top: 5px;
	margin-bottom: 5px;
	width: 140px;
	line-break: strict;
}
.biw .b-date {
	font-size: 11px;
	font-weight: bold;
	color: #019809;
	background-image: url(main-img/button/date-iw.png);
	text-align: center;
	padding: 5px 0;
}
.bic .b-title {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #EC4799;
	/*　height: 60px;　*/
	margin-top: 5px;
	margin-bottom: 5px;
	width: 140px;
	line-break: strict;
}
.bic .b-date {
	font-size: 11px;
	font-weight: bold;
	color: #EC4799;
	background-image: url(main-img/button/date-ic.png);
	text-align: center;
	padding: 5px 0;
}

/* ブログ記事 */
#entry {
	background-image: url(main-img/entry/background.png);
	background-repeat: no-repeat;
	width: 750px;
	margin: 0 auto;
}
.entry-title {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.entry-title h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}
.entry-title h1 {
	margin-top: 0px;
	margin-bottom: 0px;
}
#entry .entry-detail {
	font-weight: bold;
	width: 665px;
	margin: 0 auto;
}
.entry-detail td {
	vertical-align: top;
	padding: 4px;
	width: 260px;
}
.entry-detail .icon {
	background-repeat: no-repeat;
	color: #FFFFFF;
	width: 69px;
	text-align: center;
	vertical-align: top;
	padding: 4px 0px;
}
#entry-body {
	background-repeat: no-repeat;
	width: 665px;
	margin: 20px auto;
	padding-top: 20px;
}
#entry-body .body-text {
	background-repeat: no-repeat;
	width: 616px;
	margin: 0 auto;
	padding-top: 10px;
}
#entry-body .body-text .text {
	margin: 0 10px;
}
#photos {
	width: 640px;
	margin: 20px auto;
}
#photos .photo img {
	padding: 5px;
	border: 1px solid #CCCCCC;
}
#photos .photo {
	width: 190px;
	line-height: 140%;
	vertical-align: top;
	padding: 10px;
}
*html #photos .photo {
	margin: 8px;
}
#entry-body #join-button {
	width: 288px;
	clear: both;
	margin: 0 auto;
}
/* お問い合わせフォーム */
#contact {
	background-image: url(main-img/contact/background.png);
	background-repeat: no-repeat;
	width: 650px;
	margin: 0 auto;
}
.contact-title {
	margin: 0 auto 10px;
	width: 522px;
	padding-top: 30px;
}
#contact th {
	font-size: 12px;
	font-weight: normal;
	color: #B07004;
	text-align: left;
	width: 170px;
	border: 1px solid #FAA71D;
	background-image: url(main-img/contact/background-th.png);
	padding: 8px;
	vertical-align: top;
}
#contact td {
	border: 1px solid #FAA71D;
	padding: 8px;
	color: #B07004;
}
#contact tr .radio .mfp {
	border: none;
	background: none;
}
#contact table {
	border: 1px solid #FAA71D;
	width: 522px;
	margin: 0 auto;
}
#contact input,
#contact textarea {
	border: 1px solid #FAA71D;
	background-image: url(main-img/contact/background-th.png);
}
/* IE6用確認ボタン文字位置 */
*html #contact input {
	padding-top: 3px;
}
/* IE7用確認ボタン文字位置 */
*:first-child+html #contact input {
	padding-top: 3px;
}
#contact #radio,
#contact #radio2 {
	border: none;
	background:none;
}
#contact .red {
	color: #FF0000;
}
#contact .must {
	width: 522px;
	margin: 3px auto;
}

/* ClearFix */
.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
    display: inline-table;
    min-height: 1%;
	zoom:100%;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#banner {
	margin-top: 10px;
	text-align: center;
}
#banner a {
	margin-left:20px;
	}

#workshop-all a {
	color: #FFFFFF;
	text-decoration: none;
	width: 150px;
	position: relative;
	top: 25px;
	left: 590px;
}
#workshop-all a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
.new-whorkshop-title {
	background-image: url(main-img/new-workshop-title.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 56px;
}