@charset "utf-8";

/* 基本構造 レイアウトのためのもの
---------------------------------------------------------------------*/
body  {
	font-size: 100%;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #000000;
}
.main #container { 
	width: 900px; 
	background: #FFFFFF;
	margin-top: 10px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left; 
} 

.main #top {
	width:900px;
}

.main #head-btns {
	float:right;
	width:205px;
 /* header 上のボタン部分設定。 */
}

.main #header {
 /* header 画像部分 */
}

.main #header-navi {
 /* header mission statements およびローカルnavi 部分 */
}

.main #allCenter {
	width:900px;
}


.main #sidebar1 {
	float: left; 
	width: 205px; 	
	}

.main #Content {
	float: right; 
	width: 690px;
 /* コンテンツ 部分、　mainContent と、sidebar2を内包する ６９５のところ、カラム落ち防止のため５ｐｘ少なめ*/
}

.main h1 {
	margin:0px;
	padding:0px;
	}

.main h2 {
	margin:0px;
	padding:0px;
	}

.main p {
	font-size:75%;
	margin-left:10px;
	margin-right:20px;
	}
	
.main #header a img {
	border:0;
	}


.main .centerContent a {
	color:#006600;
	}
.main #sidebar2Content a {
	color:#006600;
	}
	

/* 基本構造　フッター設定
---------------------------------------------------------------------*/


.main #footer { 
	padding: 0px; 
   	margin-top:5px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:50px;
	} 

.main .ftmenu{
	margin: 0; 
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px; 
	width:350px;
	float:left;
		
}

.main .ftmenu li {
	margin-bottom:0px;
	margin-left:0px;
	margin-top:3px;
	margin-right:15px;
	list-style:none;
	color:#666666;
	font-size:75%;
	float:left;
	
	}

.main .ftmenu a {
	display:block;
	text-decoration:none;
	}

.main .ftmenu a:link {
	color:#333333;	
		}
	

.main .ftmenu a:visited {
	color:#333333;	
		}

.main .ftmenu a:hover {
	color:#999999;
			}

.main .ftmenu a:active {
	color:#999999;	
		}
		
.main .rights{
	float:right;
	margin-top:3px;
	margin-right:10px;
	margin-bottom:0px;
	margin-left:0px;
	font-size:75%;
	}



/* 基本構造　トップページ三段組みのためのもの
---------------------------------------------------------------------*/



.main #sidebar2 {
	float: right; 
	width: 210px; 
	}
	
.main #mainContent { 
	margin-top: 35px; 
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px; 
	width:480px;
	float:left;
	/* フロートが設定されているため、テキストジョグに注意。実際幅485pxのところ480に設定*/
}

.main .centerContent {
margin-left: 10px;
margin-right:10px;
margin-top:-15px;
margin-bottom:0px;
/* 実際幅15pxのところ10に設定*/

}

.main #sidebar2Content {
	margin-top:35px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
		}

/* フロート、段組みのためのもの
---------------------------------------------------------------------*/

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/* ローカルナビ設定
---------------------------------------------------------------------*/

.lonavi {
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:-10px;
	}

.navilist {
	margin-bottom: 0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	color:#666666;
	font-size:75%;
	text-align:center;
	line-height:30px;
	}
	
.navilist li{
	list-style:none;
	float:left;
	width:155px;
	height:30px;
	display:block;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	border:#CCCCCC solid 1px;
		}

.navilist li a{
	text-decoration:none;
	color:#666666;
	}
	

.navilist li a:hover {
	color:#000000;
	}
	
.navilist li a:active {
	color:#000000;
	}

.navilist li a:visited {
	color:#333333;
	}
	
/* ニュース設定
---------------------------------------------------------------------*/

.news {
	width:430px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:0px;
	padding-top:10px;
		}

.news02 {
	width:430px;
	padding-bottom:30px;
	padding-left:10px;
	padding-right:0px;
	padding-top:0px;
		}
.newsimg {
	vertical-align:bottom;
	width:75px;
	float:left;
	}

.newstxt {
	width:140px;
	float:left;
	}
	
.newstxt p{
	font-size:70%;
	margin-top:-1px;
	}
	

/* サイドバーの設定
---------------------------------------------------------------------*/


.main #sidebar2Content p {
	font-size:70%;
	margin-top:10px;
	}
	
	
