/* 20080328 2159*/
/* 基本要素 */
body{
margin: 0;
padding: 0;
font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif;
text-align:center;
font-size: 12px;
color: #333;
/* background: #fff url(./image/img/bg.jpg) 50% 0 no-repeat ;  */ 
background: #3d3d3d;
}

/* 文字系 */
h1, h2, h3, h4, h5, h6{
font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif;
font-weight: normal;
}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote{
margin-top: 0px;
margin-bottom: 4px;
}

body  {color:#333;}
body a {color:#000; line-height:1.2; }

a { text-decoration: none ; color:#333 ;}
a:hover{text-decoration: underline ; color:#333 ;}
a img { border: 0; text-decoration: none; }

/* レイアウト系*/
#container{
margin: 0 auto; /* center on everything else */
width:800px;
}

#container-inner{
text-align:left;
}

#banner { 
width: 100%;
}

#banner h1{ 
margin:5px 0 5px 5px ;
font-size:10px;
color:#fff;
}

#banner-inner { 
position: static; 
background:url(./image/Image/danlop_header4.jpg) no-repeat;
height:182px;
overflow:hidden;
}

#pagebody { 
	position: relative; 
	width: 100%;
	background: url(./image/img/bg-c.jpg) repeat-y;
}

#pagebody-inner { 
position: static; 
width: 798px;
_width:798px;
}

#cparts{
height:100%;
width: 592px;
float : left;
margin-right: 8px;
}

#rparts{
width: 198px;
float : right;
}

#cparts-inner{
position: static;
padding: 10px 5px 0 15px;
text-align:left;
}

#rparts-inner{
	padding: 10px 5px 0 15px;
	margin:0px ;
	height:100%;
_margin-left:-2px;
}

#banner a { color: #ffffff; text-decoration: none; }
#banner a:hover { color: #fff;  text-decoration: underline ; }

#site-title{
color: #FFF;
font-size:9.5px;
text-align:left;
text-shadow: #36414d 0 2px 3px;
margin-left:90px;
}

#site-title a{ color: #fff; text-decoration: none; }
#site-title a: hover{ color: #fff;}

#site-description{
margin-bottom: 0;
color: #ff6298;
background: none;
font-size: 12px;
text-shadow: #36414d 0 1px 2px;
margin:0px 0px 0 35px;
text-align: left;
line-height: 1.6;
}

.date-header{
margin-top: 0;
font-size: 11px;
text-transform: uppercase;
}

.date-header h3{
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}

/*記事部分*/
.article-header a{
   font-size: 18px;
}

.article-header{
margin-top: 0;
border-left: 5px solid #666666;
border-bottom: 1px solid #666666;
padding: 2px 0 3px 10px;
font-size: 18px;
width:555px
}

.article-header h2{
   font-size: 18px;
}

.article-content{
margin: 0;
line-height: 1.5;
margin:10px 0 0 0px;
}

.article-footer{
border-top: 1px solid #dae0e6;
padding-top: 3px;
font-size: 10px;
text-align: right;
clear: both;
margin: 5px 0px 10px 0px;
width:560px;
}

/*サイドバー  */
.side{
	width: 170px;
	margin: 0;
}

.side-content{
position: relative;
margin: 0 0 0px 0;
padding:5px 10px 5px;
font-size: 10px;
line-height: 1.2;
background:url(./image/plugin_f.jpg) no-repeat bottom left;
}

.side-list{
margin: 0 0 0 0;
padding-left: 0px;
list-style:none;
padding: 0 ;
}

.side-list-item{
background:url(./image/img/arrow.jpg) no-repeat 0px 2px ; 
margin: 0px 0 7px 0;  
color: #5b6469;
line-height: 1.2;
display: block;
clear: both;
font-size: 12px;
   padding-left:15px;
}

.side-list-item-p{
margin: 5px 0 0 5px;
}

/*プラグイン*/
.side-plug-in{
margin: 0;
font-size: 10px;
line-height: 1.2;
text-align: left;
padding: 0px;
}

.side-rss{
padding: 10px 0 0 10px;
background: #fff;
}

/*PR部分*/
.pr_img{
text-align: center;
margin: 0 auto;
}

/*カテゴリヘッダー*/
.side-header{
width: 170px;
color: #fff;
font-size: 12px;
font-weight: bold;
background-image:url(./image/img/plugin.jpg);
background-repeat:no-repeat;
height:25px;
line-height : 25px;
margin : 0; 
padding: 8px 0 0; 
text-indent:15px;
}

h2.side-header a{
color: #fff;
}

/*カレンダー部分 start*/   
.calendar {
border:1px solid #cccccc; 
border-collapse: collapse; 
font-size: 0.9em
}

.calendar th {
height: 2em;
text-align: center
}

.calendar tr {
text-align:right; 
vertical-align:center
}

