@charset "UTF-8";

/*ベース設定::::::::::::::::::::::::::*/
body{
	text-align: center;
	line-height:130%;
    color:#000;
	font-family: verdana, 'trebuchet ms', sans-serif;
	font-size: 12px;
	background-color: #FAFBF9;
}
/*リンクベース*/
a{color:#006699;text-decoration:underline;}
a:hover{color:#0FB1FF;text-decoration:underline;}
/* レイアウト::::::::::::::::::::::::::::::::*/
/*コンテナ（外側）*/
div#container{
    margin: 0 auto;
    padding:0;		 
    width:750px;
    background-color:#ffffff;
}
/*コンテナ２（内側）*/
div#container_2{
	width:750px;
    border:1px solid #ffffff;
    background-color:#ffffff;
	text-align:left;
	height:1%;
    margin:0;
	padding:0;
}
/*センター＆左*/		
div.layout1{
   clear:both;
   display:block;
   margin:0px;
   height:1%;
   padding: 0;
   background:url("../images/styles/bg_layout1.jpg") repeat-y #ccc;
   }
div.layout1:after{
	clear: both;
	display: block;
	height:0;
	visibility: hidden;
	content: ".";
   }
/*clearfix floatに設定*/
.clearfix:after{
	clear: both;
	display: block;
	height:0;
	visibility: hidden;
	content: ".";
}
.clearfix{
	height:1%
}
/* ヘッダー::::::::::::::::::::::::::*/
/*トップワード*/
h1.top_word{
	margin:5px;
	padding:0;
	text-align:left;
	color:#000000;
	font-size:10px;
	font-weight:normal;
	line-height:100%;
	text-decoration:none;
}
/*バナー*/
div#header {
   position:relative;
   margin:10px 0 5px 0; 
   padding:0px;
   width:750px;
   background: url("bg_banner.jpg") top;
}
#sitemap{
   background:url("i_sitemap.gif") no-repeat left top;
   padding:1px 10px 1px 20px; 
   position:absolute;
   right:5px;
   bottom:5px;
}
/*タイトルやロゴ*/
div#branding{
   margin:0;
   padding:0;
   line-height:normal;
}
div#branding a{
   text-decoration:none;
   color: #333333;
}
div#branding a:hover{
   text-decoration:underline;
   color:#0099CC;
}
/*blogdescrition,e-mail*/
#blogdescription,
#e_mail{
	width:350px;
	font-weight:bold;
	font-size:16px;
	margin-left:50px;
	margin-top:40px;
	line-height:normal;
}
/*tel*/
div.tel{
   position:static;
   margin:10px 10px 10px 32px;
   width:370px;
   color:#6F2B2D;
   font-size: 11px;
}
div.tel span{
   display:block;
   font-size:18px;
   font-weight:bold;
   height: 18px;/*25px-padd*/
   margin:5px 0;
   padding:5px  0 2px 25px;
   background: url("i_tel.gif") no-repeat left top;
}

/*トップナビ*/
div.top_nav{
   position:absolute;
   width:750px;
   height:22px;
   bottom:0px;
   text-align:right;
}
div.top_nav a{}
div.top_nav ul{margin:0;padding:2px;}
div.top_nav li{
   list-style-type:none;
   margin:0;
   padding:1px 10px 1px 20px;
   display:inline;
}
div.top_nav li.top_home{background:url("i_home.gif") no-repeat left top;}
div.top_nav li.top_q{background:url("i_q.gif") no-repeat left top;}
div.top_nav li.top_sitemap{background:url("i_sitemap.gif") no-repeat left top;}
div.top_nav li.top_contact{background:url("i_contact.gif") no-repeat left top;}
/* globalnav------------------------------- */
#globalnav {
   height:30px ;
   width: 750px ;
	background-color: #496596;
}
#globalnav ul {
   margin:0;
   padding:6px 10px 6px 10px;
}
#globalnav li {
   list-style-type:none;
   margin:0;
   padding:0 10px 0 20px;
   float:right;
   text-align:right;
   background: url("i_globalnav.gif") no-repeat left top;
}
#globalnav li a{
   color:#fff;
   text-decoration:none;
   font-weight:bold;
}
#globalnav li a:hover{background-color:#CCCCCC;}
/*パンくずリスト*/ 
.pankuzu_bar{
	margin:0;
	height:1%;
}
.pankuzu_bar:after{
   clear:both;
   content:".";
   visibility:hidden;
   display:block;
   height: 0;
   }
