@charset "UTF-8";

/*
Theme Name: SU Theme01
Theme URI: http://www.softunique.net/
Description: 
Author: SoftUnique
Author URI: http://www.softunique.jp/
*/

@import "css/reset.css";

/*---------------------------------------*/
/*　　　　　　サイト基本設定　　　　　　*/ 
/*----------------------------------------*/

/*　背景設定　*/

body {
	font-family: 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3' ,sans-serif;
	background: url(images/bd_back.gif) repeat-y center top fixed;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*　リンク設定　　*/

a {
	color: #0000FF;
}

a:hover {
	background: #FFFACD;
}


/*　全体枠設定　*/

#wrap {
	margin: 0 auto 0 auto;
	width: 780px;
	text-align: left;
}

	#wrap .tit {
		background:#464646;
	}

	#wrap .tit h1 {
		float: left;
		color: #FFFFFF;
		font-weight: normal;
		font-size: 12px;
		margin: 0;
		padding: 3px 0 3px 10px;
	}

	#wrap .tit a {
		color: #333333;
		text-decoration: none;
	}

	#wrap .tit a:hover {
		color: #333333;
		background: none;
		text-decoration: none;
	}

	#wrap .tit h2 {
		color: #333333;
		font-weight: normal;
		font-size: 12px;
		text-align: right;
		margin: 0;
		padding: 3px 10px 3px 10px;
	}

	#wrap .tit h2 a {
		color: #FFFFFF;
		text-decoration: none;
	}

	#wrap .tit h2 a:hover {
		color: #777777;
		background: none;
		text-decoration: none;
	}

	#wrap .tit p {
		position: absolute;
		z-index:3;
		clear: both;
		font-size: 13px;
		color: #333333;
		margin: 87px 10px 10px 207px;
		line-height: 145%;
		width:380px;
	}


/*----------------------------------------*/
/*　　　　　　ヘッダー設定　　　　　　　　*/
/*----------------------------------------*/

#header {
	position: absolute;
	background: url(images/header.gif) no-repeat left top;
	z-index:1;
	width: 780px;
	height: 180px;
	top:18px;
	margin:0;
	padding: 0;
}

	#header .logo {
		position: absolute;
		top: 0;
		left: 0;
	}

	#header .navi {
		clear:both;
		position: absolute;
		top: 174px;
		left:0;
		width: 780px;
		height:38px;
		margin:0; padding:0;
	}

	#header .navi ul {
		font-size: 13px;
		text-align: center;
		margin: 0; padding:0;
		float: left;
	}

	#header .navi ul li {
		display: inline;
	}

		#header .navi ul li.page_item a {
			width: 130px;
			height: 38px;
			margin:0;	padding: 10px 0 0 0; 
			background:url(images/navi.gif) no-repeat left top;
			color: #333333;
			text-decoration: none;
			float: left;
		}

		#header .navi ul li.page_item a:hover {
			color: #FFFFFF;
			background:url(images/navi.gif) no-repeat right top;
		}

		#header .navi ul li.current_page_item a {
			width: 130px;
			height: 38px;
			padding: 10px 0 0 0;
			background:url(images/navi.gif) no-repeat right top;
			color: #FFFFFF;
			text-decoration: none;
			float: left;
		}

		#header .navi ul li.current_page_item a:hover {
			background:url(images/navi.gif) no-repeat right top;
		}

	#header .searchbox {
		position: absolute;
		z-index:5;
		display: inline;
		top: 15px;
		right:10px;
	}

	#header .search-box {
		float: left;
		background: url(images/search-bg.gif) no-repeat;
		font-size: 12px;
		border: #B6C9D3 solid;
		border-width: 1px 0 1px 1px;
		width: 150px;
		height: 16px;
		padding:3px 0 3px 5px;
		margin:0;
	}

	* html #header .search-box { /* ie6ハック*/
		float: none;
	}

	#header .search-button {
		background:url(images/search-button.gif) no-repeat;
		border: 0;
		width:23px;
		height: 23px;
		padding:3px 0 3px 5px;
		margin:0;
	}
	
	
/*-----------------------------------------*/
/*　　　　　　メイン設定　　　　　　　　　*/
/*----------------------------------------*/

#main_wrap {
	clear:both;
	text-align: justify;
	position: absolute;
	z-index:2;
	overflow: hidden;
	text-align: left;
	margin:0;
	padding:0;
	top:255px;
	width: 780px;
}


/*　コンテンツスペース　*/


#content {
	overflow: hidden;
	float: right;
	width: 580px;
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
}

	#content .storytop {
		overflow: hidden;
		width: 570px;
		margin: 0 0 20px 10px;
		padding: 0;
	}


	#content .story,#content .post {
		overflow: hidden;
		width: 570px;
		margin: 20px 0 20px 10px;
		padding: 0;
	}

	#content .storyNext {
		overflow: hidden;
		width: 570px;
		margin: 30px 0 5px 0;
		padding: 0;
	}

		#content .story h3,#content .storyNext h3 {
			background: url(images/h2_title.gif) no-repeat;
			width: 570px;
			height: 43px;
			color: #333333;
			font-size: 16px;
			padding: 10px 0 5px 25px;
			margin: 20px 0 3px 0;
		}