.main #sidebar2 #sidebar2Content .img {
	width:60px;
	float:left;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	}

.main #sidebar2 #sidebar2Content .img img{
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:0px;

}
	
.main #sidebar2 #sidebar2Content .txt {
	width:140px;
	float:right;
	}

.main #sidebar2 #sidebar2Content .bodertop {
	border-top:#CCCCCC dotted 1px;
	}
	
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
*html .clearfix {height:1%;}
.clearfix {display:block }
/* End hide from IE-mac */

.matop10 {
	margin-top:10px;
	}
	
/* leafリスト設定
---------------------------------------------------------------------*/

#mainContent .centerContent ul {
	margin-bottom:10px;
	margin-left:-20px;
	margin-right:10px;
	margin-top:10px;
	font-size:70%;
	}
	
#mainContent .centerContent ul li {
	list-style:none;
	float:left;
	width:140px;
	}
	
#mainContent .centerContent ul li img{
	vertical-align:bottom;
	margin-left:0px;
	margin-bottom:0px;
	margin-right:10px;
	margin-top:0px;
	}
	

.matop35 {
	margin-top:35px;
	}

/* 下位ページ設定
---------------------------------------------------------------------*/	

.subpage ul {
	font-size: 75%;
	margin-bottom:0px;
	margin-left:-10px;
	margin-right:0px;
	margin-top:10px;
	}
	
.subpage dl {
	font-size:75%;
		margin-bottom:10px;
		margin-left:10px;
		margin-right:10px;
		margin-top:25px;
	}
	
.subpage dl dt {
	border-left:#CCCCCC solid 10px;
	padding-left:10px;
	
	}

.subpage dl dd {
	margin-bottom:20px;
	margin-left:35px;
	margin-right:10px;
	margin-top:0px;
	} 

.subpage .photo-left {
	width:100px;
	float:left;
		}
	
.subpage .photo-left img {
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	}

.subpage .text-keireki {
	width: 580px;
	float:right;
		}


.subpage a {
	color:#006600;
	}



/* mission statement設定
---------------------------------------------------------------------*/	

.subpage .photo-left02 {
	width:100px;
	float:left;
	margin-top:20px;
		}
	
.subpage .photo-left02 img {
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	}

.subpage .text-mission {
	width: 580px;
	float:right;
	margin-top:25px;
		}





.maright30 {
	margin-right:30px;
	}
	


	


/* ニュースページ設定
---------------------------------------------------------------------*/	


.subpage .text-news {
	width: 580px;
	float:right;
		}
		
