@charset "utf-8";
/* CSS Document */
.maincolor {
	color: #B35900;
	text-align:right;
	
}
.h5_orange{
	background-color:#F1CDA6;}
.green {
	background-color: #D6E3A1;
	padding:3px 2px;
	text-align:center;
}
.orange_ {
	background-color: #DC8412;
}
.blue {
	background-color: #00A6F0;
}
.subcolor1 {
	background-color: #96C8E9;
}
.palecolor {
	background-color: #F5F0E6;
	text-align:center;
	padding:3px;
}
.dbulue {
	background-color: #004D70;
}
.mono {
	background-color: #D7D7D7;/*濃い*/
}
.mono2 {
	background-color: #EEEEEE;
}
.mozi {
	color: #4b2c00;
}
.center {
	text-align: center;
}
.blue_text {
	color: #58A8D5;
}
.c_name {
	padding: 10px 0;
}
.floart_right {
	float: right;
	display: inline-block;
}
.floart_left {
	float: left;
	display: inline-block;
}
.event_box{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #EECCAA;
	padding-bottom:23px;
}
/*---ワイヤー_ハート-------*/
#biwa div#i_heart {
	background-image: url(../img/biwa_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 200px;
	position: absolute;
	left: -138px;
	top: 196px;
	width: 180px;
}
#workshop div#i_heart {
	background-image: url(../img/workshop_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 200px;
	position: absolute;
	left:-142px;
	top: 154px;
	width: 190px;
}
#art div#i_heart {
	background-image: url(../img/art_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 220px;
	position: absolute;
	left:-142px;
	top: 154px;
	width: 180px;
}
#henna div#i_heart {
	background-image: url(../img/henna_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 200px;
	position: absolute;
	left:-149px;
	top: 247px;
	width: 180px;
}
#contact div#i_heart {
	background-image: url(../img/contact_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 200px;
	position: absolute;
	left:-87px;
	top: 154px;
	width: 180px;
}
#event div#i_heart {
	background-image: url(../img/event_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 220px;
	position: absolute;
	left:-119px;
	top: 196px;
	width: 180px;
}
#about div#i_heart {
	background-image: url(../img/about_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 200px;
	position: absolute;
	left:-142px;
	top: 191px;
	width: 180px;
}
#belly div#i_heart {
	background-image: url(../img/belly_w.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 200px;
	position: absolute;
	left:-109px;
	top: 189px;
	width: 180px;
}
#top div#i_heart {
	background-image: url("../img/top_w.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 200px;
	position: absolute;
	left: -19px;
	top: 490px;
	width: 160px;
}
/*----head_nav----*/
#headnav {
	margin: 0;
	line-height: 12px;
	position: absolute;
	left: 750px;
	top: 4px;
	clear: both;
	width: 400px;
}
#headnav ul {
}
#headnav li {
	float: left;
	width: auto;
	background-image: url(../test/img/arrow9_1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#headnav a {
	color: #333;
	font-size: 12px;
	display: block;
	width: auto;
	text-decoration: none;
	padding: 0px 10px;
}
#headnav A:hover {
}
/*----------main nav---------------*/
#navcontainer ul {
	width: 100%;
	overflow: hidden;
	height: 50px;
	font-size: 0px;
}
#navcontainer ul li {
	float: left;
	height: 50px;
}
#navcontainer ul li a {
	line-height: 50px;
	height: 50px;/*-for ie--*/
	text-decoration: none;
	white-space: nowrap;
	color: #333333;
	display: block;
	text-indent: -9999px;
}
#navcontainer ul li.home {
	background-image: url(../img/top.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 92px;
}
#navcontainer ul li.home:hover {
	background-image: url(../img/top_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navcontainer ul li.aaa {
	background-image: url(../img/aa.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 77px;
}
#navcontainer ul li.aaa:hover {
	background-image: url(../img/aa_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navcontainer ul li.bbb {
	background-image: url(../img/bb.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 76px;
}
#navcontainer ul li.bbb:hover {
	background-image: url(../img/bb_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navcontainer ul li.ccc {
	background-image: url(../img/cc.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 117px;
}
#navcontainer ul li.ccc:hover {
	background-image: url(../img/cc_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navcontainer ul li.ddd {
	background-image: url(../img/dd.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 105px;
}
#navcontainer ul li.ddd:hover {
	background-image: url(../img/dd_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navcontainer ul li.eee {
	background-image: url(../img/ee.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 132px;
}
#navcontainer ul li.eee:hover {
	background-image: url(../img/ee_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navcontainer ul li.fff {
	background-image: url(../img/ff.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 73px;
}
#navcontainer ul li.fff:hover {
	background-image: url(../img/ff_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#navcontainer ul li.ggg {
	background-image: url(../img/gg.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 128px;
}
#navcontainer ul li.ggg:hover {
	background-image: url(../img/gg_h.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*----------sab nav--------------*/
#sab_nav{
	padding: 10px 70px;
	
}#sab_nav .center{
	padding: 10px 74px;
	
}
#sab_nav ul {
	overflow: hidden;
}
#sab_nav ul li a {
	text-align:center;
	text-decoration: none;
	white-space: nowrap;
	color: #333333;
	display: block;/*text-indent: -9999px;*/
}
#sab_nav ul li {
	padding-left: 22px;
	margin-right: 10px;
	float: left;
	background-repeat: no-repeat;
	background-position: left center;
}
#top #sab_nav ul li {
	background-image: url(../img/biwa4.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#sab_nav ul li {
	background-image: url(../img/sn_leef.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

/*-------
dl {
	font-size: 15px;
	line-height: 186%;
	margin: 0 102px 22px 70px;
	overflow: hidden;
}
dt {
	clear: left;
	float: left;
	width: 5.5em;
	padding-left: 5px;
}
dd {
	margin-left: 6.5em;
}-*/
/*-トップページ- 1カラム*/
#top #side_container, #contact #side_container, #about #side_container {
	width: 0;
}
#top #main_container, #contact #main_container, #about #main_container{
	margin: 0px;
	padding:0;
}
#top .content_box{
	padding-left:92px;}

#about #main_container {
	width: 600px;
	margin: 0 100px;
}
#top #head_image {
	width: 100%;
	height: 250px;
	background-image: url(../img/sulidshow2.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0;
	float: none;
}
#top #head_back {
	/*width: 100%;
	height: 66px;
	background-image: url(../img/flag.png);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0;
	float: none;*/
}
#top p {
	padding: 15px 50px;
	font-size: 15px;
}
#top #head_image p {
	font-size: 19px;
	font-weight: bold;
	position: relative;
	top: 159px;
	left: 406px;
	width: 336px;
	line-height: 33px;
}
#top #head_image p span {
	font-size: 30px;
}
#top h2 {
	padding: 0;
	color: #4b2c00;
}
#top h2 span {
	font-size: 1.8em;
	margin-right: 19px;
}
#top #container {
	position: relative;
	width: 800px;
}
#top #container iframe {
	margin: 0;
}
/*#top .content_box {
	padding: 0 100px;
}
-----contact---------*/
#contact_in {
	width: 600px;
	margin: 0 auto;
}
#contact_in dl {
	margin-left: 70px;
}
#contact_in dt {
	background-image: url("../test/img/point_1Aa.png");
	background-position: 5px 12px;
	background-repeat: no-repeat;
	float: left;
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	min-height: 16px;
	padding: 10px 0;
	text-align: left;
	width: 3em !important;
}
#contact_in dd {
	font-weight: bold;
	line-height: 16px;
	margin: 0;
	min-height: 16px;
	text-align: left;
	padding: 10px 0;
}
#contact_in h3 {
	background-color: #F1CDA6;
	border: 1px solid #E7B57A;
	color: #CC6600;
}
#contact form {
	margin-left: 70px;
}
#contact_in .radio {
	width: 194px;
	padding: 0px 39px;
	color: #CC6600;
}
#event #main_container p{
	margin-left:32px;}
	
.shuryou{
	color:#369;
	padding-left:10px;}