/*		#content .storytop h3 {
			background: url(images/h2_title.gif) no-repeat;
			width: 570px;
			height: 43px;
			color: #333333;
			font-size: 1em;
			padding: 10px 0 5px 25px;
			margin: 0 0 3px 0;
		} */

		#content .storytop h3 {
			background: none;
			height: 20px;
			margin:0;padding:0;
			border-left: 7px #7bc7fa solid;
			border-bottom: 1px #7bc7fa solid;
			color: #002E7F;
			font-size: 16px;
			padding: 5px 0 4px 10px;
			margin: 20px 0 15px 2px;
		}
	
		#content .story h4,#content .storyNext h4,#content .storytop h4 {
			background: none;
			margin:0;padding:0;
			border-left: 7px #7bc7fa solid;
			border-bottom: 1px #7bc7fa solid;
			color: #333333;
			font-size: 16px;
			padding: 5px 0 4px 10px;
			margin: 40px 0 15px 2px;
		}
	
		#content .story h5,#content .storyNext h5,#content .storytop h5 {
			background:url(images/h5_titile.gif) no-repeat left;
			border: none;
			line-height: 180%;
			font-size: 16px;
			margin: 30px 0 10px 0;
			padding: 5px 0 3px 32px;
		}

		#content .website h5 {
			background:none;
			border: none;
			border-left: 7px #7bc7fa solid;
			line-height: 180%;
			font-size: 16px;
			margin: 20px 0 10px 5px;
			padding: 2px 0 2px 10px;
		}


		#content .story p,#content .storyNext p,#content .post p,#content .storytop p {
			padding: 5px 0 8px 3px;
			line-height: 180%;	
			color: #222222;
			font-size: 14px;
		}

		#content .website p {
			padding: 5px 0 8px 15px;
			line-height: 180%;	
			color: #222222;
			font-size: 14px;
		}


		#content .storyh4 p {
			padding: 10px 0 15px 3px;
			line-height: 180%;	
			color: #222222;
			font-size: 14px;
		}


		#content .story ul,#content .storyNext ul,#content .post ul,#content .storytop ul {
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 30px 0;
		}

			#content .story ul li,#content .storyNext ul li,#content .post ul li,#content .storytop ul li {
				color: #222222;
				background: url(images/ya10r_10.gif) no-repeat 5px 6px;
				font-size: 14px;
				line-height: 180%;
				margin: 3px 5px 3px 20px;
				padding: 0 0 0 25px;
			}

		#content .story ol,#content .storyNext ol,#content .storytop ol {
			list-style-type: none;
			line-height: 180%;
			margin: 3px 0 20px 0;
			padding: 0;
		}

			#content .story ol li,#content .storyNext ol li,#content .storytop ol li {
				color: #222222;
				background: url(images/pin16.png) #FFFCDB no-repeat 7px 9px;
				border: 1px #FDE0A3 solid;
				font-size: 14px;
				line-height: 180%;
				margin: 5px 15px 10px 28px;
				padding: 5px 10px 5px 28px;
			}
	
		#content .story dl,#content .storyNext dl,#content .storytop dl {
			list-style-type: none;
			line-height: 180%;
		}

			#content .story dt,#content .storyNext dt,#content .storytop dt {
				color: #333333;
				background:url(images/limark01.png) #fdec8f no-repeat 7px 6px;
				border-bottom: 1px #330000 solid;
				border-right: 1px #330000 solid;
				line-height: 180%;
				font-weight: bold;
				font-size: 14px;
				margin: 20px 0 10px 5px;
				padding: 2px 0 2px 25px;
			}

			#content .story dd,#content .storyNext dd,#content .storytop dd {
				color: #333333;
				font-size: 14px;
				line-height: 180%;
				margin: 0 0 20px 25px;
				padding: 0;
			}

		#content .post blockquote {
			background: #F6F6F6;
			border-left: #CCCCCC 7px solid;
			line-height: 160%;
			padding: 10px 10px 10px 5px;
			margin: 5px 10px 15px 25px;
		}

	#content .photoc {
		color: #666666;
		text-align:center;
		margin: 10px 0 15px 0;
		padding: 2px 0 0 0;
		font-size: 13px;
	}

	#content .photo_apply {
		color: #666666;
		text-align:center;
		margin: 70px 0 20px 0;
		padding: 2px 0 0 25px;
		font-size: 13px;
	}

	#content .photor {
		float: right;
		color: #666666;
		text-align:center;
		font-size: 13px;
		margin: 7px 0 7px 15px;
		padding: 2px 0 0 0;
	}

	#content .photol {
		float: left;
		color: #666666;
		text-align:center;
		font-size: 13px;
		margin: 7px 15px 7px 0;
		padding: 2px 0 0 0;
	}

	#content .photor2 {
		float: right;
		color: #666666;
		text-align:center;
		font-size: 13px;
		margin: 7px 10px 7px 15px;
		padding: 2px 0 0 0;
	}

	#content .photol2 {
		float: left;
		color: #666666;
		text-align:center;
		font-size: 13px;
		margin: 7px 15px 7px 17px;
		padding: 2px 0 0 0;
	}

	#content .textright {
		text-align: right;
		font-size: 14px;
		margin: 10px 10px 10px 0;
		padding: 0;
	}

	#content .textright_s {
		text-align: right;
		font-size: 14px;
		margin: 10px 10px 10px 0;
		padding: 0;
	}

	#content .textleft {
		margin: 30px 10px 30px 20px;
		line-height: 180%;
		padding: 0;
	}

		#content .textleft a {
			font-size: 17px;
		}

/*	サービス内容と費用	*/

	#content .plan,#content .plan1 {
		width: 570px;
		text-align: center;
		margin:7px 0 20px 0;
	}

		#content .plan p,#content .plan1 p {
			font-size:14px;
			color:#333333;
			padding:5px 7px 15px 7px;
		}

		#content .plan table,#content .plan1 table {
			width: 570px;
			border:1px #DCDAFA solid;
			border-spacing: 1px;
		}

		#content .plan td,#content .plan th,#content .plan1 td,#content .plan1 th {
			font-size: 13px;
			line-height: 150%;
			color:#333333;
			text-align: left;
		}

		#content .plan th,#content .plan1 th {
			width: 105px;
			font-weight: bold;
			background-color: #D3EDFB;
			border: none;
			padding: 5px 0 5px 10px;
		}

		#content .plan td,#content .plan1 td {
			width: 405px;		
			text-align:left;
			background-color: #ECF5FA;
			padding: 5px;
		}

		#content .plan1 td {
			width: 202.5px;		
		}


	
