@charset "utf-8";

/*--- <基本設定> ---*/
* {
	margin: 0;
	padding: 0;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS P Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif;
}

body {
	color: #666;
	font-size: 12px;
	line-height: 1.5;
}

h1 {
	display: inline;
	color: #448aca;
	font-size: 12px;
	font-weight: normal;
	padding-left: 20px;
}

h2 {
	font-size: 12px;
}

h3 {
	color: #666;
	font-size: 12px;
	height: 23px;
	margin-top: 15px;
	padding: 7px 5px 0 20px;
}

h4 {
	font-size: 12px;
}

a:link,
a:visited {
	color: #448aca;
	text-decoration: underline;
}

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

img {
	vertical-align: bottom;
	border: none;
}

.red {
	color: #f60;
}

.big {
	font-size: 120%;
}

.b {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.centering {
	text-align: center;
}

.lefting {
	text-align: left;
}

.righting {
	text-align: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.caution {
	color: #f60;
	font-size: 83%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* end MacIE5 */


/*--- <アウトライン> ---*/
#outline {
	padding: 5px 0;
	background: url(../images/body_bg.png) left top repeat-x;
}

#header,
#global_navi,
#content,
#footer_navi,
#footer {
	width: 960px;
	margin: 0 auto;
}

.container {
	width: 920px;
	margin: 0 auto;
}


/*--- <ヘッダー> ---*/
#header {
	font-size: 12px;
	height: 102px;
	background: url(../images/header_bg.png) left top no-repeat;
}

#header .container {
	padding-top: 10px;
}

#logo {
	display: inline;
	width: 665px;
	float: left;
}

#c_mark {
	display: inline;
	width: 82px;
	float: left;
}

#c_name {
	display: inline;
	float: left;
	padding-top: 15px;
}

#c_name p {
	margin-top: 7px;
	padding-left: 60px;
}

#header_navi {
	display: inline;
	width: 245px;
	float: right;
	padding-top: 10px;
}

#header_navi li {
	display: inline;
	list-style-type: none;
}

#fontsize {
	height: 30px;
	margin-top: 10px;
	background: url(../images/fontsize.png) left top no-repeat;
	overflow: hidden;
}

#fontsize li a {
	width: 44px;
	height: 30px;
	display: block;
	float: left;
	text-decoration: none;
	overflow: hidden;
}

#fontsize li.title {
	width: 103px;
	height: 30px;
	display: block;
	float: left;
	overflow: hidden;
}

#fontsize li.small a:hover {
	background: url(../images/fontsize.png) -103px -30px no-repeat;
}

#fontsize li.default a:hover {
	background: url(../images/fontsize.png) -147px -30px no-repeat;
}

#fontsize li.large a:hover {
	background: url(../images/fontsize.png) -191px -30px no-repeat;
}


/*--- <グローバルナビ> ---*/
#global_navi {
	clear: both;
	font-size: 12px;
	height: 52px;
	background: url(../images/global_navi_bg.png) left top no-repeat;
}

#global_navi ul {
	height: 52px;
	background: url(../images/global_navi.png) left top no-repeat;
}

#global_navi li {
	display: inline;
	list-style-type: none;
}

#global_navi li a {
	height: 36px;
	display: block;
	float: left;
	text-decoration: none;
	overflow: hidden;
}

#global_navi li.home a,
#global_navi li.link a {
	width: 152px;
}

#global_navi li.service a,
#global_navi li.work a,
#global_navi li.company a,
#global_navi li.recruit a {
	width: 154px;
}

#global_navi li.home a:hover {
	background: url(../images/global_navi.png) 0px -52px no-repeat;
}

#global_navi li.service a:hover {
	background: url(../images/global_navi.png) -152px -52px no-repeat;
}

#global_navi li.work a:hover {
	background: url(../images/global_navi.png) -306px -52px no-repeat;
}

#global_navi li.company a:hover {
	background: url(../images/global_navi.png) -460px -52px no-repeat;
}

