/* 基本要素 */
body
{
   margin: 0;
   padding: 0;
	font-family: osaka,MS Pゴシック,arial,helvetica,sans-serif;

   text-align:center;
   font-size: 12px;
   color: #333;
   background:url(./image/bg.jpg) repeat-y 50% ; 
 word-break:break-all;
 
}
/* 文字系 */
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: 10px;
   margin-bottom: 10px;
}

a {color:#001399; text-decoration: underline; }
a:hover{color:#666; text-decoration:none;}

a img { border: 0; }
/* レイアウト系*/
#container
{
   	margin: 0 auto; /* center on everything else */
   	width:800px;
	padding-top : 1px;
	background : #fff;
}
#container-inner
{
   text-align:left;
	background : #fff;
}
#banner { 
	width: 100%;
   	background: #ffffff; 
      }

#banner-inner { 
	position: static; 
   	background-repeat:no-repeat;
/* バナー高さ指定 */
	height:101px;

background-image:url("http://www.asp-edita.jp/doda/image/331169201371324749header.jpg");
           overflow:hidden;
}


#pagebody { 
	background: #fff; 
	position: relative; width: 100%; 

}
#pagebody-inner { position: static; width: 100%; }
#cparts
{
	height:100%;
	width: 600px;
	background: #fff;
	float : left;
}
#rparts
{
	background: #fff;
	width: 200px;
	float : right;
}
#cparts-inner
{
   position: static;
  padding: 0px 0 0 20px;
  text-align:left;

}

/*
#cparts-inner h2 {
	font-size:10px;

}
*/
#rparts-inner
{
  padding: 10px 10px 0 10px;

}


#banner a { color: #333333; text-decoration: none; }
#banner a:hover { color: #333333; }
#banner
h1{ 
	color: #000;
	font-size:10px;
	/*	margin:0;*/
	padding:5px 0px 5px 5px;
margin:0 5px 0 5px;
	background:#fff;
/*	_width:100%; */
	margin:0;
color:#000;
}

#site-title
{
  color: #336799;
   font-size:18px ;
   text-align:right;
   font-weight: bold;
   text-shadow: #36414d 0 2px 3px;
/*   margin-left:90px; */
   padding:0px 5px 0 0;
}


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

