@charset "UTF-8";
/*ホームページ作成共通部分
--------------------------------------------------*/
#style-hp{}
	#style-hp h2{
		clear:both;
		width:660px;height:60px;
		margin:0 0 30px 0;padding:0;
		font-size:100%;
		background:left top no-repeat;
		text-indent:-7777em;}
	#style-hp h3{
		clear:both;
		margin:30px 0;padding:0;
		font-size:130%;
		font-weight:bold;
		color:#666;
		border-bottom:1px solid #e0e0e0;}
	#style-hp h4{
		clear:both;
		margin:20px 0;padding:0;
		font-size:100%;
		font-weight:bold;
		color:#555;
		border-bottom:1px dotted #d0d0d0;}
	#style-hp h5,
	#style-hp h6{
		clear:both;
		margin:20px 0;padding:0;
		font-size:100%;
		font-weight:bold;
		color:#333;}
	#style-hp p{
		line-height:2;}
		#style-hp p.image-left{
			float:left;
			margin:0;padding:0 2em 1em 0;}
	#style-hp li{
		margin-left:2em;}

/*インデックスページ
--------------------------------------------------*/
#style-hp #hp-product,
#style-hp #hp-case,
#style-hp #hp-society,
#style-hp #hp-price,
#style-hp #hp-inquiry{
	padding-bottom:30px;}

/*トップ部分(product)*/
#style-hp #hp-product{}
#style-hp #hp-product #hp-product-left{
	float:left;
	width:420px;}
	#style-hp #hp-product h2{
		width:420px;height:230px;
		margin-bottom:10px;
		background:url(../../homepage/images/index/hp-product-h2.jpg);}
#style-hp #hp-product #hp-product-right{
	float:right;
	width:210px;}
	#style-hp #hp-product ul{
		width:210px;
		margin:0;padding:0;}
	#style-hp #hp-product li{
		width:210px;height:70px;
		margin:0 0 10px 0;padding:0;
		overflow:hidden;
		list-style-type:none;}
	#style-hp #hp-product li a{
		display:block;
		width:210px;height:70px;
		background:url(../../homepage/images/index/hp-product-product00.gif);
		text-indent:-7777em;}
		/*ホームページ制作*/
		#style-hp #hp-product li a.product01,
		#style-hp #hp-product li a:link.product01,
		#style-hp #hp-product li a:visited.product01{
			background-position:0px 0px;}
		#style-hp #hp-product li a:hover.product01,
		#style-hp #hp-product li a:active.product01{
			background-position:-210px 0px;}
		/*ネットショップ制作*/
		#style-hp #hp-product li a.product02,
		#style-hp #hp-product li a:link.product02,
		#style-hp #hp-product li a:visited.product02{
			background-position:0px -80px;}
		#style-hp #hp-product li a:hover.product02,
		#style-hp #hp-product li a:active.product02{
			background-position:-210px -80px;}
		/*Movable Type 4*/
		#style-hp #hp-product li a.product03,
		#style-hp #hp-product li a:link.product03,
		#style-hp #hp-product li a:visited.product03{
			background-position:0px -160px;}
		#style-hp #hp-product li a:hover.product03,
		#style-hp #hp-product li a:active.product03{
			background-position:-210px -160px;}
	#style-hp #hp-product p#hp-product-inquiry{
		margin:10px 0 0 auto;padding:0;
		text-align:right;}

/*制作実績、運用事例*/	
#style-hp #hp-case{
	clear:both;}
	#style-hp #hp-case h2{
		background:url(../../homepage/images/index/hp-case-h2.gif);}
	#style-hp #hp-case h3{
		clear:both;}
	#style-hp #hp-case dl,
	#style-hp #hp-society dl{
		float:left;
		width:220px;
		padding-top:30px;}
	#style-hp #hp-case dl dt,
	#style-hp #hp-society dl dt{
		margin:0 auto;padding:0;
		text-align:center;}
	#style-hp #hp-case dl dd,
	#style-hp #hp-society dl dd{
		margin:20px auto 0 auro;padding-bottom:20px;
		text-align:center;
		line-height:1.3;}
	#style-hp #hp-case p#hp-case-more,
	#style-hp #hp-price p#hp-price-more{
		clear:both;
		margin-left:auto;
		text-align:right;}
