/* Share Style 
----------------------------------------------------------- */  
@charset "utf-8";

*{
margin:0px;
padding:0px;

}

img {   
    border:0;   
}  

hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #CCCCCC; /* 線色 */
	height: 1px;

}

h1,h2,h3,h4,h5,h6 {   
}   
p,li,dt,dl {
	line-height:1.2;
}   
p {
	margin:0 0 0.5em 0;
}   
li {   
    list-style-type:none;   
}   

/*----------------------------------------------------------- */ 
/*  
 Link Color [  
----------------------------------------------------------- */  
a:link {
	color:#0099cc;
	
}   
a:visited {
	color:#0099cc;
	
}   
a:hover {   
    color:#6699FF;   
}   



.font10 {
      font-size: 10px;
 }	  

.font12 {
      font-size: 12px;
 }	

/*----------------------------------------------------------- */  		
  
#main {
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}
.bar {
	font-size: 12px;
	color: #999999;
	padding: 0px;
	margin-bottom: 5px;
	font-weight: normal;
	
}
#foot {
	background-color: #0094da;
	font-size: 12px;
	color: #FFFFFF;
	padding: 10px;
}

#foot a:link {
	color:#FFFFFF;
	
}   
#foot a:visited {
	color:#FFFFFF;
	
}   
#foot a:hover {   
    color:#FFFFFF;   
} 

#foot ul li{
	display: inline;

}
/*  
 Head 
----------------------------------------------------------- */
#head{
	background-image: url(img/head_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 10px;
	
	
}
#head .txt{
	margin-left: 380px;
	padding-top: 10px;
	font-size: 12px;
	line-height:140%;
	font-weight: bold;
	color: #666666;
	width: 540px;
	margin-right: 100px;
	
}
#navi{
	background-image: url(img/navi.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	background-position: left bottom;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

#navi form{
	display: block;
	margin-left: 10px;
	}

#navi ul{
	padding-top: 5px;
	font-size: 12px;
	display: block;
	margin-right: 30px;
	margin-left: 10px;
	}

#navi ul li{
	font-size: 12px;
	display: inline;
	margin-right: 5px;
}


#navi ul .blue {
	color:#0099cc;
	font-weight: bold;
	
}


#left{
	width: 750px;
	float: left;
	padding: 10px;
}

#left .flash{
	margin-top: 10px;
	margin-bottom: 10px;
}

#left ul.cate li {
	float: left;
	display: block;

}

#left ul.cate li a:link {
	background-image: url(img/cate_btn.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	
	width: 178px;
	float: left;
	text-align: center;
	display: block;
	height: 22px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-position: left top;
}

#left ul.cate li a:visited {
	background-image: url(img/cate_btn.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	
	width: 178px;
	float: left;
	text-align: center;
	display: block;
	height: 22px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-position: left top;
}

#left ul.cate li a:hover {
	background-image: url(img/cate_btn_a.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	
	width: 178px;
	float: left;
	text-align: center;
	display: block;
	height: 22px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-position: left top;
}

#left .midasi{
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 3px;

}

#left .categoli{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(img/cate_bar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 650px;
	float: left;
	padding-left: 35px;
	padding-right: 20px;
	height: 30px;
	padding-top: 8px;
	margin-top: 10px;

}

#left .categoli a:link {
	color:#FFFFFF;
	
} 
#left .categoli a:visited {
	color:#FFFFFF;
	
} 


/*---カテゴリページ時*/

#categoly_main{
	padding: 10px;
}


#categoly_main ul.cate li {
	float: left;
	display: block;

}

#categoly_main ul.cate li a:link {
	background-image: url(img/cate_btn.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	
	width: 178px;
	float: left;
	text-align: center;
	display: block;
	height: 22px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-position: left top;
}

#categoly_main ul.cate li a:visited {
	background-image: url(img/cate_btn.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	
	width: 178px;
	float: left;
	text-align: center;
	display: block;
	height: 22px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-position: left top;
}

#categoly_main ul.cate li a:hover {
	background-image: url(img/cate_btn_a.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	
	width: 178px;
	float: left;
	text-align: center;
	display: block;
	height: 22px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-position: left top;
}

