@charset "shift-jis";
/* ホームページ作成・SEO対策のあいうぇぶ */

/* ■共通設定｜配置・余白関連｜リンク関連｜テーブル■個別設定 ｜リスト（頻用）*/

/* 初期化-------------------------------------------------------------------------------------------------- */

body,div,pre,
form,fieldset,option, /*フォーム関連*/
dl,dt,dd,ul,ol,li,
embed,object { 
margin: 0; 
padding: 0; 
vertical-align: baseline; 
} 

/* インデント */
blockquote{	margin:0 0 0 15px;}


/* ■基本＆レイアウト-------------------------------------------------------------------------------------------------- */
/* ----------------------基本設定 --------------------- */

body{
	background : #fdfdf6 url('../img/bg.gif') repeat-x top center;
	margin: 0 auto; /* ページが中央揃え */
	padding: 0;
	text-align: center; /* center on IE テキストは、#base2で左揃えに設定 */
	font: 83% 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Ghothic Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Verdana, Geneva, sans-serif;
	/* -webkit-text-size-adjust: 100%; スマホ等文字サイズ自動調整オフ*/

}
body#sogotop{
	background : #a12800 url('../img/bg-sogotop.gif') repeat-x top center;
}
body *, 
body p{ 

	color:#595959;
}

/* スクロールバーのズレ対策 */
*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:auto;
}

body {
   overflow-y:scroll;
}


table{ 
    font-size:1em;
}
/* ----------------------レイアウト --------------------- */
/* ベースの上（角丸）*/
#base-top{
	clear: both;
	background: url(../img/bg-base.gif) no-repeat top center;
	margin:0px auto;
	height : 5px;
}
/* 下敷き*/
#base{
	background-color:#fff;
	position:relative;
	width:900px;
	margin:0px auto;
	border-right:1px solid #d1d1d1; 
	border-left:1px solid #d1d1d1; 
}
/* aoiweb.com下敷き*/
#base-alltop{
	background-color:#fff;
	position:relative;
	width:960px;
	margin:0px auto;
	border-right:1px solid #d1d1d1; 
	border-left:1px solid #d1d1d1; 
}
/* 中敷き*/
#base2{
    position:relative;
    width:870px;
    margin:0px auto;
    text-align:left;
}
/* aoiweb.com中敷き*/
#base2-alltop{
    position:relative;
    width:930px;
    margin:0px auto;
    text-align:left;
}
/* ヘッダートップ*/
#head-top{
	width:100%;
	overflow:auto;
}
/* ヘッダーサブ*/
#head{
	width:100%;
	overflow:auto;
	background-color:#fff;
}

/* ナビゲーション・パンくず枠 */
#navi{	clear: both;
	padding: 7px 0px 5px 5px;
	letter-spacing:1px;
	border-bottom:1px dotted #999;
	font-size: 90%;
	color: #908a8a;
	background-color:#f7f7f7;
}

/* 右側に変更しました*/

#right-menu{
	width:180px;
	float:left;
}
#box_l{
	margin:10px 0px 10px 5px;
	line-height:1;
}

/* コンテンツ枠と右枠(3カラムの場合)------------------------------*/
#center_3c{
	width: 550px;
	float:left;
}
#box_c{/* 共通 */
	margin:10px;
	line-height: 1.5;
}
/* 左側*/
#left-menu{
	width:140px;
	float:left;
}
#box_r{
	margin:10px 0px 10px 5px;
}

/* コンテンツ枠(2カラムの場合)------------------------------*/
#center_2c{clear: both;
	width: 690px;
	float:left;
}
/* aoiweb.comコンテンツ枠*/
#center_2c-alltop{clear: both;
	width: 750px;
	float:left;
}


/* コンテンツ枠(1カラムの場合) ------------------------------ */
#center_1c{
	background-color:#ffffff;
	clear:both;
	width: 870px;
}