#global_navi li.recruit a:hover {
	background: url(../images/global_navi.png) -614px -52px no-repeat;
}

#global_navi li.link a:hover {
	background: url(../images/global_navi.png) -768px -52px no-repeat;
}

#global_navi li.home_on a {
	width: 152px;
	height: 51px;
	background: url(../images/global_navi.png) 0px -104px no-repeat;
}

#global_navi li.service_on a {
	width: 154px;
	height: 51px;
	background: url(../images/global_navi.png) -152px -104px no-repeat;
}

#global_navi li.work_on a {
	width: 154px;
	height: 51px;
	background: url(../images/global_navi.png) -306px -104px no-repeat;
}

#global_navi li.company_on a {
	width: 154px;
	height: 51px;
	background: url(../images/global_navi.png) -460px -104px no-repeat;
}

#global_navi li.recruit_on a {
	width: 154px;
	height: 51px;
	background: url(../images/global_navi.png) -614px -104px no-repeat;
}

#global_navi li.link_on a {
	width: 152px;
	height: 51px;
	background: url(../images/global_navi.png) -768px -104px no-repeat;
}


/*--- <コンテンツ共通> ---*/
#content {
	background: url(../images/content_bg.png) left top repeat-y;
}

h4.title {
	font-weight: normal;
	padding: 10px 0 10px 20px;
	background: url(../images/acc_03.png) left 10px no-repeat;
}

h4.title_b {
	color: #448aca;
	font-size: 116%;
	font-weight: bold;
	padding: 10px 0 0 20px;
	background: url(../images/acc_01.png) left 12px no-repeat;
}

h4.title_c {
	color: #448aca;
	font-size: 116%;
	font-weight: bold;
	padding: 11px 0 0 30px;
	background: url(../images/acc_04.png) left 9px no-repeat;
}

h4.title_d {
	font-weight: bold;
	padding: 11px 0 10px 35px;
	background: url(../images/acc_04.png) left 7px no-repeat;
}

h5.title_o {
	color: #f60;
	font-size: 100%;
	font-weight: bold;
	padding: 10px 0 0 30px;
	background: url(../images/acc_sub02.png) 12px 13px no-repeat;
}

h5.title_o2 {
	color: #f60;
	font-size: 100%;
	font-weight: bold;
	padding: 10px 0 0 35px;
	background: url(../images/acc_01.png) 12px 11px no-repeat;
}
h5.title_o3 {
	color: #f60;
	font-size: 100%;
	font-weight: normal;
	padding: 10px 0 0 30px;
	background: url(../images/acc_sub02.png) 12px 13px no-repeat;
}


h4.space {
	margin-top: 10px;
}

.indent {
	text-indent: 1em;
}

p.space,
ul.space {
	padding-top: 10px;
}

p.b_space {
	padding-bottom: 10px;
}

table {
	font-size: 100%;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',"MS P Gothic",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Arial,sans-serif;
	border-collapse: collapse;
}

.inbox table,
.inner table {
	width: 630px;
	margin: 0 auto;
}

table.list {
	width: 610px;
	margin: 0 auto 0 20px;
}

.inbox table th,
.inner table th,
.inbox table td,
.inner table td {
	padding: 5px 10px;
	border-bottom: 1px dotted #ccc;
}

.inbox table th,
.inner table th {
	width: 30%;
	text-align: left;
	background-color: #eee;
}

.inbox table td img {
	margin-left: 5px;
}

.inbox table th.end,
.inner table th.end,
.inbox table td.end,
.inner table td.end {
	border: none;
}

.inbox ul,
.inner ul {
	padding-left: 20px;
}

.inbox ul li,
.inner ul li {
	list-style-type: square;
}

.inbox .check-list li,
.inner .check-list li {
	list-style-type: none;
}

ul.list {
	padding-left: 0;
}

ul.list li {
	padding: 10px 0 0 20px;
	list-style: none;
	background: url(../images/acc_01.png) left 10px no-repeat;
}

ul.sub {
	padding: 5px 0 0 40px;
}

ul.sub li {
	padding-top: 5px;
}

