/* sayairo.com css */
	body {
		border-top: 1px solid #c0e4e9;
		font: 100% Verdana, Arial, Helvetica, sans-serif;
		background: #FFFFFF;
		margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
		padding: 0;
		text-align: left; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
		color: #555555;
	}
	
	h1 { color:#000000;
		 font-size:10pt;
		 line-height:0px;
		 padding:0px;
		 margin:0px;
		 
	}
	
	p { margin: 0px;
		padding: 0px;
		font-size: 12px;
		color:#555;
		font-weight: normal;
		line-height:1.3;
	}
	
	
	h2 ,h4 ,h5 ,h6, dt, dd {
		margin: 0px;
		padding: 0px;
		font-size: 100%;
		line-height: normal;
		font-weight: normal;
		line-height:1.6;
	}
	
	h3 {
		margin: 0px;
		padding: 0px;
		font-size: 100%;
		line-height: normal;
		font-weight: normal;
		line-height:1.2;
	}
	
	.cap {text-align:left;
			color:#555;
			font-size:10px;
			font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			line-height:15px;
	}
	.c_cap {text-align:center;
			color:#FFF;
			font-size:10px;
			font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			line-height:15px;
	}
	.c_cap_on {text-align:center;
			color:#555;
			font-size:10px;
			font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			line-height:15px;
	}
	.r_cap {text-align:right;
			color:#FFF;
			font-size:10px;
			font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			line-height:15px;
	}
	
	container {width:1000px;
	}
	
	
	/* ヘッダー */
	
	#header { clear:both;
			  height: 80px;
			  background-color:#ffffff;
			  background:url(img_common/ribon.gif) no-repeat;
			  margin:0px 0px 5px 0px;
	}
	
	#header #menu {width:350px;
				   font-size:12px;
				   color:#a2bfcc;
				   padding:12px 20px 10px 10px;
				   float:left;
				   text-align:left;
	}
	
	#header #logo { padding:17px 0px 6px 10px;
				   width: 500px;
	}
	
	#header #logo_l { padding:2px 0px 0px 0px;
					 width: 115px;
					 float: left;
	}
	#header #logo_r { padding:0px 0px 0px 0px;
	}
	
	#header .cap_logo{ font-family:Courier New, Courier, mono;
					   font-size:11px;
					   font-style:normal;
					   padding-left: 15px;
					   padding-bottom: 15px;
					  }
	
	#header A:link { COLOR: #014c80; TEXT-DECORATION: none;
	}
	
	#header A:visited { COLOR: #014c80; TEXT-DECORATION: none;
	}
	
	#header A:hover { COLOR: #319fcd; TEXT-DECORATION: underline;
	}
	
	#header A:active { COLOR: #319fcd; TEXT-DECORATION: underline;
	}
	
	#header h1 { color:#ffffff;
		 font-weight: normal;
		 font-size:1px;
		 line-height:0px;
		 padding:3px 0 0 0;
		 margin:0px;
	}
	
	/*ページタイトル*/
	#title { clear:both;
			 padding:5px 3px 0px 300px;
			 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			 font-size:13px;
			 font-weight:bold;
			 color:#7c6c60;
	}
	
	#title_works { clear:both;
			 padding:5px 3px 0px 300px;
			 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			 font-size:13px;
			 font-weight:bold;
			 color:#7c6c60;
	}
	
	#title_link { clear:both;
			 padding:5px 3px 0px 340px;
			 font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
			 font-size:13px;
			 font-weight:bold;
			 color:#7c6c60;
	}
	
	/* フッター */
	
	#footer { clear:both;
			  padding:5px 10px 50px 10px;
			  background-color:#ffffff;
			  border-top: 1px solid #c0e4e9;
	}
	
	#footer p{ font-style:normal;
			   font-size:9px;
			   color:#373737;
	}
	
	
	/* メインコンテンツ */
	#mainconte {
		width: 800px;
		padding: 0px 0px 0px 0px;
		float:left;
	}
	
	#mainconte h2{font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
					  font-size:13px;
					  font-weight:bold;
					  color:#7c6c60;
	}
	
	#mainconte h3{ font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
					  font-size:13px;
					  font-weight:bold;
					  color:#777777;
	}
	
	/* 【topコンテンツ記述此処より】 */
	/*　左コンテンツ （メニュー詳細）*/
	
	#l_con { width: 360px;
			 padding:0px 5px 5px 15px;
			 float:left;
	}
	
	#l_con #info {
		width: 320px;
		margin:5px 5px 15px 0px;
		padding:0px 10px 5px 10px;
	}
	
	#l_con #info A:link { COLOR: #319fcd; TEXT-DECORATION: underline; font-weight: nomal;
	}
	
	#l_con #info A:visited { COLOR: #319fcd; TEXT-DECORATION: underline; font-weight: nomal;
	}
	
	#l_con #info A:hover { COLOR: #002add; TEXT-DECORATION: none; font-weight: nomal;
	}
	
	#l_con #info A:active { COLOR: #002add; TEXT-DECORATION: none; font-weight: nomal;
	}
	
	#l_con #info2 {
		width: 320px;
		margin:5px 5px 15px 0px;
		font-size:10px;
		padding:0px 10px 5px 10px;
		
	}
	#l_con .contact {float:right;
					 font-size:12px;
					 
	}
	
	#l_con .contact a:link {color:#FF55aa;TEXT-DECORATION: underline;font-weight: normal}
	#l_con .contact a:visited {color:#FF55aa;TEXT-DECORATION: underline;font-weight: normal}
	#l_con .contact a:hover {color:#FF305a;TEXT-DECORATION: underline;font-weight: normal}
	#l_con .contact a:active {color:#FF305a;TEXT-DECORATION: underline;font-weight: normal}
	
	
	#l_con #info h2 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
					  font-size:13px;
					  font-weight:bold;
					  color:#7c6c60;
	}
	#l_con #info p { font-size:11px;
					 line-height:17px;
	}
	
	#l_con a:link { color:#a30f9e; TEXT-DECORATION: underline; }
	#l_con a:visited { color:#a30f9e; TEXT-DECORATION: underline; }
	#l_con a:hover { color:#a30f9e; TEXT-DECORATION: underline; }
	#l_con a:active { color:#e9109a; TEXT-DECORATION: underline; }
	
	/* top_右コンテンツ （トップイラスト画像位置） */
	
	#r_con { width: 400px;
			 padding:4px 0px 10px 0px;
			 float:left;
	}
	
	#top_img { background:url(img/top_img.gif) no-repeat;
			   width: 350px;
			   height:470px;
			   float:left;
	}
	
	/* 【コンタクトメニュー】 */
	#contact { width:450px;
			   padding:5px 0px 85px 130px;
			   
	}
	
	/* 【アバウトメニュー】 */	
	#about-box_out01 { width: 700px;
							padding:0px 10px 0px 15px;
							margin-bottom:20px;
	}
	
	#about-box_out02 { width: 400px;
							padding:0px 10px 0px 300px;
							margin-bottom:20px;

	}
	
	#about-box_in {
		width: 360px;
		padding:5px 10px 10px 10px;
		border:1px dotted #33aabb;
	}
	 #about-box_in02 {
		width: 300px;
		padding:5px 10px 10px 10px;
		border:1px dotted #33aabb;
	}
	
	/* 【ワークスメニュー】 */
	#work_maincon {
		width: 1000px;
		padding: 0px 0px 20px 100px;
		float:left;
	}
	
	#work_maincon h2{font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
					  font-size:13px;
					  font-weight:bold;
					  color:#7c6c60;
	}
	
	#work_maincon h3{ font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
					  font-size:13px;
					  font-weight:bold;
					  color:#777777;
	}
	
	#work_maincon .contact a:link {color:orange;TEXT-DECORATION: underline; font-weight:bold;}
	#work_maincon .contact a:visited {color:orange;TEXT-DECORATION: underline; font-weight:bold;}
	#work_maincon .contact a:hover {color:#fed269;TEXT-DECORATION: underline;}
	#work_maincon .contact a:active {color:#fed269;TEXT-DECORATION: underline;}
	
	#work-box_out {
		width:500px;
		margin:0px 0px 0px 0px;
		float:left;
		text-align: center;
	}
	
	
	#work-box_in {
		width: auto;
		padding:5px 10px 5px 10px;
		border:1px dotted #33aabb;
		text-align:left;
		
	}
	
	#work-box_in2 {
		width: auto;
		padding:5px 10px 5px 10px;
		background-color:#eef1e4;
		text-align:left;
		
	}
	
	
	
	#works_con { clear:both;
				 width: 400px;
				 height:130px;
				 padding:5px 0px 10px 0px;
				 border-bottom:dotted #dddddd 2px;}
	
	.w_limg { padding:0px 10px 0px 0px;
			  float:left;	
	}
	
	/* 【　ポートフォリオ　】*/
	
	span.guard{
    position:absolute;
    display:block;
    width:300px;
    height:400px;
    background-image:url(./img/spacer.gif);
}
	
	#p-l_con {
		width: 315px;
		padding:10px 15px 15px 15px;
		float:left;
	}	
	
	#p_img { width: 300px;
			 height:400px;
			 padding:5px;
			 border:solid #CECECE 1px;
	}
	
	
	#p-r_con { width: 420px;
			   padding:5px 15px 0 15px;
			   float:left;
			   
	}
	
	#p-thumb { width:400px;
			   padding:0px 0px 0px 5px;
	}
	
	
	#p-r_con img {width: 40px;
	              height: 40px;
				  
				 
	}
	
	.img-thumb{ width: 40px;
			    height: 40px;
			    margin: 0px 0px 5px 5px;
				border:solid #EECCDD 1px;
	}
	
