/*----------------------- 全体リセット -----------------------*/
* {
	margin: 0px;
	padding: 0px;
}
html{
	overflow-y:scroll;
}
a img {border: 0px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin: 0px;
	padding: 0px;
}
form {margin: 0; padding: 0;}
li{
	list-style-type: none;
}

/*----------------------- 初期設定 -----------------------*/
body {
	color:#333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight: normal;
	line-height:150%;
	margin: 0px;
	padding:0px;
	text-align:left;
	line-break:strict;
}
a {
	color:blue;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#CCCCCC;
	text-decoration: underline;
}

/*　左よせ　*/
.float_l{
	float:left;
	margin:0px;
	padding: 0px;
}
/*　右よせ　*/
.float_r{
	float:right;
	margin:0px;
	padding: 0px;
}
/*　テキスト非表示　*/
.none{
	position:absolute;
	top:-9999px;
	left:-9999px;
}
.clr{
	clear:both;
}

/*----------------------- container -----------------------*/
#container{
	background-image: url(http://www.jspark.co.jp/img/bg_contents.gif);
	background-repeat: repeat-y;
	background-position: left top;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	margin:0 auto;
	text-align:center;
	height:100%;
	width:740px;
}

@media print {
    /* 印刷用スタイル */
#container{
	background-image: none;
	background-color: #ffffff;
}

}




/*----------------------- header（White area） -----------------------*/
#header_area{
	background-color:#FFFFFF;
	border-bottom:2px solid #7f2744;
	height:55px;
	margin:0px;
	padding-top:10px;
	text-align:left;
}
/*　会社ロゴ表示　*/
#header_area h1 a{
	display:block;
	background-image: url(http://www.jspark.co.jp/img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:10px;
	margin-top:10px;
	height: 35px;
	width: 230px;
}

/*----------------------- submenu -----------------------*/
/*　HOME～お問い合わせ　*/
#submenu{
	padding-top:35px;
	width:275px;
}
#submenu ul {
  margin:0px;
  padding:0px;
}
#submenu ul li {
  margin:0px;
  padding:0px;
  display:inline;
}
#submenu li a {
  display:block;
  float:left;
  height:12px;
	padding:0px 7px 0px 0px;
  text-decoration:none;
  text-indent:-9999px;
}

#submenu li#s01 a{
	background-image: url(http://www.jspark.co.jp/img/menu_s01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:50px;
}
#submenu li#s01 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu_s01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:50px;
}
#submenu li#s02 a{
	background-image: url(http://www.jspark.co.jp/img/menu_s02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:59px;
}
#submenu li#s02 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu_s02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:59px;
}
#submenu li#s03 a{
	background-image: url(http://www.jspark.co.jp/img/menu_s03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:59px;
}
#submenu li#s03 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu_s03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:59px;
}
#submenu li#s04 a{
	background-image: url(http://www.jspark.co.jp/img/menu_s04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:75px;
}
#submenu li#s04 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu_s04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width:75px;
}