#categoly_main .midasi{
	font-weight: bold;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 3px;

}

#categoly_main .categoli{
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(img/cate_bar_long.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 1012px;
	padding-left: 35px;
	padding-right: 20px;
	height: 30px;
	padding-top: 8px;
	margin-top: 10px;
	padding-bottom: 8px;
}

#categoly_main .categoli a:link {
	color:#FFFFFF;
	
} 
#categoly_main .categoli a:visited {
	color:#FFFFFF;
	
} 


/*---カテゴリページ時ここまで*/


/*---sendtoページ左ブログ右ビューワー*/

#blog{
	width: 480px;
	padding: 10px;
	float: left;
}

#viewer,#profile{
	width: 470px;
	padding: 10px;
	float: left;
	margin-left: 10px;
}

#profile .ptitle{
	width: 442px;
	background-image: url(img/send_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	
}

#blog .btitle{
	width: 442px;
	background-image: url(img/send_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	
}

#viewer .vtitle{
	width: 442px;
	background-image: url(img/send_title_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 5px;
	font-size: 12px;
	font-weight: bold;
	
}

#blog .comment{
	width: 460px;
	padding: 10px;
	border: 2px solid #CCCCCC;
	font-size: 12px;
	margin-bottom: 10px;
}

.stb {
	margin-right: auto;
	margin-left: auto;

}

.stb .m{
	padding: 10px;
	background-repeat: repeat-y;

}


.stb .qr{
	border: 1px solid #33CCFF;
	float: left;
	margin-right: 10px;
	

}


.stb .h{
	background-image: url(img/stb1.gif);
	height: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	
}

.stb .b{
	background-image: url(img/stb2.gif);
	height: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	
}






/*---sendtoページ左ブログ右ビューワーここまで*/

.sam_l {
	width: 220px;
	float: left;
	margin-right: 5px;
	padding: 5px;
	border: 1px solid #AAAAAA;
	margin-bottom: 10px;
	
}
.sam_l img {
	border: 1px solid #CCCCCC;
	
}

.sam_s {
	width: 285px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #AAAAAA;
	
}
.sam_s img {
	border: 1px solid #CCCCCC;
	float: left;
	margin-right: 10px;
	
}

.title {
	font-weight: bold;
	font-size: 14px;
	line-height:140%;
	
}

.time {
	font-size: 10px;
	color: #999999;
	
}

.view {
	
	font-size: 10px;
	
}

.come {
	
	font-size: 10px;
	color:#666666;
	
}


.r {
	float: right;
	width: 140px;

}


#leftmenu{
	width: 300px;
	display: block;
	padding: 0px;
	float: left;
	margin-right: 10px;
}

#tb {
	background-image: url(img/tb3.gif);
	background-repeat: repeat-y;
	background-position: left;

}

#tb .m{
	padding-left: 20px;
	padding-right: 15px;
	margin: 5px;
}


#tb .h{
	background-image: url(img/tb1.gif);
	height: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	
}

#tb .b{
	background-image: url(img/tb2.gif);
	height: 10px;
	background-repeat: no-repeat;
	background-position: left top;
	
}

.txtm{
	font-weight: bold;

	
}

.txtm img{
	vertical-align: bottom;
	margin-right: 5px;

	
}

#mail {
	border: 2px solid #BCBCBC;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#rnd {
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	color: #666666;
}



.left {
	float: left;
}

.left img {
	margin-bottom: 5px;
	margin-right: 10px;
}


.right {
	text-align : right ;
}

.middle {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.clear {
clear:both;
}

.red{
	color: #FF0000;
}

.pioint{
	color: #FF0000;
	font-size: 12px;
	
}

.tbi {
	display: inline;
	float: left;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #CCCCCC;
	margin: 1px;
}

#ktai {
	background-image: url(img/ktai.gif);
	height: 500px;
	width: 304px;
	margin-right: auto;
	margin-left: auto;
}
#ktai_in {
	padding-top: 107px;
	padding-left: 29px;
}#shareinfo {
	background-color: #FFFFFF;
	padding: 7px;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}