.pankuzu{
   padding:0px 5px 3px 20px;
   margin-left:2px;
   display:block;
   background:url("i_pan.gif") no-repeat left;   
}
.search{
	margin-top:3px;
	margin-right:5px;
	float:right;
	text-align:right;
}
.search text{
	width:200px;
}

/*左メニュー::::::::::::::::::::::::::::::::*/ 
#left{
	float:left;
	width:175px;/*180px*/
	height:1%;
	padding-bottom:10px;
	margin: 0;
}
/*ボタン*/
div.left_btn a{
	display:block;
    line-height:normal;
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	margin:15px 5px;
	background:url("../images/styles/bg_left_btn.jpg");
	border:1px solid #666;
	padding:12px 0;
}
div.left_btn a:hover{
 	background:#FFCC66;
}
   
/*メニューエントリー*/
.left_menu{
   margin:5px 0 0 0;
   border-top:2px solid #000066;
   
   }
.left_menu a{
   width:150px;/*180-padd*/
   text-decoration:none;
   font-size:14px;
   display:block;
   padding:5px 5px 4px 20px;
   background:url("../images/styles/bg_left_menu.jpg") no-repeat;
   color:#333333;
   
}
.left_menu a:hover{
   background-color:#000;
   text-decoration:none;
   background:url("../images/styles/bg_left_menu_hvr.jpg") no-repeat;   
   }
.left_menu a:active{background-color:#fff;
}
/*左メールマガジン*/
.l_melma{
background:url("http://www.yokohama-sunmirror.co.jp/images/styles/bg_melma.gif") repeat-y right #fff;
margin:0;
padding:2px;
border:1px solid #ccc;
}
.l_melma .melma_inner{padding:0 8px 5px 5px;}

.l_melma h2{margin:0 0 5px 0;}
.l_melma h2.no_link,
.l_melma h2 a {
	text-decoration:none;
	font-size:14px;
	display:block;
	padding:3px 0 4px 10px;
	background-color:#6699CC;
	color:#fff;
}
.l_melma h2 a:hover{
background:url("http://www.yokohama-sunmirror.co.jp/images/styles/bg_l_melma_h2_hvr.jpg") top right no-repeat;
color:#330000;	
text-decoration:none;
}
.l_melma table{
border-collapse:collapse;
width:95%;
margin:0;
padding:0;
}
.l_melma table th, 
.melma table td{
margin-bottom:5px;
}  
.l_melma form label{}
.l_melma .l_input{
width:100px; 
border:1px solid #CFC2A5;
}