/* フッターナビゲーション ------------------------------ */
#foot_navi{
	clear:both;
	padding: 5px 0px 5px 0px;
	letter-spacing:1px;
	background-color:#eaeaea;
	text-align:center;
	/* border-bottom:1px dotted #a2a2a2; */
	font-size: 90%;
	height : 17px; 
}

/* フッター*/
#foot{
	clear:both;
	position:relative;
	text-align:left;
	line-height: 1.5;
	font-size: 95%;
	background : #f2f2f2 url('../img/bg-foot.gif') repeat-x top left;
}


/* コピーライト */
address{
	border-top:1px dotted #a2a2a2; 
	font-size:80%;
	font-family: verdana;
	color:#888888;
	font-style: normal;
	clear: both;
	text-align:center;
	background-color:#555;
}

/* ■共通設定-------------------------------------------------------------------------------------------------- */

/* 不可視ナビ------------------------------------- */

.anchor {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute; 
	clear:both;
}
.hidden {
	display: none;
}

/* 配置・余白関連------------------------------------- */

/* セルなどの余白 */
.padd{
	padding:5px 5px 5px 5px;
}

.padd10{
	padding:5px 10px 5px 10px;
}

.p-t5{	padding-top:5px;}
.p-l10{	padding-left:10px;}
.p-r10{	padding-right:10px;}
.p-b10{	padding-bottom:10px;}
.m-t5{	margin-top:5px;}
.m-l10{	margin-left:10px;}
.m-r10{	margin-right:10px;}
.m-b10{	margin-bottom:10px;}

/* 横並び2つのボックス50%（サイトマップ）
<div class="boxall"><div class="boxleft">ああ</div><div class="boxright">ああ</div></div> */

div.boxall{
	margin-top:1em;
	clear:both;
	width: 100%;
	margin:0px auto;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/
}

div.boxleft {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 48%;
	margin-right:1%;
	vertical-align: top;
}
div.boxright {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 48%;
	vertical-align: top;
}
div.boxright h3 {
width:100%;
}

/* 横並び2つのボックス（横幅指定なし）
<div class="padd10 bg_cream"><div class="box2">ああ</div><!-- --><div class="box2">ああ</div></div> */

div.box2 {
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/
	margin-right:5px;
	vertical-align: top;
}

/* 回り込み解除 */
.cb {
	clear:both;
}

/* 右寄せ */
.haiti_right{
	text-align: right;
}
.haiti_right_float{
	float: right;
}
/* 左寄せ */
.haiti_left{
	text-align: left;
}
.haiti_left_float{
	float: left;
}
/* 文字のセンタリング */
.haiti_cent{
	text-align: center;
	margin: 0px auto 0px auto
}
/* 上付 */
.haiti_top{
	vertical-align : top;
}
/* 下付 */
.haiti_bottom{
	vertical-align : bottom ;
}
/* 改行しない */
.nowrap{
	white-space: nowrap;/* 改行しない */
}


/* リンク関連 ------------------------------------- */

/* 通常リンク */

