html,body {
   margin : 0;
   padding : 0;
}
/*-----レイアウト-----*/
#wrapper, #header, #contents, #footer {
    width: 100%;
}
#header .inner, #contents .inner, #footer .inner {
	width: 980px;
	margin: 0 auto;
}
#wrapper {
    min-width: 980px;
}
#left-main {
	float: left;
	width: 0px;
}
#right-main {
	float: right;
	width: 980px;
}
#footer {
	clear: both;
}
/*-----その他-----*/
body {
	font-size: 14px;
	/*font-family: 'Sawarabi Gothic', "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	/*background: #5d5d5d;*/
}

#header {
	/*background: #2b76a8;*/
	height: 208px;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
#header_top {
	/*background: #2b76a8;*/
	/*height: 100%;*/
	/*margin: 0px 0px;*/
	/*padding: 0px 0px 0px 25px;*/
}


#left-main {
	/*background: #eee;*/
	height: 100%;
}

#right-main {
	/*background: #eee;*/
	height: 100%;
}

#footer {
	background: #2b76a8;
	height: 114px;
	padding :12px 0px;
}
h1 {
	color: #3cf;  /* 文字の色 */
	/*background-color: #ddeeff;*/
	/*padding:.3em;*/
	/*border: 0px;*/
	/*border-style: solid;			 枠の種類 */
	margin-top: 10px;
	margin-bottom: 0px;
}

h2 {
	color: #3cf;				/* 文字の色 */
	/*background-color: #000000;*/
	/*padding:.3em;*/
	/*border: 0px;*/
	/*border-style: solid;			 枠の種類 */
	margin-top: 10px;
	margin-bottom: 0px;
}

h3 {
	border-bottom: 3px solid #ddeeff;
	/*border-left: 10px solid #ddeeff;*/
	/*border-right: 5px solid #ddeeff;*/
	/*background-color: #ffffff;*/
	padding:.3em;
	margin:0px 0px .5em 0px;
	background: /*url(../img/line.gif)*/ repeat-x bottom left;
	padding-bottom: 0px;
	color: #3cf;
}

#heading1{
	background: /*url(../img/line.gif)*/ repeat-x bottom left;
	/*margin-top: 10px;*/
	/*margin-bottom: 0px;*/
	color: #3cf;
}
p {
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 1.5em;
	/*text-indent: 1em;*/
}

ul {
	margin-top: 10px;
	margin-bottom: 0px;
}

ol {
	margin-top: 10px;
	margin-bottom: 0px;
}
/*ヘッダー画像の上にkatsuragistudio文字を重ねる*/
#headerTitle {
	position: relative;
	text-align: left;
	font-size: 20px;
	font-weight: bolder;
	/*background: #ccc;*/
	/*margin: 10px 0 10px 0;*/
	/*padding: 0;*/
	/*border: solid 1px #e8e8e8;*/
	/*height: 30px;*/
}
#headerTitle div {
	position: absolute;
	color:#ffffff;
	top: 170px;
	left: 710px;
}
/*トップページ画像の上に文字を重ねる*/
#pageTitle {
	position: relative;
	text-align: left;
	font-size: 30px;
	font-weight: bolder;
	margin: 0px 0px 10px 0px;
	/*padding: 0px;*/
	/*border: solid 1px #e8e8e8;*/
	/*height: 30px;*/
}
#pageTitle div {
	position: absolute;
	color:#ffffff;
	top: 350px;
	left: 100px;
	text-shadow: 1px 1px 3px #000;
}
/*[blank.gif]に[katsuragistudio@gmail.com]を重ねる*/
#mailTitle {
	position: relative;
	text-align: left;
	font-size: 30px;
	font-weight: bolder;
	width:980px;
	height:200px;
}
#mailTitle div {
	position: absolute;
	color:#2b76a8;
	top: 4px;
	left: 280px;
}
#mailTitle a {
	color: #2b76a8;
}

/*Aセット〜Dセット価格表示のボックス*/
.box1 {			
	width: 460px;
	height: 136px;
	padding: 10px 10px;
	margin: 4px 4px;
	border:1px solid #ccc;
	/*background-color: #ffffff;*/
	border-radius:10px;
	line-height: 12px;
	float: left;
}
/*ホームページAセット〜Dセット価格表示のボックス*/
.box9 {			
	width: 460px;
	height: 210px;
	padding: 10px 10px;
	margin: 4px 4px;
	border:1px solid #ccc;
	/*background-color: #ffffff;*/
	border-radius:10px;
	line-height: 12px;
	float: left;
}
/*A~Dセットの下の写真*/
.box10 {			
	width: 966px;
	height: 100%;
	padding: 2px 2px;
	margin: 10px 4px;
	/*border:1px solid #ccc;*/
	/*background-color: #f5f5f5;*/
	/*border-radius:10px;*/
	/*line-height: 12px;*/
	float: left;
}
.boxbank {
	width:250px;
	height:150px;
	float:left;
	padding-left:180px;
}
/*-----見積ボタン-----*/
.btn1 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	display: block;
	background:red;
	background: -moz-linear-gradient(top,red 0%,red);
	background: -webkit-gradient(linear, left top, left bottom, from(red), to(red));
	border: 1px solid #DDD;
	color:#ffffff;
	width: 150px;
	padding: 10px 0;
	margin:0px 20px;
	border-radius: 10px;
}
/*-----予約お問い合わせボタン-----*/
.btn2 {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	font-size: 18px;
	display: block;
	background:red;
	background: -moz-linear-gradient(top,red 0%,red);
	background: -webkit-gradient(linear, left top, left bottom, from(red), to(red));
	border: 1px solid #DDD;
	color:#ffffff;
	width: 300px;
	margin:10px 0;
	padding: 10px 0;
	border-radius: 10px;
}
.button_box {
	width: 700px;
	height: 50px;
	padding: 12px 10px 10px 10px;
	margin: 4px 4px;
	/*border:1px solid #ccc;*/
	/*background-color: #ccc;*/
	/*border-radius:10px;*/
	clear: both;
}

