/* === base tag === */
*{ margin: 0; padding: 0;}

body{
	text-align: center;
	font-family:"‚l‚r ‚oƒSƒVƒbƒN",Osaka,"ƒqƒ‰ƒMƒmŠpƒS Pro W3";
	font-size: 90%;
	color: #333;
	line-height: 1.5;
	background-image:url(../img/common/bg_body.gif);
	background-repeat:repeat-x;
	background-position:top;
}

a{
	text-decoration:none;
	color:#800080;
}
a:hover{
	text-decoration:underline;
}

img{border:none;}
p{
	padding-bottom:1em;
}

.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}

.tobashi{position:absolute;top:-1000px;}
.none{display:none;}
.hidden{display:hidden;}
.clear{clear:both;}

.red{color:#DD0000;}
.blue{color:#0080C0;}

li{list-style:none outside url();}

/* =========================================================== */
#container{
	width:820px;
	margin:0 auto;
	text-align:left;
	background-image:url(../img/common/bg_container.png);
	background-repeat:repeat-y;
}
#container_body{
	width:800px;
	margin:0 auto;
}

/* =========================================================== */
#header{
	position:relative;
	height:150px;
	background-image:url(../img/common/bg_header.jpg);
	background-repeat:no-repeat;
}
h1{
	font-size:10px;
	text-indent:-500px;
	overflow:hidden;
}
#header ul{
	position:absolute; bottom:25px;
	width:800px;
	height:32px;
	list-style: none outside url();
	background-image:url(../img/common/bg_header_menu.png);
	background-position:center;
}
#header li{
	float:left;
	height:27px;
}
#header li a{
	display:block;
	height:27px;
	background-position:top;
	text-indent:-500px;
	overflow:hidden;
}
#header li a:hover{
	background-position:bottom;
}
.li_top{background-image:url(../img/common/menu_top.png);width:50px;margin-left:70px;}
.li_prof{background-image:url(../img/common/menu_prof.png);width:70px;}
.li_brace1{background-image:url(../img/common/menu_brace1.png);width:105px;}
.li_brace2{background-image:url(../img/common/menu_brace2.png);width:160px;}
.li_oteire{background-image:url(../img/common/menu_oteire.png);width:115px;}
.li_mousikomi{background-image:url(../img/common/menu_mousikomi.png);width:85px;}
.li_contact{background-image:url(../img/common/menu_contact.png);width:80px;}

/* =========================================================== */
#contents{
	margin:0 auto;
	width:780px;
	padding-top:20px;
}
#side{
	float:left;
	width:200px;
	margin-right:10px;
}
#main{
	float:left;
	width:570px;
}
/* =========================================================== */
#bottom_menu{
	clear:both;
	padding:20px 0 0 0;
	text-align:center;
	font-size:12px;
	color:#ccc;
}
#bottom_menu hr{
	margin:20px 20px 10px 20px;
	border:none;
	border-top:2px #ccc dotted;
}
#bottom_menu a{
	color:#333;
}

/* =========================================================== */
#footer{
	height:100px;
	text-align:center;
	letter-spacing:2px;
	color:#333;
	font-size:10px;
}

/* =========================================================== */
h2{
	height:40px;
	text-indent:-500px;
	font-size:10px;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:center;
}
.h2_prof{background-image:url(../img/common/h2_prof.jpg);}
.h2_brace1{background-image:url(../img/common/h2_brace1.jpg);}
.h2_brace2{background-image:url(../img/common/h2_brace2.jpg);}
.h2_nagare{background-image:url(../img/common/h2_nagare.jpg);}
.h2_oteire{background-image:url(../img/common/h2_oteire.jpg);}
.h2_voice{background-image:url(../img/common/h2_voice.jpg);}
.h2_form{background-image:url(../img/common/h2_form.jpg);}
.h2_form1{background-image:url(../img/common/h2_form1.jpg);}
.h2_form2{background-image:url(../img/common/h2_form2.jpg);}
.h2_pay{background-image:url(../img/common/h2_pay.jpg);}
.h2_tokutei{background-image:url(../img/common/h2_tokutei.jpg);}
.h2_privacy{background-image:url(../img/common/h2_privacy.jpg);}
.h2_contact{background-image:url(../img/common/h2_contact.jpg);}

/* =========================================================== */
#side ul{list-style: none outside url();}

/* =========================================================== */
a#side_brace1{
	display:block;
	width:200px;
	height:120px;
	margin-bottom:20px;
	text-indent:-500px;
	overflow:hidden;
	background:#eee url(../img/common/bannar_brace1.jpg) no-repeat;
}
a#side_brace2{
	display:block;
	width:200px;
	height:120px;
	margin-bottom:20px;
	text-indent:-500px;
	overflow:hidden;
	background:#eee url(../img/common/bannar_brace2.jpg) no-repeat;
}

/* =========================================================== */
#side ul{list-style: none outside url();}
#side_mobile{
	position:relative;
	width:200px;
	height:134px;
	background:#eee url(../img/common/side_mobile.gif);
}
#side_mobile h3{
	text-indent:-200px;
	overflow:hidden;
}
#side_mobile a{
	display:block;
	width:89px;
	height:29px;
	position:absolute; right:10px;bottom:20px;
	background-image:url(../img/common/button_side_mobile.gif);
	text-indent:-200px;
	overflow:hidden;
}
#side_mobile a:hover{
	background-position:bottom;
}