/*-- 全体的なルール --*/
body {
margin: 0;
padding: 0;
color: #333333;
background: #ffffff;
text-align: center;
font-family:"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka‐等幅", sans-serif;
}

hr {
margin: 0;
padding: 0;
display: none;
}

div, p, span, form, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-size: 1em;
}

img {
margin: 0;
padding: 0;
border: 0;
}

input, textarea { 
border: 1px solid #333333; 
color: #333333;
}

.button {
margin: 8px 0;
color: #333333;
border: 1px solid #999999; 
}

.bnh {
margin: 0 auto;
width: 800px;
}

/*-- リンク疑似クラス --*/
a { text-decoration: underline; }
a:link { color: #003399; background: none; }
a:visited { color: #660099; background: none; }
a:active { color: #cc3300; background: none; }
a:hover { color:#cc0000; background: none; }


/*-- ARTPRESTO ロゴ --*/
h1 { padding: 0; width: 214px; height: 40px; text-indent: -9999px; overflow: hidden; background: url(images/basic/logo_s_jp.gif) no-repeat; margin-top: 24px; margin-bottom: 6px; }

h1 a {
display: block;
}


/*-- レイアウトブロック --*/
#container {
margin: 0 auto;
width: 800px;
text-align: left;
}

#main {
margin: 0 auto;
width: 800px;
background: url(images/basic/bg_side.gif) top right repeat-y;
}

#pagebody {
float: left;
}

#contents { 
width: 550px;
}

#sidebar {
width: 250px;
float: right;
text-align: left;
}


/*-- 仕切り線ブロック --*/
.line {
margin: 0 auto;
width: 800px;
height: 8px;
color: #000000;
background: url(images/basic/bg_pan.gif) no-repeat #dbdfe4;
}


/*-- パンくずブロック --*/
.pan {
margin: 0;
width: 550px;
text-align: left;
color: #000000;
background: url(images/basic/bg_pan.gif) no-repeat #dbdfe4;
}

.pan_inner {
font-size: small;
margin: 0 16px;
padding: 3px 0;
display: block;
}


/*-- ヘッダー --*/
#header {
margin: 0 auto;
width: 800px;
height: 70px;
text-align: left;
border-bottom: 1px solid #bbbbbb;
}

#header_inner_a { height: 70px; border-right: 1px dotted #bbbbbb; float: left; }

#header_inner_b {
height: 70px;
border-left: 1px dotted #bbbbbb;
float: right;
}

.group {
margin: 0 0 0 0;
}


/*-- ナビブロック --*/
#global {
margin: 0 auto;
width: 800px;
height: 28px;
text-align: left;
}

#local {
margin: 0 auto;
width: 800px;
font-size: small;
text-align: left;
border-top: 1px dotted #bbbbbb;
}

#local_inner {
border-left: 1px dotted #bbbbbb;
float: right;
}

.size_change {
margin: 6px 8px;
font-size: small;
}


/*-- 本文ブロック --*/
.entry {
margin: 0;
padding:0;
}

.entry_body {
margin: 0 16px;
padding: 8px 0;
font-size: medium;
line-height: 180%;
}

.entry_body_border {
margin: 0 16px;
padding: 8px 0;
font-size: medium;
line-height: 180%;
border-bottom: 1px dashed #bbbbbb;
}

.entry_body_border strong,
.entry_body strong {
font-size: large;
}

.entry_ol,
.entry_ul {
margin: 0;
padding: 8px 0 8px 16px;
}

.entry_ol li,
.entry_ul li {
margin: 0 0 8px 0;
padding: 0;
}

.entry_right {
margin: 16px 16px 0 16px;
font-size: medium;
line-height: 120%;
text-align: right;
}

.sitemap {
margin: 0 16px;
padding: 8px 0;
font-size: medium;
line-height: 110%;
}

.bar_sitemap {
color: #dbdfe4;
}


/*-- 文字サイズ変更部分 --*/
.w_small {
border: 1px solid #999999;
}

.w_medium {
border: 1px solid #999999;
}

.w_large {
border: 1px solid #ff0000;
}

.w_small a,
.w_medium a,
.w_large a {
text-decoration: none;
}


/*-- トピック部分 --*/
.topic {
margin: 16px;
padding: 4px 8px;
border: 1px solid #999999;
background: url(images/basic/topic_whatsnew.gif) no-repeat;
}

.topic2 {
margin: 16px;
padding: 4px 8px;
border: 1px solid #999999;
}

.topic_inner {
padding-top: 28px;
}

.topic_title {
margin: 8px 0 0 0;
font-size: medium;
font-weight: bold;
line-height: 160%;
color: #000000;
}

