/* ------------------ Reset START ---------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ------------------ FRAME START ---------------- */

a:link { color: #333333;}
a:hover { color: #e37a43;}
a:visited { color: #22541f;}

.group {
	display: inline-block;
}

.group:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.margin-top_10 {
	margin-top: 10px;
}

.margin-top_20 {
	margin-top: 20px;
}

.margin-top_30 {
	margin-top: 30px;
}

span.bold {
	font-weight: bold;
}

span.red {
	color: #ff0000;
}

span.space_2 {
	margin-right: 2px;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.vertical_btm {
	vertical-align: bottom;
}

span.orange {
color: #FFCC00;
}

p.align_right {
text-align: right;
}

span.arrow {
background: url(http://www.adcraft.co.jp/images/icon_orange.jpg) no-repeat 0px 2px;
padding-left: 14px;
}

span.pdf {
background: url(http://www.adcraft.co.jp/images/icon_pdf.gif) no-repeat;
padding-left: 16px;
}


/* ----------------- COMMON ----------------- */

body {
	background: url(http://www.adcraft.co.jp/images/body_bg.jpg);
	text-align: center;
	font-size: 83.3%;
	font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;
	color: #3f3f3f;
	line-height: 130%;
}

div#header {
width: 910px;
margin: 10px auto 0px auto;
}

div#header_inner {
width: 910px;
background: url(http://www.adcraft.co.jp/images/bg_mid.png) repeat-y;
padding-bottom: 20px;
}

div#header_inner h1 {
width: 196px;
height: 48px;
float: left;
margin: 25px 0px 0px 30px;
display: inline;
}

div#header_navi {
width: 654px;
height: 48px;
float: left;
margin: 25px 30px 0px 0px;
display: inline;
}

div#header_navi p {
text-align: right;
padding-top: 36px;
}

div#menuarea {
width: 100%;
background: url(http://www.adcraft.co.jp/images/menu_bg.jpg);
}

div#menu_inner {
width: 910px;
margin: 0px auto;
background: url(http://www.adcraft.co.jp/images/bg_mid.png) repeat-y;
}

div#menu_container {
width: 900px;
margin: 0px auto;
}

div#menu_container ul li {
float: left;
height: 55px;
}

div#content {
width: 910px;
margin: 0px auto;
background: url(http://www.adcraft.co.jp/images/bg_mid.png) repeat-y;
}

div#content_inner {
width: 850px;
margin: 0px auto;
padding-bottom: 30px;
}

div#leftcolumn {
width: 545px;
float: left;
text-align: left;
}

div#rightcolumn {
width: 280px;
float: left;
margin-left: 25px;
text-align: left;
} 

div#leftcolumn h2 {
margin-top: 20px;
}

div#sidebar {
width: 280px;
margin-top: 20px;
background: url(http://www.adcraft.co.jp/images/side_bg_mid.gif) repeat-y;
}

div#sidebar_head {
width: 280px;
height: 5px;
background: url(http://www.adcraft.co.jp/images/side_bg_top.gif) no-repeat;
font-size: 0.1%;
line-height: 0.1%;
}

div#sidebar_foot {
width: 280px;
height: 5px;
background: url(http://www.adcraft.co.jp/images/side_bg_btm.gif) no-repeat;
font-size: 0.1%;
line-height: 0.1%;
}


div#sidebar_inner {
width: 270px;
margin: 0px auto;
background: url(http://www.adcraft.co.jp/images/side_bg_mid_inner.gif);
}

.side_ttl {
margin: 13px 0px 0px 13px;
}

div#sidebar_inner_content {
width: 244px;
margin: 13px auto;
color: #cccccc;
}

div#sidebar_banner {
text-align: center;
}

img.side_banner {
margin-top: 13px;
}

div#footer {
width: 900px;
margin: 0px auto;
background: #000000;
padding: 15px 0px;
}

div#footer_left {
width: 550px;
float: left;
font-size: 78%;
color: #ffffff;
}

div#footer_left a:link {
color: #cccccc;
}

div#footer_right {
width: 350px;
float: left;
color: #999999;
}


/* ----------------- TOP ----------------- */

dl#info {
margin-top: 10px;
line-height: 160%;
}

dl#info dt {
width: 90px;
float: left;
background: url(http://www.adcraft.co.jp/images/icon_orange.jpg) no-repeat 0px 4px;
padding-left: 15px;
}

dl#info dd {
margin-left: 105px;
}

