@charset "utf-8";
/* CSS Document */

/* 初期設定を無効にする指定 */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	list-style-type: square;
}


a:link, a:active, a:visited {
	color:#0066CC;
	text-decoration:none;
}


a:hover {
	text-decoration: underline;

}


/* 全体 */
body {
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
	font-size: 12px;
}


/* 全てが入る枠 */
#all {
	width: 100%;
	margin: auto;
	border-top: solid 7px #3366CC;
	border-bottom: solid 7px #3366CC;
	padding-top: 10px;

}


/* ヘッダ */
/* #head { */
#header {
	width: 900px;
	height: 60px;
	margin: auto;
	padding-bottom: 20px;
	
}


/* 右上のメニュー */
#topmenu {
	float: right;
	font-size: 12px;
}


#topmenu a {
	color: #000000;
	text-decoration: none;
}


/* h1 */
h1 {
	margin-right: 5px;
	margin-bottom: 5px;
/* 	padding-left: 10px; */
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}


/* ヘッダ左側 */
#head-left {
	float: left;
}

#logo {
/* 	margin-left: 20px; */
}


/* ヘッダ右側 */
#head-right {
	font-size: 12px;
	float: right;
	text-align: right;
	padding-top: 20px;


}

/* 記事検索 */
#search {
	margin-bottom: 10px;
}


#search img{
	margin-bottom: 5px;
}


/* 記事検索フォーム部分 */
#searchform {
	text-align: right;
	height: 20px;
}


/* 記事検索テキスト入力エリア */
#searchtext {
	border:1px solid #CCCCCC;
	width: 200px;
	height: 18px;
	vertical-align:middle;
	padding-left: 3px;
}


/* 記事検索送信ボタン */
#searchsubmit {
	vertical-align:middle;

}


/* グローバルメニュー */
#menu {
	width: 900px;
	margin: auto;
}

/* グローバルメニューのロールオーバー設定 */
#menu li {
	list-style: none;
	display: inline;
}


#menu li a{
	display:block;
	float: left;
    width:150px;
    height:30px;
}


#menu a span {
	display: none;
}


/* aimmとはのロールオーバー設定 */
#m1 a {
	background-image: url(../img/m1.jpg);
}


#m1 a:hover {
	background-image: url(../img/m1-2.jpg);
}


/* 機能のロールオーバー設定 */
#m2 a {
	background-image: url(../img/m2.jpg);
}


#m2 a:hover {
	background-image: url(../img/m2-2.jpg);
}


/* 料金のロールオーバー設定 */
#m3 a {
	background-image: url(../img/m3.jpg);
}


#m3 a:hover {
	background-image: url(../img/m3-2.jpg);
}


/* サンプルサイトのロールオーバー設定 */
#m4 a {
	background-image: url(../img/m4.jpg);
}


#m4 a:hover {
	background-image: url(../img/m4-2.jpg);
}


/* Q&Aのロールオーバー設定 */
#m5 a {
	background-image: url(../img/m5.jpg);
}


#m5 a:hover {
	background-image: url(../img/m5-2.jpg);
}


/* お問合せ・資料請求のロールオーバー設定 */
#m6 a {
	background-image: url(../img/m6.jpg);
}


#m6 a:hover {
	background-image: url(../img/m6-2.jpg);
}


/* フラッシュ */
#flash {
	clear: both;
	width: 900px;
	margin: auto;
	padding-top: 10px;
}


/* コンテンツ（左カラム＋右カラム） */
#contents {
	width: 900px;
	margin: auto;
	
}


/* 左カラム */
/* #left { */
#sidebar {
	float: left;
	width: 220px;
	margin-top: 15px;
}


/* 左カラム悩み相談、お試し、契約、資料 */
#left-menu{
	padding-bottom: 5px;
	margin-bottom: 5px;
}


#left-menu img{
	margin-bottom: 5px;
}


/* 左カラムの記事ボックス */
.leftbox{
	width: 218px;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}


/* 左カラムの記事ボックスの記事タイトル */
.leftbox-h4 h4{
	background-image: url(../img/h4-left.jpg); 
	background-repeat: no-repeat;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-top: solid 1px #cccccc;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
}


