/*ここは消さないで下さい!*/
/* Template Name: m525_Black */
/*CSSLicense: jp-soft.com Tsunehisa Hazama*/
.top-img{margin:12px 15px;}

* {
	margin: 0;
	padding: 0;
}




html{height: 100%;}








/* BODY-------------------------------*/
body {
	margin : 0;
	padding: 0;
 	color: #333;
 	font-size: 13px;
 	line-height: 150%;
 	text-align: center;
 	background: url("./img/back.jpg") top left repeat-x;
	font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}




/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
 	margin: 0;
 	padding: 0;
 	border: 0;
}




/* strong */
strong {font-weight: bold;}




/* 画像の属性 */
img {border: none; margin: 0;}
.img-left {	float: left;margin: 5px 10px 5px 0;}
.img-right {float: right;margin: 5px 0 5px 10px;}








/* リンクの属性（未指定の時） */
a:link, a:visited, a:active {color: #0000ff;text-decoration: underline;font-weight:bold;}
a:hover {color:#FF6633;text-decoration: none;}




/*引用属性*/
blockquote {
	width: 400px;
	height: 200px;
	overflow: auto;
	border: 1px solid #CCC;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	text-align: left;
}




/* 基本設定 ----------------------------- */
#base{
 	margin: 0;
 	padding: 0;
 	background: url("./img/header.jpg") top left no-repeat;
 	text-align: left;
 	position: relative;
}




#wrapper {
 	margin: 0;
 	padding: 0;
 	min-width: 700px;
 	max-width: 1200px;
 	text-align: left;
}




/*  ヘッダー  */
#header {
 	margin : 0;
 	padding: 0;
 	height : 110px;
 	text-align: left;
}
		
#header h1{
 	position: absolute;
 	top: 20px;
 	left: 20px;
	color: #FFF;
 	font-size: 18px;
 	font-weight: bold;
	text-align: left;
}




#header h1 a:link, #header h1 a:visited, #header h1 a:active {color: #FFF;text-decoration: none;}
#header h1 a:hover{color : #FF6633;text-decoration: underline;}




#header p#smap{
 	position: absolute;
 	top: 2px;
 	right: 80px;
 	margin: 0;
 	font-size: 12px;
 	text-align: right;
}




#smap a:link, #smap a:visited, #smap a:active {color: #FFF;text-decoration: underline;}
#smap a:hover{color : #FF6633;text-decoration: none;}




#header h2{
	position: absolute;
	top: 45px;
	left: 20px;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	line-height: 130%;
	text-align: left;
}
	
.rss{	
	position: absolute;
	top: 5px;
	right: 20px;
}








/*  記事枠等の属性  */
#content {
 	width: auto;
 	margin: 0 0 0 210px;
}




#content2 {
    width: 600px;
 	margin: 0 0 0 210px;
}
				
#content h2,
#content2 h2{
 	margin: 10px 0;
 	font-size: 124%;
	color: #20B2AA;
 	font-weight: bold;
 	text-align: left;
 	padding-left: 8px;
 	line-height: 150%;
 	border-left: 8px solid #999;
 	clear: both;
}




#content h3,
#content2 h3 {
 	margin: 10px 0 0 0px;
 	font-size: 108%;
 	font-weight: bold;
	color: #333;
 	padding-left: 5px;
 	line-height: 150%;
 	border-left: 5px solid #BBB;
}




#content h3.cnt,
#content2 h3.cnt {
 	margin: 10px 0 0 10px;
 	font-size: 108%;
 	font-weight: bold;
	color: #333;
 	padding-left: 0px;
 	line-height: 150%;
 	border: none;
}




#content h2 a:link, #content h2 a:visited, #content h2 a:active,
#content2 h2 a:link, #content2 h2 a:visited, #content2 h2 a:active,
#content h3 a:link, #content h3 a:visited, #content h3 a:active,
#content2 h3 a:link, #content2 h3 a:visited, #content2 h3 a:active,
#content h3.cnt a:link, #content h3.cnt a:visited, #content h3.cnt a:active,
#content2 h3.cnt a:link, #content2 h3.cnt a:visited, #content2 h3.cnt a:active {
    font-weight: bold;
	color: #333;
    text-decoration: none;
}




#content h2 a:hover,
#content2 h2 a:hover,
#content h3 a:hover,
#content2 h3 a:hover,
#content h3.cnt a:hover,
#content2 h3.cnt a:hover {
    color: #FF6633;
    text-decoration: underline;
}




#content h4,
#content2 h4 {
 	margin: 10px 0 5px 0;
 	font-size: 100%;
 	font-weight: bold;
 	color: #555;
 	text-indent: 5px;
 	line-height: 150%;
	border-bottom: 1px solid #CCC;
}




#content h5,#content2 h5 {
	margin: 0px 5px 10px 10px;
	padding-left: 15px;
	color: #555;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
	text-align: left;
	border-bottom:1px dotted #BBB ;
}