/*メニューリスト*/
#left ul{
	padding:5px 0;
	margin:0 5px;
}
#left li{
	list-style-type: none;
	padding:0px 5px 2px 15px;
	margin:2px 2px 4px 2px;
	background:url("../images/styles/i_l.gif") no-repeat top left;
}
/*単語リスト*/
.l_aiueo{font-size:11px;background-color:#fff;}
.l_aiueo a{
   margin-bottom:2px;
   margin-left:1px;
   margin-right:1px;
   padding:2px 0;
   text-align:center;
   float:left;
   width:29px;
   height:35px;
   text-decoration:none;
   background-color:#F0F0FF;
   border-right:1px solid #999999;
   border-bottom:1px solid #999999;
}
.l_aiueo a:hover{
   width:27px;
   height:33px;
   border-top:2px solid #C5C5C5;
   border-left:2px solid #C5C5C5;
   text-decoration:none;
   background-color:#E9D4CD;
   color:#9999CC;
   }
.l_aiueo_zero{
   font-size:11px;
   margin-bottom:2px;
   margin-left:1px;
   margin-right:1px;
   padding:2px 0;
   text-align:center;
   float:left;
   width:29px;
   height:35px;
   text-decoration:none;
   background-color:#DDDDDD;
   border-right:1px solid #999999;
   border-bottom:1px solid #999999;
}

/*RSSなど*/
.rss,
.yahoo{
   border:1px dotted #ccc;
   background:#fff;
   padding:5px;
   font-size:10px;
   margin:5px;
}

/* メイン:::::::::::::::::::::::::::::::: */
/*囲い*/
div#center_cat,
div#center_ent,
div#center_page{
    margin:0;
    padding:0 10px 10px 10px;
    float:right;
    width:550px;/*570px-padd*/
    background-color:#fff;
    line-height: 140%;
   height:1%;
}
div#center{
    width:570px;/*570px-padd*/
    float:right;
    padding:0;
    line-height: 140%;
    height:1%;
   margin:0;
}
/*info画像*/
div#info{
   margin:0;
   padding:0;
   text-align:right;
}
.center_inner{
    padding:10px;
	margin:0;
}
div#center h2{
margin:0;
padding:0;
}
.content{}
/*updateinfo*/
#updateinfo,
.updateinfo,
#qa{
   margin:10px;

}
#updateinfo dl,
.updateinfo dl,
#qa dl{
   background:url("i_ortry.gif") no-repeat left;
   clear:both;
   border-bottom:#29A4EC 1px dotted;
   padding:0 0 2px 15px;
   margin:0 0 5px 10px;
}
#updateinfo dt,
.updateinfo dt,
#qa dt{
   width:7em;
   float:left;
}
#updateinfo dd,
.updateinfo dd,
#qa dd{
   margin-left:7em;
}
/*サムネイル表示*/
.thumb{
   background:#FBF9F0;
   height:1%;
   margin:0;padding:0;
}
.thumb .t_l{
}


.thumb .t_l a{
   width:150px;/*170-bdr padd*/ 
   height:180px;/*200px-padd*/
   margin:0 10px 10px 0;
   padding:10px;
   float:left;
}
.thumb .t_l a:hover{

   background:#FCF0CE;
}
.thumb .t_l h3{
   margin:0;
   padding:0;
   font-size:12px;
   height:50px;
}

/*チェックマーク*/
ol.check{margin:10px 0 0 10px;padding:0;}
ol.check li{
   background:url("i_check.gif") no-repeat left;
   list-style-type:none;   
   padding-left:20px;
   color:#000;
   font-size:14px;
   font-weight:bold;
   margin-bottom:10px;
}
/* カテゴリ、エントリ*/
h2#ent_title,
h2#cat_title,
h2#page_title,
h2.entrybodylist_title a{
   background:url("http://www.yokohama-sunmirror.co.jp/images/styles/bg_cat_title.jpg") repeat-x top left #C6E5EA;
   color:#fff;
   font-size:20px;
   padding:13px 10px 10px 25px;
   display:block;
   text-decoration: none;
   line-height:normal;
   margin:0;
}
h2.entrybodylist_title a:hover{
   text-decoration: none;
   color:#330000;
   background:url("http://www.yokohama-sunmirror.co.jp/images/styles/bg_ent_title_ho.jpg") no-repeat bottom;
   }

/*本文のリスト表示*/
.entrybodylist ul,
#entrybody ul,
.entrybody ul{
	margin:15px 0 5px 0px;
	padding:0;
}
.entrybodylist ul li,
#entrybody ul li,
.entrybody ul li,
#entrybody ol ul li{
	background:url("mark1.gif") no-repeat left top;
	list-style:none;
	padding:0px 3px 4px 15px;
	display:block;
	margin-bottom:0.7em;
	border-bottom:1px dotted #cccccc;
}
/*カテゴリーリスト（h3と同じ）*/
#cat_list ul{
	margin:25px 20px 5px 20px;
	padding:0;
}
#cat_list ul li{
   border-bottom:1px dotted #6E96B6;
   padding:2px 10px 4px 25px;
   font-size:16px;
   font-weight:bold;
   background:url("../images/styles/i_h3.gif") no-repeat left top;
   color:#0066CC;
   list-style-type:none;
   margin-bottom:13px;
}

