/*共通シリーズ【基本部分】
-----------------------------------------------------------------------------------------------------------------------*/
html	{width:100%;	height:100%;}
body 	{	margin:0 auto;width:100%;height:100%;padding: 0px;	display:block;
			font-family:'メイリオ','ＭＳ Ｐゴシック',  'ヒラギノ角ゴ Pro W3', Helvetica, Verdana,Arial,sans-serif;
			font-size:10px;line-height: 100%;	background:#fff;
			cursor:default;}
img 						{margin: 0;	padding: 0;border: 0;vertical-align:bottom;}
h1, h2, h3, h4, h5, h6 		{font-style: normal;	font-weight: normal;font-size: 12px;margin: 0;padding: 0;	color:#fff;}
h2 a						{text-decoration:none !important;}
div,p 							{font-style: normal;	font-weight: normal;margin: 0;padding: 0;}
ul, dl 						{margin: 0;padding: 0;font-style: normal;font-weight: normal;list-style-type: none;}
li, dd 						{list-style-type: none;white-space:nowrap;}
a:link, a:visited, a:active {text-decoration: none;	color:#cacaca;}
a:hover {text-decoration: none;	color:#cacaca;}
a img	{border-style:none !important;}

/*クリアフィクス等共通項目
-----------------------------------------*/
div.cf:after {content: "";	display: block;	clear: both;}
	*:first-child+html div.cf { display: inline-block; }
	* html div.cf { height: 1%;}
.fl { display:block; float:left;}
.fr { display:block; float:right;}
.fn { float:none !important;}
.nb { border:none !important;}
.nbb { border-bottom:none !important;}
li.nb a { border:none !important;}
dd.nb a { border:none !important;}
.m0 { margin:0 !important;}
.p0 { padding:0 !important;}
.pl0 { padding-left:0px !important;}
.pb0 { padding-bottom:0px !important;}
.mb0 { margin-bottom:0px !important;}
.mp0 { margin:0 !important; padding:0 !important;}
.mt20	{margin-top:20px;}
.mb20	{margin-bottom:20px !important;}
.mb10	{margin-bottom:10px !important;}
.tac {text-align: center;}
.tar {text-align: right;}
.tal {text-align: left;}
.con_red {color:#800019;}

/*メイン
-----------------------------------------*/
.main	{
	width:950px;	min-height:100%;
	margin:0px auto;	padding:0;

}
.left	{
	background:#fff;
	padding:0px 28px;
}
	.left h1	{
		padding:25px 0px 0px 0px;
	}

.menu	{
	background:#cacaca;
	width:150px;
	padding:0px 0px 0px 0px;
}
	.menu ul	{
		margin:40px 0px 0px 0px;
		border-top:1px solid #fff;
	}
	.menu li	{
		border-bottom:1px solid #fff;
	}

.right	{
	width:648px;
	background:#efefef;
}
	.right_pankuzu	{
		height:40px;
	}
		.right_pankuzu ul	{
			margin:0;	padding:20px 0px 0px 20px;
		}
		.right_pankuzu li {
			margin:0;	padding:0;
			float:left;	display:block;
			height:12px;
			font-size:12px;	line-height:12px;	color:#cacaca;
		}
	.right_visual	{
		width:648px;	height:205px;
		display:block;
	}
		.right_visual p	{
			width:1px;	height:1px;
			display:block;
			overflow:hidden;
		}
	.right_con		{
		padding:50px 20px 50px 60px;
		font-size:12px;	line-height:170%;
	}
	
	.right_con	img	{
		padding:0px 0px 40px 0px;
	}
	
	.copy_right	{
		padding:7px 0px 0px 0px;	margin:0px 0px 50px 60px;
		border-top:1px dotted #ccc;
	}

/*インデックス
-----------------------------------------*/
.index_main	{
	position:relative;
}
.index_concept	{

}
	.index_concept > .left	{
		height:0%;
		position:absolute;	z-index:100;
		top:0px;	left:0;
		overflow:hidden;
	}
	.index_concept > .menu	{
		height:0%;
		position:absolute;	z-index:100;
		bottom:0px;	left:151px;
		overflow:hidden;
	}
	.index_concept > .right	{
		height:0%;
		position:absolute;	z-index:100;
		top:0px;	right:0;
		overflow:hidden;
	}
	
.index_logo	{

}
	.index_logo p	{
		display:block;
		position:absolute;	z-index:0;
		top:50%;	left:50%;
		margin:-142px 0px 0px -325px;
	}
	.index_logo img	{
		cursor:pointer;
	}

/*会社概要
-----------------------------------------*/
.about table	{
	width:100%;
	line-height:180%;
	border-collapse: collapse;	border-spacing: 0px;
	border-left:1px solid #ccc;	border-top:1px solid #ccc;
}
.about td	{
	padding: 10px ;
	border-right:1px solid #ccc;	border-bottom:1px solid #ccc;
}


/*お問い合わせ
-----------------------------------------*/
.contact table {
	margin: 0px 0px 30px 0px;	padding: 0px;
	border-collapse: collapse;	border-spacing: 0px;
	border-top: 1px solid #cccccc;
}
	.contact_td1 {
		width:200px;
		padding: 10px 0px 10px 0px;
		text-align: center;
		background-color: #e6e6e6;
		border-bottom: 1px solid #cccccc;	border-top: 1px solid #fff;
	}
	.contact_td2 {
		width:360px;
		padding: 10px 10px 10px 10px;
		border-bottom: 1px solid #cccccc;	border-top: 1px solid #fff;
	}
	
	.contact_td2 textarea {
		font-size: 12px;
	}
	
	.contact_td2 select {
		font-size: 12px;
	}
	
	.contact ul {
		
	}
	.contact li {
		margin: 0px 0px 10px 0px;
		line-height: 90%;
	}
	.contact h2	{
		margin: 0px 0px 10px 0px;	padding: 7px 0px;
		text-align: left;
		font-weight: bold;	font-size: 12px;	color:#000;
	}
	.contact_h2_span	{
		margin: 0px 10px 0px 0px;	padding: 4px 10px;
		background-color: #cccccc;
	}
	
	.flow_p2 input {
		font-size: 12px;
	}


/*制作実績
-----------------------------------------*/
.works table	{
	width:530px;
	line-height:180%;
	margin:0px 0px 30px 0px;
	border-spacing: 0px;
}
.works td	{
	vertical-align:top;
}
	.works_td1	{
	}
		.works_td1 img	{
			width:300px;
			margin:0px 15px 0px 0px;	padding:1px;
			border:1px solid #ccc;
			vertical-align:bottom;
		}
	.works_td2	{
	}
		.works_td2 img	{
			width:160px;
			padding:0px 0px 10px 0px;
		}
	
	.works_td3 {
	font-size: 12px;
	}