.calendar td {
width:1.8em; 
height:1.8em; 
border:1px solid #cccccc; 
padding:0.3em;
}

.calendar .tf {
width: 12.6em;
border: 1px solid #cccccc; 
padding: 0.3em; 
text-align: center;
}

/*カレンダー部分 end*/   
/*ページ部分start*/   
.page { 


margin-bottom:20px;
margin-top:20px;
}

/*ページ部分end*/   

/*TOP用 DIV*/
/*新着 start*/
.article_new h2{
margin-top: 0;
padding: 2px 8px;
background-color: #474747; 
color: #fff;
font-size: 12px; 
font-weight: bold;
}

.article_new p{
margin: 5px 8px 0 8px;
}

.article_new ul{
margin-left:10px;
list-style-type:none;
}

.article_new li{
margin-bottom:10;
}

.article_new{
font-size:12px;
margin-bottom : 10px;
width:278px;　
}

div.category-new h2{
	margin-bottom: 0;
	line-height: 0;
	font-size: 0;
}

div.category-new a{ color: #333; }
div.category-new h3 a{ color: #333333; }
div.category-new h3{
padding: 6px 0 3px 15px;
color: #332d51;
font-size: 16px;
font-weight: bold;
background:url(./image/img/category-t.jpg) no-repeat ;
line-height : 25px;
height:31px;
}

.article_new_desc{
margin-top:5px;
}

.category-new ul{
margin-left:10px;
list-style-type:none;
}

.category-new li{
margin-top:5;
}

.category_name_title a {
font-size: 16px;
}

/*新着 start*/
/*編集員*/
.editor{
_height:1%;
margin:0 0 0 -10px;
}

.editor h3{
padding: 0 0 0 7px;
}

.editor_title{
font-size:10px;
line-height:1.6;
vertical-align:top;
word-break:break-all;
overfloe:hidden;
}

/*フッター*/
.footer_text{
clear : both;
margin : 27px 0 30px;
color:#999999 ;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after{
   content: " ";
   display: block;
   visibility: hidden;
   clear: both;
   height: 0.1px;
   font-size: 0.1em;
   line-height: 0;
}

* html .pkg { display: inline-block; }

/* no ie mac */
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/*レビュー部分*/
#editor_review{
border:1px dashed #778899;
width:550px;
padding:10px 0;
margin-top:20px;
word-break:break-all;
overfloe:hidden;
font-size:12px;
}

#review_answer{
font-size:9px;
margin-left:10;
margin-top:10;
}

#review_editor_name{
font-size:9px;
margin-left:10;
margin-top:10;
}

/*ブレッドグラム*/
.content-nav  {
font-size:12px;
margin-top:10px;
}

/*プラグイン*/
/* 080329 change*/
.top-plug-in{
margin-top: -14px;
margin-bottom: -15px;
line-height: 1.2;
}



.article-plug-in{
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.2;
}

/*TOPの紹介文*/

.introduction {
width: 540px;
padding:10px 10px 10px 10px;
border: 1px solid #457f95; 
background:#f9fafc;
color:#676769;
text-align:left;
line-height: 1.2;
margin-top:17px;
}

/*下の広告文*/
.bottom_ad{
width: 400px;
padding:10px 10px 10px 10px;
border: 1px solid #457f95; 
background:#eeeeee;
color:#333333;
text-align:left;
line-height: 1.2;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}

.rss-table{
width:150px;
text-align:left;
font-size: 10px;
font-size: 10px;
}

.rss-list{
padding-left:20px;
padding-bottom:5px;
}

/*最新カテゴリのタイトル*/
.catnew-table{
width:570px;
font-size:18px;
}

/*イメージ追加 end*/
.category_new_article {
margin-left:12px;
}

.image_text {
width:110px;
font-size:12px;
}

.image_text_new{
width:110px;
height:155px;
_height:170px;
*height:170px;
font-size:11px;
padding: 10px 0 5px 3px;
 float:left;
margin-bottom:10px;
_margin-bottom:0px;
}

.category_new_list{
magin-bottom:5px;
}
.side_ad_img{
position: relative;
overflow: hidden;
width: 100%;
margin: 0px 10px 10px 0;
}

/*編集長コラム用060801start*/
.editor-colum{
padding: 10px 0 0 10px;
word-break:break-all;
font-size:12px;
}

.category_new_list{
margin: 5px;
width:550px;
line-height:1.6;
}

.article_new_list{
padding: 0 0 0 10px;
line-height:1.4;
font-size:12px;
}

.article_new_desc{}

/*060801編集長コラム対応end*/
/*060808TOPナビ対応 start*/

div.header_link a:hover{
	text-decoration : underline ;
	color : #ffffff ;
	padding : 6px 10px 5px 10px;
}

div.header_link a{
	text-decoration : none ;
	color : #ffffff ;
	padding : 6px 10px 5px 10px;
}

