@charset "utf-8";

/*
------------------------------------------------------------------------------
	Sitename: Sukkiri Official WebSite
	URL: http://www.sukkiri.or.jp/
	Date: 2008-9
	Copyright (C) One Design All rights reserved.
------------------------------------------------------------------------------
*/

/* Initialization
------------------------------------------------------------------------------------------------------*/
html{
	margin:0px;
	padding:0px;
}

body {
	
	text-align:center;
	margin:0px auto 0px auto;
	padding:0px;
	background:url(../common/top_bg.jpg) repeat-x;
	color:#715B44;
	font-size:85%;
	line-height:130%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-family:Geneva, Arial, Helvetica, sans-serif;
}

img {
	border:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

li {
	margin:0px;
	padding:0px;
}

h1, h2, h3, h4, h5 {
	font-size:100%;
	line-height:1.0;
	margin:0px;
	padding:0px;
}

dl, dd, dt{
	margin:0px;
	padding:0px;
}

div, p, a{
	margin:0px;
	padding:0px;
}

h1{
	position:absolute;
	top:-2px;
	left:-2px;
	width: 326px;
	height: 160px;
}

h2{margin:0; padding:0;}
h3{margin:0; padding:0; background-color:#fff ;height:86px;}

a{color:#339900; text-decoration:none;}
a:hover{color:#FF3300; text-decoration:none;}

/* Text
------------------------------------------------------------------------------------------------------*/

.green{color:#006633;}
.red{color:#F00; font-weight:bold;}
.right{text-align:right;}
.large{font-size:19px; font-weight:bold;line-height:120%;}
.pr58{padding-right:58px;}
.pr23{padding-right:23px;}

/* Layout
------------------------------------------------------------------------------------------------------*/

#outerGroup{
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0;
	width:970px;
	text-align:left;
}

#outerGroup #header{
	position:relative;
	background-color:#FF0000;
	margin:0 auto;
	padding:0;
	width:970px;
	height:390px;
	background:url(../common/top_header_bg.jpg) no-repeat;
}

#header .headerContact{
	position:absolute;
	left:637px;
	top:75px;
	font-size:12px;
}
#header .renewal{
	position:absolute;
	left:500px;
	top:11px;
	font-size:12px;
}

#header .catch{
	position:absolute;
	left:404px;
	top:184px;
}

#header .kakuyasu{
	position:absolute;
	left:404px;
	top:102px;
	
}
/* topnavi
------------------------------------------------------------------------------------------------------*/
#topnavi{
	width:970px;
	height:90px;
	margin:0;
	padding:0;
	background:url(../common/topnavi_bg.gif) repeat-x;
}



#topnavi ul{
	margin-left:35px;
	padding:0;
	width:900px;
	height:90px;
	background-color:#FFCC00;
	list-style:none;
}


#topnavi li{
	margin:0;
	padding:0;
	float:left;
}

#topnavi ul li span { visibility:hidden; }
#topnavi li a{
	display:block;
	text-decoration:none;
}

#topnavi li#t01 a{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t01.jpg) no-repeat left top;
}

#topnavi li#t01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t01.jpg) no-repeat left bottom;

}

#topnavi li#t02 a{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t02.jpg) no-repeat left top;
}

#topnavi li#t02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t02.jpg) no-repeat left bottom;
}

#topnavi li#t03 a{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t03.jpg) no-repeat left top;
}

#topnavi li#t03 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t03.jpg) no-repeat left bottom;
}

#topnavi li#t04 a{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t04.jpg) no-repeat left top;
}

#topnavi li#t04 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t04.jpg) no-repeat left bottom;
}

#topnavi li#t05 a{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t05.jpg) no-repeat left top;
}

#topnavi li#t05 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t05.jpg) no-repeat left bottom;
}

#topnavi li#t06 a{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t06.jpg) no-repeat left top;
}

#topnavi li#t06 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:90px;
	width:150px;
	background:url(../common/t06.jpg) no-repeat left bottom;
}

/* bread
------------------------------------------------------------------------------------------------------*/
#bread{width:970px; height:33px; background:url(../common/bread_bg.gif) no-repeat;}
#bread p{text-align:right; padding-top:15px;padding-right:35px; }


/* contentsGroup
------------------------------------------------------------------------------------------------------*/
#outerGroup{
	margin:0 auto;
	padding:0px;
}

#contentsGroup{

	padding-left:35px;
	padding-right:35px;
}

#contents{
	float:left;
	width:900px;
			padding-top:10px;

}

/* left
------------------------------------------------------------------------------------------------------*/

#left{ 	
	float:left;
	width:434px; 
	margin-right:27px;
}