a:link{		color : #3a64aa;}
a:visited{	color : #5d61a2;}
a:hover{	color : #001c79;}

/* 左サイドメニューリンク */

ul.acc {
	width:175px;
	font-size: 105%;
}
ul.acc, ul.acc li ul {  
	margin: 0;  
	padding: 0;  
	list-style: none;
}
ul.acc a:link,ul.acc a:visited{
	background-image: url('../img/menu1.gif');
	background-repeat: no-repeat;
	color: #fff;
	display: block;
	height: 45px;
	line-height: 40px;
	text-indent: 6px;
	text-decoration: none;

	margin-bottom:2px;
}
ul.acc a:hover{
	color : #74581f;
	background-image : url('../img/menu2.gif');
	background-repeat: no-repeat;}


/* --- サイドバーデザイン違いのリンク --- */
ul.acc li.grnmenu a {
font-size: 90%;
text-indent:5px;
display: block;
height : 25px;
position: relative; /* IE6用 */
line-height: 2;
padding:0 0 1px 0;
background: url(../img/menu6.gif) no-repeat right; /* リンクエリアの背景 */
color:#74581f ; /* 文字色 */
text-decoration: none; /* テキストの下線（なし） */
}

/* --- サイドバー子リンクポイント時の設定 --- */
ul.acc li.grnmenuon a,ul.acc li.grnmenu a:hover{
font-size: 90%;
height : 25px;
position: relative; /* IE6用 */
line-height: 2;
background: url(../img/menu5.gif) no-repeat right; /* ポイント時の背景 */
color: #fff; /* 文字色 */
}


/* ヘッダーの(横並び)共通メニュー */

#header_menu {
		margin-top: 0px;
		width: 870px;
	clear:both;
}

#header_menu ul {
		margin: 0;
		padding: 0;
}

#header_menu li{
	float: left;
	width:110px;
	margin: 0;
	padding: 0;
}
#header_menu li.haba{/* 幅が違う画像がある場合 */
	width:100px;
}
#header_menu li a{outline:none;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 36px;
	padding-top: 36px;
	background-image: url(../img/menu3.gif);}

/*トップ大メニュー------------------------------------- */
#nav01 a {background-position: 0px 0px;width:100px;}
#nav02 a {background-position: -100px 0px;width:110px;}
#nav03 a {background-position: -210px 0px;width:110px;}
#nav04 a {background-position: -320px 0px;width:110px;}
#nav05 a {background-position: -430px 0px;width:110px;}
#nav06 a {background-position: -540px 0px;width:110px;}
#nav07 a {background-position: -650px 0px;width:110px;}
#nav08 a {background-position: -760px 0px;width:110px;}

/*トップ大メニューオンマウス------------------------------------- */
#nav01 a:hover,#nav01on a {background-position: 0px -36px;width:110px;}
#nav02 a:hover,#nav02on a {background-position: -100px -36px;width:110px;}
#nav03 a:hover,#nav03on a {background-position: -210px -36px;width:110px;}
#nav04 a:hover,#nav04on a {background-position: -320px -36px;width:110px;}
#nav05 a:hover,#nav05on a {background-position: -430px -36px;width:110px;}
#nav06 a:hover,#nav06on a {background-position: -540px -36px;width:110px;}
#nav07 a:hover,#nav07on a {background-position: -650px -36px;width:110px;}
#nav08 a:hover,#nav08on a {background-position: -760px -36px;width:110px;}



/* メニューの上の共通メニュー */
#menu-tab{width : 902px;	text-align:center;
	margin: 0px auto 0px auto;
	margin-top:5px;}
#menu7 {float:right;
		margin-top: 0px;
		width: 330px;
	clear:both;
}
#menu7 ul {
		margin: 0;
		padding: 0;
}
#menu7 li{
	float: left;
	width:110px;
	margin: 0;
	padding: 0;
}
#menu7 li a{outline:none;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0 !important;
	height /**/: 25px;
	padding-top: 25px;
	background-image: url(../img/menu7.gif);}

/*トップ大メニュー------------------------------------- */
#nav001 a {background-position: 0px -25px;width:110px;}
#nav002 a {background-position: -110px -25px;width:110px;}
#nav003 a {background-position: -220px -25px;width:110px;}
/*トップ大メニューオンマウス------------------------------------- */
#nav001 a:hover,#nav001on a {background-position: 0px 0px;width:110px;}
#nav002 a:hover,#nav002on a {background-position: -110px 0px;width:110px;}
#nav003 a:hover,#nav003on a {background-position: -220px 0px;width:110px;}



/* 横並びのメニュー(ページ内リンク等）*/
ul.menu2{	clear:both;
	margin: 15px 0px 20px 0px;}