/*　作業のながれ　*/

	#content .flow {
		overflow: hidden;
		width: 570px;
		margin: 30px 0 5px 0;
		padding: 0;
	}

		#content .flow h3 {
			background: url(images/h2_title.gif) no-repeat;
			width: 570px;
			height: 43px;
			color: #333333;
			font-size: 16px;
			padding: 12px 0 5px 25px;
			margin: 30px 0 7px 0;
		}
	
		#content .flow h4 {
			background: url(images/flow_subtitle.gif) no-repeat left;
			width: 570px;
			border: none;
			color: #333333;
			font-size: 16px;
			padding: 6px 0 5px 32px;
			margin: 35px 0 15px 0;
		}
	
		#content .flow h5 {
			background: #FFFFFF;
			border: none;
			border-left: 5px #fcd78f solid;
			border-bottom: 1px #fcd78f solid;
			line-height: 180%;
			font-size: 15px;
			margin: 20px 0 10px 0;
			padding: 1px 0 1px 12px;
		}
	

		#content .flow p {
			padding: 5px 0 8px 0;
			line-height: 180%;	
			color: #222222;
			font-size: 14px;
		}
	
		#content .flow hr {
			width: 100%;
			text-align:center;
			border: 1px #CCCCCC dotted;
		}

	#content .flowimg {
		float:right;
		margin: 0;	padding:0;
	}
	

/*　よくある質問　*/

		#content .qa dl {
			list-style-type: none;
			line-height: 180%;
			margin: 3px 0 12px 0;
			padding: 0;
		}

			#content .qa dt {
				color: #333333;
				background: url(images/q01.gif) #FFFCDB no-repeat 5px 8px;
				line-height: 180%;
				font-weight: bold;
				margin: 25px 5px 15px 17px;
				padding: 3px 0 3px 35px;
			}

			#content .qa dd {
				color: #222222;
				background: url(images/a01.gif) no-repeat 5px 5px;
				line-height: 180%;
				margin: 15px 5px 35px 17px;
				padding: 0 0 0 35px;
			}

		#content .qa hr {
			width: 98%;
			text-align:center;
			border: 1px #CCCCCC dotted;
		}

/*　クライアントの生の声　*/

	#content .examplelist {
		border: 1px #F9F4CD solid;
		background: #FFFEF3;
		margin: 10px 0 40px 0;
	}

		#content .examplelist h4 {
			color: #333333;
			background: url(images/pin16.png) no-repeat 10px 3px;
			border:none;
			font-size: 14px;
			padding: 2px 0 2px 27px;
			margin: 18px 10px 15px 10px;
		}

		#content .examplelist p {
			font-size: 14px;
			padding: 5px 5px 10px 10px;
		}


		#content .examplelist hr,#content .qa hr {
			width: 95%;
			text-align:center;
			border: 1px #CCCCCC dotted;
		}

	#content .point {
		color: #333333;
		font-size: 14px;
		font-weight: bold;
		padding: 0;
		margin: 20px 0 10px 10px;
	}


/*　グーグル アナリティクス　*/

	#content .ga {
		overflow: hidden;
		width: 570px;
		margin: 20px 0 5px 0;
		padding: 0;
	}

		#content .ga h4 {
			border-left: 7px #7bc7fa solid;
			border-bottom: 1px #7bc7fa solid;
			color: #333333;
			font-size: 16px;
			padding: 5px 0 4px 10px;
			margin: 15px 0 15px 2px;
		}

		#content .ga h5 {
			background:url(images/ga_subtitle.gif) no-repeat left;
			width: 570px;
			height: 33px;
			border: none;
			/*background:url(images/limark01.png) #fdec8f no-repeat 7px 8px;*/
			/*border-bottom: 1px #e6c570 solid;*/
			/*border-right: 1px #e6c570 solid;*/
			line-height: 180%;
			font-size: 15px;
			margin: 45px 0 10px 0;
			padding: 10px 0 3px 32px;
		}
	

		#content .ga p {
			padding: 10px 10px 8px 10px;
			line-height: 180%;	
			color: #222222;
			font-size: 14px;
		}

		#content .ga a:hover {
			color: #8d050c;
		}
		
		#content .ga ol {
			list-style-type: none;
			border: 1px #FDE0A3 solid;
			background: #FFFCDB;
			line-height: 180%;
			margin: 7px 10px 40px 15px;
			padding: 10px 0;
		}

			#content .ga ol li {
				color: #222222;
				background: url(images/pin16.png) no-repeat 7px 7px;
				border: none;
				font-size: 14px;
				line-height: 180%;
				margin: 0 15px 0 10px;
				padding: 2px 10px 5px 28px;
			}

		#content .ga ul {
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 5px 10px;
		}

			#content .ga ul li {
				color: #222222;
				background: url(images/ya10r_10.gif) no-repeat 5px 6px;
				font-size: 14px;
				line-height: 180%;
				margin: 2px 5px 2px 35px;
				padding: 0 0 0 25px;
			}



		#content .ga hr {
			width: 100%;
			height: 1px;
			border-style: dotted none none none;
			border-top-color: #C9CACA;
			border-top-width: 1px;
			margin: 10px 0;
		}



/*	グーグルアナリティクス設定代行	*/

	#content .gatb {
		width: 540px;
		margin:0 0 10px 20px;
	}

		#content .gatb table {
			width: 100%;
			margin: 0 auto 5px auto;
		}

		#content .gatb td,th {
			line-height: 160%;
			font-size: 13px;
			font-weight: normal;
			color:#333333;
		}

		#content .gatb th {
			text-align: left;
			vertical-align: top;
			border: none;
			font-size: 13px;
			width: 20%;
			padding: 2px 5px;
		}

		#content .gatb td {
			text-align: left;
			padding: 2px 5px;
		}


/*　料金プラン,月額費用　*/

#content .pricetable {
	width: 570px;
	text-align: center;
	margin:7px 0 20px 0;
}

	#content .pricetable p {
		color:#333333;
		text-align: left;
		padding:5px 7px 5px 2px;
	}

	#content .subtitle {
		color:#333333;
		text-align: left;
		font-size: 14px;
		padding:15px 7px 5px 2px;
	}

	#content .pricetable table {
		width: 568px;
		margin: 5px 0 5px 2px;
		border-collapse: collapse;
		border-spacing: 0;
	}

	#content .pricetable td,#content .pricetable th {
		font-size: 13px;
		line-height: 150%;
		color:#333333;
		text-align: left;
	}

	#content .pricetable th {
		font-weight: normal;
		color:#333333;
		background-color: #FFE2BF;
		text-align:center;
		border: 1px #DFBF99 solid;
		padding: 5px 5px 5px 10px;
	}

	#content .pricetable td {
		text-align:right;
		background: none;
		border: 1px #DFBF99 solid;
		padding: 5px 5px 5px 10px;
	}

	#content td.pfl {
		text-align:left;
	}


		#content th.wth1 {
			width: 40%;
		}

		#content th.wth2 {
			width: 30%;
		}

		#content th.wth3 {
			width: 60%;
		}


		#content td.tath2 {
			text-align: right;
		}