.making{margin:30px;}
.making li{	background:url(../top/dot.gif) no-repeat; padding-left:14px;}
.making p{margin-top:16px;}
.news{margin:30px;}
.news li{
		margin-top:10px;
		background:url(../top/news_icon.gif) no-repeat; 
		padding-left:22px; 
		border-bottom:dotted 1px #CDD75B; 
		padding-bottom:10px;
}

/* right
------------------------------------------------------------------------------------------------------*/
#right{	
	float:left;
	width:439px; 
}

.topWorks{
		margin-top:8px; margin-left:21px;	
		background:url(../top/top_example.gif) no-repeat;
		width:224px;
		height:94px;
		padding-top:47px;
		padding-left:166px;
}

.topWorks p{width: 214px;}
.toworks{margin-left:21px;}

/* point
------------------------------------------------------------------------------------------------------*/

#point{clear:both;}
#pointBox{
	margin-left:25px;
	margin-bottom:50px;
	background:url(../top/top_point_bg.gif) repeat-y; 
	width:850px; 
	float:left;
	display:inline;
}
/* design */

#pointBox .design{
	background:url(../top/top_design_bg.gif) no-repeat; 
	width:404px;
	height:184px;
	float:left; 
	margin-left:14px; 
	margin-bottom:14px;
}
.design02{width:280px;padding-top:67px; margin-left:15px;}

/* seo */

#pointBox .seo{
	background:url(../top/top_seo_bg.gif) no-repeat; 
	width:404px;height:184px;
	float:left; 
	margin-left:14px; 
	margin-bottom:16px;
}

.seo02{width:280px;padding-top:67px; margin-left:114px;margin-right:10px; margin-top:-10px;}

/* purpose */

#pointBox .purpose{
	background:url(../top/top_purpose_bg.gif) no-repeat; 
	width:404px;
	height:184px;
	float:left; 
	margin-left:14px; 
	margin-bottom:14px;
}

.purpose02{width:280px;padding-top:22px; margin-left:15px;}

/* price */

#pointBox .price{
	background:url(../top/top_price_bg.gif) no-repeat; 
	width:404px;
	height:184px;
	float:left; 
	margin-left:14px; 
	margin-bottom:14px;
}

.price02{width:280px;padding-top:22px; margin-left:114px;}
.price02 ol{padding:0; margin:0;}
.price02 li{margin:0; padding:0;}

/* continue */

.continue01{padding-left:187px;}
.continue02{text-align:right; padding-right:10px;}

/* top */

a#top{
	display:block;
	float:right;
	width:120px;
	height:20px;
	background:url(../common/top.gif) no-repeat left top;
	text-decoration:none;
	}
a#top:hover{
	display:block;
	float:right;
	width:120px;
	height:20px;
	background:url(../common/top.gif) no-repeat right top;
	text-decoration:none;
	}
a#top span{visibility:hidden;}


/* contentsBottom
------------------------------------------------------------------------------------------------------*/

#contentsBottom{
	clear:both;
	width:970px;
	height:149px;
	background:url(../common/contentsbottom.gif) no-repeat;

}
#contentsBottom ul{
	margin-left:58px;
	width:854px;
	height:62px;
	padding:0;
	list-style:none;
}

#contentsBottom li{
	margin:0;
	padding:0;
	float:left;
}

#contentsBottom ul li span { visibility:hidden; }
#contentsBottom li a{
	display:block;
	text-decoration:none;
}

#contentsBottom li#b01 a{
	display:block;
	margin:0;
	padding:0;
	height:62px;
	width:427px;
	background:url(../common/b01.jpg) no-repeat left top;
}

#contentsBottom li#b01 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:62px;
	width:427px;
	background:url(../common/b01.jpg) no-repeat left bottom;

}

#contentsBottom li#b02 a{
	display:block;
	margin:0;
	padding:0;
	height:62px;
	width:427px;
	background:url(../common/b02.jpg) no-repeat left top;
}

#contentsBottom li#b02 a:hover{
	display:block;
	margin:0;
	padding:0;
	height:62px;
	width:427px;
	background:url(../common/b02.jpg) no-repeat left bottom;
}

/* footer
------------------------------------------------------------------------------------------------------*/
#footer{
	clear:both;
		background:url(../common/footer.gif) repeat-x;
		width:100%;
		height:201px;
		margin:0;
		padding:0;

}
#footerBox{
		background:url(../common/footerBox.gif) no-repeat;
		margin:0 auto;
		padding:0;
		text-align:left;
		width:970px;
		height:201px;
		padding-top:27px;
}

#footerBox ul{margin-left:44px;}

#footerBox li{float:left; width:170px; padding-left:55px; background:url(../common/footer_arrow.gif) no-repeat; padding-bottom:10px;}
#footerBox a{color:#FFF; display:block;	text-decoration:none; height:20px;}
#footerBox a:hover{color:#D0EC31; display:block; text-decoration:none;}