#site-description
{
   margin-bottom: 0;
   padding:0px 0px 0 30px;
   color: #000;
   background: none;
   text-align:left;
   font-size: 10px;
/*   font-weight: bold;  */
   text-shadow: #36414d 0 1px 2px;
}
.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 a:link{color:#001399;}
.article-header a:visited{color:#001399;}
.article-header a:active{color:#001399;}
.article-header a:hover{color:#006699;}
.article-header
{
   margin-top: 0;
   border-left: 5px solid #dae0e6;
   padding: 0 0 0 10px;
   font-size: 18px;
}

.article-header h2{
   font-size: 18px;
}
.article-content a:link{color:#001399;}
.article-content a:visited{color:#001399;}
.article-content a:active{color:#001399;}
.article-content a:hover{color:#001399;}
.article-content
{
   margin: 0;
width:565px;
   line-height: 1.5;
}
.article-footer a:link{color:#001399;}
.article-footer a:visited{color:#001399;}
.article-footer a:active{color:#001399;}
.article-footer a:hover{color:#001399;}
.article-footer
{
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   font-size: 10px;
   text-align: right;
   clear: both;
   margin: 5px 10px 20px 10px;
}
/*サイドバー  */
.side
{
   overflow: hidden;
   margin: 0px 10px 10px 0;
/*   border-bottom:1px solid #353535; 
   border-left:1px solid #353535; 
   border-right:1px solid #353535; 
   border-top:1px solid #353535; */
background:url(./image/plugin_c.jpg) repeat-y ;
}

.side-content
{
   position: relative;
   margin: 0 0 0px 0;
   padding:3px 10px 12px;
   font-size: 10px;
   line-height: 1.2;
/*   background: #f1e6d4; */
 background:url(./image/plugin_f.jpg) no-repeat bottom left;
}
.side-content a { color: #5b6469; }
.side-content a:hover { color: #5b6469; }
.side-list
{
   margin: 0px 0 0 0px; 
   padding-left: 0px;
   list-style: none;
/*   background: #f1e6d4; */
}

.side-list-item
{
   padding: 5px 0 0px 0;
/*   margin: 5px 0 5px 0; */
   color: #5b6469 ;
   line-height: 1.2;
   display: block;
   clear: both;
/*   background: #f1e6d4; */
}
/*プラグイン*/
.side-plug-in
{
   position: relative;
   margin: 0 0 10px 0;
   font-size: 10px;
   line-height: 1.2;
   text-align: center;
/*   background: #ffffff; */
}
.side-plug-in a { color: #5b6469; }
.side-plug-in a:hover { color: #5b6469; }

.side-rss{
   padding: 10px 0 0 10px;
   background: #fff;
}
/*PR部分*/
.pr_img{
	text-align: center;
	margin: 0 auto;
}
.pr a {color: #001399; text-decoration: none; }
.pr a:hover { color: #001399; }
.pr a:visited{color:#001399;}
.pr a:active{color:#001399;}


/* 070210SEO対策追加 */
	#cparts-inner h2{
		margin: 0;
		padding: 10px 1px 20px 0;
		font-size: 12px;
		font-weight: bold;
		color: #333;
	}	

/* 070210SEO対策追加 end */


/*カテゴリヘッダー*/
.side-header
{
   width: 100%;
   color: #717155;
   font-size: 12px;
   font-weight: bold;
   background-image:url(./image/plugin.jpg);
   background-repeat:no-repeat;
   text-align:left;
   text-indent : 10px;
   height:24px;
   line-height : 24px;
   margin : 0;
}

/*カレンダー部分 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;
}
.page a:link{color:#000099;}
.page a:visited{color:#000099;}
.page a:active{color:#000099;}
.page a:hover{color:#000099;text-decoration:none;}
/*ページ部分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;
}

.article_new a {color:#001399;}
.article_new a:link{color:#001399;}
.article_new a:visited{color:#001399;}
.article_new a:active{color:#001399;}
.article_new a:hover{color:#001399;}

.category-new h2{
	margin: 0;
	padding: 2px 1px;
	background-color: #474747;
   	color: #fff;
	font-size: 12px;
   	font-weight: bold;
}
.article_new_desc{
	margin-top:5px;
}
.category-new ul{
	margin-left:10px;
	list-style-type:none;
}
.category-new a{color:#001399;
}
.category-new a:link{color:#001399;}
.category-new a:visited{color:#001399;}
.category-new a:active{color:#001399;}
.category-new a:hover{color:#001399;}
.category-new li{
	margin-top:5;
}

.category_name_title a {
	font-size: 16px;
	
}
/*新着 start*/
/*編集員*/
.editor{
 font-size:10px;
}
.editor_title
{
 font-size:10px;
 line-height:1.6;
/* font-weight: bold;*/
 vertical-align:top;
 word-break:break-all;
 overfloe:hidden;
/* background:#f1e6d4; */
 }
/*フッター*/
.footer_text{
 font-size:12px;
 text-align:center;
 line-height:1.4em;
 margin:0px auto 0;
 clear : both;
 padding-top : 20px;
 background:#fff;
}

.footer_text a:{text-decoration:none;}
.footer_text a:hover{text-decoration:none;}
.footer_text a:link{text-decoration:none;}
.footer_text a:visited{text-decoration:none;}
.footer_text a:active{text-decoration:none;}



.footer_text img {
	margin : 0;
	padding : 0;
	margin-bottom : -3px;
}

/* .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_answer a:link{color:#001399;}
#review_answer a:visited{color:#001399;}
#review_answer a:active{color:#001399;}
#review_answer a:hover{color:#001399;}
#review_editor_name{
	font-size:9px;
	margin-left:10;
	margin-top:10;
}
/*ブレッドグラム*/
.content-nav a:link{color:#001399;
		font-size:12px;}
.content-nav a:visited{color:#001399;
		font-size:12px;}
.content-nav a:active{color:#001399;
		font-size:12px;}
.content-nav a:hover{color:#001399;
		font-size:12px;}
.content-nav  {
	font-size:12px;
}

/*プラグイン*/
.top-plug-in
{
   margin-top: 10px;
   margin-bottom: 10px;
   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;
}

.introduction a:link{color:#001399;}
.introduction a:visited{color:#001399;}
.introduction a:active{color:#001399;}
.introduction a:hover{color:#001399;}

/*下の広告文*/
.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;
}
.bottom_ad a:link{color:#636466;}
.bottom_ad a:visited{color:#636466;}
.bottom_ad a:active{color:#636466;}
.bottom_ad a:hover{color:#636466;}


.gdo_logo {

	margin-top:-166px;
	margin-left:712px;

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


}

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

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


}
/*最新カテゴリのタイトル*/
.catnew-table{
/*	background-color: #eae8e9;*/
	margin: 17px 0 3px 5px;
	width:565px;
	font-size:18px;
}

.catnew-table a:{color:#001399;	text-decoration:none;}
.catnew-table a:hover{text-decoration:none;}


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

}

.image_text{
padding: 0 2px 0;
}

.image_text a:link{color:#001399;
		font-size:12px;}
.image_text a:visited{color:#001399;
		font-size:12px;}
.image_text a:active{color:#001399;
		font-size:12px;}
.image_text a:hover{color:#001399;
		font-size:12px;}
.image_text {
	word-break:break-all;
		font-size:12px;}
.category_new_list{
	magin-bottom:5px;
}
.side_ad_img
{
   position: relative;
   overflow: hidden;
   width: 100%;
   margin: 0px 10px 10px 0;


}
.img-table{

	border: 1px solid #aaaaaa; 
	width:106px;
	height:106px; 

}
/*イメージ追加 start*/
.img-table{
	margin-top: 5px;
	border: 1px solid #aaaaaa; 
	width:106px;
	height:106px; 
}

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

.category_new_list{
	padding: 5px 0 0 15px;
 	line-height:1.6;
	

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

}
body a {color:#001399;}

.article_new_desc{
	margin:5px 0 5px 5px;
}


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

div.header_link a:hover{
	background-color : #d8d8d8;
	color : #333333;
	text-decoration : underline ;
}


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

div.header_link {
	background-color : #eaeaea;
	border-bottom-color : #ffffff ;
	color : #ffffff ;
	padding : 6px 0 6px 0;
	border-bottom-width : 1px ;
	border-bottom-style : solid ;
	margin : 0px 0px 1px 0px ;
	text-align : center ;
	vertical-align : middle ;
	font-size : 13px ;
	clear : both ;
        width: 800px; 
}

.header_separator{
	display : inline ;
	margin : 0px 1px 0px 1px ;
}
/*060808TOPナビ対応 end*/
f/*イメージ追加 start*/
.img-table{
	margin-top: 5px;
	border: 1px solid #aaaaaa;  
	width:106px;
	height:106px; 
 word-break:break-all;
}


/* 070210SEO対策追加 */

.bottom-text-area{
	width:100%;
	text-align:center;
/*	border-top:1px solid #333; */
	background: #fff;
	padding-top:0px;
}

	.bottom-text-area a{
		text-decoration:none;
		color: #333;
	}
	
	.bottom-text-area a:hover{
		text-decoration:underline;
	}

/* 070210SEO対策追加 end */

.description_c
{
background:#8FB5F0;
}

/*右ナビ「リンク」部分*/
p.link_img{
	text-align: center;
	margin-top: 5;
	margin-bottom: 5;
	margin-left: auto;
	margin-right: auto;
}
p.link_text{
	text-align: center;
	margin: 0 auto 5;
}

/* 100525 リンク追加 */
div.side-link {
	font-size:10px;
	margin:0 10px 10px 0;
}
div.side-link a {
	text-decoration:none;
	color:#5b6469;
}