/* =======目次============
1.基本CSS
2.Q&A(qa.html)
3.Design コミュニケーション(dcs.html)
4.Design コミュニケーション 制作メニュー(dcsmenu.html)
5.Design コミュニケーション 作品集(dcs_works/index.html)
6.Webコミュニケーション(webcom.html)
7.Webコミュニケーション 制作メニュー(webcommenu.html)
8.Webコミュニケーション 作品集(webcom_works/index.html)
9.映像コミュニケーション(imagon.html)
10.映像コミュニケーション 制作メニュー(imagonmenu.html)
11.採用情報(saiyo/index.html)
12.サイト管理(aldas.html)

○補足
　事業内容に適用されるCSSです。
========================*/
/*-----------------------------
1.基本CSS
------------------------------*/
#flash{
	float:left;
	width:165px;
	}
#flash .main{
	
	margin:22px 0 0 10px;
	}
	

#left{
	width:422px;
	border-right:#CCCCCC solid 	1px;
	float:left;
	line-height:150%;
	}

#left h2{
	margin:20px 0 15px 0;
	}
#left .center{
	width:422px;
	margin:0 auto;
	text-align:center;
	}
#left .center li{
	display:inline;
	}


#barprofile{
	float:left;
	text-align:right;
	width:19px;
	vertical-align:top;
	margin:50px 0 0 0;
	}

	
#right{
	text-align:right;
	float:right;
	}

hr{
	margin:10px 0;
	width:390px;
	padding:0;
	text-indent:0px;
	text-align:left;
	}

#right li{
	padding:0;
	margin:0;
	height:100%;
	}

#right li img{
	width:192px;
	border-left:1px solid #cccccc;
	vertical-align:top;
	}

#left #message{
	width: 390px;
	}
#message #link{
	color: #660066;
	text-decoration:none;
	}
#message #link li{
	margin:0 0 20px 0;
	font-size:13px;
	font-weight:bold;
	}

#left #csr{
	width: 390px;
	}

#csr li{
	background-color: #CCCCCC;
	margin:20px 0;
	padding:1px 5px;
	}	
	
/*-----------------------------
2.Q&A(qa.html)
------------------------------*/	
#q{
	width:390px;
}

.qatitle{
	font-size: 13px;
	line-height: 2em;
	font-weight: bolder;
	color: #660066;
	vertical-align:middle;
	padding: 10px 0;
}


#q h2{
	padding:0px 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: bolder;
}

#q h3{
	font-size: 14px;
	font-weight: bolder;
	color: #660066;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	line-height: 15px;
　　padding:0 0 20px 0;
}

#q ol li h4{
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	padding:10px 0;
	color:#000000;
	}

#q p{
	font-size: 11px;
	line-height: 17px;
	color: #333333;
}


.icon{
	width:404px;
	}

.icon td{
	vertical-align:top;
	padding:0 0 20px 0;
	}

.float{
	width:195px;
	}

.float li{
	float:left;
	width:65px;
	margin:0;
	height:49px;
	}


/*-----------------------------
3.Design コミュニケーション(dcs.html)
------------------------------*/	

#dcs{
	width:390px;
}

/*↓は作品集でも適用*/

#dcs li{
	font-size: 13px;
	padding : 10px 0;
	font-weight: bold;
	color: #660066;
	vertical-align:middle;
}


.dcstop{
	padding:0 0 15px 0;
	line-height: 25px;
	font-size:13pt;
	font-weight:bold;
}

.dcsbox{
	width : 100px;
	float : left;
	text-align:center;
}

/*-----------------------------
4.Design コミュニケーション 制作メニュー(dcsmenu.html)
------------------------------*/	

.menuleft{
	width : 190px;
	height: 220px;
	float : left;
	margin: 0 5px;
}



/*-----------------------------
5.Design コミュニケーション 作品集(dcs_works/index.html)
------------------------------*/	

#dworks{
	width:400px;
}

.dstitle{
	font-size: 10px;
	vertical-align: top;
	margin: 0;
	padding: 0;
}

#dworks h3{
	font-size : 15px;
	padding : 5px 0;
}