/*----------------------- header (image) -----------------------*/
/*　ヘッダー（Flash位置＆サイズ）　*/
#header{
	clear:both;
	position:relative;
	height:225px;
}
#header #animation{
	float:right;
	background-image: url(http://www.jspark.co.jp/img/animation.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height:225px;
	width:576px;
}
/*----------------------- header (navigation) -----------------------*/
/*　ヘッダー（メインコンテンツ）　*/
#mainmenu{
	float:left;
	height:180px;
	width:164px;
}
#mainmenu ul{
	height:180px;
  margin:0px;
  padding:0px;
}
* html body #mainmenu ul li {
  height:45px;
	width:164px;
  margin:0px 0px -2px 0px;
  padding:0px;
}
#mainmenu li a {
  display:block;
  height:45px;
	width:164px;
}
*+html body #mainmenu li{
  margin:0px 0px -2px 0px;
  padding:0px;
}
* html body #mainmenu li{
  padding:0px;
}
#mainmenu li#menu01 a{
	background-image: url(http://www.jspark.co.jp/img/menu01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainmenu li#menu01 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mainmenu li#menu02 a{
	background-image: url(http://www.jspark.co.jp/img/menu02.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainmenu li#menu02 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu02.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#mainmenu li#menu03 a{
	background-image: url(http://www.jspark.co.jp/img/menu03.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainmenu li#menu03 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu03.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#mainmenu li#menu04 a{
	background-image: url(http://www.jspark.co.jp/img/menu04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainmenu li#menu04 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu04.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#mainmenu li#menu05 a{
	background-image: url(http://www.jspark.co.jp/img/menu05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainmenu li#menu05 a:hover{
	background-image: url(http://www.jspark.co.jp/img/menu05.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#mainmenu li#menu04{
	background-image: url(http://www.jspark.co.jp/img/menu04.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	display:block;
	height:45px;
	width:164px;
}
#mainmenu li#menu05{
	background-image: url(http://www.jspark.co.jp/img/menu05.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
  display:block;
  height:45px;
	width:164px;
}


/*----------------------- contents -----------------------*/
/*　コンテンツ　*/
#contents{
	clear:both;
	display:inline;
	position:static;
}
/*　電話番号　*/
#info{
	background-color:#F7F7F7;
	float:left;
	width:164px;
}
#info #main{
	background-image: url(http://www.jspark.co.jp/img/infomation.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:160px;
	width:164px;
}

/*----------------------- project -----------------------*/
/*　J★SPARK企画　*/
#contents #project{
	float:left;
	margin:0px auto;
	margin-top:20px;
	text-align:left;
	height:100%;
	width:345px;
}
#project h3{
	background-image: url(http://www.jspark.co.jp/img/ttl_index01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 20px;
	width: 240px;
	margin:0px auto;
	margin-bottom:10px;
}
#project h4{
	display:block;
	height:50px;
	width:160px;
}
#project p{
	font-size:10px;
	padding:2px;
	width:152px;
}
#project_in{
	width:330px;
	margin:0px auto;
}

#project_in #bnr01,
#project_in #bnr02,
#project_in #bnr03,
#project_in #bnr04,
#project_in #bnr05,
#project_in #bnr06{
	margin-bottom:10px;
}
#project_in #bnr01 h4{
	background-image: url(http://www.jspark.co.jp/img/bnr_project01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#9a66a3;
}
#project_in #bnr01 p{
	border-bottom:2px solid #9a66a3;
	border-left:2px solid #9a66a3;
	border-right:2px solid #9a66a3;
	padding:6px 2px;
	line-height:14px;
	height:46px;
}

#project_in #bnr02 h4{
	background-image: url(http://www.jspark.co.jp/img/bnr_project02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#9a5f66;
}
#project_in #bnr02 p{
	border-bottom:2px solid #9a5f66;
	border-left:2px solid #9a5f66;
	border-right:2px solid #9a5f66;
	padding:6px 2px;
	line-height:14px;
	height:46px;
}

#project_in #bnr03 h4{
	background-image: url(http://www.jspark.co.jp/img/bnr_project03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#e0a139;
}
#project_in #bnr03 p{
	border-bottom:2px solid #e0a139;
	border-left:2px solid #e0a139;
	border-right:2px solid #e0a139;
	padding:6px 2px;
	line-height:14px;
	height:46px;
}

#project_in #bnr04 h4{
	background-image: url(http://www.jspark.co.jp/img/bnr_project04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#6a9a9f;
}
#project_in #bnr04 p{
	border-bottom:2px solid #6a9a9f;
	border-left:2px solid #6a9a9f;
	border-right:2px solid #6a9a9f;
	padding:6px 2px;
	line-height:14px;
	height:46px;
}
#project_in #bnr05 h4{
	background-image: url(http://www.jspark.co.jp/img/bnr_project05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#6e8db7;
}
#project_in #bnr05 p{
	border-bottom:2px solid #6e8db7;
	border-left:2px solid #6e8db7;
	border-right:2px solid #6e8db7;
	padding:6px 2px;
	line-height:14px;
	height:46px;
}
#project_in #bnr06 h4{
	background-image: url(http://www.jspark.co.jp/img/bnr_project06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#85af66;
}
#project_in #bnr06 p{
	border-bottom:2px solid #85af66;
	border-left:2px solid #85af66;
	border-right:2px solid #85af66;
	padding:6px 2px;
	line-height:14px;
	height:46px;
}

/*----------------------- footer -----------------------*/
#footer{
	background-image: url(http://www.jspark.co.jp/img/copy.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear:both;
	position:relative;
	padding-top:10px;
	height: 40px;
	width: 740px;
}


