@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 0;
	text-align:center;
	font-size:80%;
	line-height:130%;
	color:#1e1e1e;
	background-color:#dcdcdc;
}

.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,
a:hover,
a:active {
	color:#2256a4;
}

br.clear {
	clear:both;
	font:0pt/0pt sans-serif;
}

.warning {
	color:#ff0000;
	background-color:#ffffcc;
	border: 1px solid #ff0000;
	padding:5px;
	margin:10px 0;
}

.bk {
	width:802px;
	margin:0 auto;
}
.bk2 {
	border-left:solid 1px #b7c1d1;
	border-right:solid 1px #b7c1d1;
	background-color:#ffffff;
	text-align:left;
}
.main {
	width:800px;
	margin:0 auto;
}
.seotext {
	padding:12px 12px 0 12px;
}
.seotext .text {
	float:left;
	width:625px;
	margin-bottom:5px;
	color:#969696;
}
.seotext .link {
	float:right;
	width:150px;
	text-align:right;
	margin-bottom:5px;
}
.header {
	margin-bottom:5px;
}
.header .logo {
	width:300px;
	float:left;
}
.header .logo img {
	margin-left:17px;
}
.header .logo-r {
	width:300px;
	float:right;
	text-align:right;
}
.header .logo-r img {
	margin-top:11px;
	margin-right:17px;
}
.topmenu {
	border-bottom:solid 2px #eb0d00;
}
.title-area {
	height:65px;
	background:url(../common/title_bk.gif) no-repeat;
}
.title-area h1 {
	width:560px;
	float:left;
}
.title-area .page-navi {
	width:230px;
	float:right;
}
.title-area .page-navi p {
	margin:40px 10px 0 0;
	text-align:right;
}
.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;
}
.main-menu {
	border-left:solid 1px #729ed0;
	border-right:solid 1px #729ed0;
	border-bottom:solid 1px #729ed0;
}
.lm-banner {
	padding-top:15px;
}
.lm-banner img {
	margin-bottom:5px;
}
.bottom-link {
	padding:40px 0 0 0;
}
.bottom-link-u {
	padding:40px 0 10px 215px;
}
.company-info {
	background:url(../common/company_info_bk.gif) no-repeat;
	height:30px;
}
.company-info p {
	line-height:30px;
	color:#ffffff;
	margin-left:15px;
}
.company-info-u {
	background:url(../common/company_info_u_bk.gif) no-repeat;
	height:30px;
}
.company-info-u p {
	line-height:30px;
	color:#ffffff;
	margin-left:215px;
}
.copyright-area p {
	padding:7px 0;
	color:#b4b4b4;
	text-align:center;
}
.copy {
	margin-bottom:5px;
}

/* 共通テーブル
--------------------------------------------------------------------*/
.table-1 table {
	width:570px;
}
.table-1 table th {
	background:#ebebeb;
}
.table-1 table th div {
	background:url(../common/arrow_2.gif) no-repeat 10px 9px;
	padding:6px 5px 6px 24px;
}
.table-1 table td div {
	padding:6px 5px 6px 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 .information {
	background:url(../img/information_bk.gif) no-repeat;
	height:30px;
}
#top .information .text {
	width:590px;
	float:left;
}
#top .information marquee {
	margin-left:105px;
	color:#ffd200;
	line-height:30px;
}
#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 10px 15px;
}
#top .top-main-area .top-left {
	float:left;
	width:570px;
}
#top .top-main-area .top-right {
	float:right;
	width:170px;
}
#top h2.product {
	margin-bottom:5px;
}
#top .product-l {
	width:280px;
	float:left;
	margin-bottom:10px;
}
#top .product-r {
	width:280px;
	float:right;
	margin-bottom:10px;
}
#top .product-box {
	border:solid 1px #d2d2d2;
}
#top .product-box-i {
	border-top:solid 2px #ec1f00;
	padding:7px 10px;
}
#top .product-box h3 {
	font-weight:bold;
	margin-bottom:5px;
}
#top .product-box .photo {
	width:100px;
	float:left;
}
#top .product-box .text {
	width:150px;
	float:right;
}
#top .product-box .kuwashiku {
	margin-top:5px;
	text-align:right;
}
#top .product-box .kuwashiku img {
	margin-right:3px;
	vertical-align:middle;
}
#top h2.next {
	padding-top:15px;
}
#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:10px;
}
#top .whatsnew td {
	width:470px;
}
#top .whatsnew th,
#top .whatsnew td {
	border-top:solid 1px #ebebeb;
	border-bottom:solid 1px #ebebeb;
	padding:5px 0;
}
#top .whats-area {
	border:solid 1px #8eb1d9;
	background:url(../img/whats_bk.jpg) no-repeat #ffffff;
	padding:70px 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;
}
#top .whats-area .kuwashiku img {
	margin-right:3px;
	vertical-align:middle;
}
#top .ban-area {
	margin-bottom:10px;
}
#top .ban-area li {
	margin-bottom:5px;
}
#top .get-flash {
	background-color:#e3ecf6;
	padding:7px 10px;
}
#top .get-flash img {
	margin-bottom:5px;
}
#top .get-flash p {
	color:#b8bfc7;
}

