@charset "utf-8";

/* レイアウト基本設定 */

/*最背面の設定
----------------------------------------------------- */
body {
	background-image: url(../img/common_img/bg.gif);
	background-color: #DEE9F1;
	background-attachment: fixed;
}

#container {
	width: 898px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	/*float: left;*/
	margin:auto;
}

/*基本文字リンクカラーの設定
----------------------------------------------------- */
a:link, a:active, a:visited {
	color: #0066CC;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}

/*ヘッダー領域の設定
----------------------------------------------------- */
#header {
	font-size: 12px;
	line-height: 160%;
	width: 898px;
	/*height: 180px;*/
	margin:auto;
	margin-bottom: 5px;
}

/* SEOテキストの設定 */
.title-txt {
	width: 778px;
	padding-top: 10px;
	padding-left: 20px;
}
.title-txt h1{
	float: left;
	margin-right: 10px;
	font-size: 12px;
}
.title-txt h2 {
	font-size: 12px;
}

.logo {/* aishipロゴの設定 */
	float: left;
	width: 270px;
	height: 75px;
	padding-left: 20px;
}
.h-right {
	float: right;
	width: 560px;
	padding-right: 20px;
	text-align: right;
	padding-top: 10px;
}

.search {/* サイト内検索部分の設定 */
	text-align: right;
	padding-bottom: 5px;
	float: right;
	padding-left: 5px;
}
.search .input-txt {/* サイト内検索窓の設定 */
	padding: 3px;
}

.h-button {/* オレンジボタンの設定 */
	height: 24px;
	padding-top: 5px;
	margin-left: 30px;
	text-align: right;
}
.h-button li {
	height: 24px;
	display: inline;
	width: 108px;
}

.ticker {/* ティッカーの設定 */
	float: left;
	background-image: url(../img/common_img/ticker_bg.jpg);
	background-repeat: no-repeat;
	width: 480px;
	height: 35px;
	margin-top: 10px;
	padding-left: 24px;
	background-position: 24px 0px;
}
.ticker .ticker-txt-area {/* ティッカーテキストの設定 */
	background-color: #FFFFFF;
	width: 400px;
	margin: 6px 10px 0px 65px;
	padding: 2px 3px 2px 3px;
	border: 1px solid #CCCCCC;
}
.h-link {
	float: right;
	margin-top: 18px;
	padding-right: 24px;
	width:270px;
}
.h-link li {
	list-style:none;
	display: inline;
}

/* メインコラムの設定
----------------------------------------------------- */
#main-column {
	float: right;
	width: 550px;
	padding-right: 70px;
}

/* パンくずリストの設定 */
.pankuzu {
font-size: 12px;
margin-bottom: 10px;}
.pankuzu li {list-style:none;display: inline;}

/* グローバルリンク連動ページタイトルの設定 */
.h2-title-a, .h2-title-b, .h2-title-c, .h2-title-d, .h2-title-e, .h2-title-f, .h2-title-g, .h2-title-other {
	font-size: 24px;
	color: #FFFFFF;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	padding: 22px 0px 22px 65px;
}
.h2-title-a {background-image: url(../img/common_img/h2_what.jpg);}
.h2-title-b {background-image: url(../img/common_img/h2_kinou.jpg);}
.h2-title-c {background-image: url(../img/common_img/h2_spec.jpg);}
.h2-title-d {background-image: url(../img/common_img/h2_zisseki.jpg);}
.h2-title-e {background-image: url(../img/common_img/h2_flow.jpg);}
.h2-title-f {background-image: url(../img/common_img/h2_faq.jpg);}
.h2-title-g {background-image: url(../img/common_img/h2_contact.jpg);}
.h2-title-other {
	padding: 22px 0px 22px 25px!important;
	background-image: url(../img/common_img/h2_other.jpg);
}

/* 画像テキストの設定 */
.h2-lead {
	margin-bottom: 30px;
}

#main-column h3 {
	font-size: 16px;
	font-weight: bold;
	background-image: url(../img/common_img/h3bg_a.jpg);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	color: #006699;
	padding: 13px 0px 13px 35px;
}