ul.menu2 li{display:inline;}
li.waku{font-size:110% ;
	padding:3px;
	margin : 1px;
	float:left;
}
ul.menu2 li a:link ,
ul.menu2 li a:visited {
	text-decoration:none;
	background-color:#fffff3;
	font-size: 110%;
	padding:5px;
	margin-left : 5px;
	float:left;
	border:1px solid #cccccc; 
	color : #006699;}

ul.menu2 li a:hover,
ul.menu2 li a:active{
	background-color:#ffffff;
	color : #aa0000;
}



/* フッターの上の横並びリンク*/
#foot_navi ul{	clear:both;
	margin: 0;
	text-align:center;
}
#foot_navi ul li{
	display:inline-block;
     padding: 0px 8px 0px 8px;
     border-right: 1px solid #666;
/display:inline;
/zoom:1;

}
#foot_navi ul li a:link,
#foot_navi ul li a:visited {
     margin: 0;
     padding: 0;
     color: #3277bc;
     text-decoration: none;
}
#foot_navi ul li a:hover,
#foot_navi ul li a:active{
	     color: #4F4F4F;
}
#foot_navi ul li.bnone {
     border-right: none;/* 区切り線のないリンク */
}




/* 「ページの先頭へ戻る」リンク */

/* 上へ戻る画像を入れるdiv*/
#pagetopwaku{clear: both;
	text-align:right;
	vertical-align : bottom;
}

.pagetop{float:right;}

.pagetop_icon{float:right;}/* img/icon_pagetop2.gifアイコン使用 */

a.pagetop:link ,
a.pagetop:visited
{
	background: url('../img/icon_pagetop.gif') no-repeat; 
	background-position:0% 6px;
	margin:0px;
	padding-left: 9px; 
}

/* テーブル・セルなどによく使うもの ------------------------------------- */

/* テーブルとセルの線を細くする */
table{
	border-collapse: collapse;
	border-color: #a2a2a2;
}
td{
	border-collapse: collapse;
	border-color: #a2a2a2;
}
/* テーブルとセルの線を細くする（暗い罫線も同じ色になるように） */
.table1,.table1 td {
	border-collapse: collapse;
	border: 1px #a2a2a2 solid; 
} 

