@charset "utf-8";
/* main Document */

/* 共通部分 */

body,td,th {
	font-family: font-family: ＭＳ ゴシック, Osaka－等幅;
	font-size: 12px;
	color: #1F1F1F;
	text-align:center;
}
body {
	background-color: #FFFFFF;
	margin:0px;
}
a:link {
	color: #0000FF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	text-decoration: underline;
	color: #006600;
}
a:active {
	text-decoration: none;
	color: #0000FF;
}


/* ヘッダー */

#head_line{
	background-color:#3C799E;
	height:20px;
}

#head_line_index{
	width:800px;
	text-align:left;
	color:#FFFFFF;
	margin:0 auto;
	line-height:20px;
	
}

#head_line_index h1{
	font-size: 12px;
	margin: 0px;
	font-weight: normal;
	float: left;
	padding:0px;
	
}

#head_line_index h2{
	font-size: 12px;
	font-weight: normal;
	float: left;
	margin:0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
		
	}

#head_back{
	background-image:url(../images/line.jpg);
	background-repeat:repeat-x;
	height:10px;
}



/* ロゴ */
#logo{
	width:800px;
	height:75px;	
	margin:0 auto;
	}

#logo_dimension{
	width:274px;
	height:75px;
	float:left;
}

#logo_tell{
	width:252px;
	height:75px;
	float:right;
}

/* メニュー */
#menu_back{
	background-image:url(../images/menu_back.jpg);
	background-repeat:repeat-x;
	height:40px;
	
}

#menu_space{
	width:810px;
	height:40px;
	margin:0 auto;
	
}

#menu_space ul{
	padding:0px;
	margin:0px;
	list-style-type: none;	

}

#menu_space li{
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#menu01{
	width:122px;
	height:40px;

}

#menu02{
	width:155px;
	height:40px;

}

#menu03{
	width:107px;
	height:40px;

}

#menu04{
	width:168px;
	height:40px;

}

#menu05{
	width:141px;
	height:40px;

}

#menu06{
	width:117px;
	height:40px;
}



/* コンテンツ */

#contents{
	width:810px;
	margin:0 auto;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
	text-align:left;
}

#contents-title{
	width:800px;
	padding-left:5px;
	

}

#contents-main{
	width:780px;
	padding-left:15px;

}

/* コンテンツ左側 */

#contents-left{
	width:200px;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	
}


#contents-left ul{
	padding:0px;
	margin:0px;
	list-style-type: none;	
}

#contents-left li{
	width:200px;
	padding-top: 3px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	background-image:url(../images/link_list.jpg);
	background-repeat:no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-indent: 25px;
}



/* コンテンツ右側 */

#contents-right{
	width:570px;
	float:right;
	padding-right:15px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.contents-float{
	width:570px;
	padding-top:10px;
	line-height:18px;
}

.contents-float-left{
	float:left;
	padding:0 10px;
	
	

}

/* 見出しタグその１ */


.top_h3 {
	width:570px;
	font-size:12px;
	text-indent:25px;
	background-image:url(../images/midashi.jpg);
	background-repeat:no-repeat;
	margin:0;
	line-height: 35px;
	height: 35px;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	
}






/* フッターー */

#footer_background{
	height:200px;
	background-image:url(../images/footer_back.jpg);
	background-repeat:repeat-x;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;

}

#footer_link{
	width:780px;
	margin:0 auto;
	text-align: left;
	color: #FFFFFF;

}

#footer_link a{

	color: #FFFFFF;
	text-decoration: none;
}

#footer_link a:hover{

	color: #CCCCCC;
	text-decoration: underline;
}

#footer_link h3{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 12px;
	font-weight: normal;

}

#footer_link ul{

	padding:0px;
	margin:0px;
	list-style-type: none;
	width:100%;
	
}

#footer_link li{

	
	margin:0px;
	float:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom:5px;
	padding-left: 0px;
	white-space :nowrap;
	zoom: 1;


}

address{
	margin:0 auto;
	font-style:nomal;
	text-align:center;
}



/* 折り返し */
.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 */ 

.block{
	display:block;}
	
.over{
overflow:hidden;	
}



/* マージン */

.m10{
	margin-top:10px;

}

.pt20{
	padding-top:20px;

}

.pt10{
	padding-top:10px;

}


.mp0{
	margin:0px;
	padding:0px;

}

.p10{
	padding:10px;

}


/* ライン */


.line1240{
	height:10px;
	background-color:#3C799E;
}



/* フロート */

.float_left{
	float:left;
	
}

.float_right{
	float:right;
	padding-left:10px;
	
}

/*トップページリスト */


.top_contents{
	width:570px;
	padding-bottom:10px;


}



.top_contents p{
	margin: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 18px;
}

.photo-left{
	float:left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/*制作実績 */

.jiseki_photo{
	height: 100px;
	float: left;
	white-space: pre;
	clear: both;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}


.leftjiseki {
	float: left;
	width: 230px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.rightjiseki {
	float: right;
	margin: 0px;
	padding-top: 10px;
	padding-right:10px;
	width: 230px;
	
}

/*ホームページ制作 */


.homepage_h3 {
	width:570px;
	height:30px;
	font-size:12px;
	text-indent:30px;
	background-image:url(../homepage/images/minititle.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	line-height:30px;
	color: #3366FF;	
}

/*地域 */


.area {
	width:570px;
	
}

.area h3{
	width:570px;
	font-size:12px;
	text-indent:25px;
	background-image:url(../images/midashi.jpg);
	background-repeat:no-repeat;
	margin:0;
	line-height: 35px;
	height: 35px;
	padding:0;

}

.area p{
	padding:10px;
	margin:0;
	line-height:18px;


}