#main-column h4 {
	font-size: 14px;
	line-height: 130%;
	font-weight: bold;
	background-image: url(../img/common_img/h4bg_a.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
	padding: 8px 5px 8px 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #6CB7D7;
}

.h3-simple {
	background-image: url(../img/common_img/h3-simple.gif) !important;
	background-repeat: no-repeat !important;
	background-position: right bottom !important;
	background-color: #006699 !important;
	border-right: 1px solid #333333 !important;
	border-bottom: 1px solid #333333 !important;
	padding: 5px 15px !important;
	color: #ffffff !important;
	font-size: 18px !important;
	font-weight:bold !important;
	line-height: 100% !important;
}

.h4-simple {
	background-image: none !important;
	border-left:8px solid #006699 !important;
	border-bottom:1px solid #006699 !important;
	padding: 5px 7px !important;
	color:#006699 !important;
	font-size: 16px !important;
	font-weight:bold !important;
	line-height: 100% !important;
}

.h4-b {
	font-size: 14px!important;
	font-weight: bold;
	margin-bottom: 5px!important;
	border-bottom: none!important;
	border-left: none!important;	
	background-repeat: no-repeat!important;
	background-position: 0px 3px!important;
	background-image: url(../img/common_img/arrow_a.jpg)!important;	
	padding: 1px 0px 0px 17px!important;
}


#main-column h5 {
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-image: url(../img/common_img/arrow_a.jpg);	
	padding: 0px 0px 0px 17px;
}
/* ｈ5の他の矢印画像付テキストの設定 */
.h5-b {background-image: url(../img/common_img/arrow_b.jpg)!important;}
.h5-c {background-image: url(../img/common_img/arrow_c.jpg)!important;}
.h5-d {background-image: url(../img/common_img/arrow_d.jpg)!important;}
.h5-e {background-image: url(../img/common_img/arrow_e.jpg)!important;}
.h5-f {
	background-image: none!important;
	padding: 0px 0px 5px 0px!important;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.h5-g {
	background-image: none!important;
	padding: 5px!important;
	color: #FFFFFF;
	background-color: #006699;
}
.h5-none {
	background-image: none!important;
	padding: 0px!important;
	color: #000000;
	background-color: #FFFFFF;
	font-weight:normal !important;
}

#main-column p {
	font-size: 14px;
	line-height: 150%;
	margin-bottom: 5px;
}

.caption {/* 注意書きテキストの設定 */
	font-size: 12px!important;
	line-height: 160%!important;
	color: #006699;	
}
strong a {
	font-weight: bold!important;
}

