@charset "utf-8";

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

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

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

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

#globalNavi {	background: url(../img/design/g_navi_bg.gif);	}

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

#sitemap #keyVisual2 {		background-image: url(../img/guide/sitemap/key_visual.jpg);}
#support #keyVisual2 {	    background-image: url(../img/guide/support/key_visual.jpg);	}
#shuncomi #keyVisual2 {
	position: relative;
	width: 520px;
	height: 190px;
	margin: 0 0 15px;
	text-indent: 0;
	overflow: visible;
	background-image: url(../img/guide/shuncom/key_visual.jpg);
}

#keyVisual2 h2 {
	text-indent: -9999px;
	overflow: visible;
}

#keyVisual2 p {
	position: absolute;
	top: 12px;
	left: 309px;
}

#keyVisual2 .n01 {
	top: 125px;
	left: 20px;
	width: 275px;
}

#keyVisual2 li		{	position: absolute;
						top: 153px;			}
#keyVisual2 .n02	{	left: 305px;		}
#keyVisual2 .n03	{	left: 401px;		}

#company #keyVisual2 {	background-image: url(../img/guide/company/key_visual.jpg);	}
/*
-----------------------------------------サイトマップ-------*/
.map li{
   padding:0px;
   margin: 0 12px 12px 12px; 
   border-bottom: #cccccc 1px dotted;
   vertical-align: middle;
} 
.map li a{
   margin: 0 0 0 5px;
   
} 


/*
---------------------------------------------顧客サポート活動-----*/

#support h3 {
	width: 465px;
	height: 25px;
	margin: 0 0 5px 0;
	padding: 5px 0 0 25px;
	background: url(../img/guide/magazine/cnt_cap_bg.gif);
}

#support .clearfix {
	clear: both;
	width: 490px;
	margin: 0 0 25px 12px;
}

#sentence div {
	float: left;
	width: 220px;
	height: 74px;
	margin: 5px 0 5px 0;
	padding: 6px 10px 0;
	background-image: url(../img/guide/magazine/cnt2_bg.gif);
}

#sentence h4 {
	height: 14px;
	text-indent: -9999px;
	overflow: visible;
}

#sent1 h4 {	background: url(../img/guide/magazine/cnt2_cap2.gif) no-repeat;	}
#sent2 h4 {	background: url(../img/guide/magazine/cnt2_cap3.gif) no-repeat;	}
#sent3 h4 {	background: url(../img/guide/magazine/cnt2_cap4.gif) no-repeat;	}
#sent4 h4 {	background: url(../img/guide/magazine/cnt2_cap5.gif) no-repeat;	}
#sent5 h4 {	background: url(../img/guide/magazine/cnt2_cap6.gif) no-repeat;	}
#sent6 h4 {	background: url(../img/guide/magazine/cnt2_cap7.gif) no-repeat;	}

#sentence p		{	margin: 10px 0 0 0;		}
#sentence .n02	{	margin: 5px 0 5px 10px;	}

#support span {
	position: relative;
	right: -390px;
}

/*
---------------------------------------------サイドナビ-----*/

#sideNavi .magazine01 a {	background: url(../img/guide/magazine/navi2.gif) no-repeat;	}
#sideNavi .magazine02 a {	background: url(../img/guide/magazine/navi1.gif) no-repeat;	}

/*
-------------------------------------シュンコミ-------------*/

.cnt h3 {
	width: 500px;
	height: 30px;
	margin: 0 0 10px 7px;
	text-indent: -9999px;
	overflow: visible;
}

#shuncomi .red {
	margin: 0 0 0 0;
}

/*
---------------------------------------シュンコミとは？-----*/

#about h3 {	background: url(../img/guide/shuncom/cnt1_cap.gif);	}

#about p {
	float: left;
	padding: 0 0 0 15px;
}
 
#about .n01 {
	width: 265px;
}

*html #about .n01 {
	width: 280px;
}

/*
---------------------------------------------ご利用料金-----*/

.pri {
	clear: both;
	width: 480px;
	margin: 0 0 25px 15px;
	border-bottom: 1px solid #E1E1E1;
}

#price h3 {	background: url(../img/guide/shuncom/cnt2_cap.gif);	}

#price h4 {
	width: 480px;
	margin: 0 0 5px;
	padding: 0 0 2px 0;
	text-indent: -9999px;
	overflow: visible;
	border-bottom: 3px solid #E1E1E1;
}

#price01 h4 {	background: url(../img/guide/shuncom/cnt2_cap2.gif) no-repeat;	}
#price02 h4 {	background: url(../img/guide/shuncom/cnt2_cap4.gif) no-repeat;	}
#price03 h4 {	background: url(../img/guide/shuncom/cnt2_cap6.gif) no-repeat;	}

