body {
	margin:0;
	padding:0;
	font-size:13px;
	text-align:center;
}





/* ----ヘッドライン---- */
.head-line{
border-top:solid 2px #DEECFB;
border-bottom:solid 2px #DEECFB;
background:#DEECFB;
padding:0 0px;
color:#030;
}

.head-line h2,
.head-line br{
line-height:12px;
}


.head-line h2{
margin:2px;
padding:0 10px;
font-size:12px;
font-weight:strong;
text-align: center;
color:#666666;
}


/* ----ヘッダー---- */
.head{
background:#0080FF;
padding:0 0px;
height:45px;
}

.head h1,
.head h2,
.head br{
line-height:16px;
}

.head h1{
margin:5 0px;
padding:3 0 0 10px;
font-size:9pt;
float:left;
}

.head h2{
margin:7 0 0 80px;
padding:0 px;
font-size:13px;
font-weight:strong;
color:#ffffff;
float:left;
}

#logo{
width:323px;
height:28px;
border:none;
}


/* ----紹介文と更新履歴---- */
.intoro{
width : 330px ;
float : left ;
text-align: left;
}

.what-new{
width : 400px ;
float : right ;
}

.frame{
border:solid 1px #666666;
margin:0 0px;
padding:0px;
}


/* ----トップメニュー---- */
.topmenu{
margin:0 0px;
padding:5 15px;
font-size:13px;
font-weight:normal;
text-align: right;
}


/* ----コンテンツ---- */

.outline-margin{
margin:0 5px;
}

.content h3{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#DEECFB;
width:540px;
border-left:solid 10px #4D99E5;
}

.content-center-left {
float:left;
width:365px;
}

.content-right{
float:right;
width:180px;
}

.c-both { clear:both; }

.content-left{
float:left;
width:180px;
}

.content-center{
float:right;
width:180px;
}

ul,li{
margin:0px;
padding:0px;
}

.content ul{
margin:0 0 0 10px;
}

.content li{
margin:0 0 0 10px;
font-size:13px;
line-height:20px;
list-style:square;
}

.blog1{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#DEECFB;
width:170px;
border-left:solid 10px #4D99E5;
}

.blog2{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#DEECFB;
width:170px;
border-left:solid 10px #4D99E5;
}

.blog3{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#DEECFB;
width:170px;
border-left:solid 10px #4D99E5;
}


/* ----サイドコンテンツ---- */

.haru-photo-name{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#ffddff;
width:170px;
border-left:solid 10px #ff0080;
}

.haru-photo{
text-align : center ;
}

#photo-haru1{
width :145px;
height:109px;
border:none;
}

.side-ranking h3{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#d1ffc1;
width:170px;
border-left:solid 10px #66ff33;
}

.side-ranking ul{
margin:0 0 0 5px;
padding:0px;
}

.side-ranking li{
margin:0 0 0 0px;
font-size:12px;
line-height:20px;
list-style:none;
}

/* ----フッター---- */


.rink-center-left {
float:left;
width:405px;
}

.rink-right{
float:right;
width:140px;
}

.c-both { clear:both; }

.rink-left{
float:left;
width:230px;
}

.rink-center{
float:right;
width:170px;
}


.rink1 li{
margin:0px;
font-size:13px;
line-height:20px;
list-style:none;
}

.rink1 h3{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#d1ffc1;
width:540px;
border-left:solid 10px #66ff33;
}

.rink2 li{
margin:0px;
font-size:13px;
line-height:20px;
list-style:none;
}

.rink2 h3{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#DEECFB;
width:540px;
border-left:solid 10px #4D99E5;
}


.rink ul{
margin:0 0 0 10px;
}

.rink li{
margin:0 0 0 10px;
font-size:13px;
list-style:square;

}



.web-rink1{
width : 180px ;
float : left ;
}

.web-rink2{
width : 180px ;
float : right ;
}


.footer-ranking h3{
margin:0;
padding:4 0px;
font-size:13px;
font-weight:strong;
background:#ffff80;
width:170px;
border-left:solid 10px #f90;
}

.footer-ranking TD{
font-size : 13px;
}

.footer-ranking TABLE{
line-height : 18px;
}



.foot{
text-align:center;
}




/* ----全体のレイアウト---- */

#outline {
width : 750px ;
text-align : left ;
border-left:solid 1px #999;
border-right:solid 1px #999;

}
.margin {
margin : 5px ;
}

.header {
text-align : center ;
}

.main {
width : 555px ;
float : left ;
}

.side {
width : 180px ;
float : right ;
}



.footer-main {
width : 555px ;
float : left ;
}

.footer-side {
width : 180px ;
float : right ;
}




/* 細部設定 */
.c-both{
	clear:both;
}

.c-left{
	clear:left;
}

/* 改行幅 */
.px4{
line-height:4px;
}

.px3{
line-height:3px;
}

.px2{
line-height:2px;
}

.px8{
line-height:8px;
}