/* 会社概要
--------------------------------------------------------------------*/
#company h2 {
	margin-bottom:2px;
}

/* ごあいさつ
--------------------------------------------------------------------*/
#greeting h2 {
	margin-bottom:10px;
}
#greeting h2.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 p.top {
	margin-bottom:5px;
	border-bottom:solid 1px #ebebeb;
	padding-bottom:5px;
}
#greeting .greeting-top .photo-r img {
	margin-bottom:5px;
}
#greeting .greeting-top .photo-r .name {
	text-align:right;
	margin-top:20px;
}

/* 沿革
--------------------------------------------------------------------*/
#outline h2 {
	margin-bottom:2px;
}

/* 事業所案内
--------------------------------------------------------------------*/
#guide h2 {
	margin-bottom:10px;
}
#guide .access {
	margin-bottom:30px;
}
#guide .access .map {
	float:left;
	width:380px;
}
#guide .access .map-r {
	float:right;
	width:190px;
}
#guide h4 {
	background:url(../common/arrow_2.gif) no-repeat 0 3px ;
	padding-left:15px;
	color:#1e64b4;
	font-weight:bold;
}

/* 商品案内
--------------------------------------------------------------------*/
#product h2 {
	margin-bottom:10px;
}
#product h2.next {
	margin-top:30px;
}
#product .product-top .photo {
	float:left;
	width:200px;
}
#product .product-top .photo-r {
	float:right;
	width:360px;
}
#product .product-top .photo-r p.top {
	margin-bottom:5px;
	border-bottom:solid 1px #ebebeb;
	padding-bottom:5px;
}
#product .product-top .photo-r img {
	margin-bottom:5px;
}
#product .product-top .photo-r img.next {
	margin-top:10px;
}
#product .vision {
	padding-bottom:10px;
}
#product .vision-i {
	border:solid 1px #ebebeb;
	padding:7px;
}
#product .vision .photo {
	float:left;
	width:150px;
}
#product .vision .photo-r {
	float:right;
	width:397px;
}
#product .vision .blue {
	color:#2256a4;
}
#product .vision .kuwashiku {
	text-align:right;
	vertical-align:middle;
	color:#2256a4;
	padding-top:5px;
}
#product .vision .kuwashiku img {
	padding-right:5px;

}

/* MUシリーズ共通
--------------------------------------------------------------------*/
#product-u h2.top {
	margin-bottom:10px;
}
#product-u h2 {
}
#product-u .mu-top {
	padding-bottom:20px;
}
#product-u .mu-top .photo {
	float:left;
	width:250px;
}	
#product-u .mu-top .photo-r {
	float:right;
	width:310px;
}
#product-u .mu-top .photo-r img.top {
	margin-bottom:5px;
}
#product-u .mu-top .photo-r .line {
	padding-top:10px;
}
#product-u .mu-top .photo-r .line p {
	background:url(../common/arrow_2.gif) no-repeat 0 10px;
	padding:5px 0 5px 15px;
	border-bottom:solid 1px #ebebeb;
}
#product-u .mu-top .photo-r .line p.top {
	border-top:solid 1px #ebebeb;
}
#product-u .spec {
	width:570px;
}
#product-u .spec table {
	width:570px;
}
#product-u .spec th {
	background-color:#f0f0f0;
}
#product-u .spec th p {
	background:url(../common/arrow_2.gif) no-repeat 10px 3px;
	padding-left:25px;
}
#product-u .spec th p.grey {
	background:none !important;
	padding-left:10px !important;
}
#product-u .spec td p {
	padding-left:10px;
}
#product-u .spec th,
#product-u .spec td {
	border:solid 1px #c8c8c8;
	padding:5px 0;
}