/*　ホームページ無料素材　*/

	#content .icon {
		margin: 8px 5px 3px 2px;
		padding: 0;
	}

	#content .icons {
		margin: 8px 10px 3px 2px;
		padding: 0;
	}


/*　商テン見聞録　*/

	#content .storycontent {
		color: #333333;
		line-height: 200%;
		border: 1px #ebcf9f solid;
		width:558px;
		margin: 20px 0 5px 0;
		padding: 5px 5px 10px 5px;
	}

		#content .storycontent h3 {
			color: #333333;
			border-left:7px solid #b0141b;
			background:#fef7eb;
			line-height: 140%;
			font-size: 11pt;
			margin: 0;
			padding: 5px 10px 3px 10px;
		}

			#content .storycontent h3 a {
				font-size: 11pt;
			}

		#content .storycontent p {
			padding: 5px 5px 8px 15px;
			line-height: 200%;	
			color: #333333;
			font-size: 14px;
		}

		#content .storycontent pre {
			width: 500px;
			font-family: Verdana, Arial, sans-serif;
			background: #f7f7f7;
			border: 1px solid #999999;
			line-height: 140%;
			padding: 3px 10px;
			margin: 15px auto;
			overflow: auto;
			color: #333333;
			font-size: 14px;
		}

/*		#content .storycontent a {
			color: #993333;
		}
*/
		#content .storycontent ul {
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 5px 0;
		}

			#content .storycontent ul li {
				color: #333333;
				background: url(images/ca12_05.gif) no-repeat 5px 9px;
				font-size: 14px;
				line-height: 180%;
				margin: 3px 5px 3px 35px;
				padding: 0 0 0 18px;
			}

		
		#content .datef {
			border-left:7px solid #b0141b;
			background:#fef7eb;
			line-height: 110%;
			padding: 0 10px 7px 10px;
			margin: 0 0 15px 0;
			text-align: right;
			color:#333333;
			font-size: 9pt;
		}

		#content .meta, #content .meta a {
/*			color: #993333; */
			font-family: Osaka, Verdana, sans-serif;
			margin: 20px 5px 15px 0;
			text-align: right;
			font-size: 9pt;
		}

			#content .meta ul, #content .meta ul li {
				display: inline;
				text-decoration: none;
				background:none;
				margin: 0;	padding: 0;
			}

		#content .metac {
			color: #333333;
			margin: 0 5px 5px 0;
			text-align: right;
			font-size: 9pt;
		}

/*			#content .metac a {
				color: #993333;
			}
*/
	#content .feedback {
		clear: both;
		margin: 15px 0 50px 10px; padding: 20px 0 0 0;
	}

		#content .feedback p {
			font-size: 13px;
		}

		#content .feedback input {
			width:500px;
			background-color: #fef7eb;
			padding:3px;
		}

	#content .cate {
		overflow: hidden;
		width: 550px;
		background: url(images/hr1.gif) repeat-x top left;
		margin: 30px 0 0 10px;	padding: 30px 0 20px 0;
	}


/*　　コメントページ　*/

#comments {
	margin: 0 0 20px 10px;
}

	#comments .blog_font1 {
		font-size: 11pt;
		color:#333333;
		padding:10px 10px 0 15px;
		line-height: 180%;
	}

	#comments .blog_com_title {
		width:510px;
		border-left: 7px solid #ebcf9f;
		border-bottom: 2px solid #ebcf9f;
		margin:0 0 15px 15px;	
		font-size: 11pt;
		font-weight: bold;
		padding: 3px 0 3px 12px;
	}

	#comments .blog_com_font1 {
		color:#333333;
		padding:0 10px 0 20px;
		line-height: 120%;
		font-size: 10pt;
		margin:5px 0 10px 0;
	}

		#comments .blog_com_font1 p {
			font-size: 10pt;
			margin:5px 0 10px 0;
		}

	#comments .blog_com_waku {
		width:500px;
		background-color:#fef7eb; 
		border-top-width: 0;
		border-right-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 0;
		border-color: #ebcf9f;
		border-style: solid;
		margin: 40px 10px 30px 25px;
		padding: 15px 0 10px 15px;
	}

		#comments .blog_com_waku span {
			font-size: 11pt;
			font-weight: bold;
			color:#333333;
		}

		#comments .blog_com_waku p {
			font-size: 10pt;
			color:#333333;
			margin: 10px 10px 0 5px;
		}

		#comments .blog_com_waku input,#comments .blog_com_waku textarea {
			font-size: 10pt;
			line-height: 140%;
			color:#333333;
		}

		#comments .center_blog01 hr {
			width: 80%;
			height: 1px;
			border-style: dotted none none none;
			border-top-color: #C9CACA;
			border-top-width: 1px;
			margin: 10px 0;
		}


/*　RSSフィード　*/

	#content .rss {
		float: left;
		width: 182px;
		margin: 7px 0 20px 0;
		padding:0;
		background: #dfeffe;
	}

		#content .rss h4 {
			background:url(images/mtb_01.gif) repeat-x top left;
			margin:0;
			width: 168px;
			font-size: 14px;
			color:#FFFFFF;
			padding: 5px 0 5px 7px;
		}

		#content .rss p {
			font-size: 12px;
			line-height: 130%;
			padding: 5px 5px 5px 3px;
		}

		#content .rss ul {
			list-style-type: none;
			line-height: 140%;
			margin: 5px 0 20px 0;
			padding: 0;
		}
			#content .rss ul li{
				color: #333333;
				background: none;
				font-size: 12px;
				line-height: 140%;
				margin: 3px 5px 3px 10px;
				padding: 0;
			}



