/* all styling */
body {
	margin: 0px;	padding: 0px;	color: #333;
	background: url("http://www.ha6480.com/images/body_background.jpg") repeat-x #FFF;
	font: 13px/140% "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, Helvetiva, sans-serif;
                text-align:center;
	}
	
p {	margin: 0px;	padding: 5px 0px 10px 0px;	}
h1 { margin: 0px; padding: 0px 10px;	font-size: 20px;	font-weight: normal;	}
h2 { margin: 0px; padding: 5px;	font-size: 15px;	}
h3 { margin: 0px; padding: 5px;	font-size: 13px;	}

#heading h1 span { display: none;}

a { color: #333; text-decoration: underline; }
a:hover { color: #999;	text-decoration: underline; }

ul {	margin: 2px 0px 2px 20px;	padding: 0px;	list-style: square;	}
ol {	margin: 2px 0px 2px 20px;	padding: 0px;	}
table {		margin: 0px;	padding: 0px;	border-collapse: collapse;	border: 0px;	}
th {	vertical-align: top;	text-align: left;	}
td {	vertical-align: top;	}

table.line {		margin: 0px;	padding: 0px;	border-collapse: collapse;	border: 1px solid #CCC;	}
table.line th {	vertical-align: top;	border-bottom: 1px solid #CCC;	background: #EFEFEF;	}
table.line td {	vertical-align: top;	border-bottom: 1px solid #CCC;	}

img {	border: 0px;	}

hr {
	color: #693;	background-color: #693;	height: 1px;	border: 1px;	border-style: dotted;
	}

.box1 {	margin: 30px 10px 10px 10px;	padding: 5px 10px;	background: #CF9;	border: 1px dotted #693;	}

/* form styling */
input,textarea {	color: #333;	font-size: 12px;	}
form {	margin: 2px;	}

/* body styling */
#shade {	
     margin-left:auto;  
     margin-right:auto;   
     text-align:left; 
width: 720px;	padding: 0px;	background: url("http://www.ha6480.com/images/body_rshade.jpg") top right repeat-y;	}
#shade_fix {
     margin-left:auto;   
     margin-right:auto;   
     text-align:left; 
	width: 720px;	background: url("http://www.ha6480.com/images/body_shade.jpg") top right no-repeat;	}
#container_toppage {
     margin-left:auto;   
     margin-right:auto;  
     text-align:left; 
	width: 700px;	margin: 0px;	padding: 0px;
	background: url("http://www.ha6480.com/images/header_background_top.jpg") top left no-repeat #FFF;
	}
	
#container {
     margin-left:auto;   
     margin-right:auto;   
     text-align:left; 
	width: 700px;	margin: 0px;	padding: 0px;
	background: url("http://www.ha6480.com/images/header_background.jpg") top left no-repeat #FFF;
	}

/* header styling */
#head {	width: 100%;	height: 100px;	margin: 0px;	padding: 0px;	}
#desc {	width: 100%;	height: 20px;	color: #999999;	}
#hlogo {	width: 100%;	height: 58px;	margin: 0px;	padding: 0px;	vertical-align: top;	}
#hmenu {	height: 20px;	margin: 0px;	padding: 0px 140px 0px 0px;	text-align: right;	}

/* main-contents styling */
#main_small {
	width: 270px;	padding: 250px 8px 30px 2px;	margin: 0px;	vertical-align: top;
	word-wrap: break-word;	overflow: hidden;
	}

#main a {	color: #333;	text-decoration: none;	}
#main a:hover {	color: #f99;	text-decoration: none;	}

#main_small a {	color: #333;	text-decoration: none;	}
#main_small a:hover {	color: #F99;	text-decoration: none;	}
	
#main_small .title {
	width: 260px;	margin: 0px;	padding: 4px 5px;	font-weight: normal;	background: #ffc8c8;
	}

.main_small1 {	width: 260px;	margin: 0px 0px 20px 0px;	padding: 5px;	}

#main {
	width: 480px;	padding: 8px 10px 30px 10px;	margin: 0px;	vertical-align: top;
	word-wrap: break-word;	overflow: hidden;
	}
	
#main .title {
	width: 416px;	margin: 0px;	padding: 4px 5px 4px 5px;	color: #633;
                border-bottom: 1px solid #999;
	line-height: 120%;   font-size: 16px;  
	}
	
.main1 {	width: 450px;	margin: 10px 20px 20px 0px;	padding: 5px;
	}
.main1 p {	margin: 0px;	 padding:  0px;
           }

#main .main1 a { color: #333; text-decoration: underline; }

#main .main1 a:hover { color: #999;	text-decoration: underline; }

.all_box{    margin:0px 0px 10px 0px;	
             font: 14px/150% "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, Helvetiva, sans-serif;
            color: #666;
           }

.more_box {  margin:0px 0px 10px 0px;
             }

