@charset "utf-8";
/* CSS Document */



/* ************************************************ 
 *	左ナビ
 * *************************************************/
	
.leftnavi{
	width: 244px;
	margin: 14px 12px;
	border: 3px solid #FF8C00;
	padding-bottom: 10px;
	background: #FFFFFF;
	}
	
* html .leftnavi{
	width: 250px;
	margin: 14px 12px;
	border: 3px solid #FF8C00;
	padding-bottom: 0.5px;
	}


/* ************************************************ 
 *	ホームページ制作ページ内ナビ
 * *************************************************/

.leftnavi li {
	list-style:none;
	list-style-type:none;
	float: left;
	text-indent: -10000px;
	}

.leftnavi li a {
	list-style:none;
	list-style-type:none;
	display: block;
	overflow: hidden;
	height:0 !important;
	height /**/: 37px;
	padding-top: 37px;
	margin: 0px;
	background: url(../img/sy_i_navi.jpg);
	outline:none;
	}

/* オフマウス */
.leftnavi .navi01 a { width: 244px; background-position: 0px 0px; }
.leftnavi .navi02 a { width: 244px; background-position: 0px -37px; }
.leftnavi .navi03 a { width: 244px; background-position: 0px -74px; }
.leftnavi .navi04 a { width: 244px; background-position: 0px -111px; }

/* オンマウス */
.leftnavi .navi01 a:hover { background-position: -244px 0px; }
.leftnavi .navi02 a:hover { background-position: -244px -37px; }
.leftnavi .navi03 a:hover { background-position: -244px -74px; }
.leftnavi .navi04 a:hover { background-position: -244px -111px; }







/* ************************************************ 
 *	右カラム　
 * *************************************************/
	
#right p {
	margin: 0px 0px 10px;
	}
	
.border01 {
	width: 594px;
	border: 3px solid #E6E6E6;
	background: #F9F9F9;
	margin-bottom: 20px;
	}
	
.plan {
	width: 570px;
	margin: 15px auto;
	text-align: left;
	}
	
.plan h3 {
	width: 570px;
	text-align: left;
	background: url(../img/sy_i_sampleback.jpg) no-repeat;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	text-indent: 10px;
	padding-top: 7px;
	}
	
* html .plan h3 {
	height: 30px;
	padding-top: 9px;
	}
	
.plankind {
	width: 570px;
	margin: 0px 0px 15px;
	}
	
.sample_p {
	width: 555px;
	margin: 12px 15px 7px 10px;
	}
	
.price {
	font-size: 14px;
	font-weight: bold;
	text-indent: 10px;
	}
	
.plan_sample {
	width: 460px;
	margin: 12px 0px 0px;
	text-align: right;
	}
	
.plankind_img {
	width: 132px;
	float: left;
	margin: 5px 0px 0px;
	}



/* ************************************************ 
 *	テーブル
 * *************************************************/
 
 .table {
	border: 3px solid #E6E6E6;
	width: 600px;
	}
 
 .td01 {
	padding: 10px 20px;
	border-top: 1px none #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px none #E6E6E6;
	background: #F9F9F9;
	width: 180px;
	text-align: left;
	font-size: 13px;
	}
	
.td02 {
	padding: 10px 20px;
	border-top: 1px none #E6E6E6;
	border-right: 1px none #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px none #E6E6E6;
	background: #FFFFFF;
	text-align: left;
	font-size: 13px;
	}
	
.td03 {
	border-top: 1px none #E6E6E6;
	border-right: 1px none #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px none #E6E6E6;
	background: #FFFFFF;
	text-align: left;
	font-size: 13px;
	}
	
/* ************************************************ 
 *	定義リスト
 * *************************************************/
 
 dl {
	width: 570px;
	margin: 0px 0px 15px;
	}
 
 dt {
	width: 570px;
	font-size: 14px;
	background: url(../img/sy_i_icon01.jpg) no-repeat left top;
	text-indent: 20px;
	text-align: left;
	font-weight: bold;
	}
	
dd {
	width: 570px;
	font-size: 12px;
	text-align: left;
	}