﻿@charset "utf-8";
@import "shop.css";
@import "mainte.css";

/*
Theme Name: apn
Theme URI: http://www.apn.ne.jp/
Description:APN
Version: 1
*/

/*************** 初期化 *****************/
div,pre,p,blockquote, 
form,fieldset,input,textarea,select,option, 
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, 
table,th,td,embed,object {
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align:baseline;
	font-weight:normal;
}
/*************** 基本設定 *******************/
body {
	margin: 0;
	padding: 0;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	text-align: center;
	background-color: #ffffff;
	color:#666666;
	font-size: 0.8em;
} 
.base {
	margin:0 auto;
	width:930px;
}
.img {
	font-size:1px;
	line-height:1px;
}
.fleft{
	float:left;
}
.fright {
	float:right;
}
.clear {
	clear:both;
}
.none {
	display:none;
}
.contents {
	width:580px;
	margin:10px;
}
.contents p {
	padding:0.4em 0px;
	line-height:140%;
}
.link_top a img {
	border-style:solid;
	border-width:1px;
	border-color:#999999;
}
.link_top a {
	text-decoration: none;
	color: #333333;
}
.link_top a:hover {
	color: #0066FF;
}

#top_main_back a:hover img {
	border-color: #0066FF;
}

.arrival ul {
	list-style-type:none;
	padding-left: 10px;
	padding-right: 10px;
}
.arrival li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #aaaaaa;
	height:1.8em;
	margin-bottom:0.4em;
}
.date {
	font-size:0.8em;
	text-indent: 3px;
	float:left;
	padding: 1px;
	margin-top:2px;
}
.tit {
	float: left;
	text-indent: 10px;
	font-size:1.2em;
}
.deta_box {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px 10px;
}
.wp-pagenavi {
	text-align:center;
}
/*************** ヘッダー **************/
#header {
	background-color: #333333;
	min-width:930px;
}
#header h1 {
	font-size: 0.8em;
	line-height: 150%;
	font-weight: normal;
}
/* FLASH未表示（トップ） */
#flash {
	width:100%;
	min-width:930px;
}
#flash h1 {
	text-indent:-9999px;
}
#top_main_img {
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 160px;
}

/******** メインナビ **********/
#main_navi{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding: 5px 0px;
}
#main_navi li {
	list-style-type: none;
	float: left;
}
#main_navi a {
	display: block;
	text-indent: -9999px;
	height: 20px;
}
#navi_left {
	margin-left: 10px;
}
#navi_left a {
	background-image: url(img/navi_left.gif);
	background-repeat: no-repeat;
}
#navi_home a {
	width:61px;
	background-position:0px 0px;
}
#navi_home a:hover {
	background-position: 0px -20px;
}
#navi_shop a {
	width: 60px;
	background-position: -119px 0px;
	margin-left: 30px;
}
#navi_shop a:hover {
	background-position: -119px -20px;
}
#navi_mainte a {
	width: 210px;
	background-position: -205px 0px;
	margin-left: 30px;
}
#navi_mainte a:hover {
	background-position: -205px -20px;
}
#navi_create a {
	width: 79px;
	background-position: -419px 0px;
	margin-left: 30px;
}
#navi_create a:hover {
	background-position: -419px -20px;
}

#navi_right {
	float: right;
	width: 300px;
}
#navi_right a {
	background-image: url(img/navi_right.gif);
}
#navi_companyu a {
	width: 68px;
	background-position: 0px 0px;
}
#navi_companyu a:hover {
	background-position: 0px -20px;
}
#navi_recruit a {
	width: 68px;
	background-position: -78px 0px;
	margin-left: 20px;
}
#navi_recruit a:hover {
	background-position: -78px -20px;
}
#navi_access a {
	width: 88px;
	background-position: -158px 0px;
	margin-left: 20px;
}
#navi_access a:hover {
	background-position: -158px -20px;
}

/********* コンテンツ ********/
#main_box {
	width: 600px;
}

#top_main_back {
}
#top_main_back div.base {
	padding: 15px;
	width: 900px;
	background-color:#FFFFFF;
}
.top_contents div.date {
	color: #FFFFFF;
	background-color: #666666;
}
.top_contents h2 {
	margin-top:10px;
	clear:both;
	background-image: url(img/top_title_img.gif);
	text-indent: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	height: 28px;
	line-height: 28px;
	font-size: 1.2em;
	color:#333333;
}
.top_contents p {
	padding:10px;
	line-height:140%;
}
.top_contents img {
	clear:both;
}

/********* サイドバー ********/
#side_box {
	width: 280px;
}
#top_side_link {
	background-image:url(img/top_side_link_back.gif);
}
#top_side_link p {
	margin: 5px 10px;
}
#banner p {
	margin-bottom:10px;
}
/********* フッター ********/
#top_footer_contents {
	background-image: url(img/top_footer_contents_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#top_footer_contents div.base {
	min-height:50px;
}
.footer_contents p {
	padding-left:140px;
	line-height:1.3em;
	padding-top: 10px;
	padding-bottom: 15px;
}
#footer {
	background-color: #333333;
	color: #FFFFFF;
	font-size:0.8em;
	line-height:1.3em;
	min-width:930px;
}
#footer div.base {
/*	background-image: url(img/top_footer_back.jpg); */
	min-height: 140px;
}
#foot_menu {
	text-align:center;
	padding-bottom: 5px;
	padding-top: 5px;
	line-height:140%;
}
#foot_menu a {
	color:#FFFFFF;
}
#foot_menu a:hover {
	color:#0066FF;
}
#foot_menu a:visited {
/*	color:#FFFF99; */
}
#copyright {
	text-align: right;
	margin-top: 60px;
	padding-bottom: 15px;
}

/*	写真イメージ  */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}


/* キャプション付き */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin-right: 8px;
	margin-top:10px;
	margin-bottom:10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/********* フォーム ********/
.wpcf7 th {
	width:160px;
}
.tate span.wpcf7-list-item { display: block; }
textarea {font-size:1em;}
.top_contents table {
	width: 100%;
	margin-top:10px;
}
.top_contents th {
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(img/shop_list_icon.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	vertical-align: top;
}
.top_contents td {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
/********* レポート ********/
#report_top {
	background-image:url(img/report_top_back.jpg);
	background-repeat:repeat-x;
}
.report_base {
	width:820px;
	margin:0px auto;
}
#report_back {
	background-image:url(img/report_back.gif);
	background-repeat:repeat-y;
	background-position:center top;
	padding:10px 0px;
}
#report_contents {
	padding:0px 20px;
}
#report_contents a {
	color:#3399FF;
}
#report_contents a:hover {
	color:#FF6666;
}
#report_contents h3 {
	font-size:18px;
	color:#000033;
	text-indent:30px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin:10px 0px;
	padding:10px 0px;
} 
#report_contents strong {
	font-size:20px;
	color:#333333;
}
#report_contents p {
	padding:10px 30px;
	color:#333333;
}