#productList {
    margin: 0;
}




#productList .box{
    float: left;
    width: 200px;
    height: 300px;
    margin: 10px 10px 0 0;
    border: 1px solid #CCC;
}




.box .pro_doc {
    font-size: 12px;
    line-height: 15px;
    margin: 0 5px 5px 5px;
}




.pro_doc img{margin: 5px;}




#productList .box span{
    display: block;
    padding: 3px 0;
    height: 30px;
    color: #FFF;
    line-height: 15px;
    font-weight: normal;
    background: #000;
    text-align: center;
    overflow: hidden;
}




#productList .box span a:link, #productList .box span a:visited, #productList .box span a:active {color: #FFF;text-decoration: underline;}
#productList .box span a:hover{color : #FF6633;text-decoration: none;}












/*記事枠*/
#content p,#content2 p{
 	margin: 25px 10px;
}




#content .posted,#content2 .posted {
 	margin: 5px 0;
 	text-align: right;
 	font-size: 84%; 
}




#content .doc,#content2 .doc{
 	padding: 0 5px 5px 15px;
 	text-align: left;
 	font-size: 100%;
 	line-height: 150%;
}




#content .doc_line,#content2 .doc_line{
	margin: 10px 10px 0 10px;
	text-align: left;
	line-height: 19px;
	background: url("http://blog.yu2.jp/r7/onsen/img/doc_back.gif");
}




#content .doc_small,#content2 .doc_small{
	margin: 0px 5px 5px 10px;
	text-align: left;
 	font-size: 10px;
	line-height: 130%;
}




#content .doc_small img,#content2 .doc_small img{width: 80px;border: 0;}








br {
	letter-spacing: 0;
}








/*　詳細へ　*/
.next {
	margin : 5px 0 0 0;
	text-align: left;
}




/*  記事一覧  */
#content ol,#content2 ol{
	margin: 0px 0px 20px 40px;
}




#content li,#content2 li{
	margin: 5px 0;
	font-size: 100%;
}




#content .cform,#content2 .cform{
	margin: 0;
}




/* ---- 相互リンクリスト属性----- */
#content .slink ul,#content2 .slink ul{
	margin: 10px 5px 20px 20px;
}




#content .slink ul li,#content2 .slink ul li{
	margin: 0;
	font-size: 12px;
	line-height: 150%;
}








/*-----パンくずリスト-----*/
p#navi{
 	margin: 10px 0 5px 0;
 	font-size: 10px;
 	color: #666;
 	line-height: 130%;
 	text-align: left;
}








/*----- trackbacks & Comments-----*/




#content2 #trackbackdata, #content2 #commentdata{
	font-size: 12px;
	color: #888;
	margin: 10px 0 10px 10px;
}




#content2 #trackbackdata .post1{
	font-size: 10px;
	color: #888;
	margin: 0;
	border-bottom: 1px solid #888;
}




#content2 #commentdata .post2{
	margin-bottom: 10px;
	font-size:10px;
	text-align: right;
}




#content2 .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}




/*NAKAO*/
#news {
    margin-top: 40px;
}




#news dl{
	margin: 10px 0 40px 0;
	color: #555;
}




#news dt a{
	margin: 0 0 0 10px;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}




#news dd{
	margin: 0 0 0 15px;
	color: #666;
	font-size: 12px;
}








/*インフォメーション*/
#info {
    width: 470px;
    height: 150px;
    margin: 10px 0;
 	background: url("http://blog.yu2.jp/r7/onsen/img/info_back.jpg") no-repeat;
}




#info .inner{
    padding: 30px 10px 10px 200px;
    color: #333;
    font-size: 13px;
    text-align: left;
}




/*  左サイドメニュー等の属性  */
#sidebar {
	position: absolute;
	top: 110px;
	left: 10px;
 	width: 185px;
 	margin: 0 0 20px 0;
 	overflow: hidden;
}




.widget-header {
 	margin: 10px 0 0 0;
 	height: 22px;
 	color: #FFF;
 	font-size: 100%;
 	font-weight: bold;
 	line-height: 180%;
 	text-align: center;
 	background: #000;
 	display: block;
}








/*検索等*/
.widget-content{
	margin: 0;
	padding: 5px;
	font-size: 12px;
	line-height: 130%;
}




/*新着記事等*/
ul.widget-new {
	margin-left: 0px;
    list-style: none;
}




.widget-new li{
    margin: 5px 0;
    padding-left: 15px;
    background: url("http://blog.yu2.jp/r7/onsen/img/list.gif") no-repeat;
	line-height: 120%;
}








/* メニュー１ */
ul.widget-menu,
ul.widget-monthry{
	margin: 10px 0 5px 0;
	padding: 0;
	list-style-type: none;
}