/*　パンくずリスト　*/

	#content .bread {
		position: absolute;
		z-index:4;
		top:0;
		background: url(images/ya11r_08.gif) no-repeat 2px 5px;
		width:570px;
		font-size: 13px;
		line-height: 140%;
		color:#555555;
		padding: 0 10px 0 12px;
		margin:0;
	}
	
		#content .bread a {
			color:#0068B6;
		}

		#content .bread a:hover {
			color:#ED7100;
		}

/*	フォームテーブル	*/

	#content .form1 {
		width: 570px;
		text-align: center;
		margin:7px 0 20px 0;
	}

		#content .form1 p {
			font-size:13px;
			color:#333333;
			padding:5px 7px 15px 7px;
		}

		#content .form1 table {
			width: 570px;
			border:1px #DCDAFA solid;
			border-spacing: 1px;
		}

		#content .form1 td,th {
			font-size: 13px;
			line-height: 150%;
			color:#333333;
			text-align: left;
		}

		#content .form1 th {
			width: 185px;
			font-weight: bold;
			background-color: #D3EDFB;
			border: none;
			padding: 5px 0 5px 10px;
		}

		#content .form1 td {
			width: 325px;		
			text-align:left;
			background-color: #ECF5FA;
			padding: 5px;
		}

		#content .form1 textarea {
			font-size: 13px;
			line-height: 150%;
		} 

		#content .form1 input {
			margin: 2px 0 0 0;
			padding: 2px 0;
		} 

		#content tr.bctd td {
			font-size: 13px;
			line-height: 180%;
			background-color: #D3EDFB;
			padding: 10px;
		}

		#content tr.bctd1 td {
			font-size: 13px;
			line-height: 180%;
			background-color: #D3EDFB;
			padding: 10px;
		}


	#content .ERR {
		color: #d44;
	}

/*	メルマガフォーム	*/

	#content .mm_form {
		width: 512px;
		text-align: center;
		margin:30px 0 40px 40px;
	}

		#content .mm_form p {
			font-size:13px;
			color:#333333;
			text-align: left;
			padding:0 7px 0 10px;
		}

		#content .mm_form table {
			width: 512px;
			border:1px #52a4db solid;
			background-color: #ECF5FA;
			border-spacing: 1px;
			margin: 0 0 10px 0;
		}

		#content .mm_form td,th {
			font-size: 13px;
			line-height: 150%;
			color:#333333;
			text-align: left;
		}

		#content .mm_form th {
/*			background-color: #D3EDFB; */
			border: none;
			padding: 5px 0 5px 10px;
		}

		#content .mm_form td {
			text-align:left;
			border: none;
/*			background-color: #ECF5FA; */
			padding: 5px;
		}

		#content .mm_form input {
			margin: 0;
			padding: 2px 0;
		} 

		#content th.mm_form_title {
			font-size:13px;
			text-align: center;
			color:#FFFFFF;
			background: url(images/mmb_01.gif) repeat-x ;
/*			background-color: #52a4db;*/
			padding:7px 0 7px 0;
		}

		#content th.mm_form_menu {
			width:100px;
/*			background-color: #dfeffe; */
			padding:  0 0 2px 15px;
		}

		#content td.mm_form_send {
			text-align: right;
/*			background-color: #dfeffe; */
			padding:  5px 10px 5px 10px;
		}



/*　枠　*/

	#content .sq,#content .sqhp {
		overflow: hidden;
		border: 1px #FDE0A3 solid;
		background:#FFFCDB;
		padding: 10px 0;
		margin: 15px 15px 15px 20px;
	}

	#content .sqb {
		border: 1px #4EB2FA solid;
		background:#DFEFFE;
		padding: 10px 0;
		margin: 15px 15px 15px 20px;
	}

	#content .sqskin {
		border: 1px #FFCC99 solid;
		background:#F5EFD7;
		padding: 10px 0;
		margin: 15px 15px 15px 20px;
	}

		#content .sq ul,#content .sqb ul,#content .sqskin ul {
			list-style-type: none;
			line-height: 160%;
			margin: 5px 0 5px 10px;
		}

			#content .sq ul li,#content .sqb ul li,#content .sqskin ul li {
				color: #222222;
				background: url(images/limark01.png) no-repeat 2px 5px;
				font-size: 14px;
				line-height: 180%;
				margin: 3px 5px 3px 10px;
				padding: 2px 0 0 27px;
			}

		#content .sq p,#content .sqb p,#content .sqskin p {
			font-size: 14px;
			padding: 10px;
			margin: 0;
		}

		#content .sqskin ol {
			list-style-type: none;
			line-height: 180%;
			margin: 3px 0 20px 0;
			padding: 0;
		}

			#content .sqskin ol li {
				color: #222222;
				background: url(images/ca02_05.gif) no-repeat 10px 11px;
				border:none;
				font-size: 14px;
				line-height: 180%;
				margin: 5px 10px 10px 10px;
				padding: 2px 0 0 22px;
			}


		#content .sqhp ul {
			list-style-type: none;
			line-height: 180%;
			margin: 5px 0 5px 5px;
		}

			#content .sqhp ul li {
				color: #222222;
				background: url(images/limark01.png) no-repeat 7px 4px;
				font-size: 14px;
				line-height: 180%;
				margin: 3px 5px 3px 10px;
				padding: 0 0 0 27px;
			}

	#content .sqmenu {
		overflow: hidden;
		border: 1px #FDE0A3 solid;
		background:#FFFCDB;
		padding: 10px;
		margin: 15px 0 15px 0;
	}

		#content .sqmenu p {
			font-size: 14px;
			line-height: 180%;
		}


	#content .sq_blank {
		padding: 10px 0;
		margin: 10px 10px 15px 10px;
	}

	#content .sq_blankt {
		overflow: hidden;
		width: 570px;
		margin: 30px 0 5px 0;
		padding: 0;
	}


	#content .sq_blankli {
		padding: 10px 5px;
		margin: 10px 10px 15px 25px;
	}

		#content .sq_blankli ol {
			list-style-type: none;
			line-height: 180%;
			margin: 3px 0 20px 0;
			padding: 0;
		}

			#content .sq_blankli ol li {
				color: #555555;
				background: url(images/pin16.png) no-repeat 7px 7px;
				border:none;
				font-size: 14px;
				line-height: 180%;
				margin: 5px 10px 10px 10px;
				padding: 2px 0 0 28px;
			}

	#content .sq01 {
		border: 1px #333333 solid;
		background:#FFFCDB;
		line-height: 180%;
		padding: 10px 10px 10px 15px;
		margin: 15px 20px 15px 25px;
	}

		#content .sq01 p {
			font-size: 12px;
			padding: 2px 0;
			margin: 0;
		}


	#content .sql {
		float:left;
		width: 220px;
		background:none;
		line-height: 180%;
		margin:0;
		padding: 0 5px 0 20px;
	}


	#content .sqr {
		float:right;
		width: 220px;
		background:none;
		line-height: 180%;
		margin: 0;
		padding: 0 10px 0 5px;
	}