/*これは使えない　CSS　画像に付けたかった*/
	A:link.img-thumb { border:solid #DEDEDE 1px;
	}
	A:visited.img-thumb { border:solid #DEDEDE 1px;
	}
	A:hover.img-thumb { border:solid #ffc209 1px;
	}
	A:active.img-thumb{ border:solid #ffc209 1px;
	}
	
	
	
	/* 【link メニュー】 */
	
	#link_con {
		width: 800px;
		padding: 0px 0px 0px 0px;
		float:left;
	}
	
	#link_con h2{font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
					  font-size:13px;
					  font-weight:bold;
					  color:#7c6c60;
	}
	
	#link_con h3{ font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
					  font-size:15px;
					  font-weight:bold;
					  color:#777777;
	}
	
	#link_lcon {
	width: 360px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	}
	
	#link_rcon {
	width: 370px;
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	}
	
	#link_con a  { color:#c87d02; TEXT-DECORATION: none; font-weight:bold; 
	}
	
	#link_con a:link { color:#c87d02; TEXT-DECORATION: none; font-weight:bold;  
	}
	
	#link_con a:visited { color:#c87d02; TEXT-DECORATION: none; font-weight:bold;  
	}
	
	#link_con a:hover { color:#ffa209; TEXT-DECORATION: underline; font-weight:bold;  
	}
	
	#link_con a:active { color:#ffa209; TEXT-DECORATION: underline; font-weight:bold;  
	}
	
	
    
	
	#box_out01 {
	width:330px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}
	
	#box_out02 {
		width:385px;
		margin:0px 0px 0px 0px;
		float:left;
		text-align: left;
	}
	
	
	#box_in {
		width: auto;
		padding:5px 0px 10px 10px;
		border:1px dotted #33aabb;
	}
	
	#box_in02 {
		width: auto;
		padding:10px 10px 10px 15px;
		border:1px dotted #33aabb;
		text-align:left;
		
	}
	
	.link_cap {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 11px;
	line-height: 13px;
	margin-bottom: 5px;
	margin-left: 5px;
	clip: rect(auto,auto,auto,auto);
}