div#top_works_img img {
padding: 5px;
background: url(http://www.adcraft.co.jp/images/photo_bg.jpg);
margin-top: 13px;
}

div#top_works_img img:hover {
background: url(http://www.adcraft.co.jp/images/bg_content.jpg);
}


div#top_works_img img.right {
margin-left: 7px;
}

div#top_cnt_btm {
margin-top: 20px;
}

div#top_cnt_btm_head {
width: 545px;
height: 2px;
background: url(http://www.adcraft.co.jp/images/cnt_bg_head.gif) no-repeat;
font-size: 0.1px;
line-height: 0.1%;
}

div#top_cnt_btm_mid {
width: 519px;
background: url(http://www.adcraft.co.jp/images/cnt_bg_mid.gif) repeat-y;
padding: 13px;
}

div#top_cnt_btm_foot {
width: 545px;
height: 3px;
background: url(http://www.adcraft.co.jp/images/cnt_bg_btm.gif) no-repeat;
font-size: 0.1px;
line-height: 0.1%;
}

/* ----------------- 下層ページ共通 ----------------- */

div#leftcolumn_under {
width: 200px;
float: left;
text-align: left;
}

div#rightcolumn_under {
width: 615px;
float: left;
margin-left: 25px;
padding-top: 20px;
text-align: left;
}


div#leftcolumn_under div#sidebar {
width: 200px;
background: url(http://www.adcraft.co.jp/images/side_under_bg_mid.gif) repeat-y;
}

div#leftcolumn_under div#sidebar_head_under {
width: 200px;
height: 2px;
background: url(http://www.adcraft.co.jp/images/side_under_bg_top.gif) no-repeat;
font-size: 0.1%;
line-height: 0.1%;
}

div#leftcolumn_under div#sidebar_foot_under {
width: 200px;
height: 2px;
background: url(http://www.adcraft.co.jp/images/side_under_bg_foot.gif) no-repeat;
font-size: 0.1%;
line-height: 0.1%;
}


div#leftcolumn_under div#sidebar_inner_content {
width: 190px;
margin: 0px auto;
background: url(http://www.adcraft.co.jp/images/side_bg_mid_inner.gif);
padding-bottom: 13px;
}

div#leftcolumn_under h2 {
padding: 7px 0px 7px 7px;
}

div#leftcolumn_under ul {
padding-left: 13px;
margin-top: 5px;
}

div#leftcolumn_under ul li {
background: url(http://www.adcraft.co.jp/images/icon_orange.jpg) no-repeat 0px 4px;
padding-left: 14px;
margin-bottom: 3px;
}

p#breadlist {
margin-bottom: 15px;
}

p.textarea {
margin-top: 15px;
}

p.textarea_min {
margin-top: 10px;
}


table.col2 {
width: 100%;
border-top: solid 1px #D1D0C9;
border-left: solid 1px #D1D0C9;
margin-top: 15px;
}

table.col2 td {
padding: 7px;
}

table.col2 td.left {
width: 20%;
background: #EEEEEE;
border-right: solid 1px #D1D0C9;
border-bottom: solid 1px #D1D0C9;
font-weight: bold;
}

table.col2 td.right {
width: 80%;
border-right: solid 1px #D1D0C9;
border-bottom: solid 1px #D1D0C9;
}

h4 {
width: 605px;
height: 20px;
background: url(http://www.adcraft.co.jp/images/sub_ttl_bg.jpg) no-repeat;
padding-left: 10px;
font-size: 78%;
line-height: 20px;
font-weight: bold;
margin-top: 15px;
}

div#leftcolumn_under div#sidebar a:link {
color: #eeeeee;
}

div#leftcolumn_under div#sidebar a:hover {
color: #FFD52E;
}
div#leftcolumn_under div#sidebar a:visited {
color: #aaaaaa;
}



/* ----------------- 写真 ----------------- */

div.photocontainer {
margin-top: 15px;
}

div.photobox {
width: 130px;
height: 130px;
padding: 5px;
background: url(http://www.adcraft.co.jp/images/photo_bg.jpg);
float: left;
margin-bottom: 10px;
}

div.photobox img {
vertical_align: bottom;
}

div.photobox_right img {
vertical_align: bottom;
}


div.photobox_right {
width: 130px;
height: 130px;
padding: 5px;
background: url(http://www.adcraft.co.jp/images/photo_bg.jpg);
float: left;
margin-left: 16px;
}


div.photobox table {
border-collapse:collapse;
background: #333333;
}

div.photobox_right table {
border-collapse:collapse;
background: #333333;
}

div.photobox table td {
width: 130px;
height: 130px;
text-align: center;
vertical-align: middle;
}

div.photobox_right table td {
width: 130px;
height: 130px;
text-align: center;
vertical-align: middle;
}

div#gallery {
margin-top: 15px;
}

/* ----------------- 新着情報 ----------------- */

dl#info_side {
padding-left: 13px;
margin-top: 5px;
}

