@charset "utf-8";

/* ==================================================

あきば商会 スタイルシート

================================================== */

/* Win版 IE5.x系列用
--------------------------------------------------------------------*/
@media tty {i{content:"\";/*" "*/}} @import 'common_wie5x.css'; /*";}}/* */

/* 共通
--------------------------------------------------------------------*/
body,div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,td,th,form {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
li {
	list-style-type:none;
}
li img {
	vertical-align:top;
}
table {
	border-collapse:collapse;
}
td,th {
	vertical-align:top;
}
th {
	text-align:left;
}
a img {
	border:none;
}

body {
	font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	margin:0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#646464;
	background:url(../common/bk.gif) repeat;
}
.fs {
	font-size:85%;
	line-height:120%;
}
.fl {
	font-size:125%;
	line-height:130%;
}
.b {
	font-weight:bold;
}
.c {
	text-align:center;
}
.r {
	text-align:right;
}
a:link,
a:visited {
	color:#0064b4;
	text-decoration:none;
}
a:hover,
a:active {
	color:#0064b4;
	text-decoration:underline;
}
br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}
.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:5px 0 10px;
}

.bk {
	width:802px;
	margin:0 auto;
	background-color:#d2d2d2;
}
.main {
	width:800px;
	margin:0 auto;
	background-color:#fff;
	text-align:left;
}

.header {
	width:770px;
	margin:0 auto;
	height:78px;
}
.header h1 {
	float:left;
	width:620px;
	color:#969696;
	font-size:85%;
	line-height:26px;
}
.header .top-link {
	float:right;
	width:150px;
	text-align:right;
	font-size:85%;
	line-height:26px;
}
.header h2 {
	width:370px;
	float:left;
	padding-top:1px;
}
.header h2 img {
	margin-left:2px;
}
.header .logo-r {
	width:400px;
	float:right;
	padding-top:4px;
	text-align:right;
}
.tm {
	border-bottom:solid 2px #ff961e;
}
.tm li {
	float:left;
}
.title-area {
	height:65px;
	position:relative;
}
.title-area .navi {
	width:790px;
	top:43px;
	text-align:right;
	position:absolute;
	font-size:85%;
	line-height:120%;
}
.main-area {
	background:url(../common/lm_bk.gif) repeat-y;
	float:left;
}
.main-area .main-left {
	float:left;
	width:200px;
}
.main-area .main-left .main-left-i {
	padding:15px 15px;
}
.main-area .main-right {
	float:right;
	width:600px;
}
.main-area .main-right .main-right-i {
	padding:15px 15px 0;
}
.lm {
	border:solid 1px #8eb1d9;
}
.lm-banner {
	padding-top:15px;
}
.lm-banner img {
	margin-bottom:5px;
}
.bottom-link {
	padding-top:50px;
	font-size:85%;
	line-height:120%;
}
.bottom-link-u {
	padding:50px 0 10px 215px;
	font-size:85%;
	line-height:120%;
}
.company-info {
	background:url(../common/company_info_bk.gif) no-repeat;
	height:35px;
}
.company-info p {
	line-height:35px;
	color:#fff;
	padding-left:15px;
	font-size:85%;
}
.company-info-u {
	background:url(../common/company_info_u_bk.gif) no-repeat;
	height:35px;
}
.company-info-u p {
	line-height:35px;
	color:#fff;
	padding-left:215px;
	font-size:85%;
}
.footer {
	padding:11px 0 12px;
	color:#969696;
	text-align:center;
	font-size:85%;
	line-height:120%;
}
.copy {
	padding:2px 0 7px;
}

/* 共通テーブル
--------------------------------------------------------------------*/
.table-1 table {
	width:570px;
}
.table-1 table th {
	background:#f5f5f5;
}
.table-1 table th div {
	background:url(../common/arrow_2.gif) no-repeat 10px 12px;
	padding:9px 5px 9px 25px;
}
.table-1 table td div {
	padding:9px 5px 9px 10px;
}
.table-1 table td div p {
	padding-bottom:5px;
	border-bottom:solid 1px #e8e0e0;
	margin-bottom:5px;
}
.table-1 table td div p.noline {
	padding-bottom:0px;
	border-bottom:none;
	margin-bottom:0px;
}
.table-1 table td div p .title {
	color:#643232;
}