.widget-menu li a:link,
.widget-menu li a:visited,
.widget-menu li a:active, 
.widget-monthry li a:link,
.widget-monthry li a:visited,
.widget-monthry li a:active{
	margin: 0 0 5px 5px;
	width: 174px;
	height: 25px;
	text-indent: 15px;
	color: #333;
	font-size: 100%;
 	font-weight: normal;
	line-height: 25px;
	text-decoration: none;
	text-align: left;
	display: block;
	border: 1px solid #999;
 	border-left: 5px solid #999;
}




.widget-menu li a:hover,
.widget-monthry li a:hover{
 	border-left: 5px solid #FF6633;
	color: #FF6633;
}




.widget-menu li.pt a:link,
.widget-menu li.pt a:visited,
.widget-menu li.pt a:active,
.widget-monthry li.pt a:link,
.widget-monthry li.pt a:visited,
.widget-monthry li.pt a:active{
	margin: 0 0 5px 0;
	width: 179px;
	height: 25px;
	text-indent: 10px;
	color: #333;
	font-size: 100%;
 	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	text-align: left;
	display: block;
	border: 1px solid #333;
 	border-left: 5px solid #333;
}




.widget-menu li.pt a:hover,
.widget-monthry  li.pt a:hover{
 	border-left: 5px solid #FF6633;
	color: #FF6633;
}




/*メニュー２*/
dl.widget-menu{
	margin: 0;
	padding: 5px 0;
}




.widget-menu dt{
	margin-top: 10px;
	font-weight: bold;
	font-size: 100%;
	line-height: 130%;
	color: #333;
	text-align: left;
	text-indent: 5px;
	display: block;
}




.widget-menu dt.pt{
	margin-top: 10px;
	background: #333;
	font-weight: bold;
	font-size: 100%;
	line-height: 170%;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
	display: block;
}




.widget-menu dd{
	display: block;
	height: 20px;
	margin: 0;
	font-size: 12px;
	color: #333;
	text-align: left;
	line-height: 160%;
	text-indent: 15px;
	background: url("http://blog.yu2.jp/r7/onsen/img/menu01.gif") no-repeat;
}




.widget-menu dd a:link, .widget-menu dd a:visited, .widget-menu dd a:active {
	display: block;
	height: 20px;
	margin: 0;
	color: #333;
	font-size: 12px;
	text-align: left;
	line-height: 160%;
	text-indent: 15px;
	text-decoration: none;
}
	
.widget-menu dd a:hover {
	color: #FF6633;
	text-decoration: underline;
}




.widget-menu dd.pt{
	display: block;
	height: 20px;
	margin: 0;
	font-size: 12px;
	color: #333;
	text-align: left;
	line-height: 160%;
	text-indent: 15px;
	background: url("http://blog.yu2.jp/r7/onsen/img/menu01.gif") no-repeat;
}




.widget-menu dd.pt a:link, .widget-menu dd.pt a:visited, .widget-menu dd.pt a:active {
	display: block;
	height: 20px;
	margin: 0;
	color: #333;
	font-size: 12px;
	text-align: left;
	line-height: 160%;
	text-indent: 15px;
	text-decoration: none;
	background: url("http://blog.yu2.jp/r7/onsen/img/menu01.gif") no-repeat;
}
	
.widget-menu dd.pt a:hover {
	color: #FF6633;
	text-decoration: underline;
}




/*フッターナビ*/
.f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 10px 5px 10px 5px;
	font-size: 92%;
}




.f_navi img{margin: 0 2px;border-style: none;}




/* フッター-----------------*/
#footer {
 	clear: both;
 	margin: 0;
 	height: 150px;
 	color: #333;
 	padding: 0;
 	background: url("./img/footer_back.jpg") bottom left repeat-x;
}




#footer .copyright {
    margin: 90px 20px 0 0;
 	text-align: right;
 	line-height: 120%;
 	font-size: 12px;
}




/* フッターリンクの属性 */
#footer a:link, #footer a:visited, #footer a:active {color: #333;text-decoration: underline;}
#footer a:hover {color: #FF8833;text-decoration: none;}








/* タグ指定 */




.module-tagcloud{
	margin: 0;
}




.module-tagcloud h2{
 	margin: 10px 0 0 0;
 	height: 22px;
 	color: #FFF;
 	font-size: 100%;
 	font-weight: bold;
 	line-height: 180%;
 	text-indent: 10px;
 	text-align: left;
 	background: #0B9EB7;
 	display: block;
}




.module-tagcloud .module-content{
	margin: 0;
	background: #FFF;
	text-align: left; 
}




.module-tagcloud .module-content .module-list{
	padding: 5px;
	list-style: none;
}




.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }




.tag_line{
	margin: 10px;
	text-align: left;
}




/* タグ指定 */




.module-tagcloud{
	margin: 0;
}




.module-tagcloud .module-content{
	margin: 0;
	text-align: left; 
}




.module-tagcloud .module-content .module-list{
	padding: 5px;
	list-style: none;
}




.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }




.tag_line{
	margin: 10px;
	text-align: left;
}