@charset "Shift-JIS";

*{margin:0;padding:0;font-size:12px;zoom:1;}
* { box-sizing : border-box}
* { -moz-box-sizing : border-box}

body{
	background:#666;
	text-align:center;
margin:0px;
padding:0px;
}

.clear{clear:both;}
a img{border:none;}
a{color:#960001;}

#container{
	background:#fff;
	width:800px;
	margin:0px auto;
	text-align:left;
}

#header h1{
	background:#000;
	font-size:10px;
	padding:3px;
	color:#fff;
	font-weight:normal;
}

#header h2{
	background:url(./image/h2.gif) 0 0 repeat-x;
	height:26px;
	color:#fff;
	padding:5px 0 0 3px;
	margin:0;
	font-weight:normal;
}

#container-inner{
	padding:10px 14px;
}

h2.interview{

}

h2.interview a{
	display:block;
	width:772px;
	*width:722px;
	height:27px;
	*height:21px;
	background:url(./image/interview.gif) no-repeat;
	padding:6px 0 0 50px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

h2.interview a:hover{
	background:url(./image/interview_roll.gif) no-repeat;
}

/* 編集長コラム */
div.article_new_wide{
	width:571px;
	float:left;
}


.hensyuutyou{
	margin-top:12px;
}

.hensyuutyou-title{
	background:url(./image/hensyuutyou_h3.gif) no-repeat;
	height:26px;
	overflow:hidden;
}

.hensyuutyou-title h3{
	color:#fff;
	font-weight:bold;
	padding:6px 0 0 13px;
	float:left;
}

.hensyuutyou-body{
	border:9px solid #cbcbcb;
	background:url(./image/bg.gif);
	padding:5px 20px;
	line-height:1.9;
}

.hensyuutyou-title img{
	float:right;
	margin-right:2px;
}

/* 右リンク */

.sidelink{
	width:193px;
	*width:181px;
	height:188px;
	*height:176px;
	background:url(./image/link_bg.gif) no-repeat;
	float:right;
	padding:6px;
	margin-top:12px;
	display:inline;
}

.sidelink img{margin-bottom:4px;}

/* 制作事例 */
.example{
	margin-top:10px;
}

.example-title{
	background:url(./image/h3.gif) no-repeat;
	height:26px;
	overflow:hidden;
}

.example-title h3{
	color:#fff;
	font-weight:bold;
	padding:6px 0 0 13px;
	float:left;
}

.example-title img{
	float:right;
	margin-right:2px;
}

.example-body{
	border:1px solid #999;
	background:#d9d7d8;
	padding-bottom:9px;
padding-top:9px;
}

.sample-inner{
	float:left;
	width:372px;
	padding:13px 12px;
	background:url(./image/bg.gif);
	margin:9px 0 0 9px;
	*width:339px;
_padding-bottom:0px;
_margin-top:0px;
	display:block;
}

.sample-inner a.sample-photo{
	float:left;
	width:128px;
}

.sample-inner-desc{
	float:right;
	width:208px;
	height:95px;
	background:#fff;
	padding:6px;
	*width:196px;
	*height:83px;
	display:inline;
}

.sample-inner-desc h4 a{
	color:#9a0001;
	font-size:110%;
	border-bottom:1px dotted #999;
	text-decoration:none;
	display:block;
	margin-bottom:5px;
	padding-bottom:5px;
}

.button1{margin:8px 5px 0 0;float:right;}
.button2{margin:8px 9px 0 0;float:right;}

/* カテゴリ */
.category{
	width:571px;
	float:left;
	margin-top:12px;
}

.category-title{
	background:url(./image/hensyuutyou_h3.gif) no-repeat;
	height:26px;
	overflow:hidden;
}

.category-title h3{
	color:#fff;
	font-weight:bold;
	padding:6px 0 0 13px;
	float:left;
}


.category-body{
	border:1px solid #ccc;
	background:#eee;
	padding:12px 9px;
}

.category-title img{
	float:right;
	margin-right:2px;
}

.category-body h4{
	font-size:120%;
	border-left:5px solid #960001;
	border-bottom:1px dotted #ccc;
	color:#960001;
	padding:3px;
	margin-bottom:5px;
	width:538px;
}

.category-body ul{
	list-style-type:none;
	padding-left:5px;
}

.category-body li{
	background:url(./image/li_bg.gif) 0 50% no-

repeat;
	padding:5px 0 5px 15px;
	border-bottom:1px dotted #ccc;
}

/* カテゴリーリンク */
.categorylink{
	float:right;
	width:193px;
	*width:171px;
	padding:13px 11px 50px 11px;
	background:url(./image/categorylink_bg.gif);
	margin-top:12px;
display:inline;
}

.categorylink-inner{
	background:#ccc;
	padding:3px;
	line-height:2;
	margin-bottom:10px;
}

.categorylink h3{
	background:#000;
	padding:5px;
	border:1px solid #ccc;
	color:#fff;
	font-size:120%;
}


/* --070507 written by allied -- */
.article_new h2{
	margin: 0;
	padding: 2px 8px;
	background-color: #054199;
   	color: #ffffff;
	font-size: 12px;
   	font-weight: bold;
}
/*60712 xhtml化 start*/
/*.article_new p{
	margin: 5px 8px 0 8px;
}*/

.article_new li{
	margin-bottom:10px;
	margin-left:5px;
}

.img-table{

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

#cparts
{	
	/*変更*/
	/*margin: 15px 260px 0px 10px;*/
	margin: 0px 0px 0px 10px;
	width: 560px;
float:left;
min-height:660px;
_height:660px;
}
#rparts
{
	/*変更*/
	width: 180px;
	margin-top: 5px;
display:inline;
margin-right:14px;
	float:right;
}

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


}
#rparts-inner
{
   position: static;
   padding: 0px 10px 0 10px;
   border-width: 2px 2px 2px 0;
   border-style: solid;
   border-color: #fff;
}

.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
{
   margin: 0 0 20px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   font-size: 10px;
   text-align: right;
   clear: both;
   margin: 5px 10px 20px 10px;
}

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

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

/*記事部分*/

h3.article-header{
   margin-top: 5px;
   margin-bottom: 5px;
   border-left: 5px solid #dae0e6;
   padding: 0 0 0 10px;
   font-size: 18px;
}

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

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

.page { 
	margin-bottom:20px;
	margin-top:20px;
}

/* 20070507 1100 */
table.editor-colum td{
font-size:11px;
}

.article_new_desc,
.article_new_desc a{
font-size:11px;
}

.categorylink h3{
font-size:12px;
}

.side-list-item,
.side-list-item a{
list-style:none;
font-size:11px;
}

.category-body,
.category-body a{
font-size:11px;
}

div.image_text,
div.image_text a{
font-size:11px;
}

.img-table{
width:108px;
}

.category_new_list,
.category_new_list a{
font-size:11px;
}

.category_new_list{
padding: 10px 0 5px 10px;
}

div.footer_text{
clear:both;
text-align:center;
margin-top:10px;
}

p.content-nav{
margin-bottom:19px;
}