.zoom {/* 虫眼鏡 */
	font-size: 12px;
	background-image: url(../img/common_img/mushimegane.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
	padding-left: 18px;
	text-align: left;
}

table.table-a {
	font-size: 14px;
	line-height: 150%;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.table-a th {
	background-color: #DDEEFF;
	padding: 5px;
}
.table-a td {
	padding: 5px;
	background-color: #FFFFFF;
}
.blue-bg {
	background-color: #006699!important;
	color: #FFFFFF;
	font-weight: bold;
}

/* 角丸ボックスの設定
----------------------------------------------------- */
/* aタイプ角丸ボックスの設定 */
div.box-a-top, .box-a-bot {
	width: 550px;
	height: 10px;
}
div.box-a-top {
	background-image: url(../img/common_img/box_a_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.box-a-mid {
	width: 550px;
	background-image: url(../img/common_img/box_a_mid.jpg);
	background-repeat: repeat-y;
}
div.box-a-bot {
	background-image: url(../img/common_img/box_a_bot.jpg);
	background-repeat: no-repeat;
}

/* bタイプ角丸ボックスの設定 */
div.box-b-top, .box-b-bot {
	width: 550px;
	height: 10px;
}
div.box-b-top {
	background-image: url(../img/common_img/box_b_top.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
div.box-b-mid {
	width: 550px;
	background-image: url(../img/common_img/box_b_mid.jpg);
	background-repeat: repeat-y;
}
div.box-b-bot {
	background-image: url(../img/common_img/box_b_bot.jpg);
	background-repeat: no-repeat;
}

/* 角ボックスの設定 */
div.box-set {
	width: 540px;
	border-width: 3px;
	border-style: solid;
	border-color: #DDDDDD;
	float: left;
}


div.box-inner {/* 角丸ボックス内の余白設定 */
	padding: 5px 15px 5px 15px;
}

/* メインカラム内の2列の設定（左右均等） */
div.main-l-a {
	font-size: 14px;
	line-height: 160%;
	float: left;
	width: 265px;
	padding: 0px 20px 0px 0px;
}
div.main-r-a {
	font-size: 14px;
	line-height: 160%;
	float: right;
	width: 265px;
	padding: 0px 0px 0px 0px;
}
/* メインカラム内の2列の設定（左が短い時） */
div.main-l-b {
	font-size: 14px;
	line-height: 160%;
	float: left;
	width: 200px;
	padding: 0px 20px 0px 0px;
}
div.main-r-b {
	font-size: 14px;
	line-height: 160%;
	float: right;
	width: 330px;
	padding: 0px 0px 0px 0px;
}

/* メインカラム内の2列の設定（右が短い時） */
div.main-l-c {
	font-size: 14px;
	line-height: 160%;
	float: left;
	width: 330px;
	padding: 0px 20px 0px 0px;
}
div.main-r-c {
	font-size: 14px;
	line-height: 160%;
	float: right;
	width: 200px;
	padding: 0px 0px 0px 0px;
}

/* 導入リンクセットの設定 */
#set {
	width: 520px;
	border-width: 5px;
	border-style: solid;
	border-color: #DDDDDD;
	float: left;
}
.set-l {
	font-size: 12px!important;
	line-height: 160%;
	float: left;
	padding: 10px 0px 10px 10px;
}
.set-r {
	font-size: 12px;
	line-height: 160%;
	float: right;
	padding: 10px 10px 10px 0px;
}
.set-l p, .set-r p {margin-bottom: 5px;}

/* 左コラムの設定
----------------------------------------------------- */
#left-column {
	font-size: 12px;
	line-height: 130%;
	float: left;
	width: 180px;
	padding-right: 20px;
	padding-left: 65px;
}
#left-column p {margin-bottom: 5px;}

.malmaga {/* メルマガ欄 */
	padding: 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.input-txt-malmaga {/* メルマガテキスト入力欄 */
	padding: 3px;
	margin-bottom: 3px;
	width: 150px;
}
.login-a, .login-b {/* 管理画面欄 */
	padding: 5px;
	background-color: #ECF2F7;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
}
.input-txt-login {/* 管理画面テキスト入力欄 */
	padding: 3px!important;
	margin-bottom: 3px!important;
}
/* メルマガ欄と管理画面欄内のセンター揃え */
.login-a div, .login-b div, .malmaga div {text-align: center;}

/* フッター領域の設定
----------------------------------------------------- */
#footer {
	font-size: 12px;
	line-height: 160%;
	clear: both;
	padding-top: 20px;
}
.backtop {/*上に戻る */
	text-align: right;
	width: 778px;
	padding: 0px 20px 20px 0px;
}
.underlink1 {
	text-align: center;
	padding-bottom: 10px;
}
.underlink2 {
	background-color: #EEEEEE;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.underlink3 {
	color: #FFFFFF;
	background-image: url(../img/common_img/footer_bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
	height: 90px;
}
.underlink3 address {padding-top: 15px;}

.underlink3 a:link, .underlink3 a:active, .underlink3 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.underlink3 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* 右バナー領域の設定
----------------------------------------------------- */
#r-area {
	font-size: 12px;
	line-height: 130%;
	margin: 10px 0px 0px 10px;
	width: 160px;
	position: absolute;
	left:800px;
	top: 0px;
}
#r-area h4 {
	padding: 0px;
	margin: 0px;
}
#r-area p {
	padding-bottom: 5px;
}
#r-area .r-area-box {
	padding: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	text-align: center;
}
#r-area dl {
	margin-bottom: 5px;
}
#r-area dt {
	padding-bottom: 0px;
}
#r-area dd {
	padding-bottom: 5px;
}