/* ヘッダーセル */
th{
	border-collapse: collapse;
	border: 1px #a2a2a2 solid; 
	background-color:#f0f1f3;
	white-space: nowrap;
	padding-left:5px;
	font-weight:normal;
}
/* 見出しの色つきセル(ヘッダーセル以外で) */
.cell_top
	{background-color:#f80;
	text-align:center;
	font-weight:bold;
	white-space:nowrap;
	color: #ffffff;}

.cell_top a{color: #ffffff;
	border-bottom:1px dashed #fff;
	text-decoration:none;}

/* 全セル上付きの表 */
.uetuki td
	{vertical-align : top;}

/* 背景が白のテーブル、セルなど */
.bg_cream {
	background-color:#f0ece4;
}

/* 背景が黒のテーブル、セルなど */
.bg_black {
	background-color:#000000;
	color: #ffffff;
}

/* 背景が濃い色のテーブル、セルなど */
.bg_koi {
	background-color:orange;
	color: #ffffff;
}


/* 幅100% */
.w100{
	width : 100%;
	padding: 0px;
	margin: 0px;
}.w90{
	width : 90%;
	padding: 0px;
	margin: 0px;
}.w80{
	width : 80%;
	padding: 0px;
	margin: 0px;
}.w70{
	width : 70%;
	padding: 0px;
	margin: 0px;
}.w60{
	width : 60%;
	padding: 0px;
	margin: 0px;
}
/* 罫線------------------------------------- */

/* 表の枠 */

.hyo_uesita {
	border-top:1px solid #a2a2a2; 
	border-bottom:1px solid #a2a2a2; 
}
.hyo_sayu {
	border-right:1px solid #a2a2a2; 
	border-left:1px solid #a2a2a2; 
}
.hyo_migi {
	border-right:1px solid #a2a2a2; 
}
.hyo_sita {
	border-bottom:1px solid #a2a2a2; 
}
.hyo_ue {
	border-top:1px solid #a2a2a2; 
}
.hyo_hidari {
	border-left:1px solid #a2a2a2; }
.hyo_kakomi {
	border:1px solid #a2a2a2; 
}
.hyo_kakomi2 {
	border:1px solid #a2a2a2; 
	padding:5px;
	background-color:#f0f3ff;
	line-height: 1.5;
	font-weight:bold;
}

/* ドット下線 */
.hyo_sita_dt {
	border-bottom:1px dotted #a2a2a2; 
}
/* テーブルドット枠 */
.hyo_dot{
	border: 2px dotted #a2a2a2;
}

/* 文字関連------------------------------------- */

/* キャッチフレーズ(タイトル上の…) */
.catch {
	letter-spacing:1px;
}

/* 白い文字 */
.f_white {
	color: #fff7e8;
}
/* 赤い文字 */
.f_red {
	color: #cc0000;
	font-weight:bold;
}
/* 青い文字 */
.f_blue {
	color: #0000cc;
	font-weight:bold;
}
/*装飾的な文字 */
.f_design{
	font-family:fantasy;
	color:#808000;
	font-weight:bold;
}
/* 小さい文字 */
.f_ssmall{
	font-size:75%;
}

/* 普通の文字 */
.f_medium{
	font-size:medium;
}

/* 改行 */
.kaigyo140{
	line-height: 1.4
}
.kaigyo150{
	line-height: 1.5;
}

/* 見出し------------------------------------- */

h1 {	clear: both;
	height : 55px;
	background: url('../img/h1.gif') no-repeat;
	padding: 0;
	line-height:70px;
	letter-spacing:0.1em;
	font-size: 22px;
}

h1.sogotop {
	height : 10px;
	line-height:15px;
	background: url('');
	color: #fdfdf6;
	letter-spacing:0.1em;
	font-size: 12px;
	font-weight:normal;
}

h2 {	clear: both;
	font-size: 130%;
	background : #0c6fbd url('../img/h2-blue.gif') no-repeat;
	padding: 0px 0px 0px 4px;
	margin :5px 0px 8px 0px;
	height : 30px;
	color: #fdfdf6;
	line-height: 1.8;
	text-indent:1em;
}
h2.red {	background : #a00 url('../img/h2.gif') no-repeat;
}

h2 a:link,h2 a:visited {
	text-decoration:none;
	color: #0c6fbd;
 }
h2 a:hover {	text-decoration:none;
	color: #ee0000;	
 }
h3 {text-indent:1.5em;
	font-size: 125%;
	line-height: 1.3;
	margin-bottom : 10px;
	background: url('../img/icon_c.gif') no-repeat;
	height : 23px;
	clear: both;
	border-bottom:1px dotted #ccc; 
}

h3 a:link,h3 A:Visited{
	text-decoration:none;
	color: #002ab2;}

/* Q&A */
#qa h3{	background: url('../img/qa_q.gif') no-repeat;
	color: #cc0000;
	letter-spacing:1px;}

#foot h3{font-size: 17px;
	background :none;
	text-indent:0;
	color: #cc0000;
	margin:0px;
	padding:0px;
	letter-spacing:1px;}
h4 {
	font-size: 14px;
	color: #aa0000;
	background:url(img/bg01.gif) repeat-x #fff;
	background-position: 0 1px;
	border:1px solid #ededed;
	padding:9px 14px 7px;
}
	/*h4 {	background-color: #f0f0f0;
	border-left:10px solid #900;
	color:#900;
	padding:0.2em 4px;
	margin:15px 0px ;
	clear:both;
	line-height: 1.5;
	}*/
/* Q&A */
#qa h4{	background:#e5e0d7 url('../img/qa_a.gif') no-repeat 5px 9px;
	border:0;
	color: #555;
	font-size: 98%;
	padding:5px 5px 5px 30px;
	font-weight:normal;
	line-height: 1.7;}