ol {
	padding-left: 40px;
}

ol li {
	margin-top: 5px;
}

ol.sub {
	padding-left: 60px;
}

.frame_185 {
	background: url(../images/frame_185.png) left bottom no-repeat;
}

.frame_255 {
	background: url(../images/frame_255.png) left bottom no-repeat;
}

.frame_450 {
	background: url(../images/frame_450.png) left bottom no-repeat;
}

.frame_650 {
	background: url(../images/frame_650.png) left bottom no-repeat;
}

.banner {
	margin-top: 15px;
}

.inner {
	padding: 0 10px 10px 10px;
}

.inbox {
	padding: 10px;
}

.inner p {
	padding-left: 20px;
}

.flash,
.photo {
	margin-top: 15px;
}

.check {
	font-weight: bold;
	margin-left: 20px;
	padding-top: 10px;
	background: url(../images/acc_check.png) 5px 13px no-repeat;
}

.check-list li {
	padding: 5px 0 5px 20px;
	background: url(../images/acc_check.png) left 8px no-repeat;

}

#pagetop {
	clear: both;
	text-align: right;
	padding-top: 10px;
}

.pagetop {
	text-align: right;
	margin-bottom: -10px;
	padding-top: 5px;
}


/*--- <トップページ> ---*/
#company_img {
	padding-top: 5px;
}

.news dt {
	/*color: #FF6600;*/
	padding-top: 10px;
	padding-left: 20px;
}

.news dl.ss dt {
	background: url(../images/acc_02.png) left 10px no-repeat;
}

.news dl.local dt {
	background: url(../images/acc_03.png) left 10px no-repeat;
}

.news dd {
	padding-left: 20px;
}

#index_main {
	width: 720px;
	float: right;
}

#index_main_l {
	width: 450px;
	float: left;
}

#index_main_l h3 {
	background: url(../images/title_450.png) left top no-repeat;
}

#ss_l{
	display: inline;
	width: 300px;
	padding-top: 5px;
	float: left;
}
#ss_l2{
	display: inline;
	width: 300px;
	padding-left: 10px;
	padding-top: 5px;
	float: left;
}

#ss_r,
#ss_r2 {
	display: inline;
	width: 110px;
	float: right;
}

#ss_r p,
#ss_r2 p {
	padding: 0;
}

#ss_m{
	padding-left: 10px;
	padding-right: 10px;
}
#blog img {
	margin: -3px 0 0 2px;
	vertical-align: middle;
}

.staff_l {
	display: inline;
	width: 100px;
	padding-top: 5px;
	float: left;
}

.staff_r {
	display: inline;
	width: 280px;
	padding-top: 5px;
	float: right;
}

.staff_r p {
	padding-left: 10px;
}

#w3c {
	text-align: center;
	padding: 10px 0 0 0;
}
#ssl,
#sec {
	padding: 10px 0 0 0;
	text-align: center;
}

#w3c li {
	display: inline;
}

#w3c li.css img {
	margin-top: 10px;
}

#index_main_r {
	width: 255px;
	float: right;
}

#index_main_r h3 {
	background: url(../images/title_255.png) left top no-repeat;
}

#website li,
#system li {
	list-style-type: none;
}

.banner_web {
	margin-top: 9px;
}

#index_side {
	width: 185px;
	float: left;
}

#index_side h3 {
	background: url(../images/title_185.png) left top no-repeat;
}

.rsstc em  { font-style: normal; font-weight: bold; margin-left: 10px; padding: 0 }
.rsstc li   { list-style-type: none; padding-top: 3px; padding-bottom: 5px; padding-left: 22px; border-bottom: 1px dashed #dddddd ;	background: url(../images/acc_01.png) left 5px no-repeat;margin-left: 10px;}

/*--- <下位ページ共通> ---*/
#breadcrumb {
	font-size: 12px;
}

#breadcrumb h2 {
	font-weight: normal;
	display: inline;
}

#breadcrumb ul {
	display: inline;
}

