/*** for PC Browser ***/
@media (min-width:401px)
{
#rightbox1 {
   margin:0;
   border-right:solid 1px #cccccc;
   border-bottom:solid 1px #cccccc;
   padding:0;
}

#rightbox1 h2 {
   font-size:large;
   color:#660000;
   letter-spacing:0.2em;
   margin:0;
    padding:12px 0 12px 10px;
    line-height: 120%;
    background-color:#eeeeee;
    border-left:solid 5px #cc9999;
}

#rightbox1 h2 :link {
    color:#FFFFFF;
}

#rightbox1 h2 :hover {
    color:#FFCC33;
}


#rightbox1 h3 {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:1px;
	line-height:150%;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #006699;
	border-bottom-color: #006699;
	background-image: url(topimage/h2_back.gif);
	background-repeat: repeat-y;
}

#rightbox1 ul {
    margin:0;
    padding:0;
    border-left:solid 5px #dddddd;
}


#rightbox1 li {
         font-size:118%;
         margin:0 0 0 5px;
         padding:8px 0 8px 5px;
	list-style-type:none;
	line-height:140%;
}

#rightbox1 li a {
         padding-left:5px;
         border-left:solid 10px #999999;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#rightbox1 {
   margin:0;
   border-right:solid 1px #cccccc;
   border-bottom:solid 1px #cccccc;
   padding:0;
}

#rightbox1 h2 {
   font-size:large;
   color:#660000;
   letter-spacing:0.2em;
   margin:0;
    padding:12px 0 12px 10px;
    line-height: 120%;
    background-color:#eeeeee;
    border-left:solid 5px #cc9999;
}

#rightbox1 h2 :link {
    color:#FFFFFF;
}

#rightbox1 h2 :hover {
    color:#FFCC33;
}


#rightbox1 h3 {
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:0px;
	padding-left:10px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:1px;
	line-height:150%;
	border-top-width: medium;
	border-bottom-width: medium;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-top-color: #006699;
	border-bottom-color: #006699;
	background-image: url(topimage/h2_back.gif);
	background-repeat: repeat-y;
}

#rightbox1 ul {
    margin:0;
    padding:0;
    border-left:solid 5px #dddddd;
}


#rightbox1 li {
         font-size:118%;
         margin:0 0 0 5px;
         padding:8px 0 8px 5px;
	list-style-type:none;
	line-height:140%;
}

#rightbox1 li a {
         padding-left:5px;
         border-left:solid 10px #999999;
}
}