/* CSS Document */

body{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3,"sans-serif;
	line-height: 1.5;
	margin: 0px;
	padding: 0px;
	background:url(../common/body_bkimg.gif) repeat-x top;}
	
h1, h2, h3, h4, h5, h6, p, div, 
ul, ol, li, dl, dt, dd,
table, th, td {
	margin: 0px;
	padding: 0px;
	font-size:12px;}

ol, ul, li{list-style-type:none;}
img{vertical-align:bottom;}
a img{border:none;}
table {border-collapse: collapse;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
.clearfix {
	display: inline-block;
	position:relative;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear{clear:both;}
.LINEH18{
	line-height:1.8;}
a:link {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #3f668e;
	text-decoration: underline;}
	
a:visited {
	color: #3f668e;
	}	

a:hover {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #C1D2E3;}
		
.imgR{
	float:right;
	padding:0 0 0 5px;}
	
.imgL{
	float:left;
	padding:0 5px 0 0;}

#wrapper{width:100%;}
#wrapper-inner{
	width:758px;
	background:url(../common/bk_rx.gif) repeat-y top center;
	margin:0 auto;
	padding:0 2px;}

#header{
	width:750px;
	margin:0 auto;
	background:url(../common/bk_hd.jpg) repeat-x bottom;
	position:relative;
	height:86px;}
	
#header h1{
	background:#3C638B;
	font-size:10px;
	color:#FFFFFF;
	font-weight:normal;
	padding:3px 3px 3px 10px;}
#header h2{
	margin:3px 10px 5px;
}
#header p{
	position: absolute;
	left: 603px;
	top: 43px;}	
	
#Gnavi{
	padding:0 0 0 0;
	width:750px;
	margin:0 auto;}
#Gnavi p{
	width:505px;
	display:block;
	float: right;}
	
#Gnavi ul{
	background:url(../img/fla_back.jpg) repeat-x bottom;
	width:245px;
	height:310px;
	float: left;}

#Gnavi li{display:inline;}
#Gnavi ul li a{
	text-decoration:none;
	text-indent:-9975em;
	display:block;
	width:245px;
	height:71px;}
	
#Gnavi ul li.Gnavi01 a{background:url(../img/takumi.jpg) no-repeat 0px 0px;}	
#Gnavi ul li.Gnavi02 a{background:url(../img/rifrom.jpg) no-repeat 0px 0px;}
#Gnavi ul li.Gnavi03 a{background:url(../img/dnnetu.jpg) no-repeat 0px 0px;}
#Gnavi ul li.Gnavi04 a{background:url(../img/alldenka.jpg) no-repeat 0px 0px;}

#Gnavi ul li.Gnavi01 a:hover{background:url(../img/takumi.jpg) no-repeat 0px -71px;}
#Gnavi ul li.Gnavi02 a:hover{background:url(../img/rifrom.jpg) no-repeat 0px -71px;}
#Gnavi ul li.Gnavi03 a:hover{background:url(../img/dnnetu.jpg) no-repeat 0px -71px;}
#Gnavi ul li.Gnavi04 a:hover{background:url(../img/alldenka.jpg) no-repeat 0px -71px;}

#allBOX{
	width:750px;
	margin:10px auto 0;
	padding:0 0 0 10px;}
#naviSIDE{
	width:180px;
	float:left;
	margin:0 20px 0 0;}
#naviSIDE ul{
	border-top:dotted 1px #32557A;
	margin-bottom:15px;}
#naviSIDE ul li{
	padding:15px 15px 15px 25px;
	background:url(../common/navi_arrow.jpg) no-repeat 0.5em 1.5em;
	border-bottom:dotted 1px #32557A;}
#meinBOX{
	width:260px;
	float:left;
	margin:0 15px 0 0;}
#meinBOX #diaryBOX{
	background:url(../common/box_bk.jpg) repeat;
	padding:12px 0 10px;
}
#diaryBOX dl{margin-bottom:10px;}
#diaryBOX dt{
	color:#3F668E;
	font-weight:600;
	padding:5px;
	border-bottom:dashed 1px #3F668E;}
#diaryBOX dd{
	color:#3F668E;
	font-weight:600;
	padding:6px;}
#diaryBOX p{
	line-height:1.5;
	padding:0 5px;}
#diaryBOX #imgBOX{
	float:right;
	padding:5px;}
	
.blBOX{
	font-size:12px;
	width:250px;
	padding:3px 10px 3px 0;
	text-align:right;
	background:url(../common/blbox_bk.gif) no-repeat 13em 0.4em #4F7397;
	margin:0 0 18px 0;
	color:#FFFFFF;
	display:block;
}
.blBOX a{color:#FFF;}
.blBOX a:visited{color:#FFF;}
.blBOX a:hover{color: #C1D2E3;}

#meinBOX #banner{
	width:250px;
	margin:0 auto;}
	
#sabuSIDE{
	width:260px;
	float:left;}
	
#sabuSIDE #scrollbox {
	border-top:solid 2px #444444;
	border-left:solid 2px #444444;
	border-right:solid 2px #FAFAFA;
	border-bottom:solid 2px #FAFAFA;
	height:180px;
	overflow:auto;
	width:240px;
	margin:0 auto 15px;
	padding:5px;}
#scrollbox dl{
	display:block;
	margin:5px 5px 10px 5px;
	border-top:dotted 1px #999999;
	border-bottom:dotted 1px #999999;}
#scrollbox dt{
	background:url(../common/botan.gif) no-repeat 0.1em 0.4em;
	padding:5px 5px 5px 15px;
	margin-bottom:5px;}
#scrollbox dd{
	line-height:1.5;
	padding:0 0 5px 15px;}
	
.TXTLED{
	color:#FF0000;}

#sabuSIDE #piece{
		background:#DCE1E7;
		padding:5px;}

#piece h3{
	padding:3px;
	margin-bottom:5px;
	text-align:center;
}
#piece h3 a{color:#41607F;}
#piece h3 a:hover{
}
#piece #imgLeft{
	float:left;
	width:104px;
	margin:0 2px 0 0;}
#piece #txtRight{
	float:left;
	width:139px;
	padding:5px;
	line-height:1.5;}


#footer{
	width:750px;
	margin:20px auto 0;
	background:url(../common/ft_bk.jpg) repeat-x top #597A9D;
	padding:5px 0 0;
	position:relative;
	height:123px;
}
#footer #adressBOX{
	position:absolute;
	font-size:12px;
	color:#666666;
	left: 10px;
	top: 20px;
	line-height:1.6;}
#footer ul{
	display:block;
	position:absolute;
	width:435px;
	left: 305px;
	top: 23px;
	border-left:solid 1PX #3F668E;}
#footer ul li{
	float:left;
	padding:0 13px;
	border-right:#3F668E solid 1PX;
	display:block;}
#copy{
	position:absolute;
	color:#666666;
	left: 476px;
	top: 97px;}