@import "style.css";
* { 
margin: 0;
padding: 0;
border: 0; 
font-size: 99%;
color: #006699;
font-weight: normal;
font-family: メイリオ, Meiryo,  osaka, ＭＳ Ｐゴシック, Verdana, Arial, Helvetica, sans-serif;
font-style: normal; 
letter-spacing : -0.3px ;
line-height: 1.4;
background-color: transparent;
}

/*･・�･ｯｳ�ｳｸ*/
A:link {color:#006699;}
A:visited {color:#006699;}
A:active {color:#006699;}
A:hover {color:#006699; font-weight : 700 ; background-color:#D5EFFC; text-decoration:underline;}

body {margin:0; padding:0; overflow:hidden;}
body {background : url(i/site/FrameLeft-BG.gif) #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｣・p*/
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> */

div.T {font-size: 85%;letter-spacing : 0px; font-weight : 400; text-align:right; padding-right : 10px ;} /* <div class="M"></div> */
div.M {font-size: 85%;letter-spacing : 0px; font-weight : 400; padding-left : 10px ;} /* <div class="M"></div> */

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

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;}

/*ｶ蟒・釿ｱ紊･�ﾍﾑ*/
hr {border: 0 none; height: 1px; width: 94%; color: #006699; background-color: #006699; text-align:left;}




/*ﾋ盥ﾈﾍﾑ*/
p.usu {color:#D5EFFC;} /*(ﾇ�ｿ・ <p class="usu"></p> */
p.koi {color:#00486C;} /*(ﾇｻｿ・ <p class="koi"></p> */
div.center {text-align:center;} /* <div class="center"></div> */
div.right {text-align:right;} /* <div class="right"></div> */
div.left {text-align:left;} /* <div class="left"></div> */
font-family: ･皈､･・ｪ, Meiryo, Verdana, Arial, Helvetica, sans-serif;