/* 左カラムの記事ボックスの記事内容 */
.leftbox-text {
	font-size: 12px;
	line-height: 150%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;

}


.leftbox-text img{
	margin-bottom: 5px;
}


/* 左カラム4つのポイント */
.side-point {
	text-align: center;
}


.side-point img{
	margin-bottom: 2px;
}


/* 左カラムのサンプルサイト */
#left-sample {
	width: 200px;
	margin: auto;
}


/* 左カラムの管理画面ログイン */
#login {
	width: 200px;
	margin: auto;
	text-align: right;
}

.u_left_text {
	margin-left: 5px;
	margin-bottom:3px !important;
	padding:3px !important;
}



/* 右カラム */
/* #right { */
#main {
	float: right;
	width: 650px;
	margin-top: 15px;
	line-height: 150%;
}

/* パンくず */
#pankuzu {
	margin-bottom: 20px;
}


/* 戻るリンク */
.back {
	background-image:url(../img/return.gif);
	background-position:0px 8px;
	background-repeat:no-repeat;
	margin-bottom:40px;
	margin-top:30px;
	padding-left:15px;
	padding-top:5px;
}


/* 右カラムのh2 */
/* #right h2 { */
#main h2 {
	background-image: url(../img/right-h2.jpg); 
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 2px;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: bold;
	color: #3366CC;
}


/* 右カラムのh3 */
/* #right h3 { */
#main h3 {
	background-image: url(../img/right-h3.jpg); 
	background-repeat: no-repeat;
	height: 25px;
	padding-left: 30px;
	padding-top: 5px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #3366CC;
}


/* 右カラムのh4 */
/* #right h4 { */
#main h4 {
	background-image:url(../img/right-h4.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	border-left:5px solid #3366CC;
	font-size:14px;
	font-weight:bold;
	line-height:130%;
	margin-bottom:15px;
	padding:4px 5px 4px 10px;
}

/* 右カラムのh5 */
/* #right h5 { */
#main h5 {
	background-image: url(../img/right-h5.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}


/* 右カラムのリスト */
#main ul {
	list-style-image: url(../img/list.jpg);
	padding-left: 20px;
}


#main li {
	margin-bottom: 5px;
}

/* 右カラムの左右均等表示 */
div.main-l-a {
	float:left;
	font-size:12px;
	line-height:160%;
	padding:0px 20px 0px 0px;
	width:315px;
}

div.main-r-a {
	float:right;
	font-size:12px;
	line-height:160%;
	padding:0px;
	width:315px;
}


/* 右カラムの左短め表示 */
div.main-l-b {
	float:left;
	font-size:12px;
	line-height:160%;
	padding:0px 20px 0px 0px;
	width:250px;
}


div.main-r-b {
	float:right;
	font-size:12px;
	line-height:160%;
	padding:0px;
	width:380px;
}


/* 右カラムの右短め表示 */
div.main-l-c {
	float:left;
	font-size:12px;
	line-height:160%;
	padding:0px 20px 0px 0px;
	width:380px;
}


div.main-r-c {
	float:right;
	font-size:12px;
	line-height:160%;
	padding:0px;
	width:250px;
}


/* 右カラムの強調用枠 */
div.box-b-top {
	background-image:url(../img/box_b_top.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}

div.box-b-top, .box-b-bot {
	height:12px;
	width:650px;
}


div.box-b-mid {
	background-image:url(../img/box_b_mid.jpg);
	background-repeat:repeat-y;
	width:650px;
}


div.box-inner {
	padding:5px 15px;
}


div.box-b-bot {
	background-image:url(../img/box_b_bot.jpg);
	background-repeat:no-repeat;
}


div.box-b-top, .box-b-bot {
	height:12px;
	width:650px;
}


/* 右カラム　囲み線のみの強調用枠 */

div.box-border {
	border: 2px solid #CCCCCC;
	width: 640px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	padding-right: 5px;
}






.padding10px {
	padding-left: 10px;
}

.padding20px {
	padding-left: 20px;
}



/* 右カラムのテーブル */
table.table-a {
	background-color:#CCCCCC;
	border:1px solid #CCCCCC;
	font-size:12px;
	line-height:150%;
	margin:0px 0px 5px;
	padding:0px;
	width:100%;
}


.table-a td {
	background-color:#FFFFFF;
	padding:5px;
}


.table-a th {
	background-color:#E5FFFF;
	padding:5px;
}



/* フッター */
#footer {
	clear: both;
	width: 900px;
	margin: auto;
	padding-top: 70px;
	padding-bottom: 50px;
	text-align: center;
}


