@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(../gara.png);
	background-repeat: repeat;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #666;
}

/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
	padding-right: 0px;
	padding-left: 0px;
}
a img {
	border: none;
}


#wrapper {
	width: 810px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

/*　ヘッター　*/

#header {
	background-image: url(../img/top_bg.png);
	background-repeat: repeat;
	height: 172px;
	width: 780px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	float: left;
}


#header h1 a {
	background-image: url(../img/ran_rogo.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 90px;
	width: 330px;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#header h2 {
	float: left;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	color: #666;
	line-height: 1em;
	padding: 0px;
}

#header #tword{
	float: left;
	margin-top: 25px;
	margin-left: 20px;
	width: 400px;
}
#header #tword h3 {
	font-size: 18px;
	float: left;
	color: #cc3333;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#header #tword h4 {
	font-size: 13px;
	line-height: 1.5em;
	color: #663399;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	float: left;
	margin: 0px;
	clear: both;
	font-weight: bold;
}



/*　トップボタン　*/



#header ul {
	float: right;
	height: 24px;
	width: 260px;
}
#header li {
	list-style-type: none;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.btn01 a{
	background-image: url(../img/tbtn01.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 24px;
	width: 100px;
}
.btn01_on a{
	background-image: url(../img/tbtn01_on.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 24px;
	width: 100px;
}
.btn02 a{
	background-image: url(../img/tbtn02.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 24px;
	width: 120px;
}
.btn02_on a{
	background-image: url(../img/tbtn02_on.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 24px;
	width: 120px;
}




/*　メイン　*/

#main {
	background-image: url(../img/bg.png);
	background-repeat: repeat-y;
	width: 750px;
	margin: 0px;
	padding-right: 30px;
	padding-left: 30px;
	float: left;
}

/*　リンク部分（左）　*/

#leftcol {
	float: left;
	width: 180px;
	padding-left: 20px;
	padding-top: 7px;
}


/*　リンクボタン　*/

#leftcol ul {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#leftcol li {
	list-style-type: none;
	margin-bottom: 10px;
}



.nav01  a{
	background-image: url(../img/nav01.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav01_on  a{
	background-image: url(../img/nav01_on.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav02  a{
	background-image: url(../img/nav02.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav02_on  a{
	background-image: url(../img/nav02_on.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav03  a{
	background-image: url(../img/nav03.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav03_on  a{
	background-image: url(../img/nav03_on.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav04  a{
	background-image: url(../img/nav04.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav04_on  a{
	background-image: url(../img/nav04_on.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}

.nav05  a{
	background-image: url(../img/nav05.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}
.nav05_on  a{
	background-image: url(../img/nav05_on.png);
	background-repeat: no-repeat;
	text-indent: -999em;
	display: block;
	height: 28px;
	width: 160px;
}

/*　連絡先　*/

#add {
	float: left;
	background-image: url(../img/nav_05.png);
	background-repeat: no-repeat;
	height: 94px;
	width: 140px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 36px;
	padding-left: 20px;
}

#leftcol #add h1 {
	font-size: 13px;
	line-height: 1.2em;
	margin: 0px;
	font-weight: normal;
}

/*　リンクボタン　*/

#link {
	float: left;
	width: 140px;
	margin-bottom: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

#link .link_waku {
	padding: 0px;
	float: left;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 140px;
}

#leftcol #link p {
	text-align: center;
	font-size: 11px;
	line-height: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}


/*　メイン部分（右）　*/

#rightcol {
	float: right;
	width: 500px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

/*　トップ見出し部分　*/

#rightcol .cap1{
	background-image: url(../img/cap_bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 75px;
	width: 485px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#rightcol .cap1 h1 {
	font-size: 18px;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
	color: #009966;
}
#rightcol .cap1 h1.red {
    font-size: 18px;
    line-height: 1.8em;
    margin: 0px;
    padding: 0px;
    color: #FF0004;
}
#rightcol .cap1 h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	color: #663399;
}

#rightcol #blink_1 {
	font-weight: bold;
	color: #C00;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 14px;
}


/*　トップ写真　*/

#rightcol .pho1 {
	background-image: url(../img/top_img.png);
	background-repeat: no-repeat;
	float: left;
	height: 365px;
	width: 500px;
	margin-bottom: 10px;
}


/*　インフォメーション　*/

#info {
	width: 500px;
	background-image: url(../img/info_bg.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	float: left;
	margin-bottom: 5px;
}
#info ul {
	float: left;
	display: block;
	width: 450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	padding: 0px;
}
#info li {
	font-weight: bold;
	line-height: 1.5em;
	border-bottom-width: 1.5px;
	border-bottom-style: dotted;
	border-bottom-color: #A7729D;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 14px;
	list-style-image: url(../img/listimg.png);
	list-style-position: outside;
	color: #666;
}

#info a {
	color: #F60;
	text-decoration: none;
}
#info a:hover {
	text-decoration: none;
	color: #FC3;
}



/*　フッター　*/

#footer {
	background-image: url(../img/footer_bg.png);
	background-repeat: repeat-y;
	clear: both;
	height: 72px;
	width: 750px;
	padding-top: 12px;
	padding-right: 30px;
	padding-left: 30px;
}
#footer h1 {
	font-size: 13px;
	text-align: center;
	padding: 0px;
	color: #FFF;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
}
#footer p {
	font-size: 10px;
	color: #FFF;
	text-align: center;
	line-height: 1.2em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer p a {
	color: #FFF;
	text-decoration: none;
}
#footer h1 a {
	color: #FFF;
	text-decoration: none;
}
#footer h1 a:hover {
	color: #FF6;
	text-decoration: none;
}
#footer .counter {
	text-align: right;
	margin-top: 1px;
	clear: both;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}