/*本文のリスト表示 数字編*/
.entrybodylist ol,
#entrybody ol,
.entrybody ol{
position: relative;
	margin:0;
	padding:0;
}

.entrybodylist ol li,
#entrybody ol li,
.entrybody ol li,
#entrybody  ul ol li{
	padding:0px 3px 4px 0px;
	margin-bottom:0.7em;
	list-style-type: decimal;
	list-style-position: outside;
	margin-left:2em;
}

/*前後エントリーリンク*/
.zengo{
	font-size: 10px;
	padding:3px;
	border-top:1px dotted #CDD8E4;
	border-bottom:1px dotted #CDD8E4;
    height:1%;
}
.zengo:after{
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   content: ".";
}
.zengo .zengo_left{float:left;width:250px;}
.zengo .zengo_right{float:right;width:250px;text-align:right;}
.zengo a{color:#999;}
.zengo a:hover{color:#666;}
/*本文表示*/
#entrybody,
.entrybody{
	padding:10px 10px 10px 20px;/*左に段下げ*/
}
.centerbody{
	padding:0px 10px 10px 20px;/*左に段下げ*/
}

#entrybody h3,
.entrybody h3,
.centerbody h3{
   margin-left:-20px;/*entbodyにpadd20px*/
   border-bottom:1px dotted #6E96B6;
   padding:2px 10px 4px 25px;
   font-size:16px;
   font-weight:bold;
   background:url(../images/styles/i_h3.gif) no-repeat left top;
   color:#0066CC;
}
#entrybody h4,
.entrybody h4,
.centerbody h4{
   margin-left:-10px;/*entbodyにpadd20px*/
   padding:5px 10px;
   border-bottom:1px solid #6699CC;
   background:url("../images/styles/bg_h4.jpg") repeat-x;
   font-weight:bold;
   font-size:14px;
   color:#0066CC;
}
#entrybody h5,
.entrybody h5,
.centerbody h5{
   margin:0;
   border-bottom:1px solid #6699CC;
   padding:5px 0;
   font-size:12px;
   font-weight:bold;
   color:#0066CC;
}
#entrybody h6,
.entrybody h6,
.centerbody h6{
   margin:0;
   padding:5px 0;
   font-size:12px;
   font-weight:bold;
   color:#0066CC;
}
.posted{
clear:both;
	padding:3px 0;
	border-bottom:2px dotted #666666;
}
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
   /* ie win (5, 5.5, 6) bugfix */
   p\osition: relative;
   width: 100%;
   w\idth: auto; 
   margin:0 0 10px 0;
   border-left: 5px solid #36414d;
   padding: 5px;
   color:#fff;
   background: #a3b8cc;
   font-size: 12px; 
   font-weight: bold;
   line-height: 1;
   text-transform: uppercase;
   }

.entry_tags{margin-bottom:10px;}
/*サイトマップ、サブカテゴリーリスト:::::::::::::::::::::::::::::::::::::::*/
#site,#subcatlist{}

#site h3,
#subcatlist li,
#page_list li{
   list-style-type:none;
   font-size:16px;
   font-weight:bold;
   text-decoration:none;
   background:url("bg_site_li.jpg") top repeat-x;
   padding:5px 10px 5px 10px;
   border-bottom:1px dotted #cccccc;
}
#site li{
   background:url("i_site.gif") top left no-repeat;
   padding-left:25px;
   list-style-type:none;
}
#page_list{}
#page_list ul{margin:0;padding:0;}
#page_list li{margin:10px 0;}

/*フッター:::::::::::::::::::::::::::::::::::::::*/
/*フッターグループ*/
#footer {
	clear:both;
	margin:0;
	padding:20px 10px 5px 10px;
	background:#ccc url("../images/styles/bg_footer.jpg") repeat-x top;
	height:1%;
    position:relative;

}
#footer a{color:#666;}
#footer a:hover{color:#333;}