/*	テーブル	*/

	#content .sttable {
		text-align: center;
		width: 550px;
		margin:7px 0 20px 15px;
	}

		#content .sttable table {
			width: 90%;
			border-collapse:collapse;
			margin: 10px auto 20px auto;
		}

			#content .sttable td,th {
				font-size: 13px;
				line-height: 140%;
				border: 1px #888888 solid;
				color:#333333;
			}

			#content .sttable th {
				width: 15%;
				background-color: #E4EAFD;
				font-weight: normal;
				text-align: center;
				padding: 3px 5px;
			}

			#content .sttable td {
				background-color: #FFFFFF;
				text-align: right;
				padding: 5px 5px;
			}


　/*　枠テーブル　*/

	#content .site {
		text-align: center;
		margin:15px 15px 15px 20px;
		}

		#content .site table {
			width: 75%;
			border-collapse:collapse;
			margin: 20px auto 10px auto;
		}
			#content .site td,th {
				font-size: 13px;
				line-height: 140%;
				border: 1px #888888 solid;
				color:#333333;
			}

			#content .site th {
				background-color: #FFFCDB;
				font-weight: normal;
				text-align: center;
				padding: 3px 5px;
			}

			#content .site td {
				background-color: #FFFFFF;
				text-align: left;
				padding: 5px 5px;
			}

　/*　料金項目テーブル　*/

	#content .mt {
		text-align: center;
		margin:15px 15px 15px 20px;
		padding: 0 0 10px 0;
	}

		#content .mt table {
			width: 93%;
			border-collapse:collapse;
			margin: 10px auto 25px auto;
		}

			#content .mt td,th {
				font-size: 13px;
				line-height: 140%;
				border: 1px #888888 solid;
				color:#333333;
			}

			#content .mt th {
				background-color: #FB9D65;
				font-weight: normal;
				text-align: center;
				padding: 3px 5px;
			}

			#content .mt td {
				background-color: #FFFFFF;
				text-align: left;
				padding: 5px 5px;
			}

				#content th.wth1 {
					width: 42%;
				}

				#content th.wth2 {
					width: 17%;
				}

				#content td.tath2 {
					text-align: right;
				}


/*　複数ページ前後リンク　*/

	#content .navigation {
		font-size: 13px;
		margin: 10px 5px 30px 10px;
	}

	#content .alignright {
		display: inline;
		float: right;
		margin: 10px 0 10px 5px; 
	}

	#content .alignleft {
		display: inline;
		float: left;
		margin: 10px 10px 10px 5px; 
	}

		#content .alignleft:after {
			content: "";
			clear: both;
			height: 0;
			display: block;
			visibility: hidden;
		}

/*	検索結果	*/

	#content .search {
		overflow: hidden;
		width: 570px;
		margin: 20px 0 20px 10px;
		padding: 0;
	}

		#content .search h3 {
			background: url(images/h2_title.gif) no-repeat top left;
			color: #333333;
			width:580px; height: 35px;
			font-size: 15px;		
			margin: 15px 0 15px 0;	padding: 9px 0 0 20px;
		}
	
		#content .search ul {
			line-height: 180%;
			margin: 3px 0 20px 10px;
			padding: 0;
		}

		#content .search ul li{
			color: #555555;
			font-size: 14px;
			line-height: 180%;
			margin: 5px 25px 10px 15px;
			padding: 5px 0 5px 5px;
		}

		#content .search p {
			line-height: 180%;	
			color: #555555;
			font-size: 14px;
			margin: 0 0 20px 0;	padding: 3px 0;
		}

#searchbox1 {
	display: inline;
	width:90%;
	margin: 30px 10px 60px 0; padding:0;
}

	#searchbox1 .search-box1 {
		float: left;
		background: url(images/search-bg.gif) no-repeat;
		font-size: 12px;
		border: #B6C9D3 solid;
		border-width: 1px 0 1px 1px;
		width: 150px;
		height: 15px;
		padding:3px 0 3px 5px;
		margin:0;
	}

	* html #searchbox1 .search-box1 { /* ie6ハック*/
		float: none;
	}

	#searchbox1 .search-button1 {
		background:url(images/search-button.gif) no-repeat;
		border: 0;
		width:23px; height: 23px;
		padding: 3px 0 3px 5px; margin:0;
	}


/*　404エラーページ　*/

	#content .er {
		text-align: center;
		font-size: 15px;
		margin: 30px 0 30px 0;
	}

		#content .er p {
			font-size: 15px;
			margin: 0; padding: 10px 0;
		}


/*　分割リンク　*/

	#content .navi {
		width: 100%;
		font-size: 13px;
		text-align: center;
		margin: 0 0 30px 0;
	}

/*　　ページトップへ　*/

	#content .page_top {
		text-align: right;
		font-size: 13px;
		margin: 30px 0 30px 0;
		padding: 0;
	}


/*--------------------------------------*/
/*　　　　　　左メニュー設定　　　　　　*/
/*---------------------------------------*/