#style-hp #hp-society{}
	#style-hp #hp-society h2{
		background:url(../../homepage/images/index/hp-society-h2.gif);}
	#style-hp #hp-society p#hp-society-cssnite{
		margin:30px auto;
		text-align:center;}
	#style-hp #hp-society p#hp-society-more{
		margin:10px 0 10px auto;
		text-align:right;}

/*制作料金*/
#style-hp #hp-price{}
	#style-hp #hp-price h2{
		background:url(../../homepage/images/index/hp-price-h2.gif);}
#style-hp #hp-price .hp-price-section{
	float:left;
	width:220px;
	padding-top:30px;
	text-align:left;}
	#style-hp #hp-price .hp-price-section h4{
		height:40px;
		margin:0 10px;padding:0;
		line-height:40px;
		background:left top no-repeat;
		text-indent:-8888em;
		border:none;}
		#style-hp #hp-price .hp-price-section-01 h4{
			background:url(../../homepage/images/index/hp-price-section-01title.jpg);}
		#style-hp #hp-price .hp-price-section-02 h4{
			background:url(../../homepage/images/index/hp-price-section-02title.jpg);}
		#style-hp #hp-price .hp-price-section-03 h4{
			background:url(../../homepage/images/index/hp-price-section-03title.jpg);}
	#style-hp #hp-price .hp-price-section p{
		margin:0 2em;padding:0;
		font-size:90%;}
	#style-hp #hp-price .hp-price-section p.price{
		margin:0 10px;}
	#style-hp #hp-price p#desc{
		clear:both;
		margin:2em 0;padding:2em;
		font-size:90%;
		background-color:#eee;}

/*お問い合わせ（全ページ共通）*/
#style-hp #hp-inquiry{
	padding-top:20px;}
	#style-hp #hp-inquiry h2{
		background:url(../../homepage/images/index/hp-inquiry-h2.gif);}
#style-hp #hp-inquiry-section{
	margin:0;padding:20px 0;}
	#style-hp #hp-inquiry-address{
		float:left;
		width:430px;height:270px;
		position:relative;
		background:url(../../homepage/images/index/hp-inquiry-address.jpg) left top no-repeat;}
		#style-hp #hp-inquiry-address h3{
			position:absolute;
			top:10px;left:10px;
			margin:0;padding:0;
			color:#CE7D27;
			border:none;}
		#style-hp #hp-inquiry-address-desc{
			position:absolute;
			width:210px;
			top:80px;
			left:220px;
			text-align:center;
			font-size:90%;}
		#style-hp #hp-inquiry-address-notice{
			position:absolute;
			top:200px;
			left:10px;
			width:410px;
			background-color:#eee;}
			#style-hp #hp-inquiry-address-notice p{
				margin:0;padding:0.5em;
				font-size:90%;}

	#style-hp #hp-inquiry-menulist{
		float:right;
		width:210px;}
		#style-hp #hp-inquiry-menulist ul{
			margin:0;padding:0;}
		#style-hp #hp-inquiry-menulist ul li{
			margin:0;padding:0 0 20px 0;
			list-style-type:none;}




