HTML, BODY {
color : #000066;
background-color : #f0f0f0;
text-align : center;
font-size : small;
margin : 0;
padding : 0;
}

h1 {
padding : 0;
margin : 0;
}
/*
a:link {
color : #000033;
text-decoration : none;
}

a:visited {
color : #000033;
text-decoration : none;
}
*/
a:hover {
color : #ED1C24;
}

#content {
width : 100%;
padding : 0;
margin : 0;
text-align:center;
margin : 0 auto 0 auto;
background-color : #F0F0F0;
}

#header {
width : 1000px;
height : 80px;
display : block;
overflow :hidden;
text-align:center;
margin : 0 auto 0 auto;
padding : 10px 0 0 0;
background-color : #F0F0F0;
background-image : url('./lib-img/header_bg.gif');
background-repeat : no-repeat;
}

#headlogo {
width : 300px;
height : 60px;
text-align : center;
margin : 0 0 0 25px;
padding : 0;
display : block;
overflow : hidden;
float : left;
}

#headbanner {
width : 675px;
height : 60px;
display : block;
overflow : hidden;
text-align : center;
margin : 0 auto 0 auto;
padding : 0;
float : right;
}

#headmenu {
width : 982px;
height : 45px;
display : block;
overflow : hidden;
text-align:left;
padding : 0;
margin : 0 auto 0 auto;
color : #ED1C24;
font-weight : bolder;
clear : both;
background-color : #F0F0F0;
background-image : url('./lib-img/menu-btn0.gif');
background-repeat : repeat-x;
}


#subnavi{
text-align : left;
}


#main {
width : 982px;
display : block;
text-align:center;
margin : 5px auto 0 auto;
padding : 0;
background-color : #f0f0f0;
}

#l_box {
width : 698px;
text-align:center;
display : block;
overflow : hidden;
margin : 0 auto 0 auto;
padding : 0;
float : left;
background-color : #ffffff;
}

#l_inbox {
width : 97%;
text-align:left;
display : block;
overflow : hidden;
margin : 5px auto 5px auto;
padding : 0;
background-color : #ffffff;

}

.l_bottom {
width : 100%;
height : 20px;
margin : 0 auto 0 auto;
padding : 0;
display : block;
background-color : #f0f0f0;
background-image : url('./lib-img/main_bottom.gif');
background-repeat : repeat-x;
}

#r_box {
width : 280px;
display : block;
overflow : hidden;
float : right ;
margin : 0 auto 0 auto;
padding : 0;
background-color : #f0f0f0;
}

#r_inbox {
width : 268px;
text-align : left;
margin : 0 auto 0 auto;
padding : 2px;
display : block;
background-color : #FFFFFF;
border : solid 1px #dddddd;
}

#login_box {
width : 95%;
margin : 0 auto 0 auto;
padding : 2px;
display : block;
background-color:#f0f0f0;
border : solid 1px #dddddd;
}

.r_adbox {
width : 95%;
text-align : center;
font-size : x-small;
color : #555555;
font-family :"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"Ms Pゴシック",sans-serif;
margin : 10px auto 10px auto;
padding : 5px 0 5px 0;
display : block;
background-color:#f0f0f0;
border : solid 1px #dddddd;
}

#guest_tool{
width:95%;
position : relative;
top : 0px;
left : 0px;
margin : 0 auto 0 auto;
padding : 2px;
display : block;
overflow:visible;
background-color:#f0f0f0;
border : solid 1px #dddddd;
}


#my_tool{
width:95%;
position : relative;
top : 0px;
left : 0px;
margin : 0 auto 0 auto;
padding : 2px;
display : none;
background-color:#f0f0f0;
border : solid 1px #dddddd;
}

#salon_tool{
width : 95%;
position : relative;
top : 0px;
left : 0px;
margin : 0 auto 0 auto;
padding : 2px;
display : none;
background-color:#f0f0f0;
border : solid 1px #dddddd;
}

#main_bottom {
width : 982px;
height : 20px;
margin : 0 auto 10px auto;
padding : 0;
display : block;
background-color : #f0f0f0;
background-image : url('./lib-img/main_bottom.gif');
background-repeat : repeat-x;
}


#footnavi {
font-family :"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"Ms Pゴシック",sans-serif;
font-size : x-small;
width : 100%;
background-image : url(./lib-img/footbg.gif);
color : #FFFFFF;
margin : 0 auto 0 auto;
padding : 10px 0 5px 0;
clear : both;
}

#footnavi a:link {
color : #777777;
text-decoration :none;
}

#footnavi a:visited {
color : #777777;
text-decoration :none;
}

#footnavi a:hover {
color : #ffffff;
}





#g_site {
width :850px;
margin : 0 auto 0 auto;
padding : 5px 0 10px 0;
}

address {
font-size : x-small;
font-family :"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"Ms Pゴシック",sans-serif;
color : #FFFFFF;
font-style : normal;
margin : 0 auto 0 auto;
padding : 10px 0 10px 0;
text-align : center;
border-top : 1px solid #555555;
background-color : #333333;
}





h2,h3 { 
font-family :"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"Ms Pゴシック",sans-serif;
color : #688CC0;
font-weight : bold;
font-size : small;
padding : 0 ;
margin : 0;
/*border-bottom : solid 1px #dddddd;*/
}


.samplecolor {
 width : 10px;
 height : 10px;
 cursor: crosshair;
 margin : 0;
padding : 0;
 float : left;
}

.ColorSampleText {
float : right;
margin : 0;
padding : 0;
width : 150px;
}



#topnewsbox {
	text-align:left;
	width:675px;
	height:250px;
	border:1px solid #dddddd;
	position : relative;
	display:block;
	overflow:hidden;
margin-top: 0;
margin-left : auto;
margin-bottom : 0;
margin-right : auto;
	background-image : url("./lib-img/topnewsbox_bg.jpg");
}

#newsbtn_1,#newsbtn_2,#newsbtn_3,#newsbtn_4,#newsbtn_5,#newsbtn_6,#newsbtn_7 {
	width : 200px;
	height : 50px;
	display : block;
	position : relative;
}


#topview_1,#topview_2,#topview_3,#topview_4,#topview_5,#topview_6,#topview_7 {
	width : 475px;
	height : 250px;
	position : absolute;
	top : 0;
	left : 200px;
	z-index : 1;
	display : none;
}