/* トップページ
--------------------------------------------------------------------*/
#top h3.top {
	padding-bottom:5px;
}
#top h3.next {
	padding-top:20px;
}
#top h3.next2 {
	padding:20px 0 10px;
}
#top .information {
	background:url(../img/information_bk.gif) no-repeat;
	height:35px;
}
#top .information .text {
	width:590px;
	float:left;
}
#top .information marquee {
	margin-left:110px;
	color:#ffd200;
	line-height:35px;
}
#top .information .btn {
	width:200px;
	float:right;
}
#top .information .btn img {
	margin:3px 15px;
}
#top .top-main-area {
	background:url(../img/main_area_bk.gif) repeat-y;
	padding:15px 15px 11px 15px;
}
#top .top-main-area .top-main-left {
	float:left;
	width:570px;
}
#top .top-main-area .top-main-right {
	float:right;
	width:170px;
}
#top .product-area {
	padding-bottom:10px;
}
#top .product-left {
	width:280px;
	float:left;
}
#top .product-right {
	width:280px;
	float:right;
}
#top .product-box {
	border:solid 1px #d2d2d2;
	background-color:#fff;
}
#top .product-box-i {
	border-top:solid 2px #ff961e;
	padding:8px 10px 10px;
}
#top .product-box h4 {
	font-weight:bold;
	margin-bottom:5px;
}
#top .product-box .photo {
	width:100px;
	float:left;
}
#top .product-box .text {
	width:148px;
	float:right;
}
#top .product-box .kuwashiku {
	padding-top:5px;
	text-align:right;
	font-weight:bold;
}
#top .product-box .kuwashiku img {
	margin-right:4px;
	vertical-align:middle;
}
#top .adviser-area .adviser-left {
	float:left;
	width:145px;
}
#top .adviser-area .adviser-left-i {
	margin-right:10px;
	border:solid 1px #d2d2d2;
	padding:10px;
	background-color:#fff;
}
#top .adviser-area .adviser-right {
	float:right;
	width:135px;
}
#top .adviser-area .adviser-right-i {
	border:solid 1px #d2d2d2;
	padding:10px;
	background-color:#fff;
}
#top .adviser-area .text {
	text-align:center;
	color:#969696;
	font-size:85%;
	line-height:120%;
	padding-top:9px;
}
#top .adviser-area .name {
	font-weight:bold;
	text-align:center;
}
#top .adviser-link {
	padding-top:7px;
	text-align:right;
	font-weight:bold;
}
#top .adviser-link img {
	margin-right:3px;
	vertical-align:middle;
}
#top .whatsnew {
	width:570px;
}
#top .whatsnew th {
	width:100px;
}
#top .whatsnew th p {
	background:url(../common/arrow_1.gif) no-repeat 2px 6px;
	padding-left:12px;
}
#top .whatsnew td {
	width:470px;
}
#top .whatsnew th,
#top .whatsnew td {
	border-top:solid 1px #d2d2d2;
	border-bottom:solid 1px #d2d2d2;
	padding:7px 0;
}
#top .whats-area {
	border:solid 1px #8eb1d9;
	background:url(../img/whats_bk.jpg) no-repeat #ffffff;
	padding:65px 9px 10px 9px;
	margin-bottom:10px;
}
#top .whats-area .title {
	color:#ec1f00;
	font-weight:bold;
	margin-bottom:5px;
}
#top .whats-area .kuwashiku {
	margin-top:5px;
	text-align:right;
	font-weight:bold;
}
#top .whats-area .kuwashiku img {
	margin-right:3px;
	vertical-align:middle;
}
#top .twitter {
	margin-bottom:10px;
}
#top .ban-area {
	margin-bottom:10px;
}
#top .ban-area li {
	margin-bottom:5px;
}
#top .get-flash {
	background-color:#f9fdfd;
	padding:7px 10px;
}
#top .get-flash img {
	margin-bottom:5px;
}
#top .get-flash p {
	color:#b8bfc7;
}

/* 会社概要
--------------------------------------------------------------------*/


/* ごあいさつ
--------------------------------------------------------------------*/
#greeting h3 {
	margin-bottom:10px;
}
#greeting h3.next {
	margin-top:30px;
}
#greeting .greeting-top .photo {
	float:left;
	width:150px;
}
#greeting .greeting-top .photo-r {
	float:right;
	width:410px;
}
#greeting .greeting-top .photo-r .name {
	text-align:right;
	margin-top:20px;
}

/* 沿革
--------------------------------------------------------------------*/