div.header_link {
	font-size : 13px ;
	color : #ffffff ;
	padding:7px 0;
	_padding:8px 0;
	text-align : center ;
	vertical-align : middle ;
}
div.header_background {
	clear: both;
	height: 38px;
	_height:38px;
	background: url(./image/img/bg-topnavi.jpg) repeat-x; 
}

div.green_10px{
height:10px;
overflow:hidden;
zoom:1;
background:#fff;
padding:0;
margin:0;
}

div.header_navi {
   clear: both;
	background-image:url(./image/img/bg-topnavi.jpg);

	background-repeat:repeat-x;
	border-bottom-color : #ECF8EC ;
	border-bottom-width : 1px ;
	border-bottom-style : solid ;
    width: 800px;
    height: 38px;
}

/*060808TOPナビ対応 end*/

/*イメージ追加 start*/
.img-table{
margin: 5px 0 5px;
border: 1px solid #aaaaaa;
background: #fff;
width:100px;
height:100px;
font-size:10px;
text-align:left;
padding:2px; 
}

.side-content h3{
font-size : 12px ;
margin: 0 ;
}

.article_new_wide{
width:278px;
_height:376px;
}

.category-new{
	clear:both;
	width:570px;
	padding-top:15px;
}

.new_colum_list_c{
margin:5px 5px 5px 10px;
}

.category_next{
margin:0 5px 10px 0 ;
}

/* sen */	
.sen{
width:100%;
padding:10px 0 5px 0;
margin:0 0 10px;
background:url(./image/img/dot1.gif) -5px bottom no-repeat;	
clear:both;
}
			
.sen hr,
.sen2 hr{
display:none;	
}

.pkg h2{
font-size:12px;
}

/* side blog-rss */

.article_main a,
.mizunospecial_main a
{
	color: #676767;
}
.side a{
	color: #666666;
}
.article_main ul{
	background: #fff;
	color: #676767;
	padding: 8px;
	_margin:0;
	*margin:0;
list-style:none;
	margin-bottom: 10px;
}

.side ul{
	color: #676767;
	padding: 8px;
	_margin:0;
	*margin:0;
	list-style:none;
	margin-bottom: 10px;
}

.client-rss li{
	line-height:1.5;
	text-indent:10px;
padding:0 0 5px 0px;
background:url(./image/img/arrow.gif) no-repeat 0px 4px ;
}

.inside_report {
   overflow: hidden;
   margin: 0px 10px 10px 0;
	background: #fff;
width:158px;
padding:5px 6px 0 4px;
border:1px solid #737884;
}

.contents{
margin-left:5px;
}

.category_0{
height:10px;
}

.pr{
width:560px;
border:1px solid #aaa;
padding:5px;
color:#ff0000;
}

.pr2{
width:560px;
border:1px solid #aaa;
margin-top:10px;
padding:5px;
color:#ff0000;
}

.pr3{
margin-top:10px;
}

.rss-next{
margin:0 8px 0px 0;
text-align:right;
}

.mizunospecial_main{
border: 1px solid #666666;
background:#fff;
margin-bottom:15px;
padding-top: 10px;
padding-bottom:10px;
_width:168px;
}

/*2008/11/13追記---*/

hr.hr-cler{
	clear: both;
	line-height: 0;
	border: 0;
	height: 0;
	padding:0;
	font-size:0;
	margin: 0;
	visibility: hidden;
}

/*サイドバナー部分*/

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

.side ul.side-banner li{
	margin: 0px 0px 14px 0px;
}

/*TopページプラグインA部分*/

div.top-plug-in01{
	margin-top: -20px;
}

div.top-plug-in01 div.left-ct{
	float: left;
	width: 325px;
        margin-bottom: 10px
}

div.top-plug-in01 div.right-ct{
	float: right;
	width: 233px;
        margin-bottom: 10px
		
}

div.top-plug-in01 div.right-ct p.p-img{
	line-height: 0;
	font-size: 0;
	margin-bottom: 10px;
        
}

div.top-plug-in01 div.right-ct p.p-text{
	line-height: 1.5;
	margin: 0px 19px 5px 19px;
}

div.top-plug-in01 div.right-ct p.p-btn{
	line-height: 0;
	font-size: 0;
	text-align: right;
	margin: 0px 19px 10px 19px;
}
.clear{ clear:both;}
.clearfix{
  zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
  content:".";
  display: block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clear{
  clear:both;
  line-height:0;
  height:0;
}
div.top-plug-in01 div.contentsBox02  {
	width: 560px;
	margin-bottom: 25px;
        	}

div.top-plug-in01 div.contentsBox02 li {
	width: 180px;
	float: left;
	padding-right: 20px;
	}

div.top-plug-in01 div.contentsBox02 li.list-last {
	width: 180px;
	float: left;
	padding-right: 0;
	}