.topic_body {
margin-right: 8px;
padding-bottom: 8px;
font-size: medium;
line-height: 160%;
border-bottom: 1px dashed #bbbbbb;
}

.topic_body2 {
margin-right: 8px;
padding-bottom: 8px;
font-size: medium;
line-height: 160%;
}


/*-- コラム部分 --*/
.column {
margin: 8px 16px;
padding: 8px;
border: 1px solid #bbbbbb;
background: url(images/basic/about/bg_colomn.jpg) right bottom no-repeat;
}

.column_title {
font-size: medium;
font-weight: bold;
line-height: 160%;
color: #000000;
}

.column_body {
margin: 0;
padding: 0;
width: 330px;
height: auto;
font-size: medium;
line-height: 160%;
float: right;
}

.column_img {
padding-right: 8px;
float: left;
}


/*-- サイドバー --*/
.menu_entry {
margin: 16px;
}

.menu_css {
margin-top: 8px;
width: 200px;
height: 24px;
text-indent: -9999px;
background: url(images/basic/menu_css.gif) no-repeat;
}

.add img {
padding-bottom: 8px;
}

.w3c {
margin-top: 8px;
}


/*-- 広告部分 --*/
.ad_pa {
margin-bottom: 8px;
width: 218px;
height: 96px;
text-indent: -9999px;
background: url(images/add/picturealpha.jpg) no-repeat;
}

.ad_kiri {
margin-bottom: 8px;
width: 218px;
height: 96px;
text-indent: -9999px;
background: url(images/add/kirinuki.jpg) no-repeat;
}

.ad_hd {
margin-bottom: 8px;
}


/*-- 特殊制御 --*/
.red {
color: #ff0000;
}

.clear {
clear: both;
}


/*-- テーブル制御 --*/
table {
width: 515px;
margin: 16px 0 16px 16px;
border-top: 1px solid #999999; 
border-left: 1px solid #999999; 
}

td {
border-right: 1px solid #999999; 
border-bottom: 1px solid #999999; 
}

.recruit_title {
font-size: medium;
}

.td_title {
width: 160px;
background: url(images/basic/bg_menu.gif);
}

.td_title2 {
width: 200px;
background: url(images/basic/bg_menu.gif);
}

.table_title { 
font-size: medium;
line-height: 150%;
}

.table_txt { 
font-size: medium;
line-height: 150%;
}


/*-- フッター --*/
#copyright {
margin: 0 auto;
padding: 8px 0;
width: 800px;
font-size: small;
text-align: center;
}


/*-- リスト制御 --*/
#navi {
margin: 0;
padding: 0;
text-align: left;
}

#subnavi {
margin: 0;
padding: 0;
text-align: left;
}

#navi li {
margin: 0;
padding: 0;
list-style-type: none;
width: 100px;
height: 28px;
text-indent: -9999px;
overflow: hidden;
float: left;
border-right: 1px dotted #bbbbbb;
}

#subnavi li {
margin: 0;
padding: 6px 8px 6px 22px;
list-style-type: none;
float: left;
font-size: small;
border-right: 1px dotted #bbbbbb;
background: url("images/basic/list/list_dot.gif") 8px 50% no-repeat #fffddd;
}

#home,
#about,
#company,
#service,
#works,
#partners,
a:link#home,
a:link#about,
a:link#company,
a:link#service,
a:link#works,
a:link#partners,
a:visited#home,
a:visited#about,
a:visited#company,
a:visited#service,
a:visited#works,
a:visited#partners {
margin: 0px;
padding: 0px;
background-position: 0px 0px;
width: 100px;
height: 28px;
float: left;
}

a:visited#home, a:link#home {
background-image: url("images/basic/menu/home.jpg");
background-position: 50% 0px;
}
a:hover#home {
background-image: url("images/basic/menu/home.jpg");
background-position: 50% 28px;
}
a:visited#about, a:link#about {
background-image: url("images/basic/menu/about.jpg");
background-position: 50% 0px;
}
a:hover#about {
background-image: url("images/basic/menu/about.jpg");
background-position: 50% 28px;
}
a:visited#company, a:link#company {
background-image: url("images/basic/menu/company.jpg");
background-position: 50% 0px;
}
a:hover#company {
background-image: url("images/basic/menu/company.jpg");
background-position: 50% 28px;
}
a:visited#service, a:link#service {
background-image: url("images/basic/menu/service.jpg");
background-position: 50% 0px;
}
a:hover#service {
background-image: url("images/basic/menu/service.jpg");
background-position: 50% 28px;
}
a:visited#works, a:link#works {
background-image: url("images/basic/menu/works.jpg");
background-position: 50% 0px;
}
a:hover#works {
background-image: url("images/basic/menu/works.jpg");
background-position: 50% 28px;
}
a:visited#partners, a:link#partners {
background-image: url("images/basic/menu/partners.jpg");
background-position: 50% 0px;
}
a:hover#partners {
background-image: url("images/basic/menu/partners.jpg");
background-position: 50% 28px;
}
#home {
background-image: url("images/basic/menu/home.jpg");
background-position: 50% 56px;
}
#about {
background-image: url("images/basic/menu/about.jpg");
background-position: 50% 56px;
}
#company {
background-image: url("images/basic/menu/company.jpg");
background-position: 50% 56px;
}
#service {
background-image: url("images/basic/menu/service.jpg");
background-position: 50% 56px;
}
#works {
background-image: url("images/basic/menu/works.jpg");
background-position: 50% 56px;
}
#partners {
background-image: url("images/basic/menu/partners.jpg");
background-position: 50% 56px;
}


