@import "style.css";
* { 
margin: 0;
padding: 0;
border: 0; 
font-size: 99%;
color: #006699;
font-weight: normal;
font-family: osaka, £Í£Ó £Ð¥´¥·¥Ã¥¯, sans-serif, osaka, arial ;
font-style: normal; 
letter-spacing : 0px ;
line-height: 1.2;
background-color: transparent;
}
 /* ·ê0F006699¡ä¹á0FEFD1C3 ¡ã€¡à¿à¡¦ËࡦA¡åv1¡¢¡æ5*/

/*¥ê¥ó¥¯³û³¸*/
A:link {color:#006699;}
A:visited {color:#006699;}
A:active {color:#006699;}
A:hover {color:#00486C; font-weight : 700 ; background-color:#D5EFFC; text-decoration:underline;}

body {margin:0; padding:0; overflow:hidden;}
body {background : url(i/1_index/FrameLeft-BG20.jpg) #FFFFff no-repeat  0% 0% fixed ; margin : 0px ; padding : 0px ;}

/*¥³¥ó¥Æ¥Ê*/
#container {float : right; width: 100%; margin-left : -150px; position:relative; height: 100%; min-height: 100%;}
body > #container {height: auto;}
/*±¦*/
#mainbox {margin:0 0 0 150px; padding:0; height:100%; overflow:auto;}
/*¹ë(/
#leftbox {margin:0 1 0 0px; padding:0 0 0 0 ; height:100%; width:150px; border-right:1px solid #00486C; position:absolute; left:0; top:0; float : left;}
body > div#leftbox { position : fixed ; }
/*¥Õ¥Ã¥¿¡¼*/
td#footer {bottom:0; width: 450px; background : url(i/site/FrameFooter.gif) right no-repeat; vertical-align:bottom; text-align:right; font-size:13px; margin:0px; color:#D5EFFC;}

/*¥Ø¥Ã¥À¡¼*/
td#header1 {background-color: #00486C; vertical-align: top; text-align:left;}
td#header2 {background-color: #00486C; vertical-align: top; text-align:right;}
td#header3 {background-color: #00486C; vertical-align: top; text-align:left;}
td#header4 {vertical-align: top; text-align:left;}

/*¥Ø¥Ã¥À¡¼(¥Õ¥Ã¥¿¡¼ÍÑ)*/
td#headerL1 {vertical-align: bottom; text-align:center;}
td#headerL2 {vertical-align: top; text-align:center;}
td#headerL3 {vertical-align: bottom; text-align:center; padding-bottom:5px;}

/*1ËçÏ¢·ë¹ðŸwÄæA¹ë¡á¥Ë¥å¡¼*/
ul#menu2{list-style:none; width:110px;}
ul#menu2 li{list-style:none; float:left; width:110px;}
ul#menu2 a{display:block; width:110px; height:21px; background-image:url(i/site/FrameLeft-BT.gif);}
#menu2 a span { display:none; }

a.Index{background-position:0px 0px;}
a:hover.Index{background-position:0px -21px;}
a.About{background-position:-110px 0px;}
a:hover.About{background-position:-110px -21px;}
a.Diary{background-position:-220px 0px;}
a:hover.Diary{background-position:-220px -21px;}
a.Circle{background-position:-330px 0px;}
a:hover.Circle{background-position:-330px -21px;}
a.Like{background-position:-440px 0px;}
a:hover.Like{background-position:-440px -21px;}


/*·å/o£ë7p*/
img {border:0px;}

div.padding18 {padding-left : 18px ;} /* <div class="padding18"></div> (¥á¥¤¥ó¥Ñ¥Ç¥£¥ó¥°)*/
div.padding20 {padding-left : 20px ;} /* <div class="padding20"></div> */
div.padding40 {padding-left : 40px ;} /* <div class="padding40"></div> */

div.A {font-size: 180%;letter-spacing : -2px; font-weight : 900; padding-left : 10px ; display:inline ;} /* <div class="A"></div> */
div.B {font-size: 140%;letter-spacing : -1px; font-weight : 600; padding-left : 10px ;} /* <div class="B"></div> */
div.C {font-size: 100%;letter-spacing : -1px; font-weight : 700; padding-left : 10px ;} /* <div class="C"></div> */

td#TopText {vertical-align: top; text-align:right; font-size:88%;}
td#TopText2 {vertical-align: top; text-align:left; font-size:75%;}

td#bg {background : url(i/site/TextBG2.gif) left repeat-y; vertical-align: top; background-color: #ffffff}
p{font-size: 14px; background : url(i/site/TextBG2.gif) left repeat-y; vertical-align: top; background-color: #ffffff}

h1{padding-left : 10px; font-size: 180%; letter-spacing : -2px; font-weight : 900;}
h2{padding-left : 10px; font-size: 110%; letter-spacing : 0px; font-weight : 400;}

/*¶å»ü€çá±ãC¥óÍÑ*/
hr {border: 0 none; height: 1px; width: 94%; color: #006699; background-color: #006699; text-align:left;}