/*サイトインフォメーション*/
/*siteinfo_top*/
#footer .siteinfo_top{
	clear:both;
	margin:0;
	padding:10px;
	height:1%;
	border-bottom:1px solid #868686;
	display:block;
}

#footer .siteinfo{
	clear:both;
	margin:0;
	padding:10px 5px;
	width:720px;
	height:1%;
	border-bottom:1px solid #868686;
	border-top:1px solid #fff;
	display:block;
}
#footer .siteinfo:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#footer_address{
	margin:5px;
	padding:0;
	font-size:14px;
	line-height:140%;
}
#footer .footer_title{
	float:left;
	width:94px;height:1%;
	margin:5px;
	padding:0;
	font-size:12px;
}
#footer .footer_body{
	float:right;
	margin:5px;
	padding:0;
	width:595px;height:1%;
}

#footer p{
   margin:0;padding:5px;
}

/*コピーライト*/
.copyright{
	padding:10px 0;
	margin:0;
	text-align:right;
}
/*チェッカー*/
div.checker{
	width:200px;
	display:block;
	font-size:10px;
	position:absolute;
	top:15px;
	right:15px;
   }
div#checker img{
   text-align:right;
   }

/*HRC*/
.hrc{
   width:750px;
   color:#999999;
   background:#ccc;
   text-align:right;
   margin:0 auto;
   border-top:1px solid #999999;
   padding:5px 0 10px 0;
}
.hrc a{color:#666666;text-decoration:none;}
.hrc a:hover{color:#C9B9AA;}

/*その他:::::::::::::::::::::::::::::::::::::*/
/*リンクボタン*/
.link,
.link_more{
   margin:10px;
   text-align:right;
}
.link a,
.link_more a{
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-right:1px solid #A5A5A5;
   border-bottom:1px solid #A5A5A5;
   padding:4px 20px 4px 20px;
   background:url("i_link.gif") no-repeat top left;
   text-decoration:none;
}
.link a:hover,
.link_more a:hover{
   background:url("i_link.gif") no-repeat top left #FFFFCC;
}
.btn_100{
   margin:15px 0;
   padding:0;
}
.btn_100 a{
   display:block;
   background:url("../images/styles/bg_btn_100.jpg") no-repeat center top;
   height:20px;/*50-padd*/
   font-size:22px;
   text-align:center;
   font-weight:bold;
   color:#fff;
   text-decoration:none;  
   padding:15px 0;
}
.btn_100 a:hover{
   background:url("../images/styles/bg_btn_100_hvr.jpg") no-repeat center top;
   text-decoration:none;  
   color:#fff;
}
/*テーブル*/
.table1{
	margin:10px;
	width:auto;
	border-collapse: collapse;
	border-spacing: 0;
	/*border-top: #000 1px solid;
	border-left: #000 1px solid;*/
	border: #000 1px solid;
    background:#FFF;
}
.table1 th{
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
	padding:5px;
	background:#EEE;
	text-align:center;
	color:#000;
	font-size:10px;
	font-weight:normal;
}

.table1 td{
	/*border-bottom: #000 1px solid;
	border-right: #000 1px solid;*/
    border: #000 1px dotted;
	padding:5px;
	font-size:12px;
}



.table2{
	margin:10px;
	width:auto;
	border-collapse: collapse;
	border-spacing: 0;
	/*border-top: #000 1px solid;
	border-left: #000 1px solid;*/
	border: #000 1px solid;
    background:#FFF;
}
.table2 th{
	border-bottom: #000 1px solid;
	border-right: #000 1px solid;
	padding:5px;
	background:#EEE;
	text-align:center;
	color:#000;
	font-size:10px;
	font-weight:normal;
}

.table2 td{
	/*border-bottom: #000 1px solid;
	border-right: #000 1px solid;*/
    border: #000 1px solid;
	padding:5px;
	font-size:10px;
}