@charset "shift_jis";

/*全体の設定*/
html {

}
/*背景画像・全体の設定*/
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size:13px;
	color: #000000;
	margin: 0px;
	text-align: center;
	line-height:180%;
	background-image: url(image/bg.jpg);
	background-repeat: repeat-x;
}

li img,dt img,dd img{
vertical-align:bottom;
}

/*標準のリンク*/
a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: none;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}


/*全体の枠と横幅・背景色・背景画像など*/
#outline {
	margin: 0px auto;
	padding: 0px;
	width: 950px;
	background: #FFFFFF;
}


/*タイトル部分画像の変更*/
#title {
	margin: 0px;
	padding: 0px 0px;
	height: 93px;
	position: relative;
	text-align: left;
	background-image: url(image/header.jpg);
}


#title h1 {
	font-size: 10px;
	font-weight:normal;
	line-height: 100%;
	margin: 0px;
	padding: 0;
	position:absolute;
	left: 583px;
	top: 3px;
	color: #6CBA42;
	text-align:right;
	width: 356px;
}


/*タイトル下のグローバルナビ*/
#globalnavi{
	margin: 0;
	padding: 0;
	height: 51px;
	background-image: url(image/navi_bg.jpg);
}

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

#globalnavi li{
	float: left;
	margin: 0;
	padding: 0;
	display:inline;
	list-style-type:none;
	margin-right: 19px;
	margin-left: 19px;
}


#globalnavi a{
  text-align: center;
  padding: 0;
  display:inline;
   list-style-type:none; 

}

/*タイトル下のグローバルナビ*/


/*コンテンツ部分の大枠*/
#text {
	padding: 10px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	background-image: url(image/textbb.jpg);
}

#text2 {
padding-left:10px;
padding-right:10px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	background-image: url(image/textbb.jpg);
}



/*コンテンツ部分の中身*/
#contents {
	margin: 0px;
	padding: 0px;
	width: 695px;
	position: relative;
	float: right;
	font-size: 13px;
}

#contents li {
	margin-top: 3px;
	margin-bottom: 3px;
}


/*サイドバー*/
#left{
	width: 210px;
	position: relative;
}
#left ul li {list-style-type:none;}
#left ul {padding-left:0;margin:0 auto 20px;}
/*サイドナビ*/
#mainlink {
	margin: 0px;
	padding: 4px;
	list-style: url(asets/none) none outside;
	font-size:10px;
	padding-left:0px;

}
#mainlink li {
	font-size:10px;
	display: block;
	background-image: url(asets/bar.jpg);


}
#mainlink a:link, #mainlink a:visited {
	display: block;
	color: #6C6C6D;
}


/*コピーライト部分・最下段*/
#bottom {
	margin: 0px;
	position: relative;
	background: #EEEEEE;
	text-align: center;
	clear: right;
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;

}

#bottom a:link, #bottom a:visited {
	color: #333333;
	font-size: 10px;

}
#bottom a:hover, #bottom a:active {
	color: #0099FF;
	font-size: 10px;
}

#bottom #footer {
	text-align:center;
}
#bottom #footer li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #ffffff;
	margin-bottom: 0px;
}
#bottom #footer li.sampleFooterHome {
	border-left:0;
	padding-left:0;
}



/*リンク画像の枠を消す*/
img {
	border-width: 0px;
}


/*文字の色を変更*/
.color-a {
	color: #CC0000;
}

.color-b{
	color: #3300CC;
}

.color-c{
	color: #336600;
}

.color-d{
	color: #FFCC00;
}

.color-e{
	color: #FF6600;
}

.title-a{
	font-size:14px;
	background-color:#009900;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.title-b{
	font-size:14px;
	background-color:#FFFFFF;
	padding: 5px;
	color: #336600;
	font-weight: bold;
	border-left: solid 5px #336600;
	border-bottom: solid 1px #336600;
}