/* 事業所案内
--------------------------------------------------------------------*/
#guide h3 {
	padding-bottom:10px;
}
#guide h3.next {
	padding-top:40px;
}
#guide h4 {
	background:url(../common/arrow_2.gif) no-repeat 0 10px ;
	padding:7px 0 0 15px;
	color:#1e64b4;
	font-weight:bold;
}
#guide .map {
	border:solid 1px #d2d2d2;
}
#guide .map-l {
	float:left;
	width:390px;
}
#guide .map-r {
	float:right;
	width:166px;
}
#guide .map-r2   {
	border:solid 1px #d2d2d2;
	padding:10px;
	background:#fff;
}
#guide .name {
	color:#1e64b4;
	font-weight:bold;
}
#guide .photo {
	padding-top:5px;
}
#guide .address {
	padding-left:15px;
}
#guide .text {
	font-size:85%;
	line-height:120%;
	color:#969696;
}

/* デジタコビジョン
--------------------------------------------------------------------*/
#digitacho h3.top {
	padding-bottom:10px;
}
#digitacho h3.next {
	padding-top:40px;
}
#digitacho .digitacho-top .photo {
	float:left;
	width:250px;
}
#digitacho .digitacho-top .photo-r {
	float:right;
	width:305px;
}
#digitacho .feature-area {
	padding-top:10px;
}
#digitacho .feature-area .feature-left {
	float:left;
	width:280px;
}
#digitacho .feature-area .feature-right {
	float:right;
	width:280px;
}
#digitacho .feature-area .feature {
	border:solid 1px #d2d2d2;
	padding:10px;
	background-color:#fff;
}
#digitacho .feature-area .feature-i {
	width:258px;
}
#digitacho .feature-area .feature .photo {
	float:left;
	width:75px;
}
#digitacho .feature-area .feature .photo-r {
	float:right;
	width:173px;
}
#digitacho .feature-area .feature .photo-r .title {
	font-weight:bold;
	padding-bottom:3px;
}
#digitacho .feature-area .feature .photo-r .kuwashiku {
	text-align:right;
	padding-top:7px;
	font-weight:bold;
}
#digitacho .feature-area .feature .photo-r .kuwashiku img {
	margin-right:5px;
	vertical-align:middle;
}

/* オールインワン機能
--------------------------------------------------------------------*/
#all h3.next {
	padding-top:40px;
}
#all .all-top {
	padding-top:10px;
}
#all .all-top .photo {
	float:left;
	width:180px;
}
#all .all-top .photo-r {
	float:right;
	width:374px;
}
#all .all-top .photo-r .kome {
	padding-top:7px;
	font-size:85%;
	line-height:120%;
}
#all .all-haed {
	padding-top:10px;
}
#all .all-image {
	padding-top:15px;
}
#all .all-soft{
	padding-top:10px;
}
#all .all-soft .photo {
	float:left;
	width:195px;
}
#all .all-soft .photo-r {
	float:right;
	width:180px;
}
#all .all-soft .photo-in {
	padding-right:15px;
}
#all .all-soft .text {
	padding-top:5px;
}
/* フォローアップ
--------------------------------------------------------------------*/
#follow h3 {
	padding-bottom:10px;
}
#follow h3.next {
	padding-top:40px;
}
#follow .follow-top .photo {
	float:left;
	width:180px;
}
#follow .follow-top .photo-r {
	float:right;
	width:374px;
}
#follow .image {
	padding:7px 0 25px;
	border-bottom:dotted 1px #d2d2d2;
	margin-bottom:15px;
}
#follow .window-area {
	padding-top:12px;
}
#follow .window-area .window-left {
	float:left;
	width:275px;
}
#follow .window-area .window-right {
	float:right;
	width:275px;
}
#follow .window-area .text {
	padding-top:5px;
}

/* カスタマイズ
--------------------------------------------------------------------*/
#customize h3.next {
	padding-top:40px;
}
#customize .image {
	text-align:center;
	padding:12px 0 5px;
}
#customize .text {
	padding-left:10px;
	font-size:85%;
	line-height:120%;
}
#customize .customize-top {
	padding-top:10px;
}
#customize .customize-top .photo {
	float:left;
	width:180px;
}
#customize .customize-top .photo-r {
	float:right;
	width:374px;
}