h5 {	color: #F60 !important;
	font-size: 105%;
	margin: 15px 0;
	padding:0.1em;
	letter-spacing:1px;
}

h5 a,h5 a:visited {	color: #FF6600 !important;}

/* サイトマップのh5 */
.boxall h5 {
	margin: 0px 0;
}

h6{	color: #666;
	font-size: 105%;
	margin: 15px 0;
	letter-spacing:1px;
	border-bottom:1px solid #ccc; 
	font-weight:normal;
}

/* 背景関連------------------------------------- */

/* 左一列の画像 */
.bg_hidari{
	background-image : url('../img/bg2_2.gif');
	background-attachment: fixed;
	background-position:0% 00%;
	background-repeat: repeat-y;
}
/* 左上の画像 */
.bg_hidariue{
	background-image : url('../img/hidariue.gif');
	background-attachment: fixed;
	background-position:0% 00%;
	background-repeat: no-repeat;
}
/* 左下の画像 */
.bg_hidarisita{
	background-image : url('../img/bg_hidarisita.gif');
	background-attachment: fixed;
	background-position:0% 100%;
	background-repeat: no-repeat;
}
/* 右上の画像 */
.bg_migiue{
	background-image : url('../img/bg_top.jpg');
	background-attachment: fixed;
	background-position:100% 0%;
	background-repeat: no-repeat;
}
/* 右下の画像 */
.bg_migisita{
	background-image : url('../img/migisita.gif');
	background-attachment: fixed;
	background-position:100% 100%;
	background-repeat: no-repeat;
}
/* 中央の画像 */
.bg_naka{
	background-image : url('../img/onkotishin.gif');
	background-attachment: fixed;
	background-position:50% 50%;
	background-repeat: no-repeat;
}

/* 画像関連------------------------------------- */

img{	border:none;
	vertical-align:top;
}

/* 画像に影 */
.kage{
	filter:progid:dximagetransform.microsoft.shadow(color=#bbbbbb,strength=5,direction=130);
}
/* 左寄せ画像<BR CLEAR="all">回り込み終了タグ */
.pict {
	float: left; margin: 2px 5px 1px 0px;
	padding:5px;
}
/* 右寄せ画像 */
.pict_r {
	float: right; margin: 2px 5px 1px 0px;
	padding:5px;
}

/* リスト------------------------------------- */
ul {	list-style:none;
} 


/* グレー○ */
ul.icon li { 
	background: url('../img/icon.gif') no-repeat; 
	background-position:0% 3px;
	margin:3px 2px 2px 10px;
	padding-left: 15px; 
	list-style:none;
}

/* オレンジドット */
ul.icon2 li { 
	background: url('../img/icon2.gif') no-repeat; 
	background-position:0% 6px;
	margin:0px;
	padding-left: 9px; 
	list-style:none;
} 

/* 青いフォルダ */
ul.icon3 li {
	background: url('../img/icon2.gif') no-repeat; 
	background-position:0% 5px;
	text-indent:1.5em;
	line-height:1.7;

	list-style:none;
	font-weight:bold;
	font-size: 110%;
}

/* リンク集 */
ul.icon4 li { 
	background: url('../img/icon4.gif') no-repeat; 
	background-position:0% 4px;
	margin:0px;
	line-height:2;
	padding-left: 27px;
	list-style:none;
} 
ul.icon5 li { 
	background: url('../img/icon5.gif') no-repeat; 
	background-position:0% 4px;
	margin:0px;
	line-height:2;
	padding-left: 27px;
	list-style:none;
} 
/* PDF・WORD・EXCELフォルダ*/
ul.icon_pdf{/* FireFoxでのズレ防止 */
	padding: 10px 0px 0px 0px; 	
}
ul.icon_pdf li {
	background: url('../img/icon_pdf.gif') no-repeat; 
	background-position:0% 4px;
	margin:0px;
	line-height:2;
	padding-left: 25px;
	list-style:none;
}

ul.icon_pdf li.word {
	background: url('../img/icon_word.gif') no-repeat; 
	background-position:0% 4px;
	margin:0px;
	line-height:2;
	padding-left: 25px;
	list-style:none;
}

ul.icon_pdf li.excel {
	background: url('../img/icon_excel.gif') no-repeat; 
	background-position:0% 4px;
	margin:0px;
	line-height:2;
	padding-left: 25px;
	list-style:none;
}
ul.icon_pdf li.hmpg {
	background: url('../img/icon_html.gif') no-repeat; 
	background-position:0% 4px;
	margin:0px;
	line-height:2;
	padding-left: 25px;
	list-style:none;
}

/* その他------------------------------------- */


/* 不可視スペースなし */
.toumei{	display : none; }

/*リンクの手を出さない*/
.mk{	cursor:default;}

/* 水平線 */
hr {
	border-style: dotted;
	margin-bottom:1px;
	margin-top:1px;
	color:#d1d1d1;
}

/* フォーム関連 ------------------------------------- */

/* お問い合わせ */
textarea,input,select {
	border:1px solid #8b9b97;
	background-color: #f3f3f3;
	font-size: 90%;
	color: #464646;
}

.but {
	border-top:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color: #ffffff;
}

/* メールフォームcgi（mail22）の上部タイトルなど */
.ttl{
	font-size:90%;
	font-family: verdana;
	color:#ffffff;
}

/* ■個別設定-------------------------------------------------------------------------------------------------- */

/* 見出し個別設定（他のパターンはcolor.cssで設定）--------------------------------------  */

#color0{border-left:7px solid #69e;}
#color0 h2{background-color:#dee;}
#color0 th{background-color:#dee;}
#color0 h3{border-bottom:3px dotted #69e;}
#color0 h4{border-left:10px solid #69e;
	border-bottom: 1px solid #69e;}

/* 新着情報（トップページ）--------------------------------------  */

#newbox span{letter-spacing:1px;}

/* 新着などをスクロール */
.scroll{height: 150px; overflow: auto;
	width : 100%;
	margin:5px 0;}

/* スクロールさせる(新着情報にPHP使用時) */
DIV#scroll{
	height: 210px; overflow: auto;
	width : 100%;
	margin:7px 0 12px 0;
	line-height: 1.5;
}
DIV#scroll p{background: url('../img/icon_b.gif') no-repeat; 
	background-position:0 2px;
	padding-left: 1.4em; 
	font-size: 85%;
	border-bottom:1px dotted #a2a2a2;
	margin:8px 0;
	letter-spacing:1px;
}
DIV#scroll strong{
	color: #d00;
	font-size: 14px;
	letter-spacing:1px;
}