dl#info_side dt {
background: url(http://www.adcraft.co.jp/images/icon_orange.jpg) no-repeat 0px 4px;
padding-left: 14px;
color: #FFD52E;
}

dl#info_side dd {
margin-bottom: 7px;
}

h5.ttl_info {
width: 608px;
background: url(http://www.adcraft.co.jp/images/ttl_info_bg.jpg) no-repeat bottom;
padding-bottom: 7px;
margin-top: 13px;
padding-left: 7px;
font-weight: bold;
margin-bottom: 10px;
}

h5.ttl_info a {
text-decoration: none;
}

p.entry_body {
margin-bottom: 30px;
}

/* ----------------- 実績紹介 ----------------- */

div.works_box {
margin-bottom: 10px;
}

div.works_box_left {
width: 130px;
height: 130px;
padding: 5px;
background: url(http://www.adcraft.co.jp/images/photo_bg.jpg);
float: left;
margin-top: 15px;
}

div.works_box_left table {
width: 130px;
height: 130px;
text-align: center;
vertical-align: middle;
background: #333333;
}

div.works_box_right {
width: 465px;
margin-left: 10px;
float: left;
}

h4.ttl_works {
width: 455px;
height: 20px;
background: url(http://www.adcraft.co.jp/images/sub_ttl_bg.jpg) no-repeat;
padding-left: 10px;
font-size: 78%;
line-height: 20px;
font-weight: bold;
margin-top: 15px;
}

/* ----------------- 実績紹介 ----------------- */

h4.pub_ttl_sub {
background: url(http://www.adcraft.co.jp/images/sub_ttl_bg2.jpg) no-repeat;
}

h4.pub_ttl_contents {
border-left: solid 3px #FFCC00;
border-bottom: dotted 1px #999999;
background: none;
}

dl.pub_list {
width: 615px;
margin-top: 10px;
}

dl.pub_list dt {
width: 200px;
float: left;
font-weight: bold;
padding-bottom: 5px;
}

dl.pub_list dd {
width: 415px;
float: left;
padding-bottom: 5px;
}

div.pub_cnt_inner {
margin-top: 10px;
}

div.pub_cnt_inner_head {
width: 465px;
height: 2px;
background: url(http://www.adcraft.co.jp/images/cnt_bg_head.gif) no-repeat;
font-size: 0.1px;
line-height: 0.1%;
}

div.pub_cnt_inner_mid {
width: 435px;
background: url(http://www.adcraft.co.jp/images/cnt_bg_mid.gif) repeat-y;
padding: 10px 15px;
}

div.pub_cnt_inner_foot {
width: 465px;
height: 3px;
background: url(http://www.adcraft.co.jp/images/cnt_bg_btm.gif) no-repeat;
font-size: 0.1px;
line-height: 0.1%;
}

div.pubbox {
margin-bottom: 15px;
}

div.pubbox_text {
width: 130px;
height: 30px;
padding: 0 5px;
float: left;
text-align: center;
font-weight: bold;
}

div.pubbox_text_right {
width: 130px;
height: 30px;
padding: 0 5px;
float: left;
margin-left: 16px;
text-align: center;
font-weight: bold;
}

p#backnumber {
display: inline;
margin-left: 235px;
}

/* ------------------ 問い合わせフォーム ---------------- */

table.form {
width: 100%;
border: none;
border-collapse: collapse;
margin-top: 15px;
}

table.form td {
border-bottom: dotted 1px #999999;
padding: 5px;
}

table.form td.top {
text-align: center;
}

table.form td.left {
width: 35%;
}

table.form td.left_2 {
border: none;
}

table.form td.right {
width: 65%;
}

table.form td.bottom {
text-align: center;
border: none;
}

h3.mail_ttl {
width: 602px;
height: 25px;
border-left: solid 3px #ffcc00;
border-bottom: dotted 1px #999999;
padding-left: 10px;
padding-top: 5px;
font-size: 100%;
line-height: 130%;
font-weight: bold;
margin-top: 15px;
}

p.mail_post {
margin-top: 15px;
margin-bottom: 30px;
}

/**/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