.subpage .text-news h3 {
	background-image:url(images/base/leaf-btn.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	padding-left:30px;
	padding-top:0px;
	padding-bottom:5px;
	padding-right:5px;
	font-size:90%;
	color:#333333;
	}
	
.subpage .news-box{

	border-left:0;
	border-right:0;
	border-top:0;
		border-bottom:#CCCCCC 1px dotted;
	}
	
.subpage .mabtm20 {
	margin-bottom:20px;
	}
	


/* ブログページ設定
---------------------------------------------------------------------*/	

.subpage .photo-left03 {
	width:340px;
	float:left;
		}
	
.subpage .photo-left03 img {
	margin-bottom:5px;
	margin-left:40px;
	margin-right:10px;
	margin-top:35px;
	}

.subpage .text-blog {
	width: 340px;
	float:right;
		}
		
.subpage .text-blog h3{
	font-size:90%;
	color:#333333;
	margin-left:10px;
	margin-top:25px;
	margin-bottom:10px;
	margin-right:5px;
	}

/* ウェブページ設定
---------------------------------------------------------------------*/	

.subpage .kakaku{
	width: 630px;
	border:#999999 1px solid;
	padding:0px;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:35px;
	margin-right:20px;
	font-size:75%;
	color:#333333;
	background-color:#FFFFFF;
			}
	
.subpage .kakaku caption{
	margin-top:30px;
	margin-left:35px;
	text-align:left;
	font-weight:bold;
	}
.subpage .kakaku tr {
	background-color:#FFFFFF;
	
	}

.subpage .kakaku tr.bkgrey {
	background-color: #EAEAEA;
	}

.subpage .kakaku tr.bkgrey00 {
	background-color: #C5C5C5;
	}


.subpage .kakaku td {
	height:80px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
		}
	
	
.subpage .kakaku td.hi100 {
	height:120px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	}
	
.subpage .kakaku td.price {
	text-align:right;
	}

.subpage .kakaku th {
	text-align:center;
	}
	

.subpage h3 {
	font-size:85%;
	color:#333333;
	font-weight:bold;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:10px;
	margin-right:20px;
	}

/* 制作の流れ
---------------------------------------------------------------------*/	

.subpage .text-flow {
	width: 390px;
	float:left;
		}
		
.subpage .text-flow h3 {
/*
	background-image:url(images/base/leaf-btn.gif);
	background-repeat:no-repeat;*/
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:5px;
	padding-right:5px;
	font-size:75%;
	color:#333333;
	}
.subpage .flow-box {
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom:#CCCCCC 1px dotted;
	
	}
	
.subpage .photo-flow {
	width:90px;
	float:left;
		}
		
.subpage .photo-flow img {
	margin-bottom:5px;
	margin-left:10px;
	margin-right:0px;
	margin-top:5px;
	}

.subpage .flow-box .pic{
	margin:0px;
	padding:0px;
	width:200px;
	float:right;
		}
	
	
/* ライティング
---------------------------------------------------------------------*/	

.subpage .photo-left04 {
	width:400px;
	float:left;
	margin-top:20px;
		}
	
.subpage .photo-left04 img {
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	}

.subpage .text-write {
	width: 280px;
	float:right;
	margin-top:25px;
		}

.subpage .text-write h3{
	font-size:80%;
	}


.subpage .photo-left05 {
	width:430px;
	float:left;
	margin-top:20px;
		}
	
.subpage .photo-left05 img {
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	}

.subpage .text-write02 {
	width: 230px;
	float:right;
	margin-top:25px;
		}

.subpage .text-write02 h3{
	font-size:80%;
	}


.subpage .photo-left06 {
	width:150px;
	float:left;
	margin-top:20px;
		}
	
.subpage .photo-left06 img {
	margin-bottom:5px;
	margin-left:10px;
	margin-right:10px;
	margin-top:5px;
	}

.subpage .text-write03 {
	width: 510px;
	float:right;
	margin-top:25px;
		}
		
.subpage .text-write03 h3{
	font-size:80%;
	}

	
/* DTP
---------------------------------------------------------------------*/	

.subpage .text-dtp{
	width: 340px;
	float:right;
		}

.subpage .text-dtp img{
	margin-bottom:35px;
	margin-left:10px;
	margin-right:20px;
	margin-top:35px;
}		
		
.subpage .text-dtp h3{
	font-size:90%;
	color:#333333;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:20px;
	margin-right:5px;
	}
	
/* web 実績関連
---------------------------------------------------------------------*/	

.jisseki {
	margin-bottom:20px;
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	}
	
.jisseki h3 {
	color:#333333;
	font-size:75%;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0px;
	margin-right:0px;
	}
	
.jisseki img {
	margin-left:20px;
	}

.jisseki01 {
	width:220px;
	float:left;
	
	}

.jisseki01 img {
	margin-left:15px;
	margin-bottom:0px;
	margin-top:0px;
	margin-right:0px;
}

.jisseki01 p {
	font-size:60%;
	color:#666666;
	margin-left:20px;
	margin-bottom:40px;
	margin-right:0px;
	margin-top:-1px;
	
	}

#webbox {
	width:450px;
	height:450px;
	background-color:#3333FF;
	float:left;
	}
	
#thumbs {
	width:200px;
	height:450px;
	background-color:#FFFF33;
	float:right;
	}

/* リンクページ
---------------------------------------------------------------------*/	

.links {
	width:480px;
	margin-top:25px;
	}
.matop25 {
	margin-top:25px;
	}	


.malft10 {
	margin-left:10px;
	}

.links ul {
	font-size:75%;
	margin-top:25px;
	margin-left:30px;
	margin-bottom:25px;
	}
	
.links ul li{
	margin-top:20px;
	margin-bottom:0px;
	}
	
.links ul p {
	font-size:100%;
	}
	
.subpage .links h3 {
	font-size:80%;
	color:#333333;
	margin-top:25px;
	}		

.title {
	padding-left:30px;
	background-image:url(images/base/leaf-btn.gif);
	background-repeat:no-repeat;
					}

.maright20 {
	margin-right:20px;
	}