/*　サブ見出し部分　*/

#rightcol .cap2 {
	background-image: url(../img/cap2_bg.png);
	background-repeat: no-repeat;
	float: left;
	height: 66px;
	width: 485px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 14px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#rightcol .cap2 h1 {
	font-size: 18px;
	line-height: 1.8em;
	margin: 0px;
	padding: 0px;
	color: #009999;
}
#rightcol .cap2 h2 {
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	color: #663399;
}

/*　サブ写真　*/

#rightcol .pho2 {
	background-image: url(../img/sab_img00.png);
	background-repeat: no-repeat;
	float: left;
	height: 356px;
	width: 500px;
	margin-bottom: 20px;
	text-indent: -999em;
	display: block;
}

#rightcol .pho3 {
	float: left;
	width: 501px;
	margin: 0px;
	padding: 0px;
}
#rightcol .tape .pho3 img {
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: auto;
}
.roomwk {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 167px;
}

#rightcol .pho4 {
	float: left;
	height: 450px;
	width: 501px;
}
#rightcol .tape .pho4 img {
	height: 150px;
	width: 167px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#rightcol .pho5 {
	float: left;
	height: 360px;
	width: 450px;
	margin-bottom: 20px;
	padding-left: 40px;
}


/*　文章　*/

#rightcol .tape{
	padding: 0px;
	float: left;
	width: 500px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#rightcol .tape table {
	float: left;
	width: 470px;
	padding-left: 30px;
	margin-top: 1px;
	margin-bottom: 10px;
}
#rightcol .tape table td {
	font-size: 15px;
	line-height: 1.5em;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#rightcol .tape table strong {
	color: #F00;
}
#rightcol .tape p {
	font-size: 14px;
	line-height: 1.5em;
	padding-left: 30px;
	float: left;
	width: 470px;
	margin: 0px;
}
#rightcol .tape img {
	float: left;
	height: 54px;
	width: 208px;
	margin-bottom: 5px;
}
#rightcol .tape table img {
	float: right;
	height: 114px;
	width: 160px;
	margin: 0px;
	padding: 0px;
}
#rightcol .tape table a {
	color: #63C;
	text-decoration: none;
}
#rightcol .tape table a:hover {
	color: #69F;
	text-decoration: none;
	font-weight: normal;
}
#info .red {
	color: #ff0000;
}