#left {
	float: left;
	width: 180px;
	margin: 0;
	display: inline;
}

	#left .menu_img {
		border:0;
		margin:5px 0 0 0;
		padding:0;
	}

/*　お申し込み　*/

	#left .apply {
		width: 182px;
		text-align:center;
		margin: 0 0 10px 0;	padding:0;
	}

	#left .apply p {
			font-size: 12px;
			line-height: 130%;
			padding: 5px 5px 5px 3px;

	}


/*　メニュー　*/

	#left .menu {
		width: 182px;
		margin: 0 0 20px 0;
		padding:0;
		background: #dfeffe;
		/*border: 1px #7bc7fa solid;*/
	}

		#left .menu a:hover {
			color: #8d050c;
			background: none;
		}

		#left .menu p {
			font-size: 12px;
			line-height: 130%;
			padding: 5px 5px 5px 3px;
		}

		#left .menu h4,#left .menu h5 {
			background:url(images/mtb_01.gif) repeat-x top;
			margin:0;
			width: 175px;
			font-size: 14px;
			color:#FFFFFF;
			padding: 5px 0 5px 7px;
		}

	#left .titlem {
		background:url(images/mtb_01.gif) repeat-x top;
		margin:0;
		padding:0;
		width: 180px;
		border-bottom: 1px #52a4db solid;
	}

		#left .titlem p {
			font-size: 14px;
			color:#FFFFFF;
			padding: 5px 0 4px 7px;
		}


		#left .menu ul {
			list-style-type: none;
			text-align: left;
			margin: 0 1px 0 0;
			padding:15px 0 15px 0;
		}

			#left .menu li,	
			#left .page_item li {
				color: #5F5F5F;
				background: url(images/yd10r_08.gif) no-repeat 1px 4px;
				font-size: 12px;
				font-weight: bold;
				line-height: 130%;
				margin: 0 0 0 3px;
				padding: 0 0 9px 10px;
			}

		#left .menu dl {
			list-style-type: none;
			line-height: 180%;
		}

			#left .menu dt {
				color: #333333;
				background: #BF740C;
				line-height: 180%;
				font-weight: bold;
				padding: 3px 0;
				text-align: center;
			}

			#left .menu dd {
				font-size: 13px;
				color: #333333;
				background: url(images/yd08r_08.gif) no-repeat 0 5px;
				line-height: 130%;
				margin: 0 0 7px 5px;
				padding: 0 0 0 12px;
			}

		#left .menu_tag {
			margin: 5px;
			padding:0;
		}

			#left .menu_tag a {
				text-decoration: none;
			}

			#left .menu_tag a:hover {
				text-decoration: underline;
			}


		#left .photo01 {
			float: left;
			margin: 5px 5px 2px 5px;
			padding:0;
		}

	#left .photoc {
		color: #666666;
		text-align:center;
		margin: 10px 0 10px 0;
		padding: 2px 0 2px 0;
		line-height: 160%;
		font-size: 13px;
	}

/*	メルマガフォーム	*/

	#left .mm_form_side {
		width: 182px;
		background: #dfeffe;
		margin: 0 0 20px 0; padding: 0 0 10px 0;
	}

		#left .mm_form_side h4 {
			background:url(images/mtb_01.gif) repeat-x top;
			margin:0;
			width: 175px;
			font-size: 13px;
			color:#FFFFFF;
			padding: 5px 0 5px 7px;
		}

	#left .mm_form_sidep {
		font-size:13px;
		color: #ff3300;
		font-weight:bold;
		text-align: center;
		padding: 10px 0 5px 0;
	}


		#left .mm_form_side p {
			font-size:12px;
			color:#333333;
			line-height: 140%;
			text-align: left;
			padding:5px 5px 2px 10px;
		}


		#left .mm_form_side_m input {
			width: 160px;
			margin: 0 0 0 7px;
			padding: 2px;
		} 

		#left .mm_form_side input {
			margin: 0 0 0 7px;
			padding: 2px;
		} 



/*　商テン見聞録　*/

	#left .blog {
		background:#dfeffe url(images/menu_blogback.gif) no-repeat center top;
		margin:0;
		padding:12px 2px 10px 4px;
	}

		#left .blogtitle {
			font-weight:bold;
			color: #993333;
			font-size: 13px;
			line-height: 140%;
			margin: 20px 0 0 0;
			padding:0 2px;
		}

			#left .blogtitle a {
				color: #993333;
				text-decoration: none;
			}


		#left .blog p {
			color: #333333;
			font-size: 13px;
			line-height: 140%;
			margin:0;
			padding:2px;
		}
		
	#left .blog1 {
		background:#dfeffe;
		margin:0;
		padding:10px 2px 10px 2px;
	}

		
		#left .blog ul,#left .blog1 ul {
			list-style-type: none;
			text-align: left;
			margin: 0 3px 0 0;
			padding:8px 0 0 0;
		}

			#left .blog li {
				color: #333333;
				background: url(images/yd10r_08.gif) no-repeat 2px 5px;
				font-size: 12px;
				line-height: 130%;
				font-weight: normal;
				margin: 0 0 0 1px;
				padding: 0 0 0 14px;
			}

			#left .blog1 li {
				color: #333333;
				background: url(images/yd10r_08.gif) no-repeat 2px 5px;
				font-size: 12px;
				line-height: 130%;
				font-weight: normal;
				margin: 0 0 0 1px;
				padding: 0 0 9px 14px;
			}

				#left .blog1 ul li ul {
					list-style-type: none;
					margin: 0;
					padding: 12px 0 0 0;
				}

					#left .blog1 ul li ul li {
						color: #333333;
						background: url(images/yd10r_08.gif) no-repeat 0 5px;
						font-size: 12px;
						line-height: 130%;
						margin: 0 0 0 -5px;
						padding: 0 0 9px 10px;
					}


		#left .blognext  {
			color: #555555;
			text-align:right;
			font-size: 12px;
			line-height: 140%;
			margin:0 0 10px 0;
			padding:0 5px 0;
		}