/*詳細、オプション料金、ご注文の流れ*/
.box2 {			
	width: 950px;
	height: 100%;
	padding: 10px 10px;
	margin: 4px 4px;
	/*border:1px solid #ccc;*/
	/*background-color: #f5f5f5;*/
	/*border-radius:10px;*/
	/*line-height: 12px;*/
	float: left;
}
/*ワークスの動画ウインドウのボックス*/
.box3 {			
	width: 460px;
	height: 400px;
	padding: 10px;
	margin: 4px 4px;
	/*border:2px solid #ccc;*/
	/*background-color: #ffffff;*/
	/*border-radius:10px;*/
	/*line-height: 12px;*/
	float: left;
}
/*works写真のボックス*/
.box6 {			
	width: 980px;
	height: 100%;
        /*padding: 20px 20px;*/
	margin: 4px 4px;
	/*border:1px solid #ccc;*/
	/*background-color: #f5f5f5;*/
	/*border-radius:10px;*/
	/*line-height: 12px;*/
	float: left;
}/*works写真入れ子のボックス*/
.box7 {			
	width: 400px;
	height: 100%;
	padding: 2px 2px;
	margin: 10px 42px;
	border:1px solid #ccc;
	/*background-color: #f5f5f5;*/
	/*border-radius:10px;*/
	/*line-height: 12px;*/
	float: left;
}
/*会社概要とエクイップメント、コラム、ワークス「最近の仕事」ボックス*/
.box4 {			
	width: 958px;
	height: 100%;
	padding: 10px 10px;
	margin: 20px 0px;
	border:1px solid #ddd;
	/*background-color: #f8f8f8;*/
	border-radius:10px;
	/*line-height: 12px;*/
	float: left;
}
/*サイトマップボックス*/
.box8 {			
	width: 958px;
	height: 100%;
	padding: 10px 10px;
	margin: 20px 0px;
	/*border:1px solid #ddd;*/
	/*background-color: #f8f8f8;*/
	border-radius:10px;
	/*line-height: 12px;*/
	float: left;
}
/*チュートリアルトップページのボックス*/
.box5 {
	width: 460px;
	height: 1380px;
	padding: 10px 10px;
	margin: 4px 4px;
	border:1px solid #ccc;
	/*background-color: #ffffff;*/
	border-radius:10px;
	line-height: 12px;
	float: left;
}
/*コラムの緑茶*/
.cap02 {
	width: 200px;
	float: right;
	margin: 0 10px;
}

/*コラムの8ミリカメラ*/
.cap03 {
	width: 150px;
	float: left;
	margin: 0 10px;
}
/*仕事のやり方*/
.cap04 {
	width: 300px;
	float: right;
	margin: 0 10px;
}

.red{
	color:#cc0099;
}
.white{
	color:#ffffff;
}
/*ヘッダー青い部分の段組*/
div.blocka {
	float: left;
	width: 48%;
}
div.blockb {
	float: left;
	width: 40%;
}
div.blockc {
	float: right;
	width: 12%;
}
img {
	border: none;
}
a {
	text-decoration: none;
	color: #0000ee
}
a:hover {
	text-decoration: underline;
}
/*テーブル*/
table.smart{
    border-top:1px solid #3cf;
    border-left:1px solid #3cf;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.smart th{
    border-right:1px solid #3cf;
    border-bottom:1px solid #3cf;
    color:#330000;
    background-color:#cceeff;
    /*background-image:url(../img/table-back.gif);*/
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}
.smart td{
    border-right:1px solid #3cf;
    border-bottom:1px solid #3cf;
    padding:0.3em 1em;
}
/*機材ページの機材写真の配置*/
div.imagebox {
   /*border: 1px dashed #0000cc;  1.枠線 */
   /*background-color: #eeeeff;   2.背景色 */
   width: 160px; /* 横幅 */
   float: left; /* 左に配置 */
}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin: 5px;        /* 4.余白・間隔 */
}
p.caption {
   font-size: 80%;  /* 5.文字サイズ */
   color: darkblue; /* 6.文字色 */
}
/*---lazyloadここから---*/
.box-fadein img {
  opacity: 0;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}
.box-fadein.lazyloaded img.lazyloaded {
  opacity: 1;
}