.title-c{
	font-size:13px;
	background-color:#339900;
	padding: 5px;
	color: #FFFFFF;
	font-weight: bold;
}

.small{
	font-size:11px;
}

.midium{
	font-size:16px;
}

.large{
	font-size:21px;
}


.td{
	vertical-align: top;
}


h2{
	font-weight:normal;
}

h1{
	font-weight:normal;
}

strong{font-weight:bold;}


/* テーブルA
----------------------------------------------------------- */
.table-a	{
	border: 1px solid #DDD;
	width: 690px;
	border-collapse: collapse;	border-spacing: 0;
	margin-bottom: 10px;

}
.table-a th	{
	border: 1px solid #DDD;
	padding: 10px 10px;

}
.table-a td	{
	border: 1px solid #DDD;
	padding: 10px 10px;
	font-weight:normal;
}

/* テーブルB
----------------------------------------------------------- */
.table-b	{
	border: 1px solid #DDD;
	width: 350px;
	border-collapse: collapse;	border-spacing: 0;
	margin-bottom: 10px;

}
.table-b th	{
	border: 1px solid #DDD;
	padding: 10px 10px;

}
.table-b td	{
	border: 1px solid #DDD;
	padding: 10px 10px;
	font-weight:normal;
}


.contact{
	float:right;
	margin-right: 5px;
	margin-top: 22px;
}
#ppp{
	position:relative;
	background-image:url(image/price02.jpg);
	background-position:top;
	height: 350px;
	background-repeat: no-repeat;
}
#ppptext{
	position:absolute;
	height:145px;
	width:435px;
	left: 14px;
	top: 180px;
}


#top001{
	position:relative;
	background-image:url(image/top001.jpg);
	width:695px;
	height: 1200px;
}

#aaa{
	position:absolute;
	width: 561px;
	left: 23px;
	top: 111px;
	height: 108px;
	font-size: 14px;
	font-weight: bold;
}
#bbb{
	position:absolute;
	width: 448px;
	left: 173px;
	top: 271px;
	height: 116px;
	font-size: 14px;
	font-weight: bold;
}


#ccc{
	position:absolute;
	width: 491px;
	left: 106px;
	top: 441px;
	height: 50px;
	font-size: 14px;
	font-weight: bold;
}
#ddd{
	position:absolute;
	width: 448px;
	left: 148px;
	top: 560px;
	height: 84px;
	font-size: 14px;
	font-weight: bold;
}
#eee{
	position:absolute;
	width: 526px;
	left: 14px;
	top: 724px;
	height: 84px;
	font-size: 14px;
	font-weight: bold;
}
#fff{
	position:absolute;
	width: 526px;
	left: 157px;
	top: 873px;
	height: 84px;
	font-size: 14px;
	font-weight: bold;
}
.case{
	border:solid 1px #CCCCCC;
	margin-right:3px;
	margin-left: 3px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.workstop{
	border:solid 1px #CCCCCC;
	padding:1px;
	margin-right:2px;
}


.mystar{
	background-color:#990000;
	font-size:16px;
	color:#FFFF99;
	font-weight: bold;
	padding: 5px;
}
#feed{font-size:11px;}


#top-works a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}



/* 選ばれる理由
----------------------------------------------------------- */
.point-text{float:left;
width:385px;}

#point-img{float:right;
width:300px;}

.point-clear{
	clear:both;
	height: 50px;
}








.fancybox-subtitle{
	width:100%;
	padding:5px 0px;
	padding-left:10px;
	background-color:#FE761D;
	font-size:18px;
	font-weight:bold;
	color:white;
	border-radius:5px;
	background: -moz-linear-gradient(#FDC331, #FF7219);
    background: -webkit-gradient(linear, left top, left bottom, from(#FDC331), to(#FF7219)); 
}


.fancybox-sub-subtitle{
	color:#E2160B;
	font-size:18px;


}

.fancybox-sub-subtitle img{
	vertical-align:middle;
}