@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;
}
 /* 元色006699＞今色EFD1C3 ※いぢるのは、↑x1、↓x5*/

/*リンク関係*/
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-BG12.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枚連結座標指定、左メニュー*/
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;}


/*見出し用*/
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;}

/*区切りライン用*/
hr {border: 0 none; height: 1px; width: 94%; color: #006699; background-color: #006699; text-align:left;}