/*-- 各ページメイン画像 --*/
#image_home {
margin: 0;
width: 550px;
height: 240px;
text-indent: -9999px;
background: url(images/basic/main/main_home.jpg) no-repeat;
}

#image_company {
margin: 0;
width: 550px;
height: 240px;
text-indent: -9999px;
background: url(images/basic/main/main_company.jpg) no-repeat;
}

#image_president {
margin: 0;
width: 550px;
height: 240px;
text-indent: -9999px;
background: url(images/basic/main/main_president.jpg) no-repeat;
}

#image_design {
margin: 0;
width: 550px;
height: 240px;
text-indent: -9999px;
background: url(images/basic/main/main_design.jpg) no-repeat;
}

#image_meeting {
margin: 0;
width: 550px;
height: 240px;
text-indent: -9999px;
background: url(images/basic/main/main_meeting.jpg) no-repeat;
}

#image_recruit {
margin: 0;
width: 550px;
height: 240px;
text-indent: -9999px;
background: url(images/basic/main/main_partners.jpg) no-repeat;
}

#image_partner {
margin: 0;
width: 550px;
height: 240px;
text-indent: -9999px;
background: url(images/basic/main/main_partner.jpg) no-repeat;
}


/*-- 各ページ大見出し --*/
.entry_title_home {
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_home.jpg) no-repeat;
}

.entry_title_company {
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_company.jpg) no-repeat;
}

.entry_title_president {
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_president.jpg) no-repeat;
}

.entry_title_service {
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_service.jpg) no-repeat;
}

.entry_title_statement {
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_statement.jpg) no-repeat;
}

.entry_title_partner {
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_partner.jpg) no-repeat;
}

.entry_title_site{
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_site.jpg) no-repeat;
}

.entry_title_recruit{
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_recruit.jpg) no-repeat;
}

.entry_title_sitemap{
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_sitemap.jpg) no-repeat;
}

.entry_title_privacy{
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_privacy.jpg) no-repeat;
}

.entry_title_copy{
margin: 16px 16px 4px 16px;
width: 500px;
height: 42px;
text-indent: -9999px;
background: url(images/basic/h2_title_copy.jpg) no-repeat;
}


/*-- 各ページ中見出し --*/
.title_quality {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/about/h3_title_quality.jpg) no-repeat;
}

.title_sales {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/about/h3_title_sales.jpg) no-repeat;
}

.title_plan {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/about/h3_title_plan.jpg) no-repeat;
}

.title_idea {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/about/h3_title_idea.jpg) no-repeat;
}

.title_tech {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/about/h3_title_tech.jpg) no-repeat;
}

.title_yorozu {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/about/h3_title_yorozu.jpg) no-repeat;
}

.title_print {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_print.jpg) no-repeat;
}

.title_pa {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_pa.jpg) no-repeat;
}

.title_event {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_event.jpg) no-repeat;
}

.title_studio {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_studio.jpg) no-repeat;
}

.title_design {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_design.jpg) no-repeat;
}

.title_kiri {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_kiri.jpg) no-repeat;
}

.title_comsul {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_comsul.jpg) no-repeat;
}

.title_web {
margin-bottom: 8px;
width: 310px;
height: 36px;
text-indent: -9999px;
background: url(images/basic/service/h3_title_web.jpg) no-repeat;
}

/*-- 個人情報の取扱いについて --*/
#privacy_block {
	width: 740px;
	padding-top: 30px;
	padding-left: 30px;
	line-height: 70%;
}
#privacy_block h2 {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
}
#privacy_block h3 {
	font-size: small;
	margin-top: 20px;
	padding: 0px;
	color: #CC3300;
	margin-bottom: -6px;
}
#privacy_scroll {
	height: 300px;
	overflow: auto;
	border: 2px double #CCCCCC;
	padding: 6px;
	background-color: #F7F7F7;
	margin-top: 20px;
	margin-bottom: 20px;
}