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

a,a:link,a:visited{
	color:#E6E6E6;
	text-decoration:none;
	}
a:hover,a:active{
	color:#B1DE96;
	text-decoration:underline;
	}

body{
    background-color:#B1DE96;
	width:100%;
	height: 100%;
	margin:0px;
	padding:0px;
	text-align: center;   
	font-size:14px;
	line-height:1.6;
}

#wrapper{
	width:900px;
	height: 100%;
	padding:0px;
	margin:0 auto;
	background-color:#fff;
	}

/* side(S) */

.side{
	width: 20%;
	float: left;
	color: #ffffff;
	background-color: #00763F;
	text-align: center;
	height: 100%;
	margin:0px auto;
}

.tel img { 
vertical-align:middle;
} 

/* side(E) */


/* main(S) */

.main {
	background-color:#ffffff;
	width: 80%;
	height: 100%;
	float: right; 
	margin:0 auto;
	text-align: left;
}

/* menu(S) */

.menu1 {
line-height:45px;
margin:1px;
margin-left: 5px;
text-align:center;
width:176px;
font-size:24px;
}

.menu1 a {
	display:block;
	width:100%;
	background: url(images/tanbou_banner.gif) no-repeat;
	/* 2012/02/22 add */
	text-decoration:none;
	/* 2012/02/22 add */
}

.menu1 a:hover {
	width:100%;
	display:block;
	font-weight:bold;
	background: url(images/tanbou_banner0.gif) no-repeat;
}

.menu1 a:visited {
color:#000000;
width:100%;
display:block;
}

/* 2012/02/22 add */
.menu3 {
    line-height:45px;
    margin:1px;
    margin-left: 5px;
    text-align:center;
    width:176px;
    font-size:24px;
}

.menu3 a {
    display:block;
    width:100%;
    background: url(images/rakuten_banner.jpg) no-repeat;
    text-decoration:none;
}

.menu3 a:hover {
    width:100%;
    display:block;
    font-weight:bold;
    background: url(images/rakuten_banner0.jpg) no-repeat;
}

.menu3 a:visited {
    color:#000000;
    width:100%;
    display:block;
}
/* 2012/02/22 add */

.menu2 {
line-height:45px;
margin:1px;
text-align:center;
width:176px;
font-size:24px;
}

.menu2 a {
	text-decoration:none;
	color:#000000;
	display:block;
	width:100%;
	background: url(images/menu_banner.gif) no-repeat;
}

.menu2 a:hover {
	text-decoration:none;
	color:#000000;
	width:100%;
	display:block;
	font-weight:bold;
	background: url(images/menu_banner0.gif) no-repeat;
}

.menu2 a:visited {
color:#000000;
width:100%;
display:block;
}

.link{
	text-align:left;
	width: 160px;
	margin-left:15px;
	font-weight: bold;
}

/* menu(E) */

/* tab(S) */

/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px; width: 660px;}

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ☆リンクをタブのように見せる */
   display: block; width: 125px; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
   overflow-x:hidden;

}
/* ◇各タブの配色 */
p.tabs a.tab1 { text-decoration: none; background-color: #fff;  color: #000; background-color: #DBC2DC; }
p.tabs a.tab2 { text-decoration: none; background-color: #fff;  color: #000; background-color: #A2A9BA; }
p.tabs a.tab3 { text-decoration: none; background-color: #fff;  color: #000; background-color: #A2C9BA; }
p.tabs a.tab4 { text-decoration: none; background-color: #fff;  color: #000; background-color: #BFD19D; }
p.tabs a.tab5 { text-decoration: none; background-color: #fff;  color: #000; background-color: #D1B99D; }
p.tabs a:hover { background-color: #ffffff; color: #000; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ☆ボックス共通の装飾 */
   height: 175px; overflow: auto; clear: left;
}
/* ◇各ボックスの配色 */
div#tab1 { background-color: #DBC2DC; }
div#tab2 { background-color: #A2A9BA; }
div#tab3 { background-color: #A2C9BA; }
div#tab4 { background-color: #BFD19D; }
div#tab5 { background-color: #D1B99D; }
div.tab p { margin: 0.5em; }

/* tab(E) */

/* tabtable(S) */

.tabtable1 {
	border-style:solid;
	border-width:1px;
	border-color:#DADADA;
}

.tabtable2 {

	margin-left:25px;
}

/* tabtable(S) */

/* campany(S) */

.company{
	background:url(images/backfish.jpg);
	background-position: right bottom;
	background-repeat:no-repeat;
	width:690px;
	height:300px;
	padding-left: 25px;
}

/* campany(E) */

/* main(E) */