/* 安全エコ運転フォロー機能
--------------------------------------------------------------------*/
#eco h3.next {
	padding-top:40px;
}
#eco .eco-top {
	padding-top:10px;
}
#eco .eco-top .photo {
	float:left;
	width:180px;
}
#eco .eco-top .photo-r {
	float:right;
	width:374px;
}
#eco .eco-safe {
	padding-top:10px;
}
#eco .eco-safe .photo {
	float:left;
	width:180px;
}
#eco .eco-safe .photo-r {
	float:right;
	width:374px;
}

/* 自動車部品販売
--------------------------------------------------------------------*/
#autoparts h3 {
	padding-bottom:10px;
}
#autoparts h3.next {
	padding-top:40px;
}
#autoparts .photo-area {
	padding-top:12px;
}
#autoparts .photo-area .photo-left {
	float:left;
	width:194px;
}
#autoparts .photo-area .photo-left p {
	padding-right:10px;
}
#autoparts .photo-area .photo-right {
	float:right;
	width:182px;
}
#autoparts .photo-area p {
	padding:7px 0 0 14px;
	font-size:85%;
	line-height:120%;
	background:url(../common/arrow_2.gif) no-repeat 0 8px;
}
#autoparts .copy2 {
	padding-top:12px;
}
#autoparts .autoparts-area .photo {
	float:left;
	width:180px;
}
#autoparts .autoparts-area .photo-r {
	float:right;
	width:375px;
}
#autoparts .autoparts-area .photo-r h4 {
	font-size:85%;
	line-height:120%;
	padding:5px 0 2px;
}
#autoparts .autoparts-area .photo-r .box {
	border:solid 1px #c3ebeb;
	padding:8px 12px;
	background-color:#f0fafa;
}
#autoparts .autoparts-area .photo-r .link {
	background:url(../common/arrow_4.gif) no-repeat 0 16px;
	padding:10px 0 0 8px;
	font-weight:bold;
}

/* アフターフォロー
--------------------------------------------------------------------*/
#after h3 {
	padding-bottom:10px;
}
#after h3.next {
	padding-top:40px;
}
#after .after-top .photo {
	float:left;
	width:180px;
}
#after .after-top .photo-r {
	float:right;
	width:374px;
}
#after .image {
	padding-top:15px;
}

/* アドバイザー紹介
--------------------------------------------------------------------*/
#adviser .adviser-area {
	padding:12px 0;
	border-bottom:dotted 1px #d2d2d2;
}
#adviser .adviser-area .photo {
	float:left;
	width:100px;
}
#adviser .adviser-area .photo-r {
	float:right;
	width:457px;
}
#adviser .adviser-area .photo-r .adviser {
	border-left:solid 4px #00b4fa;
	padding:1px 0 1px 7px;
	font-size:85%;
	line-height:120%;
	color:#969696;
}
#adviser .adviser-area .photo-r .name {
	border-left:solid 4px #00b4fa;
	font-weight:bold;
	padding:0 0 1px 7px;
}
#adviser .adviser-area .photo-r .text {
	padding-top:7px;
}

/* 個人情報の取り扱いについて
--------------------------------------------------------------------*/
#privacy h3 {
	margin-bottom:5px;
}
#privacy h3.next {
	padding-top:30px;
}
#privacy .text {
	padding:3px 5px;
}
#privacy table {
	margin-top:10px;
	width:570px;
}
#privacy table th,
#privacy table td {
	border-top:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
	padding:5px 0;
}
#privacy table th {
	width:20px;
}
#privacy table th p {
	padding-left:5px;
}
#privacy table td {
	width:550px;
}

/* フォーム
--------------------------------------------------------------------*/
#form-page .top-info {
	padding-top:5px;
	margin-bottom:5px;
}
#form-page .top-info2 {
	padding-top:5px;
	margin-bottom:10px;
}
#form-page .tel {
	margin:12px 0 30px 0;
}
#form-page table {
	width:570px;
	margin-bottom:10px;
}
#form-page table th div {
	background:url(../common/arrow_2.gif) no-repeat 8px 10px;
	padding:7px 5px 7px 23px;
}
#form-page table th {
	background:#f5f5f5;
}
#form-page table td div {
	padding:7px 5px 7px 10px;
}
#form-page table td .add-info {
	padding-left:5px;
}
#form-page .require {
	color:#ff0000;
	padding-left:3px;
	font-size:85%;
	line-height:120%;
	vertical-align:-1px;
}
#form-page .require-mark {
	color:#ff0000;
}
#form-page form {
	margin-bottom:25px;
}
#form-page .last-info {
	text-align:center;
	margin:90px 0 100px 0;
}