@charset "utf-8";

/*============================================================

	シュンビン株式会社：index用スタイルシート
	■このスタイルシートは下記ページに適用されます。
	└index.html
	※IE用のハック(xml宣言対策)は *html として記述しています。

============================================================*/

/*
-----------------------------------------------基本設定-----*/
#header {
	height: 62px;
	background: url(../img/index/header_bg.gif);
}

#top_cap {
	margin: 5px 0 0 20px;
	font-size: 100%;
	font-weight: normal;
	color: #B40000;
}

/*
-----------------------------------------キービジュアル-----*/

#keyVisual {
	width: 671px;
	height: 252px;
	margin: 3px 0 0 12px;
	padding: 10px 0 0 10px;
	background: url(../img/index/key_bg.gif) no-repeat;
}

#keyVisual h3 {
	width: 488px;
	height: 239px;
	text-indent: -9999px;
	background: url(../img/index/key_visual091118.jpg) no-repeat;
}

/*
-----------------------------------------グローバルナビ-----*/

#globalNavi {
	width: 170px;
	height: 239px;
	margin: -252px 0 15px 510px;
}

#globalNavi ul {
	margin: 0;
	padding: 0;
}


#globalNavi li a {
	display: block;
	width: 170px;
	height:40px;
	text-indent: -9999px;
	overflow: visible;
}

#globalNavi .n01 a	{	background: url(../img/index/g_navi1.gif); 	}
#globalNavi .n02 a	{	background: url(../img/index/g_navi2.gif);	}
#globalNavi .n03 a	{	background: url(../img/index/g_navi3.gif);	}
#globalNavi .n04 a	{	background: url(../img/index/g_navi4.gif);	}

#globalNavi .n01 a:hover	{	background: url(../img/index/g_navi1.gif) 170px 0; 	}
#globalNavi .n02 a:hover	{	background: url(../img/index/g_navi2.gif) 170px 0;	}
#globalNavi .n03 a:hover	{	background: url(../img/index/g_navi3.gif) 170px 0;	}
#globalNavi .n04 a:hover	{	background: url(../img/index/g_navi4.gif) 170px 0;	}

/*
---------------------------------------コンテンツ-----*/
#content {
	width: 683px;
	padding: 0 0 0 23px;
}
#content strong {	font-weight: normal;}

#shunbinnitsuite h2 {
	width: 658px;
	height: 26px;
	padding: 0 0 3px 0;
	background: url(../img/index/shunbinnitsuite02.gif) no-repeat;
	text-indent: -9999px;
}
#shunbinnitsuite p {
	width: 640px;
	height: 114px;
	padding: 5px 10px 5px 10px;
	margin:0px;
	background: url(../img/index/shunbinnitsuite_back.gif) no-repeat;
}
#shunbinnitsuite p span.kokorogake2 {
border-bottom: 1px solid #b40000;
line-height: 1.5;
}
#check h2 {
	width: 658px;
	height: 28px;
	padding: 0px 0px 5px 0px;
	background: url(../img/index/check_cap.gif) no-repeat;
	text-indent: -9999px;
}
#check li {
	float: left;
	height: 70px;
	padding: 35px 9px 0px 10px;
	margin-top:5px;
}
#check li.n01 {
	width: 200px;
	background: url(../img/index/check_bg01.gif) no-repeat;
}
#check li.n02 {
	width: 200px;
	background: url(../img/index/check_bg02.gif) no-repeat;
}
#check li.n03 {
	width: 201px;
	background: url(../img/index/check_bg03.gif) no-repeat;
}

/*
-------------------------------------------デザイン事例-----*/
#design {
	float: left;
	width:347px;
	padding: 15px 0 0 0;
}
#design h2 {	margin: 0 0 3px 0;	}
#design h2 a {
	display: block;
	width: 347px;
	height: 30px;
	text-indent: -9999px;
	overflow: visible;
	background-image: url(../img/index/design_cap.gif);
}
#design p {
	padding: 7px 0 5px 20px;
	background: url(../img/media/list_bg.gif) left center no-repeat;
	font-size: 11px;
}
#design iframe {
	width: 347px;
	height: 180px;
}

/*
-----------------------------------------------新着情報-----*/
#new {
	float: left;
	width:292px;
	padding: 15px 0 0 18px;
}
#new h2 a {
	display: block;
	width: 292px;
	height: 30px;
	text-indent: -9999px;
	overflow: visible;
	background-image: url(../img/index/new_cap.gif)	;
}
#new iframe {
	width: 292px;
	height: 170px;
}

p.designer {	float: left;	padding-left: 15px;	padding-top: 5px;}

/*
-------------------------------------------提案フロー-----*/
#flow {	margin: 15px 0 0 0;}
#flow h2 {	margin: 0 0 15px 0;	}
#flow h2 {
/*	display: block;*/
	width: 658px;
	height: 30px;
	text-indent: -9999px;
	overflow: visible;
	background-image: url(../img/index/flow_cap.gif);
}
#flow .list01 li {
	float: left;
	height: 70px;
	padding: 34px 18px 0 10px;
}
#flow li.n01 {
	width: 141px;
	background: url(../img/index/flow_bg01.gif) no-repeat;
}
#flow li.n02 {
	width: 140px;
	background: url(../img/index/flow_bg02.gif) no-repeat;
}
#flow li.n03 {
	width: 141px;
	background: url(../img/index/flow_bg03091118.gif) no-repeat;
}
#flow li.n04 {
	width: 141px;
	height: 87px;
	padding: 34px 12px 0 10px;
	background: url(../img/index/flow_bg04091118.gif) no-repeat;
}
#flow .list02 {
	float: left;
	width: 659px;
}
#flow .list02 li {
	float: right;
	height: 70px;
	padding: 34px 3px 0 25px;
}
#flow li.n05 {
	width: 141px;
	background: url(../img/index/flow_bg05.gif) no-repeat;
}
#flow li.n06 {
	width: 141px;
	background: url(../img/index/flow_bg06.gif) no-repeat;
}
#flow li.n07 {
	width: 140px;
	background: url(../img/index/flow_bg07.gif) no-repeat;
}
#flow li.n07 p {
	padding: 2px 0 0px 20px;
	background: url(../img/media/list_bg.gif) left center no-repeat;
}
#flow li.n08 {
	width: 125px;
	height: 71px;
	background: url(../img/index/flow_bg08091118.gif) no-repeat;
}