#breadcrumb li {
	display: inline;
	list-style-type: none;
}

#main {
	width: 650px;
	float: right;
}

#main h3 {
	background: url(../images/title_650.png) left top no-repeat;
}

#sub_navi {
	width: 255px;
	font-size: 12px;
	float: left;
}

#sub_navi h3 {
	background: url(../images/title_255.png) left top no-repeat;
}

#sub_navi dt,
#sub_navi dd li {
	padding: 1px;
	border-left: 1px solid #b6c7eb;
	border-right: 1px solid #b6c7eb;
	border-bottom: 1px solid #b6c7eb;
}

#sub_navi dt a {
	display: block;
	width: 216px;
	padding: 6px 5px 6px 30px;
	background: url(../images/acc_01.png) 10px 7px no-repeat;
}

#sub_navi dt a:hover {
	background: url(../images/acc_03.png) #fdedd5 10px 7px no-repeat;
}

#sub_navi dt a.on {
	color: #f60;
	text-decoration: none;
	background: url(../images/acc_02.png) #fde5f0 10px 7px no-repeat;
}

#sub_navi dd li {
	list-style-type: none;
}

#sub_navi dd li a {
	display: block;
	width: 196px;
	padding: 3px 5px 3px 50px;
	background: url(../images/menu_s_acc.png) 32px 7px no-repeat;
}

#sub_navi dd li a:hover {
	background: url(../images/menu_s_acc.png) #fdedd5 32px -33px no-repeat;
}

/*--- <商品・サービス> ---*/
dl.flow {
	width: 600px;
	margin: 0 auto;
}

dl.flow dt {
	height: 31px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 3px 10px 0 10px;
	background: url(../images/title_flow.png) left top no-repeat;
}

dl.flow dd {
	padding: 0 0 15px 40px;
}

/*--- <制作実績> ---*/
/*--- <風景写真> ---*/

table.ss_photo {
	margin: 0 auto;
	border: none;
}
table.ss_photo tr,
table.ss_photo td {
	border: none;
}

table.ss_photo td {
	vertical-align:top;
}

.ss_td1 {
	width: 292px;
}
.ss_tds {
	width: 20px;
}


table.ss_photo td p {
	margin-top:8px;
	padding: 0;
	text-indent: 1em;
}
table.ss_photo td img {
	border: 1px solid #ccc;
}

.m_10 {
	margin-top: 18px;
}

.m_5 {
	margin-top: 5px;
}

.ss_normal {
	padding-left:270px;
	font-weight: normal;
}

/*--- <ご紹介リンク> ---*/
/*--- <サイトポリシー> ---*/
dl.links dt {
	font-size: 116%;
	font-weight: bold;
	padding: 10px 0 0 20px;
	background: url(../images/acc_03.png) left 12px no-repeat;
}
dl.links dt.dt2 {
	font-size: 116%;
	font-weight: normal;
	padding: 10px 0 0 20px;
	background: url(../images/acc_03.png) left 12px no-repeat;
}

dl.links dt.space {
	margin-top: 10px;
}

dl.links dd {
	padding: 10px 0 0 20px;
}

dl.links dd .img {
	width: 200px;
	float: left;
}

dl.links dd .img img {
	border: 1px solid #ccc;
}

dl.links dd .exp {
	width: 360px;
	float: right;
}

dl.links dd .exp th{
	width: 25%;
}

dl.links dd .exp th,
dl.links dd .exp td {
	border-top: 1px dotted #ccc;
}

dl.links dd.sub {
	padding-left: 40px;
	background: url(../images/acc_sub01.png) 22px 13px no-repeat;
}

ol.privacy {
	padding-left: 0;
}

ol.privacy li {
	margin: 0;
	padding: 10px 0 0 25px;
	list-style-type: none;
	background: url(../images/acc_02.png) left 10px no-repeat;
}


/*--- <サイトマップ> ---*/
#sitemap_l {
	width: 300px;
	float: left;
}

#sitemap_r {
	width: 300px;
	float: right;
}

