@charset "utf-8";

/* 全体の基本設定
----------------------------------------------------------------------------------------------- */
* {
	margin: 0:
	padding: 0;
	box-sizing: border-box; /* 罫線をボックスで設定した範囲内に含める */
}

body { /* ページ全体の包括 */
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center; /* 設定しないと画面が中央に揃わない */
	box-sizing: border-box; /* ボーダーをボックス内に設定 */
	-webkit-text-size-adjust: 100%; /* iPhoneの自動文字サイズ調整を無効にする */
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ ProN W3','HiraKakuProN-W3','YuGothic','Yu Gothic','游ゴシック','游ゴシック体','Lucida Grande','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3',Osaka,'ＭＳ Ｐゴシック','MS PGothic',Geneva,Arial,sans-serif !important;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

img,
a img { /* 画像をボックスサイズより大きくならないようにする */
	max-width: 100%;
	border: 0;
}

a img:hover {
	opacity: 0.7;
}

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
}
 
.clearfix {
	min-height: 1px;
}
 
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ベースデザイン
----------------------------------------------------------------------------------------------- */

.box-wrap {
	margin: 0:
	padding: 0;
	background: #fff;
}

.container {
	width: 980px;
	margin: 0 auto 0;
	background: #fff;
}

/* ヘッダーエリア
----------------------------------------------------------------------------------------------- */
header {
	margin: 0 auto 0;
	padding: 16px 0 32px;
	background: #fff;
	border-bottom: 1px solid #e1e2e2;
}

.social {
	margin: 0;
	text-align: right;
}

h1#sitename {
	margin: 0;
	display: block;
	float: left;
	width: 332px;
	height: 55px;
}

ul#global_menu {
	list-style: none;
	float: right;
	margin: 16px 10px 0 0;
}

ul#global_menu li {
	float: left;
	margin: 0 0 0 13px;
	display: block;
}

ul#global_menu li:first-child {
	margin: 0;
}

ul#global_menu li a:hover {
	opacity: 0.7;
}

ul#global_menu li a.menu1 {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu01.png');
}

ul#global_menu li.menu1on {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu01on.png');
}

ul#global_menu li a.menu2 {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu02.png');
}

ul#global_menu li.menu2on {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu02on.png');
}

ul#global_menu li a.menu3 {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu03.png');
}

ul#global_menu li.menu3on {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu03on.png');
}

ul#global_menu li a.menu4 {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu04.png');
}

ul#global_menu li.menu4on {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu04on.png');
}

ul#global_menu li a.menu5 {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu05.png');
}

ul#global_menu li.menu5on {
	display: block;
	text-indent: -9999px;
	width: 106px;
	height: 37px;
	background: url('../images/common/menu05on.png');
}

/* メイン画像エリア
----------------------------------------------------------------------------------------------- */

h2.main_image {
	display: block;
	margin: 0 auto 0;
	width: 980px;
}

h2.main_image img {
	vertical-align: bottom;
	width: 980px;
	height: auto;
}

/* トップページ本文エリア
----------------------------------------------------------------------------------------------- */

.content {
	margin: 0;
}
.image_links {
	margin: 0;
	padding: 18px 0 2px;
	background: #d3def1;
}

.menu_box {
	margin: 0 auto 0;
	width: 980px;
}

.menu_box img {
	vertical-align: bottom;
}

.menu_box h3,
.menu_box h4 {
	margin: 0;
}

.menu_box h3.large_menu {
	float: left;
	margin: 0 18px 0 0;
	width: 307px;
	height: 220px;
}

.menu_box .right_menubox {
	float: right;
}

.menu_box .right_menubox h4 {
	margin: 0 0 16px;
}

/* フッターエリア
----------------------------------------------------------------------------------------------- */

footer {
	margin: 0 auto 0;
}

ul#footer_menu {
/*	float: left;
	left: 50%;
	position: relative; */
	margin: 16px auto;
	padding: 0;
	list-style: none;
text-align: center;
}

ul#footer_menu li {
/*	float: left;
	left: -50%;
	position: relative; */
	margin: 0 0.4em 0 0;
	padding: 0 0.8em 0 0;
	font-size: 13px;
	border-right: 1px solid #6e6e6e;
display: inline;
}

ul#footer_menu li:last-child {
	margin: 0;
	padding: 0;
	border: none;
}