#price h5 {
	width: 457px;
	height: 23px;
	margin: 0 0 10px;
	padding: 7px 0 0 23px;
	background: #F3F2F2;
}

*html #price h5 {
	width: 480px;
	height: 30px;
}

#price .qr {
	position: relative;
	top: -27px;
	right: -340px;
	width: 150px;
	margin: 0 0 -15px 0;
}

#price ul {	margin: 0 0 10px;	}

#price02 .n01 {
	position: relative;
	top: -35px;
	left: 392px;
	width: 82px;
}

#price02 ul			{	margin: -95px 0 20px;	}
*html #price02 ul	{	margin: -95px 0 -20px;	}

#price03 .n01, #price03 .n02, #price03 .n03 {
	width: 175px;
	height: 25px;
	padding: 10px 0 0 15px;
	background: #F3F2F2;
}

*html #price03 .n01, *html #price03 .n02, *html #price03 .n03 {
	width: 190px;
	height: 35px;
}

#price03 .n02 {	background: #FBFBFB;	}

#price03 .n04 {
	position: relative;
	width: 270px;
	top: -115px;
	left: 210px;
	margin: 0 0 -60px;
	text-indent: -1em;
}

*html #price03 .n04 {
	text-indent: 0;
}


/*
---------------------------------サービス開始までの流れ-----*/

#flow h3 {	background: url(../img/guide/shuncom/cnt3_cap.gif);	}

#flow p {
	margin: 0 0 15px 15px;
}

#flow table {
	width: 480px;
	margin: 0 0 20px 15px;
	font-size: 100%;
	border: 1px solid #DEDEDE;
	border-bottom: none;
}

#flow td {
	padding: 10px;
	border-bottom: 1px solid #DEDEDE;
}

#flow .n01 {
	width: 120px;
	background: #F3F3F3;
	border-right: 1px solid #DEDEDE;
}


/*
-----------------------------------------------会社概要-----*/

#content h2 {
	width: 500px;
	height: 30px;
	margin: 0 0 10px 7px;
	text-indent: -9999px;
	overflow: visible;
}

#overview h2 {	background-image: url(../img/guide/company/cnt1_cap.gif);	}

#overview table {
	width: 490px;
	margin: 0 0 15px 12px;
	border: none;
}

*html #overview table	{	font-size: 100%;	}
#overview td			{	height: 35px;		}

#overview .n01 {
	width: 85px;
	padding: 0 0 0 15px;
	background: url(../img/guide/company/cnt1_bg1.gif) no-repeat;
}

#overview .n02 {
	width: 85px;
	padding: 0 0 0 15px;
	background: url(../img/guide/company/cnt1_bg2.gif) no-repeat;
}

#overview .n03 {	background: #F6F6F6;	}

/*
---------------------------------------------サイドナビ-----*/

#sideNavi .n01 a {	background: url(../img/guide/company/navi1.gif) no-repeat;	}
#sideNavi .n02 a {	background: url(../img/guide/company/navi2.gif) no-repeat;	}
#sideNavi .n03 a {	background: url(../img/guide/company/navi3.gif) no-repeat;	}

/*
-------------------------------------社長プロフィール-----*/

#profile	{	line-height: 160%;	}
#profile h2 {	background-image: url(../img/guide/company/cnt2_cap.gif);	}

#profile h3 {
	margin: 0 0 3px;
	padding: 0 0 3px;
	font-size: 100%;
	font-weight: normal;
	border-bottom: 1px solid #8ACABC;
}

#profile .n01 {
	float: left;
	width: 222px;
	height: 142px;
	padding: 0 0 0 12px;
	margin: 0 0 15px;
}

#profile .n02 {
	float: left;
	width: 250px;
	padding: 0 0 0 15px;
}

#profile .n03 {
	clear: both;
	width: 470px;
	margin: 0 0 10px 12px;
	padding: 10px;
	background: #E6F5F0;
}

*html #profile .n02 {	width: 265px;	}
*html #profile .n03 {	width: 490px;	}

/*
--------------------------------------shunbinの生い立ち-----*/

#history {
	width: 490px;
	margin: 0 0 15px 12px;
	background: url(../img/guide/company/cnt3_bg.gif) repeat-y;
}

#history h2 {
	width: 490px;
	height: 54px;
	margin: 0 0 25px 0;
	padding: 0;
	background-image: url(../img/guide/company/cnt3_cap.gif);
}

#history .n01 {
	width: 460px;
	margin: 0 0 30px 20px;
}

#history h4 {
	width: 455px;
	margin: 0 0 10px 0;
	background: url(../img/guide/company/cnt3_cap_bg.gif) repeat-x;
}

#history p {
	display: inline;
	line-height: 230%;
	border-bottom: 1px dotted #BDC7C4;
}

#history li {
	display: inline;
	padding: 0 5px 0 0;
}