/* スクロールさせない(新着情報にPHP使用時) */
DIV#osirase{
	width : 100%;
	margin:7px 0 12px 0;
	line-height: 1.5;
}
DIV#osirase p{background: url('../img/icon_b.gif') no-repeat; 
	background-position:0 2px;
	padding-left: 1.4em; 
	font-size: 85%;
	border-bottom:1px dotted #a2a2a2;
	margin:8px 0;
	letter-spacing:1px;
}
DIV#osirase strong{
	color: #d00;
	font-size: 14px;
	letter-spacing:1px;
}


/* サイドの青枠--------------------------------------  */

#aowaku-mode{background-image : url('../img/top_aowaku-mode.gif');
	background-repeat: repeat-y;
	border-bottom:1px solid #f60;
	border-top:1px solid #f60;
	padding:3px;
	overflow:auto;/* はみ出し防止処理 */
}
#aowaku-mode ul{padding-left:0px;
}
/* サイドの青枠内のリンクの付箋デザイン(3カラムの右部分)--------------------------------------  */
#aowaku-mode a{
	text-decoration:none;
}

#aowaku-mode li.kinkyu{/* 赤付箋 */
	font-size: 110%;
	height : 25px;
	margin-top:3px;
	margin-left:3px;
	border-left:5px solid red;
	background: #F7F7F7;
	padding:0px 0px 0px 3px;
	line-height: 25px;
}