ul#footer_menu li a {
	color: #000;
	text-decoration: none;
}

ul#footer_menu li a:hover {
	color: #000;
	text-decoration: underline;
}

#footerbox {
	clear: both;
	padding: 24px 0 0;
	border-top: 1px solid #e4e5e5;
}


#footertxt {
	margin: 0 auto;
	width: 980px;
}

#footertxt h2#sitename {
	margin: 0;
	display: block;
	float: left;
	width: 150px;
	height: 42px;
	text-indent: -9999px;
	background: url('../images/common/logo-footer.png');
}

#footertxt .company {
	float: left;
	padding: 0 0 0 10px;
	text-align: left;
	font-size: 14px;
	line-height: 1.2em;
}

#footertxt .copyright {
	float: right;
	padding: 2em 0;
	font-size: 14px;
	line-height: 1.2em;
}

/* サブページ共通
----------------------------------------------------------------------------------------------- */

.subpage_box {
	margin: 0 auto;
	width: 980px;
}

#mainbox {
	width: 668px;
	float: left;
	text-align: left;
}

#linkbox {
	width: 312px;
	float: right;
	text-align: left;
}

h3.contact {
	padding: 0.5em 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.5em;
	background: #ffffc8;
	border: 1px solid #1873c8;
	background: #ffffc8 url(../images/common/arrow.png) no-repeat 15% 50%;
}

h3.contact a {
	color: #000;
	text-decoration: none;
}

h3.contact a:hover {
	color: #000;
	text-decoration: underline;
}



/* 事業内容
----------------------------------------------------------------------------------------------- */

.column_block {
	float: left;
	width: 296px;
	display: block;
	margin: 0 34px 34px 0;
	font-size: 12px;
}

h3.bizline {
	margin: 0.5em 0 0.2em;
	color: #0064c8;
	font-size: 16px;
}

/* 会社概要
----------------------------------------------------------------------------------------------- */
table.aboutus {
	margin: 0 0 1em;
	max-width: 100%;
	font-size: 14px;
}

table.aboutus th {
	padding: 0 2em 0 0;
	font-weight: normal;
}

table.aboutus th,
table.aboutus td {
	height: 2em;
	line-height: 1.4em;
	vertical-align: top;
}

/* 制作実績
----------------------------------------------------------------------------------------------- */

h3.workcase {
	margin: 2em 0 0.5em 0.5em;
	color: #0064c8;
	font-size: 16px;
	font-weight: 500;
}

p.workstxt {
	margin: 1em 2em 0 1em;
	font-size: 14px;
}

h4.media {
	clear: both;
	margin: 1em 0 2em 0.5em;
	font-size: 16px;
}