/* CSS Document */
/*----------------------- 共通装飾 -----------------------*/
/*　パンクズナビ　*/
#pannavi{
	color:#999999;
	padding:5px 15px;
	font-size:10px;
}
	#pannavi.p4,
	* html body .p4,
	#pannavi.p01{
	background-image: url(http://www.jspark.co.jp/works/img/s_bar01.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:39px;
	color:#000;
	}
	#pannavi.p5,
	* html body .p5{
	background-image: url(http://www.jspark.co.jp/works/img/s_bar02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:39px;
	color:#000;
	}
	#pannavi.p6,
	* html body .p6{
	background-image: url(http://www.jspark.co.jp/works/img/s_bar03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:39px;
	color:#000;
	}
	#pannavi.p7,
	* html body .p7{
	background-image: url(http://www.jspark.co.jp/works/img/s_bar04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:39px;
	color:#000;
	}
.p4,
.p5,
.p6,
.p7{
	color:#000;
}


/*　左バー要素　*/
#left_bar{
	float:left;
	width:164px;
}

@media print {
    /* 印刷用スタイル */
#left_bar{
display:none; }

}




/*　ヘッダー（メインコンテンツ）　*/
#mainmenu{
	float:left;
	height:200px;
	width:164px;
}
#mainmenu ul{
	height:200px;
  margin:0px;
  padding:0px;
}
/*　J★SPARK企画ミニサイズ　*/
#project_mini{
	float:left;
	width:150px;
	color:#f7f7f7;
	margin:0px auto;
	padding:0px 7px 5px;
}
#project_mini h3{
	background-image: url(http://www.jspark.co.jp/img/ttl_index02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	width: 150px;
	margin:0px auto;
	margin-bottom:10px;
}
#project_mini #b01_03{
	background-image: url(http://www.jspark.co.jp/img/bnr_underline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom:10px;
	padding-bottom:70px;
	padding-bottom:40px;
}
*+html body #project_mini #b01_03{
	padding-bottom:35px;
}
* html body #project_mini #b01_03{
	padding-bottom:70px;
	padding-bottom:40px;
}

#project_mini #b04_07{
	margin-bottom:0px;
	padding-bottom:0px;
}
#project_mini li,
#project_mini li a{
	display:block;
	margin:0px 0px 3px 0px;
	padding-bottom:5px;
	height:25px;
	width:72px;
}
* html body #project_mini li,
* html body #project_mini li a{
	margin:0px 0px 3px 0px;
	padding-bottom:2px;
}
#project_mini li#bnr01{
	background-image: url(http://www.jspark.co.jp/img/bnr_projectmm01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
#project_mini li#bnr02{
	background-image: url(http://www.jspark.co.jp/img/bnr_projectmm02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:right;
}
#project_mini li#bnr03{
	background-image: url(http://www.jspark.co.jp/img/bnr_projectmm03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
* html body #project_mini li#bnr03{
	clear:both;
}
#project_mini li#bnr04{
	background-image: url(http://www.jspark.co.jp/img/bnr_projectmm04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
#project_mini li#bnr05{
	background-image: url(http://www.jspark.co.jp/img/bnr_projectmm05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:right;
}
#project_mini li#bnr06{
	background-image: url(http://www.jspark.co.jp/img/bnr_projectmm06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
}
#project_mini li#bnr07{
	background-image: url(http://www.jspark.co.jp/img/bnr_projectmm07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:right;
}
/*　コンテンツ　*/
#right_contents{
	float:right;
	text-align:left;
	width:576px;
}
#right_contents_in{ padding:10px 18px;}

@media print {
    /* 印刷用スタイル */
#right_contents{
	float:none;
	width:100%;
}

}


/*　ポップアップ　*/
#pop #container{
	background-image: none;
	background-color:#FFFFFF;
	border:none;
	margin:0 auto;
	text-align:center;
	height:100%;
	width:460px;
}
#close{
	margin-top:15px;
	text-align:right;
}

/*----------------------- 実績実例紹介【creative/index.html】 -----------------------*/
/*　ページタイトル　*/
#creative{
	margin:0px auto;
}
#creative.page_ttl{
	background-image: url(http://www.jspark.co.jp/img/minihead_creative.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:70px;
}


/*----------------------- 実績実例紹介オリジナルメニューバー -----------------------*/
/*　全体枠　*/
#original_menu{
	background-color:#333;
  height:17px;
	width:576px;
}
#original_menu ul {
  margin:0px;
  padding:0px;
}
#original_menu ul li {
  margin:0px;
  padding:0px;
  display:inline;
}
#original_menu li a {
  display:block;
  float:left;
  height:17px;
	padding:0px;
  text-decoration:none;
  text-indent:-9999px;
}

