@charset "UTF-8";
/* CSS Document */

iframe  { border:0; }

#index{
	float:left;
	width:300px;
}

#friend {
	float:left;
	width:300px;
}

.main {  
	 width: 100%;  
}
#main2{
    width:1024px;
    float:left;
}

.main div   {  
     width: 90%;  
     margin: 0 auto;  
	 }  

#twitter {
	float:left;
	width:300px;
}

#mail {
	clear:both;
}

h1 {
	font: bolder x-large;
	color:#FFF;
	background-color:#5b8bd0;
	padding-left:10px;
	width:99%;
}

h2 {
	border-left:8px solid #5b8bd0;
	font-weight:bold;
	border-bottom:2px solid #5b8bd0;
	font-size:medium;
	padding-left:5px;
	padding-bottom:2px;
	width:99%;
}

h3 {
	border-left:#5b8bd0 10px solid;
	padding-left:4px;
	padding-left:2pt;
	margin-bottom:5px;
	font-weight:bold;
}

.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}

.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #5b8bd0;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #5b8bd0;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

body { 
background-image:url(data/tiny_grid.png);
     margin-left:10%;    /* 左側マージンを自動的に空ける */
     margin-right:10%;   /* 右側マージンを自動的に空ける */
 }

/*FontSet*/
.Gothic09 {font: normal x-small "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;}
.Gothic10 {font: normal small "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;}
.Gothic10red {font: bold normal small "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;color:#FF0000;}
.Gothic12 {font: normal medium "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;}
.Gothic14 {font: normal large "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;}
.Gothic14Huto {font: bold large "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif; clear:both;}
.Gothic14HutoRed {font: bold large "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif; color:#FF0000;}
.Gothic14Hutos {font: large "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif; color:#BBBBBB;}
.Gothic14HutoX {font: bolder large "ヒラギノ角ゴ Std W8", "Hiragino Kaku Gothic Std W8", "Hiragino Kaku Gothic Std",Meiryo,sans-serif;}
.Gothic18 {font: x-large "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;}
.Gothic18Huto {font: bold x-large "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro W6", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;}
.Gothic18HutoX {font: bolder x-large "ヒラギノ角ゴ Std W8", "Hiragino Kaku Gothic Std W8", "Hiragino Kaku Gothic Std",Meiryo,sans-serif;}
.Gothic22HutoX {font: bolder x-large "ヒラギノ角ゴ Std W8", "Hiragino Kaku Gothic Std W8", "Hiragino Kaku Gothic Std",Meiryo,sans-serif;}
.Gothic24 {font: xx-large "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro",Meiryo,sans-serif;}
.Gothic24HutoX {font: bolder xx-large "ヒラギノ角ゴ Std W8", "Hiragino Kaku Gothic Std W8", "Hiragino Kaku Gothic Std",Meiryo,sans-serif;}
.Gothic24HutoXT {font: bolder xx-large "ヒラギノ角ゴ Std W8", "Hiragino Kaku Gothic Std W8", "Hiragino Kaku Gothic Std",Meiryo,sans-serif; color:#FFF; background-color:#333; padding-left:10px; }

.Mincho12 {font: normal medium "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "Hiragino Mincho Pro",serif;}
.Mincho12Huto {font: bold medium "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "Hiragino Mincho Pro",serif;}
.Mincho14 {font: normal large "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "Hiragino Mincho Pro",serif;}
.Mincho14Huto {font: bold large "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "Hiragino Mincho Pro",serif;}
.Mincho18Huto {font: bold x-large "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "Hiragino Mincho Pro",serif;}
.Mincho18HutoX {font: bolder x-large "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro W6", "Hiragino Mincho Pro",serif;}