/*カテゴリーページ
--------------------------------------------------*/
/*カテゴリヘッダ*/
#style-hp .hp-category-header{}
	#style-hp .hp-category-header h2#hp-category-h2-product{
		background:url(../../homepage/images/category/hp-category-h2-product.gif);}
	#style-hp .hp-category-header h2#hp-category-h2-shop{
		background:url(../../homepage/images/category/hp-category-h2-shop.gif);}
	#style-hp .hp-category-header h2#hp-category-h2-mt{
		background:url(../../homepage/images/category/hp-category-h2-mt.gif);}
	#style-hp .hp-category-header h2#hp-category-h2-case{
		background:url(../../homepage/images/category/hp-category-h2-case.gif);}
	#style-hp .hp-category-header h2#hp-category-h2-price{
		background:url(../../homepage/images/category/hp-category-h2-price.gif);}
	/*パンくず*/
	#style-hp .hp-category-header ul.pankuzu{
		margin:0.5em 0 0 auto;padding:0;
		text-align:right;
		font-size:90%;
		color:#666;}
	#style-hp .hp-category-header ul.pankuzu li{
		margin:0;padding:0;
		list-style-type:none;
		display:inline;}
	#style-hp .hp-category-header p{
		margin:1em 0;padding:1em 2em;
		background-color:#eee;}
/*エントリヘッダ（h3に背景をつける）*/
#style-hp .hp-entry{
	margin:0 0 40px 0;}
#style-hp .hp-entry-header h3{
	background:url(../images/alpha-contents-h3.gif) left top no-repeat;
	margin:20px 0;
	padding:10px 0 15px 12px;
	font-size:150%;
	color:#666;
	font-weight:bold;}
/*エントリボディ*/
#style-hp .hp-entry-body p{
	margin:1em auto;}
#style-hp .hp-entry-body .hp-category-more p{
	margin:20px 0 20px auto;padding:0;
	text-align:right;}

/*インディビジュアル
--------------------------------------------------*/
/*entry-footer*/
#style-hp .hp-entry-footer{
	margin-top:40px;
	position:relative;
	width:100%;
	border-top:1px solid #999;
	/*vertical-align:bottom;*/}
ul#prev-next{
	position:absolute;
	top:-1px;
	right:0px;
	list-style-type:none;
	height:30px;
	/*vertical-align:bottom;*/}
	ul#prev-next li.prev{
		float:left;
		height:30px;
		font-size:12px;
		overflow:hidden;/*IE*/
		margin:0 5px 0 0;
		padding:0 0 0 25px;
		line-height:1.1;
		background:url(../images/entry-footer/subnavi-prev.gif) left top no-repeat;}
	ul#prev-next li.prev a{
		display:block;
		float:left;
		height:30px;
		padding:7px 10px 0px 0px;
		background:url(../images/entry-footer/subnavi-prev.gif) right top no-repeat;}
	ul#prev-next li.next{
		float:left;
		height:30px;
		font-size:12px;
		overflow:hidden;/*IE*/
		margin:0 0 0 5px;
		padding:0 0 0 10px;
		line-height:1.1;
		background:url(../images/entry-footer/subnavi-next.gif) left top no-repeat;}
	ul#prev-next li.next a{
		display:block;
		float:left;
		height:30px;
		padding:7px 25px 0px 0px;
		background:url(../images/entry-footer/subnavi-next.gif) right top no-repeat;}

	ul#prev-next li a:hover{
		text-decoration:underline;
		color:#CE7D27;}
#style-hp .hp-entry-footer dl.entry-footer-keywords{
	margin:0 0 0 auto;padding:40px 0 0 0;
	text-align:right;
	font-size:90%;
	color:#666;}
	#style-hp .hp-entry-footer dl.entry-footer-keywords dt,
	#style-hp .hp-entry-footer dl.entry-footer-keywords dd{
		display:inline;
		margin:0;padding:0;}
#style-hp .hp-entry-footer dl.entry-footer-tags{
	margin:0 0 0 auto;padding:5px 0 0 0;
	text-align:right;
	font-size:90%;}
	#style-hp .hp-entry-footer dl.entry-footer-tags dt,
	#style-hp .hp-entry-footer dl.entry-footer-tags dd,
	#style-hp .hp-entry-footer dl.entry-footer-tags dd ul,
	#style-hp .hp-entry-footer dl.entry-footer-tags dd ul li{
		display:inline;
		margin:0;padding:0;}
	#style-hp .hp-entry-footer dl.entry-footer-tags dd ul li{
		list-style-type:none;
		padding:0 0 0 0.25em}