h5.sitemap {
	font-size: 100%;
	font-weight: bold;
	padding: 10px 0 0 50px;
	background: url(../images/acc_sub02.png) 32px 13px no-repeat;
}

h6.sitemap {
	font-size: 100%;
	font-weight: normal;
	padding: 5px 0 0 90px;
	background: url(../images/acc_sub01.png) 72px 8px no-repeat;
}


/*--- <会社情報> ---*/
.img_greeting {
	text-align: center;
	padding-bottom: 1px;
}


/*--- <フォーム> ---*/
th.ind {
	/*color: #d63434;*/
	background: url(../images/form_ind.png) 90% 50% no-repeat;
}

input.name {
	width: 120px;
}

#co_name,
input.email {
	width: 95%;
}

#comment {
	width: 95%;
	height: 200px;
}

.form_btn {
	text-align: center;
	margin-top: 10px;
}

.form_btn li {
	display: inline;
	list-style-type: none;
}

.form_space {
	margin-top: 5px;
}

#c_name_s,
#c_kname,
#c_president,
#c_kpresident,
#sub_address,
#email,
#email2,
#hp,
#site_name,
#title_introduction,
#c_president_view,
#b_hours,
#holiday,
#site_title,
#keywords,
#discription,
#header_img_alt,
#title_img,
#main_img_alt,
#item_img1_alt,
#item_img2_alt,
#item_img3_alt {
	width: 95%;
}

#off_div {
	width: 50%;
}

#zipcode,
#tel2,
#tel3,
#fax2,
#fax3,
#carry {
	width: 50px;
}

#zipcode2 {
	width: 70px;
}

#address {
	width: 65%;
}

#tel,
#fax,
#carry2,
#carry3 {
	width: 60px;
}

#site_id,
#site_id_2,
#site_id_3 {
	width: 150px;
}

/*--- <サイト情報入力フォーム> ---*/
dl.form_web {
	text-align: left;
}

dl.form_web dt {
	margin-top: 20px;
	padding: 2px 0 2px 25px;
	background: url("../images/acc_01.png") left 3px no-repeat;
}

dl.form_web dd {
	margin-top: 10px;
	padding: 10px 10px 10px 60px;
	border: 3px solid #ccc;
	background: #eee;
}

dl.form_web dd.ind {
	background: url("../images/form_ind.png") #eee 10px 50% no-repeat;
}

dl.form_web dd.err {
	border: 3px solid #f00;
	background-color: #feebeb;
}

dl.form_web dd.err input {
	border: 1px solid #f00;
}

dl.form_web dd.info,
dl.upload dd {
	padding-left: 10px;
}

dl.form_web dd img.frame {
	border: 3px solid #ddd;
}

dl.form_web dd img.frame:hover {
	border: 3px solid orange;
}

dl.form_web .rest {
	color: #00a0e9;
	font-size: 12px;
	font-weight: bold;
}

dl.form_web .att {
	color: #f60;
}

dl.form_web #introduction {
	width: 540px;
	height: 100px;
}

.err_msg {
	color: #f00;
	font-weight: bold;
}


/*--- <フッターナビ> ---*/
#footer_navi {
	color: #fff;
	font-size: 12px;
	text-align: center;
	padding-top: 10px;
	background: url(../images/content_bg.png) left top repeat-y;
}

#footer_navi a:link,
#footer_navi a:visited {
	color: #fff;
	text-decoration: underline;
}

#footer_navi a:hover {
	color: #fc0;
	text-decoration: none;
}

#footer_navi ul {
	width: 944px;
	height: 25px;
	margin: 0 auto;
	padding-top: 6px;
	background: url(../images/footer_navi_bg.png) left top no-repeat;
}

#footer_navi li {
	display: inline;
	list-style-type: none;
}


/*--- <フッター> ---*/
#footer {
	font-size: 12px;
	height: 77px;
	background: url(../images/footer_bg.png) left top no-repeat;
}

#footer_info {
	color: #448aca;
	padding: 10px 0 5px 0;
}

#copyright {
	text-align: right;
}