hr.worksline {
	border: 0 none; 
	height: 1px; 
	color: #696969;
	background-color: #cad3ff;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

/* 電子パンフレット制作
----------------------------------------------------------------------------------------------- */

h3.epub1 {
	margin: 2em 0 1em;
	display: block;
	width: 524px;
	height: 26px;
	text-indent: -9999px;
	background: url('../images/epub/ebook_sub1.png');
}

h3.epub2 {
	margin: 2em 0 1em;
	display: block;
	width: 455px;
	height: 26px;
	text-indent: -9999px;
	background: url('../images/epub/ebook_sub2.png');
}

h3.epub3 {
	margin: 2em 0 1em;
	display: block;
	width: 594px;
	height: 26px;
	text-indent: -9999px;
	background: url('../images/epub/ebook_sub3.png');
}

h3.epub4 {
	margin: 2em 0 1em;
	display: block;
	width: 624px;
	height: 26px;
	text-indent: -9999px;
	background: url('../images/epub/ebook_sub4.png');
}

.diff {
	margin: 2em 0;
}

h3.epub_table-name {
	margin: 2em 0 1em;
	font-size: 16px;
}

table.epub_table {
	width: 100%;
	font-size: 16px;
	text-align: center;
	border-collapse: collapse;
}

table.epub_table th {
	width: 45%;
	font-weight: normal;
	padding: 0.5em 0;
	background: #dcf0ff;
	border: 1px solid #737373;
}

table.epub_table td {
	width: 55%;
	padding: 0.5em 0;
	border: 1px solid #737373;
}

span.attn {
	font-size: 12px;
}

.attention {
	margin: 0 0 2em;
	font-size: 12px;
}

/* エアーリンクの強み
----------------------------------------------------------------------------------------------- */

.str_img {
	margin: 0 0 1em;
}

h3.str1 {
	margin: 1em 0 0;
	font-size: 21px;
	color: #4189b9;
}

h3.str2 {
	margin: 1em 0 0;
	font-size: 21px;
	color: #006ea0;
}

h3.str3 {
	margin: 1em 0 0;
	font-size: 21px;
	color: #004678;
}

p.strtxt {
	margin: 0.5em 0;
	font-size: 14px;
}

h2.str4 {
	margin: 2em 0 0;
	padding: 0.3em 0 0.2em 0.5em;
	color: #fff;
	background: #0064c8;
	font-size: 18px;
	letter-spacing: 1px;
}

h3.str5 {
	padding: 0 0 0 10px;
	line-height: 1em;
	border-left: 10px solid #0064c8;
}

p.strtxt2 {
	font-size: 14px;
}

/* 制作の流れ
----------------------------------------------------------------------------------------------- */

p.flow {
	margin: 0 0 1em;
	font-size: 14px;
}

span.flowname {
	font-size: 12px;
	font-weight: normal;
	line-height: 1.2em;
}

table.flow_table1 {
	width: 650px;
}

table.flow_table1 th {
	width: 14%;
	padding: 1em 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #0096c8;
	border: 1px solid #0096c8;
}

table.flow_table1 td {
	padding: 1em 0 1em 1em;
	width: 86%;
	font-size: 14px;
	border: 1px solid #0096c8;
}

table.flow_table2 {
	width: 650px;
}

table.flow_table2 th {
	width: 14%;
	padding: 1em 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #0082b4;
	border: 1px solid #0082b4;
}

table.flow_table2 td {
	padding: 1em 0 1em 1em;
	width: 86%;
	font-size: 14px;
	border: 1px solid #0082b4;
}

table.flow_table3 {
	width: 650px;
}

table.flow_table3 th {
	width: 14%;
	padding: 1em 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #006ea0;
	border: 1px solid #006ea0;
}

table.flow_table3 td {
	padding: 1em 0 1em 1em;
	width: 86%;
	font-size: 14px;
	border: 1px solid #006ea0;
}

table.flow_table4 {
	width: 650px;
}

table.flow_table4 th {
	width: 14%;
	padding: 1em 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #005a8c;
	border: 1px solid #005a8c;
}

table.flow_table4 td {
	padding: 1em 0 1em 1em;
	width: 86%;
	font-size: 14px;
	border: 1px solid #005a8c;
}

table.flow_table5 {
	width: 650px;
}

table.flow_table5 th {
	width: 14%;
	padding: 1em 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #004678;
	border: 1px solid #004678;
}

table.flow_table5 td {
	padding: 1em 0 1em 1em;
	width: 86%;
	font-size: 14px;
	border: 1px solid #004678;
}

table.flow_table6 {
	width: 650px;
	margin: 0 0 2em;
}

table.flow_table6 th {
	width: 14%;
	padding: 1em 0;
	font-size: 14px;
	text-align: center;
	color: #fff;
	background: #dc5096;
	border: 1px solid #dc5096;
}

table.flow_table6 td {
	padding: 1em 0 1em 1em;
	width: 86%;
	font-size: 14px;
	border: 1px solid #dc5096;
}

.txtarrow1 {
	margin: 0 auto;
	text-align: center;
	color: #0096c8;
	transform: scale( 2.5, 1);
}

.txtarrow2 {
	margin: 0 auto;
	text-align: center;
	color: #dc5096;
	transform: scale( 2.5, 1);
}

/* 制作の流れ
----------------------------------------------------------------------------------------------- */

p.agreement {
	margin: 0.2em 0 1em;
	width: 650px;
	font-size: 14px;
}

h3.agree {
	width: 650px;
	margin: 0;
	padding: 0.7em 0 0;
	font-size: 18px;
	font-weight: normal;
	border-top: 1px dashed #727171;
}

.agreement_last {
	margin: 0.2em 0 5em;
	width: 650px;
	font-size: 14px;
}

/* お問い合わせフォーム
----------------------------------------------------------------------------------------------- */

body.formpage {
	margin-top: -1px;
}

#box {
	width: 980px;
	float: left;
	text-align: left;
}

input.input-xlarge,
input.namebox {
	height: 30px;
}