@charset "utf-8";


/*PC・タブレット・スマホ共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #3366cc;	/*リンクテキストの色*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
}
a:hover {
	color: #e9611d;			/*マウスオン時の文字色*/
	text-decoration: none;		/*マウスオン時にリンクの下線を消す設定*/
}

/*ヘッダー（ロゴが入った最上段のブロック）
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
	background: #440660;	/*背景色（古いブラウザ用）*/
	background: radial-gradient(circle 400px at 20% -100px,#440660,#2a003e);	/*ロゴ背後の光を含めた背景色。circleは円形。400pxはサイズ。左から20%、上から-100pxの場所に配置。*/
}
/*メインメニュー
---------------------------------------------------------------------------*/
/*飾り文字（小さな補足用テキスト）*/
#menubar span,
#menubar-s span {
	color: #440660;		/*文字色*/
	border-bottom: 3px solid #440660;	/*下線の幅、線種、色*/
}
/*メインコンテンツ
---------------------------------------------------------------------------*/
/*mainコンテンツのh2タグの設定*/
#main h2 {
	background: #440660;	/*背景色（古いブラウザ用）*/
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);			/*同上*/
	border-radius: 4px;	/*角丸のサイズ*/
}

/*サブコンテンツ
---------------------------------------------------------------------------*/
#sub h2::first-letter {
	border-left: 3px solid #440660;	/*左側のアクセント用ラインの幅、線種、色*/
}

/*「制作実績」ページの一覧用ブロック
---------------------------------------------------------------------------*/
/*ボックス内のh4タグ設定*/
#main section.list h4 {
	color: #440660;		/*文字色*/
}
/*マウスオン時*/
#main section.list a:hover::before {
	background: #440660;	/*背景色*/
	color: #fff;			/*文字色*/
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
	background: #440660;	/*背景色*/
}
/*よく頂く質問・リンク共通設定
---------------------------------------------------------------------------*/
/*質問の設定*/
.faq dt,
.link dt {
	color: #440660;	/*文字色*/
	font-weight: bold;	/*太字*/
}
.faq dt a,
.link dt a {
	color: #440660;
}
/*その他
---------------------------------------------------------------------------*/
.color1 {color: #bc7ccc;}


/*=====================================================================
　これより下、追加CSS
=======================================================================*/


/*送信ボタン
---------------------------------------------------------------------------*/
.submit_button{
  border-top : 1px solid #ccc;
  border-left : 1px solid #ccc;
  border-bottom : 1px solid #000;
  border-right : 1px solid #000;
  background : #333;
  color : #fff;
  text-shadow : 2px 2px 1px #000;
}

.submit_button:hover{
  background : #003399;
  color : #fff;
  border-top : 1px solid #0066ff;
  border-left : 1px solid #0066ff;
  border-bottom : 1px solid #330099;
  border-right : 1px solid #330099;
}

.bd2_org{
  border: 1px solid #440660;
  padding: 15px;
}

#headline{
  border: 3px double #440660;
  background: #fff;
}

.listMark1 li:before{
  color: #440660;
}

section.list a:link{color: #000;}
section.list a:visited{color: #000;}
section.list a:hover{color: #440660;}