/* 運用イメージ
--------------------------------------------------------------------*/
#operation h2 {
	margin-bottom:10px;
}
#operation h2.next {
	margin-top:20px;
}
#operation .system .image {
	float:left;
	width:180px;
}
#operation .system .image img {
	margin-top:10px;
}
#operation .system .image-r {
	float:right;
	width:375px;
}
#operation .system .image-r img.top {
	margin:3px 0;
}
#operation table {
	width:380px;
}
#operation table th p {
	background:url(../common/arrow_2.gif) no-repeat 0 9px;
	padding:6px 0 6px 15px;
}
#operation table td p {
	padding:6px 5px 6px 5px;
}


/* 導入メリット
--------------------------------------------------------------------*/
#advantage h2 {
	margin-bottom:10px;
}
#advantage h2.next {
	padding-top:30px;
}
#advantage .advantage-area .photo {
	float:left;
	width:200px;
}
#advantage .advantage-area .photo-r {
	float:right;
	width:360px;
}
#advantage .advantage-area .addinfo {
	padding-top:5px;
}
#advantage .advantage-area .addinfo span {
	color:#ec1f00;
}
#advantage .advantage-area .uline {
	padding-bottom:7px;
	border-bottom:solid 1px #ebebeb;
	margin-bottom:7px;
}

/* カスタマイズ
--------------------------------------------------------------------*/
#customize h2 {
	margin-bottom:10px;
}
#customize h2.next {
	padding-top:30px;
}
#customize .case p {
	padding-bottom:7px;
}
#customize .case .blue {
	color:#1b64b4;
}
#customize .case li {
	background:url(../common/arrow_2.gif) no-repeat 0 11px;
	padding:7px 5px 7px 15px;
	border-bottom:solid 1px #ebebeb;
}
#customize .case li.top {
	border-top:solid 1px #ebebeb;
}
#customize .customize .photo {
	float:left;
	width:200px;
}
#customize .customize .photo-r {
	float:right;
	width:360px;
}
#customize .contact {
	padding-top:40px;
	text-align:center;
}
#customize .contact p {
	padding-bottom:7px;
}

/* 公的機関からの補助金について
--------------------------------------------------------------------*/
#subsidy h2 {
	margin-bottom:10px;
}
#subsidy .subsidy-top .photo {
	float:left;
	width:200px;
}
#subsidy .subsidy-top .photo-r {
	float:right;
	width:360px;
}
#subsidy .subsidy-top p {
	padding-bottom:7px;
}
#subsidy .subsidy-top .blue {
	color:#1b64b4;
}
#subsidy .subsidy-top .grey {
	color:#b2b2b2;
}
#subsidy .subsidy-top li {
	background:url(../common/arrow_2.gif) no-repeat 0 11px;
	padding:5px 5px 5px 15px;
	border-bottom:solid 1px #ebebeb;
}
#subsidy .subsidy-top li.top {
	border-top:solid 1px #ebebeb;
}
#subsidy p.kuwashiku {
	padding-top:7px;
}

/* 個人情報の取り扱いについて
--------------------------------------------------------------------*/
#privacy h2 {
	margin-bottom:5px;
}
#privacy h2.next {
	padding-top:30px;
}
#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 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:7px 0 30px 0;
}
#form-page .tel img {
	margin-bottom:5px;
}
#form-page table {
	width:570px;
	margin-bottom:10px;
}
#form-page table th div {
	background:url(../common/arrow_2.gif) no-repeat 8px 7px;
	padding:4px 5px 4px 22px;
}
#form-page table th {
	background:#ebebeb;
}
#form-page table td div {
	padding:4px 5px 4px 10px;
}
#form-page table td .add-info {
	padding-left:5px;
}
#form-page .require {
	color:#ff0000;
	padding-left:5px;
}
#form-page .require-mark {
	color:#ff0000;
}
#form-page form {
	margin-bottom:25px;
}
#form-page .last-info {
	text-align:center;
	margin:50px 0 150px 0;
}