/*　ブログランキング　*/

	#left .rank {
		width: 182px;
		margin: 0 0 20px 0;
		padding:0;
		background: #dfeffe;
		/*border: 1px #7bc7fa solid;*/
	}

		#left .rank a:hover {
			color: #8d050c;
			background: none;
		}

		#left .rank p {
			font-size: 12px;
			line-height: 130%;
			padding: 5px 5px 5px 3px;
		}

		#left .rank h4,#left .rank h5 {
			background:url(images/mtb_01.gif) repeat-x top;
			margin:0;
			width: 175px;
			font-size: 14px;
			color:#FFFFFF;
			padding: 5px 0 5px 7px;
		}

		#left .rank ol {
			text-align: left;
			list-style-type: decimal;
			margin: 0 5px 0 0;
			padding:15px 0 15px 30px;
		}

			#left .rank li {
				color: #5F5F5F;
				font-size: 12px;
				line-height: 130%;
				margin: 0;
				padding: 0 0 9px 0;
			}




/*　地図　*/
	#left .mapping {
		background:url(images/map.gif) no-repeat center center;
		margin:0;
		padding:0;
	}

		#left .mapping p {
			color: #555555;
			font-size: 12px;
			line-height: 120%;
			margin:0;
			padding:10px;
		}



/*　Yahoo!ブックマーク　*/

	#left .ybm {
		border:0;
		display: block;
		text-align: center;
		margin: 15px 0 5px 0;
	}
	
		#left .ybm a {
			font-size: 12px;
		}


/*　W3C　*/

	#left .w3c{
		text-align: center;
		margin: 0 0 0 0;
		padding: 10px 0;
	}

		#left .w3c p {
			text-align: left;
			margin: 5px 8px 0 8px;
			font-size:13px;
			font-weight: normal;
			color: #444444;
		}


/*--------------------------------------*/
/*　　　　　　フッター設定　　　　　　*/
/*--------------------------------------*/

#footer {
	clear: both;
	color: #800202;
	font-size: 13px;
	margin:0;
	text-align: center;
	line-height: 140%;
	width: 780px;
}

	#footer a {
		color: #333333;
		font-size: 13px;
	}

	#footer a:hover {
		background: #FFFACD;
	}

	#footer .f_menu {
		color: #333333;
		/*background: #dfeffe;*/
		margin:0;
		padding: 12px 0;
		line-height: 160%;
		width: 780px;
	}

	#footer .b_menu {
		clear:both;
		color: #FFFFFF;
		border-bottom: 7px solid #464646;
		background: #7bc7fa;
		margin:0;
		padding: 5px 0 5px 0;
		text-align: center;
		line-height: 140%;
		width: 780px;
	}

		#footer .b_menu h3 {
			color: #FFFFFF;
			font-weight: normal;
			font-size:14px;
			margin:0;
			padding: 5px 0 0 0;
			text-align: center;
			line-height: 140%;
		}

		#footer .b_menu p {
			color: #FFFFFF;
			padding: 2px 0 5px 0;
			text-align: center;
			line-height: 140%;
		}

		#footer .b_menu a {
			color: #FFFFFF;
			text-decoration: none;
		}

		#footer .b_menu a:hover {
			text-decoration: none;
			background: #800202;
		}

.alignright {
	float: right;
}
	
.alignleft {
	float: left
}


/*-----------------------------------*/
/*　　フォントカラー設定　　　　*/
/*---------------------------------*/

.fred {
	color: #FF0000;
}

.fored {
	color: #ff3300;
}

.fblue {
	color: #0000FF;
}

.fgreen {
	color: #008000;
}

.fgray {
	color: #808080;
}

.foran {
	color: #FFA500;
}

.fbrown {
	color: #993333;
}

.fpink {
	color: #E84E97;
}

.bfred {
	color: #FF0000;
	font-weight:bold;
}

.bfored {
	color: #ff3300;
	font-weight:bold;
}

.bfblue {
	color: #0000FF;
	font-weight:bold;
}

.bfgreen {
	color: #008000;
	font-weight:bold;
}

.bfgray {
	color: #808080;
	font-weight:bold;
}

.bforan {
	font-weight:bold;
	color: #FFA500;
}

.bfbrown {
	font-weight:bold;
	color: #993333;
}

.bfpink {
	font-weight:bold;
	color: #E84E97;
}

.bfred1,.bfored1,.bfblue1,.bfgreen1,
.bfgray1,.bforan1,.bfbrown1,.bfpink1 {
	font-weight:bold;
	font-size:16px;
}


.bfred1 {
	color: #FF0000;
}

.bfored1 {
	color: #ff3300;
}

.bfblue1 {
	color: #0000FF;
}

.bfgreen1 {
	color: #008000;
}

.bfgray1 {
	color: #808080;
}

.bfbrown1 {
	color: #993333;
}

.bforan1 {
	color: #FFA500;
}


/*------------------------------------*/
/*　　　　　　文字装飾　　　　　　　　　*/
/*---------------------------------*/
.under {
	text-decoration: underline;
}

.under_red {
	border-bottom: 1px #E60012 solid;
}

.under_ored {
	border-bottom: 1px #FF3300 solid;
}

.bg_yel {
	color: #333333;
	font-weight:bold;
	background-color: #FFFF00;
}



/*--------------------------------*/
/*　　　　　　画像設定　　　*/
/*-------------------------------*/

.img_bn{
	border: none;
}

.img_marg{
	border: none;
	margin: 5px 0;
}

.img_blogtitle{
	border: none;
	margin: 30px 0 5px 0;
}

.img_google{
	width: 75px;
	height: 32px;
	border: none;
	/*background: #FFFFFF;*/
	vertical-align: middle;	
}

.img_toptitle {
	border: none;
	margin: 0 0 15px 0;
}

.img_subtitle {
	border: none;
	margin: 40px 0 15px 0;
}

.img_title {
	border: none;
	margin: 15px 0 15px 0;
}

.img_fr {
	float: right;
	border: 0;
	margin: 0 5px 10px 10px;
}



/*--------------------------------*/
/*　　　　　　フロー解除　　　*/
/*-------------------------------*/

.clear {
	clear: both;
}