/*　グラフィック～Webボタン　*/
#original_menu li#og01 a{
	background-image: url(http://www.jspark.co.jp/works/img/og_menu01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:93px;
}
#original_menu li#og02 a{
	background-image: url(http://www.jspark.co.jp/works/img/og_menu02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:109px;
}
#original_menu li#og03 a{
	background-image: url(http://www.jspark.co.jp/works/img/og_menu03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:98px;
}
#original_menu li#og04 a{
	background-image: url(http://www.jspark.co.jp/works/img/og_menu04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:56px;
}
#original_menu li#og05 a{
	background-image: url(http://www.jspark.co.jp/works/img/og_menu05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:70px;
	margin-left:150px;
}
@media print {
    /* 印刷用スタイル */
#original_menu li#og05 a{
	margin-left:20px;
}
}

/*----------------------- 実績実例紹介オリジナルメニューバー -----------------------*/
/*　カテゴリーリスト全体枠　*/
#creative_in{
	margin:0px auto;
	width:512px;
}
/*　カテゴリーリストタイトル　*/
#creative_in #original_ttl{
	background-image: url(http://www.jspark.co.jp/works/img/ttl_index.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom:5px;
	height:14px;
	width:100px;
}
h5#sttl4 a,
#sttl01{
	background-image: url(http://www.jspark.co.jp/works/img/sttl_index01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:14px;
	width:512px;
	clear:both;
	display:block;
}
h5#sttl5 a,
#sttl02{
	background-image: url(http://www.jspark.co.jp/works/img/sttl_index02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:14px;
	width:512px;
	clear:both;
	display:block;
}
h5#sttl6 a,
#sttl03{
	background-image: url(http://www.jspark.co.jp/works/img/sttl_index03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:14px;
	width:512px;
	clear:both;
	display:block;
}
h5#sttl7 a,
#sttl04{
	background-image: url(http://www.jspark.co.jp/works/img/sttl_index04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:14px;
	width:512px;
	clear:both;
	display:block;
}

/*　サムネイルスペース　*/
.listSpace{
	margin:15px auto;
	padding:0px 0px 30px 0px;
	width:500px;
	clear:both;
}
.listSpace ul{
	padding:5px 0px 20px;
	border-bottom:1px dashed #999;
	clear:both;
/*
	background-image: url(img/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 512px;
*/
}


/*　MT独自タグ装飾　*/
.MTtitle{
	float:left;
	width:290px;
	overflow:hidden;
}
.MTtag{
	float:right;
	width:210px;
	overflow:hidden;
}
.MTthumbnail{
	margin-bottom:0px;
	width:240px;
	overflow:hidden;
}
#MTbody,
#comment{
	margin-bottom:10px;
	width:500px;
	overflow:hidden;
}
#client{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 10px 65px;
	line-height:1;
}
#media{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 10px 65px;
	line-height:1;
}
#purpose{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 10px 65px;
	line-height:1;
}
#intend{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 10px 65px;
	line-height:1;
}
#specification{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e05.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0px 0px 10px 65px;
	line-height:1;
}
#MTMore{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e06.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:30px 0px 10px 0px;
	width:500px;
}
#MTIcon11{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:33px;
	width:112px;
	display:block;
}
#MTIcon11 a{
	background-image: url(http://www.jspark.co.jp/works/img/icn_e07.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height:33px;
	width:112px;
	display:block;
}

/*　サムネイルスペース（カテゴリーアーカイブ）　*/
.listSpace{
	margin:15px auto;
	padding:0px 0px 30px 0px;
	width:500px;
	clear:both;
}
	.Space_l{
		float:left;
		padding:0px 0px 20px 0px;
		width:250px;
		overflow:hidden;
	}
	.Space_r{
		float:right;
		padding:0px 0px 20px 0px;
		width:250px;
		overflow:hidden;
	}
@media print {
    /* 印刷用スタイル */
	.Space_l{
		float:none;
	}
	.Space_r{
		float:none;
	}
}
@media print {
    /* 印刷用スタイル */
#right_contents{
	float:none;
	margin:0px auto;
	width:576px;
}
}



.module-list{
	margin-bottom:15px;
}
.module-list-item{
	display:inline;
}
.entry{
	margin:0 auto;
}
#archive-title{
	color:#3399FF;
	border-bottom:1px solid #999;
	font-size:14px;
	font-weight:bold;
}
.entry-img{
	margin:0px auto;
	text-align:center;
}
.entry-contents{
	border:1px solid #3399FF;
	margin:0px auto;
	margin-top:20px;
	padding:5px;
	width:460px;
}