.link_box {  border:1px solid #999;
               margin:10px 0px 0px 0px;
                padding:10px;
                background-color: #fee
               }

#main .link_box a { text-decoration: underline; 
               }

#main .link_box a:hover { text-decoration: underline;  color: #999;
               }

.section { border-bottom: 1px solid
              #999;
              padding-bottom: 1em;
              margin-bottom: 0em;
              }

.under_img { margin:0px;
                padding:10px 0px 20px 20px;
               }

.whitening_photo{
                        margin:0px;
                         padding:8px 5px 0px 0px;
}

.detailtitle{
	border-bottom: solid;
	border-width: 2px;
	border-color: #9b9fa8;
	margin-bottom: 10px;
}
.detailtitle-text{
	overflow: hidden;
	text-align: left;
	border-left: solid;
	border-color: #ff0000;
	margin-bottom:2px;
}

/* left-menu styling */
#lmenu {
	width: 200px;	padding: 10px 0px 30px 0px;	margin: 0px;	vertical-align: top;
	word-wrap: break-word;	overflow: hidden;
	}
	
#lmenu .title {
	width: 180px;	margin: 0px 5px;	padding: 4px 5px;	font-weight: normal;	color: #FFF;	background: #666;
	}


/* right-menu styling */
#rmenu {
	width: 200px;	padding: 250px 20px 30px 0px;	margin: 0px;	vertical-align: top;
	word-wrap: break-word;	overflow: hidden;
	}
	
#rmenu a {	color: #333;	text-decoration: none;	}
#rmenu a:hover {	color: #F99;	text-decoration: none;	}
	
#rmenu .title {
	width: 180px;	margin: 0px 5px;	padding: 4px 5px;	font-weight: normal;	background: #FCC;
	}

#rmenu .title_blog {
width: 180px;
margin: 0px 5px;
padding: 4px 5px;
font-weight: normal;
background: #999;
color:#FFF;
	}

#rmenu .title_blog a{
                             color:#FFF;
	            }
	
.gtitle {
	margin: 0px 5px 0px 0px;	padding: 0px 0px 0px 20px;	font-weight: normal;
	background: url("http://www.ha6480.com/images/arrow_gray.gif") left no-repeat;
	}
	
.ytitle {
	margin: 0px 5px 0px 5px;	padding: 0px 0px 0px 20px;	font-weight: normal;
	background: url("http://www.ha6480.com/images/arrow_gray.gif") left no-repeat;
	}

.lmenu2,  .rmenu1, .rmenu2 {
	width: 180px;	margin: 0px 5px 20px 5px;	padding: 5px;
	}
.lmenu1  {
	width: 180px;	margin: 0px 5px 10px 5px;	padding: 5px;  
                 border: 1px solid #666;
	}

.lmenu1 p {	margin: 2px 0px;	padding: 0px;               }
.lmenu2 p {	margin: 2px 0px;	padding: 0px;	}
.rmenu2 p {	margin: 0px;	padding: 0px;	}

/* menu styling */
ul.menu  {	width: 190px;	margin: 0px 0px 15px 5px;	padding: 0px;	list-style: none;	line-height: 110%;	border-top: 1px solid #666;
                }
ul.menu li {	padding:3px 0px;margin: 4px 0px;border-bottom: 1px solid #666;background:url(http://www.ha6480.com/images/point.gif) center left no-repeat;text-indent:12px;
	}
ul.menu a {	    padding: 5px;	text-decoration: none;	display: block;
	}
ul.menu a:hover {　color: #fff;	text-decoration: none;	background: #ccc;
	}

ul.ymenu  {
	margin: 0px 0px 0px 20px;	padding: 0px;	line-height: 110%;
	list-style-image: url("http://www.ha6480.com/images/arrow_pink.gif");
	}
ul.ymenu li {	margin: 5px 0px;	padding: 0px;	}

/* footer styling */
#pagetop {	text-align: right;	font: 10px/120% Arial;	margin: 5px;	padding: 0px;	}
#pagetop a {	color: #666;	padding: 2px 5px;	text-decoration: underline;	}
#pagetop a:hover {	color: #666;	text-decoration: underline;	}

#copy {
	width: 100%;	height: 20px;	margin: 0px;	padding: 0px;	color: #FFF;	text-align: right;
	font: 10px/110% Arial;	background: #999;
	}
#copy p {	margin: 0px;	padding: 0px 5px;	}

#footer a {   color: #FFF;  text-decoration: underline; }
#footer a:hover {   color: #fff;	text-decoration: underline; }

#footer ul {
	list-style-type: none;
	float: left;
               }
#footer li {
	margin-right: 8px;
	display: inline;
	line-height: 1.2;
                }

/* -- colors -- */

.main-color{border-color: #cc0311;}
.blue-color{border-color: #05c0be;}