#dworks hr{
	border-width:1px;
	border-style:noshade;
}

.dimgbox{
	width : 100px;
	float : left;
	text-align : center:
}

.dcenter{
	margin : 0 auto;
	text-align:center;
	width:390px;
}

.rfloat{
	text-align: right;
	padding: 0 5px;
}
/*-----------------------------
※float解除
------------------------------*/
.dclear{
	clear : both;
	width : 390px;
}

/*-----------------------------
6.Webコミュニケーション(webcom.html)
------------------------------*/	

#webcom{
	width:390px;
}

#webcom li{
	font-size:13px;
	padding:10px 0;
}

.webtopl{
	width : 175px;
	float : left;
}

.webtopr{
	width : 210px;
	float : right;
}


/*-----------------------------
7.Webコミュニケーション 制作メニュー(webcommenu.html)
------------------------------*/	
#webmenu{
	width:400px;
}

.webleft{
	width :190px;
	float : left;
	margin: 0 5px;
}

/*-----------------------------
8.Webコミュニケーション 作品集(webcom_works/index.html)
------------------------------*/	
#webworks{
	width: 400px;
}

#webworks li{
	font-size:13px;
	font-weight: bold;
}


.S11xL16{
	font-size: 10px;
	line-height: 16px;
}

.dleft{
	float : left;
	height:160px;
	width : 180px;
	text-align:center;
}

.dltext{
	float : left;
	width : 180px;
	text-align:center;
}

.dright{
	float : right;
	height:160px;
	width : 180px;
	text-align:center;
}

.drtext{
	float : right;
	width : 180px;
	text-align:center;
}

/*-----------------------------
9.映像コミュニケーション(imagon.html)
------------------------------*/	

#imagon{
width:400px;
}

#imagon p{
font-size : 10px;
line-height : 11px;
text-align : center;
padding : 5px;
}

.imagonbox{
width : 133px;
height : 120px;
float : left;
text-align : center;
}

/*-----------------------------
10.映像コミュニケーション 制作メニュー(imagonmenu.html)
------------------------------*/	
#imagonmenu{
	width : 400px;
	list-style-type : none;
}

#imagonmenu h3{
	font-size: 11px;
	margin: 1px;
	padding: 2px 1px 2px 3px;
	color: #000000;
	background-color: #CCCCCC;
	display: block;
	vertical-align: middle;
}

/*-----------------------------
11.採用情報(saiyo/index.html)
------------------------------*/	
#saiyo{
	width : 400px;
	height : 300px;
	padding-top: 40px;
	padding-left : 20px;
}


#saiyo h3{
	font-size: 15px;
}


/*-----------------------------
12.サイト管理(aldas.html)
------------------------------*/	

#aldas{
	width : 400px;
}

/*-----------------------------
※aaa.cssの効かないモノ
------------------------------*/	
.graybar{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 10px;
	color: #000000;
	padding:2px  0  2px 17px;
	background: #CCCCCC;
}

.graybar a:link{
	color: #000000;
	text-decoration: none;
}
.graybar a:visited{
	color: #000000;
	text-decoration: none;
}
.graybar a:hover{
	color: #000000;
	text-decoration: underline;
}
.graybar a:active{
	color: #000000;
	text-decoration: underline;
}
.AAAbar{
	font-size: 13px;
	margin: 1px 0px;
	padding: 1px 0px 1px 5px;
	color: #FFFFFF;
	background-color: #660066;
	display: block;
	vertical-align: middle;
	font-weight: bold;
}
.motionbar{
	font-size: 13px;
	margin: 1px 0px;
	padding: 1px 0px 1px 5px;
	color: #FFFFFF;
	background-color: #330099;
	display: block;
	vertical-align: middle;
	font-weight: bold;
}
.GraybarNomargin{
	font-size: 11px;
	margin: 1px;
	padding: 1px 1px 1px 3px;
	color: #000000;
	background-color: #CCCCCC;
	display: block;
	vertical-align: middle;
}
.Ansewrmark{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 14px;
	font-weight: bolder;
	color: #660066;
}
.honbun{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 11px;
	line-height: 17px;
	color: #333333;
}