#aowaku-mode a.kinkyu{
	color: red;
}
#aowaku-mode ul.yoyaku li{/* 黄付箋 */
	font-size: 110%;
	height : 28px;
	margin-top:4px;
	margin-left:3px;
	border-left:5px solid #ffcc00;
	padding:3px 0px 0px 6px;
	background: #F7F7F7;
	line-height: 28px;
}
#aowaku-mode ul.seikatu li{/* 青付箋 */
	font-size: 120%;
	margin-top:4px;
	margin-left:3px;
	border-left:5px solid #2377ca;
	padding:3px 0px 0px 6px;
	letter-spacing:1px;
	background: #F7F7F7;
	line-height: 28px;
	overflow:auto;/* はみ出し防止処理 */
}

#aowaku-mode ul.town li{/* 緑付箋 */
	font-size: 110%;
	height : 25px;
	margin-top:4px;
	margin-left:3px;
	border-left:5px solid #0fa674;
	padding:3px 0px 0px 6px;
	letter-spacing:1px;
	background: #F7F7F7;
	line-height: 25px;
}

/* デザイン的な枠-------------------------------------------------------  */
.point1{/* 薄いグレー */
	background-color: #F7F7F7;
	line-height: 1.2;
	font-size: small;
	padding: 0.5em;
	overflow:auto;/* 画像の飛び出し防止 */
}
.point2 {/* 黄色赤枠 */
	background-color: #FFFFCC;
	border: 1px solid #ff8361;
	font-size: small;
	padding: 0.2em 0.5em;
	margin0: 0;
}
.point3 {/* グレー二重線 */
	border: 3px double #CCCCCC;
	background: #F7F7F7;
	font-size: small;
	padding: 0.2em 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	overflow:auto;/* 画像の飛び出し防止 */
}

/* <div class="point4"><div class="point4_in">ラインなし</div></div> */
.point4 {/* 角が丸いベージュ背景（12-2.htm等） */
	margin: 10px 1px;
	padding: 1px 0px;
	background: #fffaa3;
}

.point4_in {
	margin: 0px -1px;
	background: #fffaa3;
	padding:5px;
	line-height: 1.5;
}

/* <div class="point5"><div class="point5_in">ラインあり</div></div> */
.point5 {clear: both;
	margin: 10px 1px;
	background: #eaeadd;
	border-top: 1px solid #aeac9a;
	border-bottom: 1px solid #aeac9a;
}

.point5_in {
	margin: 0px -1px;
	background: #eaeadd;
	border-left: 1px solid #aeac9a;
	border-right: 1px solid #aeac9a;
	padding:5px;
	line-height: 1.7;
	color: #74581f;
	overflow:auto;/* 画像の飛び出し防止 */
}

.point6 {/* 黒枠 */
	background-color: #fdfdfd;
	border: 1px solid #cccccc;
	font-size: medium;
	padding: 0.2em 0.5em;
	margin: 0;
	display: inline;
	clear: both;
}

ul#gNavi li {
	display: block;
	list-style-type: none;
	margin: 5px;
}

ul#gNavi li a {
	padding: 0.5em 0.3em;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	border-left: 1px solid #333333;
	text-decoration: none;
	color: #333333;
	background-color: #EEEEEE;
}

/* highslide */


a.highslide-credits,
a.highslide-credits i {
	display:none;
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}

/* ホームページ作成・SEO対策のあいうぇぶ */