#footer a {
	text-decoration: none;
	color: #000000;
}

#footer2 {
	width: 900px;
	background-color:#CCCCCC;
	padding: 2px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}


/* FAQ */
.q-a dt {
	background-image:url(../img/faq_img/q.jpg);
	background-position:0px 2px;
	background-repeat:no-repeat;
	color:#3366CC;
	font-size:12px;
	font-weight:bold;
	line-height:150%;
	margin-bottom:10px;
	padding-left:20px;
}


.q-a dd {
	background-image:url(../img/faq_img/a.jpg);
	background-repeat:no-repeat;
	border-bottom:1px dotted #999999;
	font-size:12px;
	line-height:160%;
	margin-bottom:20px;
	margin-left:30px;
	margin-right:40px;
	padding-bottom:20px;
	padding-left:20px;
}


/* 間隔空け */
.bottom5px {
	margin-bottom: 5px;
}


.bottom10px {
	margin-bottom: 10px;
}


.bottom15px {
	margin-bottom: 15px;
}


.bottom20px {
	margin-bottom: 20px;
}


.bottom30px {
	margin-bottom: 30px;
}


.bottom50px {
	margin-bottom: 50px;
}


/* 罫線 */
hr {
	height: 1px;
	border: none;
	border-top: 1px #999999 dashed;
	margin-bottom: 20px;
}




/* 文字大きさ */
.font12px {
	font-size: 12px;
}
.font14px {
	font-size: 14px;
}

.font16px {
	font-size: 16px;
}


/* 右寄せ */
.align-right {
	text-align: right;
}


/* 左寄せ */
.align-left {
	text-align: left;
}


/* 中央せ */
.align-center {
	text-align: center;
}


.bold {
	font-weight: bold;
}



/* 赤字 */
.red {
	color: #FF0000;
}

/* 字の装飾　オレンジ */
.orange {
	color: #FF9900;

}



/* トップページ右カラムの目的別で探す */
.mokuteki {
}


.mokuteki li {
	font-size: 14px;
	list-style-image: url(../img/check.jpg);
	padding-left: 7px;
	margin-bottom: 5px;
}


.mokuteki a{
	font-weight: bold;

}



/* トップページ右カラムの新着情報 */
#news {
	height: 120px;
	overflow: auto;
	margin-bottom: 30px;
}

#news h4 {
	background-image: none;
	border-left: none;
	font-size: 12px;
	color: #3366CC;
	font-weight: bold;
	margin-bottom: 10px;
}

#news  p {
	color: #000000;
	padding-left: 10px;
	line-height: 110%;
}

#news  hr {
	margin-bottom: 10px;
}




/* トップページ右カラムの充実の機能 */
dl.kinou {
	float:left;
	height:52px;
	margin-bottom:10px;
	margin-left:10px;
	width:45%;
}


dl.kinou dt {
	float:left;
	width:60px;
}


dl.kinou dd strong {
	color: #0066CC;
	font-size: 15px;
	font-weight: bold;
}


dl.kinou dd {
	font-size: 12px;
	padding-top: 10px;
}


/* トップページ右カラムの相談窓口 */
#soudan {
	width: 650px;
	background-color: #F5F5F5;
	margin: auto;
	padding: 5px;
	text-align: center;
}


#soudan img{
	margin: 10px;
}



/* aimmとはの青字タイトル */
.blue-title {
	font-size: 22px;
	font-weight: bold;
	color: #3366CC;
	border-left: solid 5px #3366CC;
	padding-left: 7px;
	margin-bottom: 10px;
}


/* h5と同じデザインにしたい時用 */
.class-h5 {
	background-image: url(../img/right-h5.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 15px;
}